@charset "UTF-8";
@import url(font.css);

/*데이터셋 디테일 검색 css*/
.treeSet{
    margin-top: 10px;
    margin-bottom: 10px;
}

.treeSet li {
    position: relative;
    padding-left: 20px;
    border-left: 1px solid #B0B0B0;
    min-height: 23px;
    line-height: 20px;
    margin-left: 10px;
}

.treeSet li::before{
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 14px;
    height: 0;
    border-bottom: 1px solid #B0B0B0;
}

.treeSet li:last-child::after{
    content: '';
    position: absolute;
    left: -1px;
    bottom: 0;
    top: 55%;
    width: 1px;
    background: #fff;
    z-index: 10;
}

.tableWr table.table_st02.infoTable{
    table-layout: auto;
    width: max-content;
}

.tableWr table.table_st01.infoTable{
    table-layout: auto;
    width: max-content;
}

.tableWr table.table_st02.infoTable thead{
    position: sticky;
    top: 0;
    left: 0;
}

.dataSet_list .dataSet_li .top .info .type.red {
    color: #fff !important;
}

.btn_imgsearch{height:37px; cursor:pointer; padding:0 10px; background-color: transparent; }/* 이미지 미리보기 버튼 */
.btn_imgsearch:before{content:""; width:35px; height:35px; display:inline-block; background:url(../images/ico-image.png) no-repeat center center; top:1px; cursor: pointer;   }

/*검색조건 monthpicker*/
select.mtz-monthpicker.mtz-monthpicker-year.monthpicker-select-year{
    width: auto;
}

/*축산데이터셋 검색 툴팁*/
.tooltip {
    position: relative;
    display: block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #1a3857;
    opacity: 0.9;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    left:0;
    top:-67px;
    z-index: 1;
    white-space:pre-wrap;
    font-size:13px;
    font-weight:normal;
}
.tooltip .tooltiptext:after{content:'';width:7px;height:7px;position:absolute;/*border-top:1px solid #a5cd49;border-right:1px solid #a5cd49;*/transform: rotate(133deg);bottom: -3px;left:10px;background:#1a3857;}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*병해충 이미지*/
.gallery .shadowBox.paddingNone img{
    height: 240px;
    object-fit: cover;
}

/*openApi*/
.detail-view-btn{	margin-bottom:10px;	}
.detail-view-btn .btn-show{	font-size:14px; font-weight:normal;  color:#58595b; padding:0 10px; height:28px; border:1px solid #d1d3d4; border-radius:3px; background: linear-gradient(0deg, rgba(241,242,242,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);  	}
.detail-view-btn .btn-show:after{	content:""; width:10px; height:8px; display:inline-block; margin-left:20px; background:url(../images/detail-view-btn.png) no-repeat 0 0;	}
.detail-view-btn .btn-show:hover{	border-color:#58595b;	}
.detail-view-btn .btn-hide{	font-size:14px; font-weight:normal;  color:#ffffff; padding:0 10px; height:28px; border-radius:3px; background:#1577b6; border:none; display:none;	}
.detail-view-btn .btn-hide:after{	content:""; width:10px; height:8px; display:inline-block; margin-left:20px; background:url(../images/detail-view-btn.png) no-repeat top right;	}

.list-tbl{	min-width:100%; margin-top: 10px;	}
.list-tbl table{	width:100%; border-top:2px solid #004c9d; border-collapse: collapse;}
.list-tbl table thead tr th{	font-size:14px; color:#000000; text-align:center; background-color:#f6f7fc; padding:10px; font-weight:normal; border:1px solid #d1d3d4;	}
.list-tbl table tbody tr:hover{	background-color:#f8f8f8;	}
.list-tbl table tbody tr th{	font-size:14px; color:#000000; text-align:center; font-weight:normal; padding:10px; border:1px solid #e6e7e8; position:relative;	}
.list-tbl table tbody tr td{	font-size:14px; color:#58595b; text-align:center; font-weight:normal; padding:10px; border:1px solid #e6e7e8; position:relative;	}
.list-tbl table tbody tr.total th,
.list-tbl table tbody tr.total td{	font-weight:bold; color:#000000; border-top-width:2px; 	}
.list-tbl table tbody tr td a{	/* width:400px; */ color:inherit; /* display:block;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden; */ color:#1577b6;	}
.list-tbl table tbody tr td a:hover{	text-decoration:underline;	}
.list-tbl table tbody tr td .notice{	width:18px; height:18px; display:inline-block; background:url(../images/ico-notice.png) no-repeat center center; text-indent:-9999px;	}
.list-tbl table tbody tr td strong{	color:#1577b6; font-weight:500;	}
.list-tbl table tbody tr td .btn-blue{	height:28px; line-height:28px; border-radius:30px; background-color:#1577b6; color:#ffffff; padding:0 10px; display:inline-block; font-weight:normal;	}
.list-tbl table tbody tr td .btn-blue:hover{	color:#ffffff;	}
.list-tbl table tbody tr td .btn-green{	height:28px; line-height:28px; border-radius:30px; background-color:#3f820d; color:#ffffff; padding:0 10px; display:inline-block; font-weight:normal;	}
.list-tbl table tbody tr td .btn-green:hover{	color:#ffffff;	}
.list-tbl table tbody tr td .btn-gray{	height:28px; line-height:28px; border-radius:30px; background-color:#58595b; color:#ffffff; padding:0 10px; display:inline-block; font-weight:normal;	}
.list-tbl table tbody tr td .btn-gray:hover{	color:#ffffff;	}
.list-tbl table tbody tr td .btn-white{	height:28px; line-height:28px; border-radius:30px; background-color:#ffffff; color:#747474; padding:0 10px; display:inline-block; border:1px solid #d1d3d4; font-weight:normal;	}
.list-tbl table tbody tr td .btn-white:hover{	border-color:#1577b6;	}

.detail-tbl table{	width:100%; border-top:2px solid #1577b6;	}
.detail-tbl table tr th{	font-size:14px; font-weight:normal; color:#000000; text-align:left; padding:10px; background-color:#f6f6f6; border-bottom:1px solid #d1d3d4;	}
.detail-tbl table tr td{	font-size:14px; font-weight:normal; color:#58595b; text-align:left; padding:10px; border-bottom:1px solid #d1d3d4;	}
.detail-tbl table tr td .detail-post{	min-height:200px; padding:10px;	}
.detail-tbl table tr td .detail-post p{	margin-bottom:10px;	}
.detail-tbl table tr td a{	display:inline-block; vertical-align:middle; font-size:12px; font-weight:normal; height:28px; line-height:28px; padding:0 10px;	}
.detail-tbl table tr td a.btn-file{	padding:0 0 0 22px; height:auto; line-height:140%;	}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.hide {overflow:hidden; position:absolute; left:-9999px; top:9999px; width:0; height:0; font-size:0;}

a.buttonType {
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 1rem;
    border-radius: 6px;
    font-weight: 600;
    padding-left: 16px;
    transition: all 0.3s;
}
a.buttonType.navy-btn { color: #fff; background: #274071; padding: 0 10px;}
.btn-cyan{line-height:32px; border-radius:3px; color:#ffffff !important; font-weight:bold; background-color:#1577b6; padding:0 20px; display:inline-block; border:1px solid transparent; cursor: pointer;   }

.w30p { width:30% !important;}

input.dateType{
    display: inline-block;
    margin-right: 10px;
}

img.ui-datepicker-trigger{
    margin-right: 10px;
}

.dataSet_list .dataSet_li .info {
    margin: 1.3em 2em 0;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 500;
}

.dataSet_list .dataSet_li .info .year,
.dataSet_list .dataSet_li .info .type {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #126BDA;
    color: #126BDA;
    padding: 0.2em 0.5em;
}

.dataSet_list .dataSet_li .info .typeSet {
    display: flex;
    gap: 0.5em;
}

.dataSet_list .dataSet_li .info .type.red {
    border-color: #CF0034;
    background: #CF0034;
    color: #fff !important;
}

.dataSet_list .dataSet_li .info .type.blue {
    border-color: #3841E8;
    background: #3841E8;
    color: #fff !important;
}

.dataSet_list .dataSet_li .info .type.green {
    border-color: #028488;
    background: #028488;
    color: #fff !important;
}

/*.aBtnSt{*/
/*    display: inline-block;*/
/*    width: 160px;*/
/*    height: 50px;*/
/*    line-height: 50px;*/
/*    text-align: center;*/
/*    border-radius: 15px;*/
/*    border: #e7e7e7 1px solid;*/
/*    cursor: pointer;*/
/*}*/

.aBtnSt{
    font-family: inherit;
    font-weight: 600;
    margin-bottom: 20px;
    color: #5b5958;
    padding: 5px 20px;
    height: 31px;
    border: 1px solid #d1d3d4;
    background: linear-gradient(0deg, rgba(241, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 100%);
    cursor: pointer;
}

/*.expBtn{*/
/*    font-weight: bold;*/
/*    font-size: 18px;*/
/*    color: #ffffff;*/
/*    background-color: #126BDA;*/
/*}*/

.expBtn:before{
    content: "";
    width: 23px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/content/sub04/ico_help.png) no-repeat 0 0;
}

.expBtn:after{
    content: '▼';
    margin-left: 5px;
}

.expBtn.on:after{
    content: '▲';
    margin-left: 5px;
}

.expDiv{
    display: none;
    margin-top: 15px;
}