@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

div.pagination {
	    text-align: center;
    margin-top: 20px;
    padding-bottom:20px;
}

div.pagination ul {
	display: inline-block;
}

div.pagination ul li {
    display: inline-block;
    margin: 0 2px;
}

div.pagination ul li a {
	display: block;
    color: #bbb;
    min-width: 26px;
    height: 26px;
    line-height: 24px;
    font-size:14px;
    border: 1px solid #bbb;
    text-decoration: none;
}

div.pagination ul li.current a, div.pagination ul li a:hover {
	border: none;
    color: #0070C0;
    font-weight: 600;
    border:1px solid #0070C0;
}

div.pagination ul li.first a {
	background: url(../../images/egovframework/com/cmm/paging/pagination_first.gif) 8px 9px no-repeat;
    text-indent: -10000em;
}
 
div.pagination ul li.prev a {
    background: url(../../images/egovframework/com/cmm/paging/pagination_prev.gif) 11px 9px no-repeat;
    text-indent: -10000em;
}

div.pagination ul li.next a {
    background: url(../../images/egovframework/com/cmm/paging/pagination_next.gif) 12px 9px no-repeat;
    text-indent: -10000em;
}

div.pagination ul li.last a {
    background: url(../../images/egovframework/com/cmm/paging/pagination_last.gif) 10px 9px no-repeat;
    text-indent: -10000em;
}

::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: #ededed;
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #091B59;
    border-radius: 9px;
    width: 9px;
}




table tr  td input.input-normal {
	border: 1px solid #999;
    width: 100%;
    height: 28px;
    padding-left: 10px;
}

table tr  td input.input-date {
	border: 1px solid #999;
    width: 200px;
    height: 30px;
    padding-left: 20px;
}





/* input 달력 css 변경 -> jquery-ui calendar css 수정 시작 */


.button-cal{
    width: 380px;
    height: auto;
    border-radius: 8px;
    background: #fff;
    border: 2px solid #0070C0;
    box-shadow: 2px 3px 6px #ddd;
}
.cal-top{
    background: #E8EDF1;
    width: 100%;
    height: 60px;
    border-radius: 6px 6px 0 0;

}
.cal-top .year-month{
    text-align: center;
    height: 100%;
    line-height: 50px;
}
.cal-top .year-month>select{
    width: 120px;
    height: 32px;
    padding-left: 6px;
    border-radius: 3px;
    border: 1px solid #0070C0;
    font-weight: 600;
    font-size: 15px;
    
}

.cal-top .year-month>select:nth-child(1){
    margin-right: 4px;
}

.cal-top .year-month>select:nth-child(2){
    margin-left: 4px;
}


.cal-top .year-month .year{
    margin-right: 2px;
}
.cal-table{
    padding: 0 10px 0;
    width: 100%;
}
.cal-table tr th span{
    font-size: 15px;
    /* font-weight: 500; */
    height: 32px;
}
.cal-table tr th:nth-child(1) span{
    color: #E95561;
}
.cal-table tr th:nth-child(7) span{
    color:  #0070C0;
}
.cal-table tr td{
    border: 1px solid #ddd;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
.cal-table tr td:hover{
    background: #fafafa;
    border: 1px solid #0070C0;
    cursor: pointer;
}
.under-button{
    margin-top: 10px;
    border-top: 2px solid #0070C0;
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.under-button>button{
    position: absolute;
    height: 32px;
    width: 80px;
    border-radius: 3px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    top: 12px;
}
.under-button #today-btn{
    left: 12px;
    border: 1px solid #0AAD9A;
    color: #0AAD9A;
}
.under-button #today-btn:hover{
    color: #fff;
    background: #0AAD9A;
}
.under-button  #del-btn{
    right: 12px;
    border: 1px solid #999;
    color: #999;
}
.under-button  #del-btn:hover{
    color: #fff;
    background: #454545;
}

/* input 달력 css 변경 -> jquery-ui calendar css 수정 끝 */




/* ----------------------------- 구분 */ 





body{
    font-family: 'Noto Sans KR', sans-serif;
    font-style: normal;
    font-weight:400;
    background: #E8EDF1;
}


*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    color: #454545;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing:-0.6px;
}
ul,li{
    list-style: none;
}
a{
    color: inherit;
}
button{
	cursor: pointer;
}
table{
	border-collapse:collapse;
}
select{
	 font-family: 'Noto Sans KR', sans-serif;
	 padding-bottom:1px;
}
.clearfix::after{
    clear: both;
    content: "";
    display: table;
}


/* 탑메뉴 css */
.top_menu{
    position: fixed !important;
    height: 40px;
    z-index: 100;
    width: 100%;
    background: #fff;
    
}
.top_menu>ul {
    width: 100%;
    height: 100%;
}
.top_menu>ul .menu1{
    left: 230px;
    background: #E8EDF1;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    font-weight: 500;

}

.top_menu>ul .menu2{
    left: 230px;
    background: #FFF;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    font-weight: 500;

	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.top_menu>ul .menu1>a,.top_menu>ul .menu2>a{
	display:block;
	width:100%;
	height:100%;
}
.top_menu>ul .login{
    position: absolute;
    right: 160px;
    line-height: 38px;
    width: 180px;
    height: 100%;
}
.top_menu>ul .home_btn{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 38px;
    font-size: 16px;
    font-weight: 500;
    width: 160px;
    height: 40px;
    background: #091B59;
    color: #fff;
}
.top_menu>ul .home_btn>a{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 26px;
}
.top_menu>ul .home_btn img{
    position: absolute;
    top: 13px;
    left: 128px;
}

/* 왼쪽 메뉴 css */
header{
    position: fixed;
    float: left;
    height: 100%;
    width: 230px;
    background: #fff;
    z-index: 100;
}
nav{
    width: 100%;
}
.nav-tit{
    height: 40px;
    width: 230px;
    font-size: 16px;
    font-weight: 600;
    color: #091B59;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px solid #ddd;
}
.gnb{
    width: 100%;
}
.gnb li{
    position: relative;
    border-bottom: 1px solid #ddd;
}

.gnb>li>a.on{
    background: #091B59;
    color: #fff;
    box-shadow: 0 3px 6px #949CBB;
}
.gnb li>a:hover{
    background: #091B59;
    color: #fff;
}
.gnb li>a img{
    position: absolute;
    top: 18px;
    left: 30px;
}
.h-bar{
    float: right;
}
.gnb li>a #arrow_off{
    top: 18px;
    left: 190px;
}
.gnb li>a #arrow_on{
    left: 190px;
    display: none;

}




.sub{
    display: none;
    width: 100%;

}
.sub>li{
    background: #eee;
    border-bottom: none;
    width: 100%;
    height: 36px;
}
.sub>li>a{
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding-left: 66px;
}
.sub>li>a:hover{
    background: #0070C0;
}
.logout{
    position: fixed;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    width: 230px;
    background: #454545;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-left: 76px;
}
.logout a{
    display: block;
    width: 100%;
    height: 100%;
}
.logout a img{
    position: absolute;
    top: 22px;
    left: 45px;
}






.chk-wrap>input{
	margin-right:8px;
}


.td-innerflex{
	display:flex;
	gap:8px;
	align-items:center;
}



#search-bar input{
    border: 1px solid #ccc;
    height: 40px;
    width: 1200px;
    padding-left: 10px;
}
#search-bar div{
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    height: 40px;
/*     line-height: 48px; */
}
#search-bar>div a{
    display: block;
   /*  width: 50px; */
    padding: 0;
    text-align:center;
}
.st-search{
    padding: 20px 0;
}
#search-tit{
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
}
#cal-bar{
    display: flex;
    position: relative;
}

#cal-bar>div{
    position: absolute;
    top: 2px;
    right: 10px;
}




/* 공통 모달 css */

.label-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.2);
    display:none;
    
}
.label-modal>div{
    width: 1400px;
    height: 800px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,-50%);
    box-shadow: 10px 15px 15px #aaa;
    border-radius: 8px;
}

.label-modal>div>ul{
    padding: 0 20px 0;
    width: auto;
    height: 55px;
    line-height: 55px;
    display: flex;
    background: #0070C0;
    border-radius: 8px 8px 0 0;

}
.label-modal>div>ul li{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.label-modal>div>ul li button{
    background: none;
    position: absolute;
    right: 22px;
    top: 21px;
}
.label-modal>div>p{
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    height: 70px;
    line-height: 80px;
}

/* 표본라벨 테이블 */

.label-modal>div table{
    margin: 0 20px 0;
    border-collapse: collapse;

}
.label-modal>div table tr{
    text-align: left;
    height: 40px;
    line-height: 15px;

}
.label-modal>div table tr th{
    border-top: 2px solid #0070C0;
    border-bottom: 1px solid #ddd;
    background: #E8EDF1;
    width: auto;
    height: 40px;
    font-size: 14px;
}
.label-modal>div table tr td{
    height: auto;
    border-bottom: 1px solid #ddd;
    font-size: 13px;

}
.label-modal>div table tr th:nth-child(1),
.label-modal>div table tr td:nth-child(1){
    padding-left: 10px;
}
.label-modal>div table tr th:nth-child(10),
.label-modal>div table tr td:nth-child(10){
    text-align: center;
}
.label-modal>div table tr td:nth-child(11) ul{
    display: flex;
    align-items: center;
}
.label-modal>div table tr td ul li{
    width: 60px;
    height: 24px;
    border: 1px solid #ddd;
    margin-right: 6px;
}
.label-modal>div table tr td button{
    height: 24px;
    width: 60px;
    border: 1px solid #0070C0;
    color: #0070C0;
    background: #fff;
    font-weight: 600;
}
.label-modal>div table tr td button:hover{
    background: #0070C0;
    color: #fff;
}
.label-modal>div table tr td button a{
    display: block;
    width: 100%;
    height: 100%;
}
.modal-btn{
    position: relative;
    margin: 0 20px 0;
    height: 32px;
}
.modal-btn button{
    height: 32px;
    width: 100px;
    position: absolute;
    right: 0;
    top: 20px;
    color: #0070C0;
    border: 1px solid #0070C0;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
}
.modal-btn button a{
    display: block;
    width: 100%;
    height: 100%;

}
.modal-btn button:hover{
    background: #0070C0;
    color: #fff;
}



/* on off 스위치 */


.wrapper {
    display: flex;
    line-height: 5px;
    justify-content: center;
    }
    .switch-label {
        position: relative;
        cursor: pointer;
        transition: 0.3s;
        margin-top:1px;
    }
    .switch-label>input{
        position: absolute;
        /* hidden */
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .onf_btn {
        display: inline-block;
        width: 42px;
        height: 20px;
        border-radius: 16px;
        background: #ddd;
        transition: 0.3s;
    }
    .onf_btn>span{
        position: absolute;
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        display: inline-block;
        border-radius: 20px;
        box-shadow: 1px 1px 4px #999;
        background: #fff;
        transition: 0.3s;
    }
    .wrapper p{
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        margin-left: 4px;
        line-height: 20px;
    }
    .switch-label>input:checked+.onf_btn{
        background: #0070C0;
    }
     /* move */
     .switch-label>input:checked+ .onf_btn>span{
    left: 25px;
    box-shadow: 1px 2px 4px #999;
}



.tap{
    display: flex;
}
.tap>li{
    width: 100px;
    height: 48px;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    border-left: none;
    background: #fff;
}
.tap>li>a{
    display: block;
    width: 100%;
    height: 100%;
}
.tap>li:first-of-type{
    border-left: 1px solid #ddd;
}
.tap>li:hover{
    background: #454545;
    color: #fff;
}


/**--------------공통 css 끝-----------------------**/



/*과제관리 등록  */


.rpview-container{
    position: relative;
    top: 60px;
    background:#E8EDF1;
    min-height:901px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 1px;
}
.rpview-container section{
    margin-left: 250px;
    margin-bottom: 20px;
}
.rpview-content{
    width: 1650px;
    height: 860px;
    background: #fff;
    top: 100px;
    padding-top: 20px;
}

/* 테이블 css */

.rpview-table{
    position: relative;
    left:20px;
    width: 1610px;
    height: auto;
    border-collapse: collapse;
}
.Viewth{
    border-top: 2px solid #0070C0;
    border-bottom: 1px solid #ddd;
    background: #E8EDF1;
    height: 60px;
    width:100%;
}
.Viewth>th{
	color: #0070C0;
    font-size:18px;
}
.rpview-table>tbody>tr{
	border-bottom: 1px solid #ddd;
}
.rpview-table>tbody>tr>td{
    height: 40px;
    line-height: 40px;
}
.rpview-table>tbody>tr:nth-child(1) input{
	 vertical-align:-2px;
}
.rpview-table>tbody>tr label{
	margin-right:10px;
}
.rpview-table>tbody .radio-td label{
	margin: 0 6px;
}
.rpview-table>tbody>tr>td input{
	margin-right:4px;
}
.rpview-table>tbody>tr>td img{
	margin-left: 4px;
	vertical-align: -2px;
	cursor:pointer;
}
.subtit-td{
	width: 60px;
    font-size: 14px;
    background: #fafafa;
    text-align: center;
    border-right: 1px solid #ddd;
    font-weight: 500;
}
.data-listtd{
	    font-size: 13px;
    font-weight: 400;
    background: none;
    text-align: left;
    padding: 0 10px;
    line-height: 18px;
    word-break:keep-all;
}
.paddingtd{
    padding: 0 10px;
    font-size:13px;
}



.common-bkbtn{
	border: 1px solid #999;
    color: #999;
    background: #fff;
    width: 120px;
    height: 32px;
    font-size:14px;
    font-weight:500;
}
.common-bkbtn:hover{
	color: #fff;
    background: #454545;
    border-color:#454545;
}

.View-btn-box{
	position: relative;
    display: flex;
    justify-content:flex-end;
    gap:10px;
    margin: 20px 20px;
}
.list-btn,.next-btn,
.save-btn,.delete-btn,.modify-btn{
	height: 32px;
    min-width: 100px;
    padding:0 16px;
    line-height:28px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	background:#fff;
}


.list-btn,.next-btn{
	border: 1px solid #999;
    color: #999;

}
.list-btn:hover,.next-btn:hover{
	background: #454545;
    color: #fff;
    border-color:#454545;
}
.save-btn,.modify-btn{
	border: 1px solid #0070C0;
    color: #0070C0;
}
.save-btn:hover,.modify-btn:hover{
	background: #0070C0;
    color: #fff;
	
}
.delete-btn{
	border: 1px solid #E95561;
    color: #E95561;
    cursor: pointer;
}
.delete-btn:hover{
    color: #fff;
    background: #E95561;
}
.list-btn>a,.next-btn>a,.save-btn>a
,.modify-btn>a{
	display:block;
	width:100%;
	height:100%;
}



 
/* 소재관리 등록 */

.mlview-container{
    position: relative;
    top: 60px;
    background:#E8EDF1;
    height: auto;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 1px;
}
.mlview-container section{
    margin-left: 250px;
    margin-bottom: 20px;
}

.mlview-content{
    width: 1650px;
    height: auto;
    background: #fff;
    top: 100px;
    padding: 20px 0;
}
.mlview-table{
    position: relative;
    width: 1610px;
    height: auto;
    margin-left: 20px;
    border-collapse: collapse;
}

.mlview-table>tbody>tr{
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}


.mlview-table>tbody>tr .star, .rpview-table>tbody>tr .star{
    color: #E95561;
}
.mlview-table .subtit-td{
    font-size: 14px;
    font-weight: 500;
    background: #fafafa;
    text-align: center;
    border-right: 1px solid #ddd;
    line-height:20px;
}
.mlview-table>tbody>tr>td:nth-child(3),
.mlview-table>tbody>tr>td:nth-child(5),
.mlview-table>tbody>tr>td:nth-child(7){
    border-left: 1px solid #ddd;
}


/* 수집관리-수집시료-전체 */

.sclist-container{
    position: relative;
    top: 60px;
    background:#E8EDF1;
    height: auto;
    width: 100%;
    padding-top:20px;
    padding-bottom: 1px;
}
.sclist-container section{
    margin-bottom: 20px;
    margin-left: 250px;
}




/* 수집관리-수집시료-전체 검색 */

.sclist-search{
    width: 1650px;
    background: #fff;
}
.sclist-search .st-search,
.sclist-search .nd-search{
    display: flex;
    align-items:center;
}
.sclist-search .nd-search{
	padding-bottom:20px;
}
.st-search>div{
    font-size: 15px;
	font-weight: 600;
}
.sclist-search>.st-search a{
	font-size:14px;
	font-weight:500;
    display: block;
    width: 100%;
    height: 100%;
    line-height:40px;
}

.sclist-search>.st-search>div:nth-child(1){
    margin-left: 40px;
    margin-right:12px;
}

.mg-dv{
	margin: 0 12px;
}


.sclist-search select{
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    width: 130px;
    /* width: 200px; */
    padding: 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

.sclist-search>.nd-search>div:nth-child(1){
    margin-left: 40px;
    margin-right: 39px;
}
.sclist-search>.nd-search .search-box{
    margin-top: 10px;
    height: 40px;
    width: 1200px;
    border: 1px solid #ccc;
    color: #ccc;
    margin-left: 12px;
    line-height: 36px;
    padding-left: 12px;
    font-weight:400;
}
.sclist-search>.nd-search .search-box img{
    float: right;
    margin-top: 8px;
    margin-right: 14px;
}

/*  수집시료 컨텐츠 */

.sclist-content{
    width: 1650px;
    height: auto;
    background: #fff;
    top: 100px;
    margin-left: 230px;
}
.sclist-content .top-con{
    position: relative;
    display: flex;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    font-size:14px;
    font-weight:bold;
}

.sclist-content .sclist-hbtn{
    position: absolute;
    right: 20px;
}
.sclist-content .sclist-hbtn>button{
    margin-left: 4px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #999;
    color: #999;
    font-size: 14px;
    font-weight: bold;
}
.sclist-content .sclist-hbtn>button:nth-child(1){
    width: 140px;
}
.sclist-content .sclist-hbtn>button:nth-child(4){
    color: #0070C0;
    border: 1px solid #0070C0;
}
.sclist-content .sclist-hbtn>button:hover{
    color: #fff;
    background: #454545;
}
.sclist-content .sclist-hbtn>button:nth-child(4):hover{
    color: #fff;
    background: #0070C0;
}
.sclist-content .sclist-hbtn>button>a{
    display: block;
    width: 100%;
    height: 100%;
}

/* 테이블 css */

.sclist-table{
	position: relative;
    left: 20px;
    width: 1610px;
    border-collapse: collapse;
}
.sclist-table>thead>tr{
    width: 100%;
    height: 40px;
    border-top: 2px solid #0070C0;
    border-bottom: 1px solid #ddd;
    background: #E8EDF1;
    font-size: 14px;
    font-weight: 600;
    right: 0;
    text-align: center;
}
.sclist-table>thead>tr input{
    margin-right: 4px;
}
.sclist-table>tbody>tr{
    width: 100%;
    height: 40px;
    font-size: 13px;
    top: 40px;
    left: 0;
    border-bottom: 1px solid #ddd;
}
.ml-table>tbody>tr:hover{
    background: #f5f5f5;
}
.sclist-table>thead>tr>th{
    height: 40px;
    text-align: center;
    font-weight: 600;
}

.sub-table:hover{
    background: #eee;
}


.sclist-table>tbody>tr>td:nth-child(9){
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight:500;
}

.sclist-table>tbody>tr>td:nth-child(17),
.sclist-table>tbody>tr>td:nth-child(18){
    padding-top: 5px;
}




/* 버튼 영역 */
.shist-button{
	display: flex;
    width: 1610px;
    padding-bottom: 20px;
    margin: 80px 0 0 20px;
	
}

.mlist-button select{
    position: relative;
    width: 120px;
    height: 32px;
    border: 1px solid #999;
    padding-top:2px;
}
.mlist-button .select2{
   left:1062px;
}
.downlode-btn{
    cursor: pointer;
    width: 180px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #0070C0;
    color: #0070C0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.downlode-btn:hover{
    color: #fff;
    background: #0070C0;
}
.inner-shbtn{
	padding:0 12px;
	height:24px;
	line-height:22px;
	font-size:14px;
	text-align:center;
	border:1px solid #454545;
	background:inherit;
}
.inner-shbtn:hover{
	background: #454545;
    color: #fff;
}
.gray-btn{
	background:#fff;
	border:1px solid #999;
	color:#999;
	height:28px;
	padding:0 12px;
}
.gray-btn:hover{
	background:#454545;
	color:#fff;
	border-color:#454545;
}
/* 첨부파일 */
.file-box .upload-name{
    display: inline-block;
    width:100%;
    height: 24px;
    outline: none;
    padding: 0 6px;
    vertical-align: middle;
    border: 1px solid #999999;
    font-size: 14px;
    background: #ddd;
    margin:0;
}
.file-box label{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #454545;
    color: #454545;
    cursor: pointer;
    height: 24px;
    line-height: 22px;
   /*  padding:0 6px; */
    text-align: center;
    font-size: 13px;
    widtH:100%;
    margin-top:6px;
}
.file-box label:hover{
    background: #454545;
    color: #fff;
}
.file-box>input[type="file"]{
    display: none;
}
.comtd_flex{
	display:flex;
}



/* 공통 CSS 추가 - 2022.11.22  */
.dtl {
	text-decoration: underline;
}

.dtl:hover {
	cursor: pointer;
}

.at-ipv {
	background: #f2f2f2;
}





/* 달력 */
.date-wrap{
	position:relative;
}

.ui-datepicker-trigger{
	position:absolute;
    top: 4px !important;
    right: 8px !important;
}


/* 공통 css */
.italic-t{
	font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 500;
}
.td-center{
	text-align:center !important;
}
.td-left{
	text-align:left !important;
}

.container{
    position: relative;
    top: 40px;
    background:#E8EDF1;
    min-height:901px;
    width: 100%;
    /* 왼쪽 메뉴 250 + 본문 1650. 1920 이면 세로 스크롤바 폭만큼 가로 스크롤이 생긴다 */
    min-width:1900px;
	padding:20px 0 20px 250px;
}

/* list npcb,ibmrc 버튼  */
.sclist-tap{
    display: flex;
    height:32px;
    gap:6px;
}
.sclist-tap>li{
    width: 100px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-left: none;
    background: #C6CDD2;
    color:#8E9AA0;
}
.sclist-tap>li>a{
	display:block;
	width:100%;
	height:100%;
}
.sclist-tap>li.sclist-tab-on {
	background:#fff;
    border-top:3px solid #0070c0;
    color:#0070c0;
}


/* list 페이지 모든 테이블 */
.listbox-wrap{
	width: 1640px;
    height: auto;
    background: #fff;
    top: 100px;
    padding:20px;
    min-height:760px;
}
.list-common-tb{
	width:100%;
}
.list-common-tb tbody tr:nth-child(even){
	background:#fbfbfb;
}
.list-common-tb>thead>tr{
    width: 100%;
    line-height: 32px; 
    border-top: 2px solid #0070C0;
    border-bottom: 1px solid #ddd;
    background: #E8EDF1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.list-common-tb>thead>tr input{
	margin-right: 4px;
    vertical-align: -1px;
}

.list-common-tb tr>th,
.list-common-tb tr>td{
    line-height: 17px;
    text-align: left;
}
.list-common-tb tr>th{
	height: 40px;
}
.list-common-tb tr>td{
	height: 32px;
}

.list-common-tb>tbody>tr{
    width: 100%;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}
.list-common-tb>tbody>tr:hover{
	background:#E8EDF1;
}
.summary-wrap{
    background: #eee;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    margin-bottom: 20px;
    height: 48px;
}
.summary-wrap>p{
	font-size:14px;
	font-weight:bold;
	width:160px;
	text-align:center;
}


 .Td_btn{
	width:60px;
	height:22px;
	background:inherit;
	border:1px solid #999;
	color:#999;
}
.Td_btn:hover{
	color:#fff;
}

.agree-btn:hover{
	background:#0070C0;
	border-color:#0070C0;
}

.applic-btn:hover{
	background: #6E75BD;
	border-color:#6E75BD;
}
.confirm-btn:hover{
	background:#0AAD9A;
	border-color:#0AAD9A;
}


/* 상세검색 팝업 css */
.popup-detailbox{
	font-size:14px;
	font-weight:600;
	background:#fff;
	border:1px solid #0070C0;
	padding:30px;
	position:absolute;
	right:344px;
	top:38px;
	z-index:10;
	display:none;
}
.popup-detailbox li{
	display:flex;
	margin-bottom:10px;
}
.popup-detailbox .popli-wrap p{
	background:#EFF5FF;
	color:#091B59;
	width:80px;
	height:32px;
	line-height:30px;
	text-align:center;
	margin-right:8px;
}
.popli-wrap .left-mg{
	margin-left:20px;
}

.popup-detailbox .popli-btn-wrap{
	justify-content:center;
	column-gap:8px;
	margin:20px 0 0 0;	
}
.popli-wrap .popli-shbtn{
	background:#0070C0;
	color:#fff;
	height:32px;
	width:80px;
/* 	margin-left:8px; */
	font-weight:600;
}
/* .popup-detailbox .popli-closebox{
	justify-content:center;
	margin:20px 0 0 0;
} */
.popli-closebox #popli-close{
	background:inherit;
	color:#999;
	width:80px;
	height:32px;
	line-height:30px;
	border:1px solid #999;
	font-weight:500;
	text-align:center;
	cursor:pointer;
}
.top-con #detail-btn:hover,
#popli-close:hover{
	color: #fff;
    background: #454545;
    border-color: #454545;
}
.popup-detailbox>div{
	margin: 0 8px 0 20px;
}
.popup-detailbox>div:first-child{
	margin:0 8px 0 0;
}
.top-con .popup-detailbox select{
	width:170px;
	height:32px;
	border:1px solid #ccc;
	font-size:13px;
	/* font-weight:500; */
	padding-left:4px;
}

.top-con{
    position: relative;
    display: flex;
    justify-content:space-between;
	margin-bottom:10px;
    
}
.top-con>li{
	font-size:15px;
    font-weight:bold;
}
.top-con .total-wrap>div{
	display:inline-block;
	margin-right:10px;
	font-weight:500;
}
.top-con .search-wrap{
	display:flex;
	align-items:center;
	column-gap:8px;
}
.sel-optionBox select,
.top-con select{
    height: 32px;
    border: 1px solid #ccc;
    width: 100px;
    font-size:13px;
    padding:0 4px;
}

#search-bar{
    position: relative;
}
#search-bar input{
    border: 1px solid #ccc;
    height: 32px;
    width: 484px;
    padding-left: 10px;
}
#search-bar div{
    position: absolute;
    top: 6px;
    right: 10px;
}
#search-bar>div a{
    display: block;
    padding: 0;
    text-align:center;
}

#search-bar>div img{
	vertical-align:-1px;
}

.top-con #detail-btn{
	border: 1px solid #ccc;
    font-weight: 600;
    color: #787878;
    font-size:14px;
    font-weight:500;
    text-align:center;
    line-height:30px;
    cursor:pointer;
}
.common-btn{
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #f0f0f0;
    text-align:center;

}
.common-btn>a{
    display: block;
    width: 100%;
    height: 100%;
    font-weight:600;
    border: 1px solid #ccc;
    color: #787878;
}
.common-btn>a:hover{
    color: #fff;
    background: #454545;
    border-color:#454545;
}
.regist-btn{
	background:#fff;
}
.regist-btn>a{
	color:#0070C0;
	border-color:#0070C0;
}
.regist-btn>a:hover{
	color:#fff;
	background:#0070C0;
	border-color:#0070C0;
}
.topbtn-group{
	display:flex;
	column-gap:8px;
}


.align-center{
	text-align:center !important;
}
.First-td{
	padding-left:30px;
}

.calbox-wrap{
	height:28px;
	position:relative;
	width:50%;
}

#cal-bar{
    display: flex;
    position: relative;
    margin:0;
}
#cal-bar>input{
    border: 1px solid #ccc;
    height: 32px;
    width: 170px;
    padding: 0 8px 0;
    font-size: 13px;
}
.summary-wrap{
    background: #eee;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    margin-bottom: 20px;
    height: 48px;
}
.summary-wrap>p{
	font-size:14px;
	font-weight:bold;
	width:160px;
	text-align:center;
}
.sum-flist{
    display: flex;
    gap: 8px;
}
.sum-flist>li{
    background: #fff;
    width: 192px;
	height:34px;
	line-height:30px;
    text-align: center;
    border-radius: 2px;
}
.sum-flist>li span{
	font-size:14px;
	font-weight:bold;
}
.sum-flist>li span:first-child{
	margin-right:6px;
}
.blue-color{
	color:#0070C0;
}
.red-color{
	color:#FF131B;
}
.tb-combtn{
	background:#fff;
	width:52px;
	height:28px;
}
.tb-combtn:hover{
	color:#fff;
}
.agreement-btn{
	color:#0070C0;
	border:1px solid #0070C0;
}
.agreement-btn:hover{
	background:#0070C0
}

.application-btn{
	color:#6E75BD;
	border:1px solid #6E75BD;
}
.application-btn:hover{
	background: #6E75BD;
}
.confirmation-btn{
	color:#0AAD9A;
	border:1px solid #0AAD9A;
}
.confirmation-btn:hover{
	background:#0AAD9A;
}

/* 공통 모달 css */

.label-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.2);
    display:none;
    
}
.label-modal>div{
    width: 1400px;
    height: 800px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%,-50%);
    box-shadow: 10px 15px 15px #aaa;
    border-radius: 8px;
}

.label-modal>div>ul{
    padding: 0 20px 0;
    width: auto;
    height: 55px;
    line-height: 55px;
    display: flex;
    background: #0070C0;
    border-radius: 8px 8px 0 0;

}
.label-modal>div>ul li{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.label-modal>div>ul li button{
    background: none;
    position: absolute;
    right: 22px;
    top: 21px;
}
.label-modal>div>p{
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    height: 70px;
    line-height: 80px;
}

/* 표본라벨 테이블 */

.label-modal>div table{
    margin: 0 20px 0;
    border-collapse: collapse;

}
.label-modal>div table tr{
    text-align: left;
    height: 40px;
    line-height: 15px;

}
.label-modal>div table tr th{
    border-top: 2px solid #0070C0;
    border-bottom: 1px solid #ddd;
    background: #E8EDF1;
    width: auto;
    height: 40px;
    font-size: 14px;
}
.label-modal>div table tr td{
    height: auto;
    border-bottom: 1px solid #ddd;
    font-size: 13px;

}
.label-modal>div table tr th:nth-child(1),
.label-modal>div table tr td:nth-child(1){
    padding-left: 10px;
}
.label-modal>div table tr th:nth-child(10),
.label-modal>div table tr td:nth-child(10){
    text-align: center;
}
.label-modal>div table tr td:nth-child(11) ul{
    display: flex;
    align-items: center;
}
.label-modal>div table tr td ul li{
    width: 60px;
    height: 24px;
    border: 1px solid #ddd;
    margin-right: 6px;
}
.label-modal>div table tr td button{
    height: 24px;
    width: 60px;
    border: 1px solid #0070C0;
    color: #0070C0;
    background: #fff;
    font-weight: 600;
}
.label-modal>div table tr td button:hover{
    background: #0070C0;
    color: #fff;
}
.label-modal>div table tr td button a{
    display: block;
    width: 100%;
    height: 100%;
}
.modal-btn{
    position: relative;
    margin: 0 20px 0;
    height: 32px;
}
.modal-btn button{
    height: 32px;
    width: 100px;
    position: absolute;
    right: 0;
    top: 20px;
    color: #0070C0;
    border: 1px solid #0070C0;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
}
.modal-btn button a{
    display: block;
    width: 100%;
    height: 100%;

}
.modal-btn button:hover{
    background: #0070C0;
    color: #fff;
}



/* on off 스위치 */


.wrapper {
    display: flex;
    line-height: 5px;
    justify-content: center;
    }
    .switch-label {
        position: relative;
        cursor: pointer;
        transition: 0.3s;
        margin-top:1px;
    }
    .switch-label>input{
        position: absolute;
        /* hidden */
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .onf_btn {
        display: inline-block;
        width: 42px;
        height: 20px;
        border-radius: 16px;
        background: #ddd;
        transition: 0.3s;
    }
    .onf_btn>span{
        position: absolute;
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        display: inline-block;
        border-radius: 20px;
        box-shadow: 1px 1px 4px #999;
        background: #fff;
        transition: 0.3s;
    }
    .wrapper p{
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        margin-left: 4px;
        line-height: 20px;
    }
    .switch-label>input:checked+.onf_btn{
        background: #0070C0;
    }
     /* move */
     .switch-label>input:checked+ .onf_btn>span{
    left: 25px;
    box-shadow: 1px 2px 4px #999;
}

/* npcb,ibmrc 버튼  */

.tap{
    display: flex;
}
.tap>li{
    width: 100px;
    height: 48px;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    border-left: none;
    background: #fff;
}
.tap>li>a{
    display: block;
    width: 100%;
    height: 100%;
}
.tap>li:first-of-type{
    border-left: 1px solid #ddd;
}
.tap>li:hover{
    background: #454545;
    color: #fff;
}


/* 상단요약테이블 */
.summary-wrap{
    background: #eee;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    margin-bottom: 20px;
    height: 48px;
}
.summary-wrap>p{
	font-size:14px;
	font-weight:bold;
	width:140px;
	text-align:center;
}
.sum-flist{
    display: flex;
    gap: 8px;
}
.sum-flist>li{
    background: #fff;
    width: 192px;
	height:34px;
	line-height:30px;
    text-align: center;
    border-radius: 2px;
}
.sum-flist>li span{
	font-size:14px;
	font-weight:bold;
}
.sum-flist>li span:first-child{
	margin-right:6px;
}
.blue-color{
	color:#0070C0;
}
.red-color{
	color:#FF131B;
}
.tb-combtn{
	background:#fff;
	width:52px;
	height:28px;
}
.tb-combtn:hover{
	color:#fff;
}
.under-btn-box{
    display: flex;
    justify-content:space-between;
    width: 100%;
}

.under-btn-box select{
    position: relative;
    width: 120px;
    height: 32px;
    border: 1px solid #999;
    padding-top:2px;
}
.Right-btnwp{
	display:flex;
	gap:8px;
}

.downlode-btn{
    cursor: pointer;
    width: 180px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #0070C0;
    color: #0070C0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.downlode-btn:hover{
    color: #fff;
    background: #0070C0;
}

#popli-close{
	background:inherit;
	color:#999;
	width:80px;
	height:32px;
	line-height:30px;
	border:1px solid #999;
	font-weight:500;
	text-align:center;
	cursor:pointer;
	margin-left:8px;
}

.loc-input {
	border: 1px solid #ccc;
	height: 22px;
	width: 120px;
	padding-left: 10px;
}

.nb-form {
	position: relative;
	left: 20px;
	width: 1610px;
	
}

.reset-btn {
	width: 100px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	color: #999999;
	border: 1px solid #999999;
	text-align: center;
}

.blue-color{
	color:#0070C0;
}
.red-color{
	color:#FF131B;
}

/* 알림 처리 */
.paste-div {
	display: inline-block;
	position: fixed;
	bottom: 35px;
	right: 20px;
	width: 200px;
	height: 60px;
	line-height:40px;
	padding: 10px 0;
	padding-left: 40px;
	border-radius: 8px;
	background: #ffffff33;
	background-image: url(../../images/icon/bell.png);
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 15px;
	background-size: 30px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.175);
	border: 1px solid gray;
	font-weight: 300;
	font-size: 0.8125rem;
	color: #333;
	text-align: center;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	transform: scale(0.6);
	z-index: 999999;
}

.paste-div > b {
	font-weight: 600;
	color: #d9534f;
}

.menu-on {
	background: #091B59;
    color: #fff;
}

input[type=checkbox], input[type=radio] {
    accent-color: #0075ff;
}

/* 글씨 색상구분 처리 */
.blue-color{
	color:#0070C0;
}
.red-color{
	color:#FF131B;
}

.excel-btn {
	height: 32px;
    min-width: 100px;
    padding: 0 16px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #3aa942;
    color: #3aa942;
    cursor: pointer;
}