@charset "UTF-8";
/* Element Reset */
body, input, textarea, select, table, button{margin:0; padding:0;}
div, ul, ol, dl, form, fieldset, td, th, li, dt, dd, h1, h2, h3, h4, h5, p, a, img, span, caption{ margin:0; padding:0;}
img, fieldset{ border:0;}
form, fieldset{ margin:0; padding:0;}
hr{ display:none;}
em, address{font-style:normal;}
h1, h2, h3, h4, h5, h6{ font-size:12px;}
button{ margin:0; padding:0; overflow:visible; cursor:pointer;}
ul, li, ol, dl{ list-style:none;}
a{ text-decoration:none;}
a:hover, a:active, a:focus{ text-decoration:none;}
legend,caption{ display:none;}
select, input, textarea{vertical-align:middle; color:#333; line-height: 1.5;}
input, select{ line-height:16px; vertical-align:middle;}
textarea{ width:98%; padding: 4px 4px; border:1px solid #E4E4E4; line-height:150%;}
.skip{ position: absolute; top: -9999px; text-indent: -999999px;  font-size: 0;}

.apiContArea{background-image: none; margin: 0px; padding: 0px;}

.tabelRound .listDetail p.tl{
	height:16px ;
	margin: -1px !important;
	padding: 5px 0px !important;
	text-align:left;
	color:#305200;
	font-size:13px;}


.grid{ margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px; border-color:#FFF; position: relative; width:100%;}
.grid thead th, .grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th{border-style:none; border:0; border-width:0; word-break:break-all; }
.grid thead th, .grid thead td{color:#818181;}
.grid thead th, .grid tbody th.brd, .grid tbody td.brd{ border: 1px solid #e8e8e8; background:#f3f4f5; color:#585858;  padding: 5px 3px; font-size: 12px; line-height: 1.3;}
.grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th, .grid tfoot td{ border: 1px solid #e8e8e8; padding: 5px; color: #585858; background: #ffffff;}
.grid thead td.bgbr2{ background: #e6f1f4; text-align: center; font-weight: bold;}
.grid tfoot th{ background: #e6f1f4; text-align: center; font-weight: bold; border: 1px solid #bbb; color: #0878a1; border-top: 2px solid #dbdbdb;}
.grid thead td.bgbr3, .bgbr3{ background: #41c818 !important; text-align: center; font-weight: bold; color: #ffffff !important; border: 1px solid #1484a3;}
.grid thead td.bgbr4, .bgbr4{ background: #f5f5f5 !important; text-align: center; font-weight: bold; border: 1px solid #d5d5d5 !important; color: #818181 !important;}
.grid thead td.bgbr, .grid tbody td.bgbr, .grid tbody th.bgbr{ background: #f3f4f5; text-align: center; font-weight: bold;}

.grid tbody td.borbtm1{ border: 0; border-bottom: 1px solid #e8e8e8;}
.grid tbody td.borbtm1 div{ margin: 10px;}
.grid tbody td.borbtm1 div p{ margin: 0 0 10px;}
.grid tbody td.borbtm1 div p.txtInfo{ line-height: 1.5; color: #000;}


.topLine{ border-top: 2px solid #7e7e7e;}
.topLine2{ border-top: 2px solid #b0b0b0;}
.grid tbody th.bg1{ /*background: #f2f2f2 url(http://api.nongsaro.go.kr/images/api/common/dotBlack.gif) no-repeat 5px 50% !important; */padding: 5px 3px; padding-left: 13px; text-align: left;}
.grid tbody th.bg2{ background: #f2f2f2; text-align: center;}
.grid tbody th.brd, .grid tbody td.brd{ font-size: 12px; color: #ffffff;}
.grid .schArea{ background: none !important; border: 0 !important; text-align: left; border-color:#F1F7F7; padding: 2px;}
.grid img.bord{ border: 1px solid #cdcdcd; vertical-align: middle;}

.gridDetailList{ margin: 15px 0 5px;}
.gridDetailList h4{/* background: url(http://api.nongsaro.go.kr/images/api/common/gridList_h4Bg.gif) no-repeat 0 100%;*/ padding: 0 0 7px 0; margin-bottom: 5px;}
.gridDetailList h4 strong{/* background:url(http://api.nongsaro.go.kr/images/api/common/depthBullet.gif) no-repeat 0 0;*/ padding: 0 0 3px 15px;}


.apiContArea .schBox{ margin: 0; position: relative; margin-bottom: 10px; color: #4c5155; font-size:12px; text-align: left; }
.apiContArea .schBox .outerRound{ background: #efefef; padding: 10px;}
.apiContArea .schBox .innerRound{position:relative; background: #fff; border:1px solid #e7e7e7; position: relative; padding: 15px; vertical-align: top; text-align: left;}
.apiContArea .schBox .nTitle{font-weight:bold; margin-right: 25px; /*background: url(http://api.nongsaro.go.kr/images/api/common/grayDot.gif) no-repeat 0 45%;  */padding: 3px 5px 3px 10px;}
.apiContArea .schBox .mTitle{margin-right: 5px;/* background: url(http://api.nongsaro.go.kr/images/api/common/grayDot.gif) no-repeat 0 45%; */ padding: 3px 5px 3px 10px;}
.apiContArea .schBox label{padding:0px 6px; position: relative; margin: 0px; top: 1px;}
.apiContArea .schBox .inputW{width: 100% !important;  position: relative; display: inline;}
.apiContArea .schBox input[type="text"], select, textarea{position:relative;  display: inline; padding: 0px; margin: 0px;}
.apiContArea .schBox p{margin-bottom:10px;}
.apiContArea .schBox .schButton{position:absolute; bottom: 10px; right: 10px;}

.apiContArea .schBox table{ empty-cells:show; border-collapse:collapse; border-style:none; border-width:0;  border-color:#FFF;}
.apiContArea .schBox table tbody th, .schBox table tbody td{border-style:none; border:0; border-width:0;  }
.apiContArea .schBox table tbody th{ /*background: url(http://api.nongsaro.go.kr/images/api/common/grayDot.gif) no-repeat 0 45%; */color: #4c5155; border: 0; }
.apiContArea .sch, .frm{ position: relative;}

/*병해충명검색박스*/
.sch, .frm{ position: relative;}
.contentsSch{background: #efefef; padding: 10px; margin: 0 0 5px; position: relative; padding: 10px;}
.contentsSch table{ background: #fff; border:1px solid #e7e7e7; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px; border-color:#FFF;}
.contentsSch table tbody th, .contentsSch table tbody td{border-style:none; border:0; border-width:0;}
.contentsSch table tbody th, .labeDotBg{/*background: url(http://api.nongsaro.go.kr/images/api/common/grayDot.gif) no-repeat 0 7px; */color: #4c5155; border: 0; padding: 3px 5px 3px 10px; text-align: left;}

.contentsRoundBox{ margin: 0 0 5px; position: relative; background:#fafafa; border: 1px solid #c9cdd0; border-bottom: 0; *zoom: 1; padding: 6px;}
.contentsRoundBox span.round{ display: block; position: absolute; width: 8px; height: 8px; z-index: 100;}
.contentsRoundBox span.round.lt{ background-position: 0 0; left: -1px; top: -1px;}
.contentsRoundBox span.round.rt{ background-position: 100% 0; right: -1px; top: -1px; _right: -1px;}
.contentsRoundBox span.round.lb{ background-position: 0 100%; left: -1px; bottom: 0; _bottom: 0;}
.contentsRoundBox span.round.rb{ background-position: 100% 100%; right: -1px; bottom: 0; _bottom: 0; _right: -1px;}

.apiContArea .tabelRound span.round{ display: inline-block; position: absolute;  width: 2px; height: 2px; z-index: 100;}
.apiContArea .innerRound p.btnArea{ position: absolute; right:50px; top:0;} /* top: 20px; */
.apiContArea .tabelRound span.round{ display: inline-block; position: absolute;  width: 2px; height: 2px; z-index: 100;}
.apiContArea .innerRound p.btnArea{ position: absolute; right:50px; top:0;} /* top: 20px; */
/*
.apiContArea .pagination{ line-height:normal; padding:5px 0; text-align:center; font-size: 11px; text-align: center; }
.apiContArea .pagination strong a{ font-weight: normal; text-decoration: none; color:#2f6aa6; font-size: 13px; color:#323232; margin:0 -2px; padding:3px 6px; vertical-align:top; position:relative; z-index:2;}
.apiContArea .pagination strong .active{ font-weight: bold; color: #ff6c00; font-size: 14px; text-decoration: underline; }
.apiContArea .pagination .direction { color:#0f4078; padding: 3px;}
.apiContArea .pagination .direction span{ display:inline-block; vertical-align:top; height: 14px; background: url(http://api.nongsaro.go.kr/images/api/button/pagingArrow.gif) no-repeat; cursor: pointer;}
.apiContArea .pagination .direction span.prev{ background-position: -25px top; width: 16px;}
.apiContArea .pagination .direction span.next{ background-position: -45px top; width: 16px;}
.apiContArea .pagination .direction span.first{ background-position: left top; width: 16px;}
.apiContArea .pagination .direction span.last{ background-position: right top; width: 16px;}
.apiContArea .pagination.topLine{  border-top: 1px solid #e8e8e8;}
*/
.apiContArea h3{margin: 0px; padding: 0px; border-top:2px solid #b9b9b9; position: relative; margin-bottom: 40px;}
.apiContArea h3 p{position:relative; top:-2px; display:inline; text-align:left; height:20px; border-top:2px solid #2f6aa6;  height:inherit; padding: 5px 3px 0px 3px;}
.apiContArea h3 p.bgRp{border-top:2px solid #b9b9b9; margin-left: 3px;}
.apiContArea h3 p strong{font-size: 16px; letter-spacing: -0.5px;}
.apiContArea h3 p strong.miniF{font-family: Helvetica , Verdana; color: #9f9f9f; font-stretch:extra-expanded; text-transform:uppercase; font-size:11px; letter-spacing: 1px; font-weight: normal;}

.apiContArea .listDetail .tl{text-align:left; color:#2f6aa6; padding: 5px 3px; font-size: 14px; font-weight: bold;}
.apiContArea .listDetail .date{ margin: 5px;}
.apiContArea .listDetail dl{ margin: 10px 0;}
.apiContArea .listDetail dl dt{ font-weight: bold;}
.apiContArea .listDetail dl dd{ margin: 10px; color: #636363;}
.apiContArea .listDetail dl dd p{ margin-bottom: 10px; line-height: 1.5;}
.apiContArea .listDetail p.addFile, .addFile{ border: 1px solid #d9e3e7; background: #f4f8f9; margin: 20px 0 10px; padding: 7px;}
.apiContArea .bord_topDotLine{ border-top: 1px dotted #d9e3e7; padding-top: 3px;}
/*.apiContArea h4, h4{  margin: 5px 5px 5px 0; background: url(http://api.nongsaro.go.kr/images/api/common/bull_h4.gif) no-repeat 0 45%; padding-left: 10px; color:#424242; font-size:small; font-weight:bold;}
.apiContArea h4 em.ic{ margin-left: 10px; font-size: 14px; color: #998200;}
.apiContArea h4.floatH{ background: none !important; border-left: 1px solid #e1e1e1; margin-left: 15px; color: #6c6c6c;}*/

/* BUTTON str */
.apiContArea .imgButton{ margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; vertical-align:top; overflow:visible; background: none;}
.apiContArea .btnArea { margin: 10px 0; text-align:center;}
.apiContArea .btnArea:after { content: ""; clear: both; display: block;}
.apiContArea .button,
.apiContArea .button *{color:#3f66cc;  position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; /*background:url(http://api.nongsaro.go.kr/images/api/button/button.gif) no-repeat;*/ vertical-align:top; overflow:visible; font-weight: bold;}
.apiContArea .button { margin-right:4px;}
.apiContArea .button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.apiContArea .button.medium, .apiContArea button.medium *{ height:25px; line-height:25px;}
.apiContArea .button.medium { background-position:left 0;}
.apiContArea .button.medium *{ padding:2px 10px 0 10px; font-size:12px; background-position:right top;}
.apiContArea .button.medium.blue {background-position:left -130px;}
.apiContArea .button.medium.blue *{ background-position:right -130px; color: #fff; padding: 0 10px 0 8px !important;}
.apiContArea .button.blue a{ color: #fff !important;}

/* Button Hover */
.apiContArea .button *:hover,
.apiContArea .button *:active,
.apiContArea .button *:focus{ color:#000 !important;}
.apiContArea .button.blue *:hover,
.apiContArea .button *:active,
.apiContArea .button.blue *:focus{ color:#b9dfff;}
.apiContArea .button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.apiContArea .button.icon *{ padding-left:15px;}
.apiContArea .button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.apiContArea .button.medium .default{ background-position: 0 -432px;}
.apiContArea .button.medium .list{ background-position: -40px -432px;}
.apiContArea .button.medium .add{ background-position: -61px -432px;}
.apiContArea .button.medium .del{ background-position: -80px -432px;}
.apiContArea .button.medium .zoom{ background-position: -102px -435px;}
/* //BUTTON end */