@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight:normal;	
  src: local('NanumGothic'), url(../font/NanumGothic.woff) format('woff');
}

* { word-break:keep-all;-webkit-tap-highlight-color:transparent; }


body {background:#fff; font-family:'Montserrat','Noto Sans KR', Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important; font-size:14px; color:#4e4e4e; line-height:16px; font-weight:400; padding:0px; margin:0px; letter-spacing:-1px;}
html, body {min-width:100%; height:100%;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:16px;}
form, fieldset, p {margin:0;padding:0;border:0;}
table {width:100%;table-layout:fixed;}
table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;table-layout:fixed;}/*border:none; separate*/
html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
label {cursor:pointer;}
label.none {position:absolute; left:-5000px; height:0; line-height:0; text-indent:-5000px; border:0 none;}
input.radio {width:12px;height:12px;border:0 none;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em, code, button {font-style:normal; font-family:'Montserrat','Noto Sans KR','나눔고딕',Nanum Gothic,'돋움',dotum, AppleGothic, sans-serif; letter-spacing:-1.5px; outline:0;}
select {height:28px; width:80px; font-family:'Montserrat','Noto Sans KR','나눔고딕',Nanum Gothic,'돋움',dotum, AppleGothic, sans-serif; background:#fff; color:#4e4e4e; font-size:14px; margin-right:3px;vertical-align:middle;border:0;}
input {font-family:'Montserrat','Noto Sans KR','나눔고딕',Nanum Gothic,'돋움',dotum, AppleGothic, sans-serif; background:#fff; color:#4e4e4e; font-size:14px; vertical-align:middle; border:0;}
textarea {padding:5px; color:#4e4e4e; resize: none; font-family:'Montserrat','Noto Sans KR','나눔고딕',Nanum Gothic,'돋움',dotum, AppleGothic, sans-serif; outline:0; background:#fff;}
h1, h2, h3,h4, h5, h6{font-weight:normal;font-size:100%;}
a {text-decoration:none;color:#4e4e4e;cursor:pointer; outline:0;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none !important;}
.under {text-decoration:underline;}
.cursor-default {cursor:default;}
button {border:0; cursor:pointer; display:inline-block; /* border-radius:4px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); */}
em {font-weight:bold; letter-spacing:0;}

.wrap { width:100%;height:auto;position:relative;min-height:100%;padding:0px;margin:0px;padding-top:122px; }

/*검색*/
.srh {background:#eee; margin-top:15px; padding:30px; border-radius:5px; text-align:center;}
.srh .srh_wrap {margin:0 auto; overflow:hidden;}
.srh select {float:left; border:1px solid #ddd; height:40px; line-height:40px; width:200px; padding-left:10px; font-weight:bold;}
.srh select option {height:40px; line-height:40px;}
.srh input {float:left; border:1px solid #ddd; height:40px; line-height:40px; width:600px; padding:0 10px; margin-right:10px;}
.srh .btn_green {float:left; background:#349948; width:100px; height:40px; font-size:16px; text-align:center; color:#fff; border-radius:2px}
.srh .btn_green:hover {color:#fff; background:#2d3d90; transition: background .5s, color .5s;}

.list_01 {font-size:17px; _margin-top:10px;}
.list_01 > li {background:url('../images/bul03.png') 0 7px no-repeat; padding-left:10px; margin-bottom:15px; line-height:24px;}
.list_01_1 {font-size:17px;}
.list_01_1 > li {background:url('../images/bul03.png') 0 7px no-repeat; padding-left:10px; margin-bottom:5px; line-height:24px;}
.list_02 {font-size:16px; margin-top:5px;}
.list_02 li {margin-top:8px; color:#888;}
.list_03 li {font-weight:normal; padding-left:10px;}
.list_03 li > p {margin-top:10px; line-height:20px;}
.list04 {overflow:hidden;}
.list04 li {float:left; width:calc(30% - 10px); font-size:15px; text-align:center; margin-right:10px; padding:10px; font-size:14px; border:1px solid #ddd; border-radius:4px;}
.list04 li:last-child {width:30%; margin-right:0;}
.list04 li span {font-weight:bold; display:inline-block; padding:0 5px;}

/*notice*/
.notice_wrap {margin:15px 0 50px;  font-family:'Montserrat','Noto Sans KR', Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important;}
.notice_wrap .notice_tit {border-top:3px solid #222; font-size:24px; padding:40px; line-height:30px; border-bottom:1px solid #999; color:#222;  font-family:'Montserrat','Noto Sans KR', Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important;}
.notice_wrap .notice_date {float:right; display:block; font-size:16px; padding:10px 0 10px 0; color:#999; letter-spacing:0;  font-family:'Montserrat','Noto Sans KR', Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important;}
.notice_wrap .notice_text {font-size:20px; padding:40px; border-bottom:1px solid #999; color:#888; line-height:30px;  font-family:'Montserrat','Noto Sans KR', Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important;}
.notice_paging {border-bottom:1px solid #222; overflow:hidden;}
.notice_paging li {float:left; width:638px; overflow:hidden;}
.notice_paging li:first-child {border-right:1px solid #ddd;}
.notice_paging li:first-child > p > a {padding-left:0;}
.notice_paging li > p > a {float:left; display:block; color:#666; width:400px; line-height:40px; padding:20px 30px 20px 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align:middle;}
.notice_paging li > span {float:left; font-size:22px; width:120px; height:80px; line-height:80px; color:#222; font-weight:600; text-align:center; vertical-align:middle;}
.notice_paging li > p.no a {color:#b2b2b2;}
.notice_paging li:hover p a {color:#111;}
.notice_paging li:hover p.no a {color:#b2b2b2;}

.btn_wrap {text-align:center;}
.btn_green_s {display:inline-block; color:#fff; background:#349948; height:42px; line-height:42px; font-size:14px; text-align:center;  border-radius:2px;}
.btn_gray_s {display:inline-block; color:#fff; background:#999; padding:0 5px; height:42px; line-height:42px; font-size:14px; text-align:center;  border-radius:2px;}
.btn_green_b {margin-top:30px; display:inline-block; color:#fff; background:#349948; width:150px; height:50px; line-height: 50px; font-size:16px; text-align:center;  border-radius:2px;}
.btn_green_b:hover, .btn_green_s:hover {background:#2d3d90; transition: background .5s, color .5s;}
.btn_gray_b {margin-top:30px; display:inline-block; color:#fff; background:#999; width:150px; height:50px; line-height: 50px; font-size:16px; text-align:center;  border-radius:2px;}
.btn_gray_b:hover, .btn_gray_s:hover {background:#666; transition: background .5s, color .5s;}


/************************************ admin ************************************/
/*lnb*/
.l_wrap {border-right: 2px solid #999999; position:fixed; top:0px; left:0px; width:240px; background:#ffffff; height:100vh; overflow:hidden; z-index:9998; display: flex; flex-direction: column;}
.l_wrap #ad_header {position:fixed; top:0px; width:240px; height:80px; display: flex; justify-content:center; align-items:center;}
.mark_image {width: 85%;}
/* .content .logout {color:#ffffff; box-shadow:none; font-size:12px; line-height:12px; letter-spacing:0; background-color: #676766; position: absolute; top: -53px; right: 21px; border-radius: 0; padding: 10px;} */
/* .l_wrap #ad_header .logout:hover {color:rgba(255, 255, 255, 0.7);} */
.lnb {margin-top:80px; overflow:auto;}
.lnb > li {/* border-bottom:1px solid #c0c7cf; */ background:#005f9e; /* url("../images/down.png") 210px 25px no-repeat; */}
#G01 {border-top: 2px solid #999999;}
#G05 {border-bottom: 2px solid #999999;}
#G05 > a {border-bottom: none; font-weight: bold;}
.lnb > li > a {padding:12px 30px 12px 17px; display:block; font-size:16px; border-bottom:1px solid #c0c7cf; color:#ffffff; position: relative; line-height: 28px;}
.lnb > li > a:before {content: ""; display: inline-block; position: absolute;background: #ffffff; right: 10px; top: 24px; width: 12px; height: 2px;}
/* .lnb > li > a:last-child {border-bottom: none;} */
/* .lnb > li:hover {background:#106064 url("../images/down_o.png") 210px 25px no-repeat;} */
/* .lnb > li.on {background:#106064 url("../images/up.png") 210px 25px no-repeat;} */
.lnb > li:hover > a, .lnb > li.on a {color:#ffffff;}
.lnb > li:last-child {border-bottom:0;}
.lnb > li > .depth_2 {}
.lnb > li > .depth_2 li {border-top:1px solid #c0c3d1; background:#ffffff;}
.lnb > li > .depth_2 li:first-child {border-top:0;}
.lnb > li > .depth_2 li > a {padding:13px 30px 14px 17px; display:block; color:#383b3d; font-size:15px;}
.lnb > li > .depth_2 li > a:hover {background: #f6f7fb;}


.lnb > li > .depth_2 li > .depth_3 {background:#b4b7c5;}
.lnb > li > .depth_2 li > .depth_3 > li {border-top:1px solid #949ab3; background:#a7abbd;}
.lnb > li > .depth_2 li > .depth_3 > li > a {padding:15px 0 15px 75px; display:block; background:url('../images/bul03.png') 60px center no-repeat; color:#212e4a;}
.lnb > li > .depth_2 li > .depth_3 > li:hover a {background:#9ba0b6 url('../images/bul03.png') 60px center no-repeat; font-weight:bold;}

/* icon */
/* .icon {display:block; position:absolute; top:10px; left:10px; width:30px; height:30px;}
.icon01 {background:url("../images/menu_01.png") left no-repeat;}
.icon02 {background:url("../images/menu_02.png") left no-repeat;}
.icon03 {background:url("../images/menu_03.png") left no-repeat;}
.icon04 {background:url("../images/menu_04.png") left no-repeat;}
.icon05 {background:url("../images/menu_05.png") left no-repeat;}

.lnb li:hover .icon01,.lnb li.on .icon01 {background:url("../images/menu_01_o.png") left no-repeat;}
.lnb li:hover .icon02,.lnb li.on .icon02 {background:url("../images/menu_02_o.png") left no-repeat;}
.lnb li:hover .icon03,.lnb li.on .icon03 {background:url("../images/menu_03_o.png") left no-repeat;}
.lnb li:hover .icon04,.lnb li.on .icon04 {background:url("../images/menu_04_o.png") left no-repeat;}
.lnb li:hover .icon05,.lnb li.on .icon05 {background:url("../images/menu_05_o.png") left no-repeat;} */

.lnb02_wrap {width:80px;  float:left; height:700px;}
.lnb02 {width:80px; overflow:auto;}
.lnb02 > li {background:#042066; border-bottom:1px solid #142e6f;}
.lnb02 > li > a {padding:10px 0; text-align:center; display:block; color:#fff;}
.lnb02 > li:hover {background:#10489d; transition: background .4s;}
.lnb02 > li:hover > a, .lnb02 > li.on a {color:#fff;}
.lnb02 > li.on {background:#10489d;}
.lnb02 > li > .depth_2 {}
.lnb02 > li > .depth_2 li {border-top:1px solid #c0c3d1; background:#caccd6;}
.lnb02 > li > .depth_2 li > a {padding:10px; text-align:center; display:block; color:#4f6087; font-size:13px;}
.lnb02 > li > .depth_2 li:hover, .lnb > li > .depth_2 li.on {background:#c0c3d1;}
.lnb02 > li > .depth_2 li:hover a {color:#3b4a6a;}


.lnb03 {width:80px; overflow:auto;}
.lnb03 > li {background:#042066; border-bottom:1px solid #142e6f;}
.lnb03 > li > a {padding:10px 0; text-align:center; display:block; color:#fff;}
.lnb03 > li:hover {background:#10489d; transition: background .4s;}
.lnb03 > li:hover > a, .lnb02 > li.on a {color:#fff;}
.lnb03 > li.on {background:#10489d;}


.lnb04 {width:5%; float:left; border-radius:6px; overflow:hidden; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);}
.lnb04 > li {background:#15213f; border-bottom:1px solid #233561;}
.lnb04 > li > a {padding:30px 0; text-align:center; display:block; color:#fff;}
.lnb04 > li:hover {background:#10489d; transition: background .4s;}
.lnb04 > li:hover > a, .lnb04 > li.on a {color:#fff;}
.lnb04 > li.on {background:#10489d;}


.content {width:calc( 100% - 240px ); min-width:1100px; height:95%; left:240px; position:absolute; box-sizing:border-box; /* border-top:2px solid #424459; top: 70px; */}
.content_tab {width:100%;position:absolute;top:0px;left:0px;height:27px;line-height:27px;background:#9d9d9d;border-bottom:1px solid #8c8c8c;z-index:9999;}
.content_tab_cell { cursor:pointer;background:#9d9d9d;color:white;float:left;display:inline-block;padding-left:20px;padding-right:10px;height:27px;line-height:27px;color:white;font-size:12px;text-align:left;position:relative;border:1px solid #8c8c8c;margin-right:-1px;border-top:0px solid #d4d4d4; }
.content_tab_cell:nth-of-type(1) { border-left:0px solid black; }
.content_tab_cell:hover { background:#8c8c8c;}
.content_tab_cell_now { background:#e6e6e6 !important;color:black !important;border-bottom:1px solid #e6e6e6 !important; }
.tab_x { float:right;cursor:pointer;width:20px;height:20px;border-radius:50%;background:gray;color:white;text-align:center;line-height:20px;font-size:10px;margin-top:3px;margin-left:30px; }
.content:after {content:''; display:block; clear:both;}

.content_wr {width:100%; min-width:1100px; height:100%; overflow:auto; padding:0 15px; box-sizing:border-box; position:relative;}
.content_wr:after { clear:both;display:block;content:''; }
.content_cell {width:calc( 50% - 10px ); float:left; background:#fff; padding:15px; box-sizing:border-box; _box-shadow:2px 2px 3px rgba(0,0,0,0.2);_margin-bottom:20px;_border-radius:4px; position:relative; }
.content_cell_tit {background:url("../images/bul01.png") left 35% no-repeat; font-size:18px; font-weight:bold; color:#222; border-bottom:2px solid #ddd; display:block; padding:0 0 6px 22px; }
.content_cell_tit2 {background:url("../images/bul06.png") left 18% no-repeat; font-size:18px; font-weight:bold; color:#222; display:block; padding:0 0 6px 22px; }
.monitoring {background:#f3f3f3; padding-top:60px; min-width:1280px; height:100%;}
.monitoring > .m_content {width:100%; padding:30px; box-sizing:border-box; height:100%;}

/*sub*/
.search_cell {border-bottom: 1px solid #d6d6d6; background:#fff; /* padding:15px; */ margin: 0 15px; box-sizing:border-box; overflow:hidden; position:relative; height: 81px;}
.grid_cell {width:calc( 100% - 0px ); _height:auto; float:left; background:#fff; padding:15px; box-sizing:border-box; _box-shadow:2px 2px 3px rgba(0,0,0,0.2); _margin-bottom:20px; _border-radius:4px; position:relative;}
.search_cell02 {overflow:hidden; width:100%;}
.grid_cell_wid_50 { width:calc( 50% - 20px );margin-right:20px; }
.grid_cell_wid_50:nth-child(2n-1) { width:50%;margin-right:0px; }
.grid_cell_h100 {width:calc( 100% - 0px ); height:calc( 100% - 100px ); float:left; background:white; padding:15px; box-sizing:border-box; _box-shadow:2px 2px 3px rgba(0,0,0,0.2); _margin-bottom:20px; _border-radius:4px; position:relative;}

.grid_cell .tit, .content_cell .tit {display:inline-block; font-size:16px; color:#222; margin: 12px 0;}


/* tab */
.tab {overflow:hidden;}
.tab li {float:left; width:calc(20% - 1px); background:#f3f2e9; text-align:center; font-size:16px; height:42px; line-height:44px; cursor:pointer; margin-right:1px;}
.tab li:nth-child(n+6) {margin-top:1px;}
.tab li:hover {background:#E59A2E; transition:background .4s;}
.tab li.on {background:#1577b6; color:#ffffff; font-weight:bold;}

.s_tit_wrap {position:relative;}

.img_srh_box {margin-top:20px; position:relative;}
.img_srh_box .l_box {width:calc(100% - 16.7%);}

.total_r {position:absolute; top:4px !important; right:0; font-size:15px; background:#82BC41; color:#ffffff; padding:5px 15px 5px 20px; border-radius:30px;}
.total_r span {display:inline-block;}
.total_r span:first-child:after {/* content:'|'; */ display:inline-block; margin:0 15px; color:rgba(255, 255, 255, 0.5);}
.total_r em {display:inline-block; margin:0 3px 0 12px;}

.ad_list01, .ad_list01_2 {overflow:hidden; margin-bottom:5px; display:flex; justify-content: space-around; align-items: center; width:100%; padding:10px; border:1px solid #ddd;}
.ad_list01 li {display:inline-block; position:relative; height:22px; line-height:22px; font-size:12px; margin-right:10px; padding:0 10px 0 28px; position:relative; background-position:0px top !important;}
.ad_list01 li span, .ad_list01_2 li span  {display:inline-block; margin-left:5px; font-weight:bold; letter-spacing:0;}
.ad_list01 li:after, .ad_list01_2 li:after {content:''; display:inline-block; position:absolute; bottom:-2px; left:30px; width:13px; height:3px; background:#e9e9e9;}
.ad_list01 li.i00:after, .ad_list01 li.i05:after, .ad_list01 li.i06:after, .ad_list01_2 li.i00:after, .ad_list01_2 li.i05:after, .ad_list01_2 li.i06:after {display:none;} 
.ad_list01 li.i00, .ad_list01_1 li.i00, .ad_list01_2 li.i00 {background:url(../images/i_01.png) no-repeat;}
.ad_list01 li.i01, .ad_list01_1 li.i01, .ad_list01_2 li.i01 {background:url(../images/i_02.png) no-repeat;}
.ad_list01 li.i02, .ad_list01_1 li.i02, .ad_list01_2 li.i02 {background:url(../images/i_03.png) no-repeat;}
.ad_list01 li.i03, .ad_list01_1 li.i03, .ad_list01_2 li.i03 {background:url(../images/i_04.png) no-repeat;}
.ad_list01 li.i04, .ad_list01_1 li.i04, .ad_list01_2 li.i04 {background:url(../images/i_05.png) no-repeat;}
.ad_list01 li.i05, .ad_list01_1 li.i05, .ad_list01_2 li.i05 {background:url(../images/i_06.png) no-repeat;}
.ad_list01 li.i06, .ad_list01_1 li.i06, .ad_list01_2 li.i06 {background:url(../images/i_07.png) no-repeat;}
.ad_list01 li.i07, .ad_list01_1 li.i07, .ad_list01_2 li.i07 {background:url(../images/i_08.png) no-repeat;}
.ad_list01 li.i08, .ad_list01_1 li.i08, .ad_list01_2 li.i08 {background:url(../images/i_09.png) no-repeat;}
.ad_list01 li.i09, .ad_list01_1 li.i09, .ad_list01_2 li.i09 {background:url(../images/i_10.png) no-repeat;}
.ad_list01 li.i10, .ad_list01_1 li.i10, .ad_list01_2 li.i10 {background:url(../images/i_11.png) no-repeat;}
.ad_list01 li.i11, .ad_list01_1 li.i11, .ad_list01_2 li.i11 {background:url(../images/i_12.png) no-repeat;}
.ad_list01 li.i12, .ad_list01_1 li.i12, .ad_list01_2 li.i12 {background:url(../images/i_13.png) no-repeat;}
.ad_list01 li:last-child:after, .ad_list01_2 li:last-child:after {background:none;}

.ad_list01_1 {overflow:hidden; margin-top:10px; border-top:1px dashed #d7d5c2; padding-top:8px;}
.ad_list01_1 li {float:left; width:14.28%; padding:20px 8px 0px 8px; position:relative; margin:0 0 8px 0; background:#ddd; text-align:center; color:#222; background-position:top center !important;}
.ad_list01_1 li span {font-size:11px; display:block; height:16px; letter-spacing:0;}

/* 센서그래프조회 */
.ad_list01_2 li {display:inline-block; cursor:pointer; position:relative; height:22px; line-height:22px; font-size:16px; margin-right:10px; padding:0 10px 0 28px; position:relative; background-position:0px top !important; font-weight:bold;}
.ad_list01_2 li span {display:inline-block; margin-left:5px; font-weight:bold; letter-spacing:0;}
.ad_list01_2 li:after {content:''; display:inline-block; position:absolute; bottom:-2px; left:30px; width:13px; height:3px; background:#e9e9e9;}

/* 그래프 컬러 */
.ad_list01 li.i00:after, .ad_list01_2 li.i00:after {background:none;} /*온실*/
.ad_list01 li.i01:after, .ad_list01_2 li.i01:after {background:#1e7e89;} /*강우*/
.ad_list01 li.i02:after, .ad_list01_2 li.i02:after {background:#e26f1a} /*일사량*/
.ad_list01 li.i03:after, .ad_list01_2 li.i03:after {background:#f7433a;} /*대기온도*/
.ad_list01 li.i04:after, .ad_list01_2 li.i04:after {background:#3072d5;} /*대기습도*/
/*.ad_list01 li.i05:after {background:#db71c6} 풍향*/
/*.ad_list01 li.i06:after {background:#eb496c} 풍속*/
.ad_list01 li.i07:after, .ad_list01_2 li.i07:after {background:#78b3f5} /*이슬점*/
.ad_list01 li.i08:after, .ad_list01_2 li.i08:after {background:#93a5ad} /*수분부족*/
.ad_list01 li.i09:after, .ad_list01_2 li.i09:after {background:#edc264} /*토양온도*/
.ad_list01 li.i10:after, .ad_list01_2 li.i10:after {background:#d7eec1} /*토양습도*/
.ad_list01 li.i11:after, .ad_list01_2 li.i11:after {background:#26ab64} /*ec*/
.ad_list01 li.i12:after, .ad_list01_2 li.i12:after {background:#8668bf} /*ph*/


.ad_list03_1 {overflow:hidden; margin-top:10px; border-top:1px dashed #d7d5c2; padding-top:8px;}
.ad_list03_1 li {width:11.28%; padding:5px 8px 0px 8px; position:relative; margin:0 0 8px 0; text-align:center; color:#222; background-position:top center !important;}
.ad_list03_1 li span {font-size:11px; display:block; height:16px; letter-spacing:0;}

.databox01 {position:relative; height:115px;}
.databox01 p {color:#666; margin-top:10px; /*padding: 0 5px; */font-weight:bold; letter-spacing:0; text-align: center;}
.databox01 span.i01 {display:inline-block; width:20px; height:20px; background:url(../images/i_01.png) top no-repeat; position:absolute; top:-3px; right:0;}

.i_sun {background:url(../images/ico_w01.png) center no-repeat;}
.i_rain {background:url(../images/ico_w02.png) center no-repeat;}
.i_n {background:url(../images/ico_n.png) center no-repeat;}
.i_e {background:url(../images/ico_e.png) center no-repeat;}
.i_s {background:url(../images/ico_s.png) center no-repeat;}
.i_w {background:url(../images/ico_w.png) center no-repeat;}

.ad_list02 {overflow:hidden; float:left; margin:10px 0 0 8px;}
.ad_list02 li {float:left; width:50px; color:#aaa; text-align:center; height:25px; line-height:25px; cursor:pointer; margin: 0 12px 0 0; }
.ad_list02 li:before {content:''; display:inline-block; width:18px; height: 18px; background:url(../images/radio_off.png) center no-repeat; margin: 0 4px 0 0; position: relative; top: 3px;}
.ad_list02 li.on {color:#444;}
.ad_list02 li.on:before {content:''; background:url(../images/radio_on.png) center no-repeat;}

.top_ca_photo {width:16.25%; position:absolute; top:-10px; right:0; height:288px; background:#efce75; padding:10px;}
.top_ca_photo span {display:block; font-size:15px; font-weight:bold; text-align:center; margin:20px 0 10px;}
.top_ca_photo .ca_photo_list {position:relative; height:130px;}
.top_ca_photo .ca_photo_list li {background:#ddd; position:absolute; top:0px; left:0px; width:100%; border-radius:10px; overflow:hidden;}
.top_ca_photo .ca_photo_list li img {width:100%; height:auto;}


/* 풀화면 팝업 */
.new_pop {position:relative; height:100%;}
.new_pop .new_pop_in {position:absolute; top:0px; left:10px; width:calc(100% - 20px); z-index:10; display: flex; flex-direction: column;}
.new_pop_in .btn_pre {position:absolute; top:380px; left:0; background:rgba(0, 0, 0, 0.4) url(../images/main_pre_o.png) center no-repeat; background-size:20px; width:50px; height:100px; border-radius:0 10px 10px 0; }
.new_pop_in .btn_next {position:absolute; top:380px; right:0; background:rgba(0, 0, 0, 0.4) url(../images/main_next_o.png) center no-repeat; background-size:20px; width:50px; height:100px; border-radius:10px 0  0 10px;}
.new_pop_in .btn_pre:hover, .new_pop_in .btn_next:hover {background-color:rgba(0, 0, 0, 0.7); transition: background .5s;}
.new_pop .btn_close {position:absolute; top:0; right:0; width:54px; height:54px; background:#1577b6 url(../images/pop_close.png) center no-repeat; background-size:20px;}
.np_tit {font-size:17px; font-weight:bold; background:#1577b6; padding:15px; color: #ffffff;}
.np_tit span {display:inline-block; margin: 0 6px 0 0;}
.np_tit span:after {content:'|'; display:inline-block; margin-left:10px; font-weight:normal;}
.np_tit span:last-child:after {display:none;}
.white_box {background:rgba(255, 255, 255, 0.8); display:inline-block; padding:20px 10px 10px; margin:0 16px;}
.white_box > .ad_list01 {/* display:block; */ border:0; padding:0; margin:0;}
.white_box > .ad_list01 > li {float:left; margin-bottom:10px;}
.white_box > .ad_list01 > li:after {display:none;}
.np_view_list {position:relative;}
.np_view_list li {position:absolute; top:54px; left:10px; width:calc(100% - 20px);}
.np_view_list li img {width:100%; height:100%;}

.box_list li {position:relative; width:calc(50% - 1% ); margin-right:1%; float:left; background:white; padding:20px; box-sizing:border-box; box-shadow:2px 2px 3px rgba(0,0,0,0.2); margin-bottom:20px; border-radius:4px;}
.box_list li:nth-child(2n) {margin-right:0; width:50%;}
.box_list li .graph_box > canvas {height:300px;}
.total_round {display:inline-block; padding:0 10px; height:30px; line-height:30px; text-align:center; position:absolute; top:15px; right:20px; background:#042571; color:#fff; border-radius:30px;}
.total_round2 {display:inline-block; padding:0 10px; height:30px; line-height:30px; text-align:center; position:absolute; top:15px; right:125px; background:#042571; color:#fff; border-radius:30px;}
.total_round > span, .total_round2 > span {font-weight:bold;}

.list01 {overflow:hidden; /* float:left; */ width:100%; margin:0; font-size:16px; position:absolute; top: 24px;}

.list01 li {float:left; overflow:hidden; padding-left:20px; box-sizing:border-box; display: flex; align-items: center;}
.list01 li select, .list01 li input, .list01 li span {float:left;}
.list01 li p {float:left; font-weight:bold; margin-bottom:0; line-height:30px; margin-right:10px; color: #424459; position: relative;}
.list01 li p:before {content: ""; position: absolute; top: 5px; width: 4px; height: 18px; background: #005f9e; left: -8px;}
.list01 li .date_wrap {float:left;}
.list01 li .date_wrap button {float:left; background:#e1e1e1; width:30px; height:30px;}
.list01 li .date_wrap button:hover {background:#ddd;}
.list01 li .date_wrap button.pre:before {content:'◀'; display:inline-block; font-size:8px;}
.list01 li .date_wrap button.next:before {content:'▶'; display:inline-block; font-size:8px;}
.list01 li .date_wrap .date {line-height:32px; display:inline-block; padding:0 15px; font-size:16px; font-weight:bold; letter-spacing:0;}
.hypn {display:inline-block; float:left; width:20px; text-align:center; line-height:32px;}

.list02 {overflow:hidden; margin-bottom:0;}
.list02 li {float:left; overflow:hidden; background:url('../images/bul03.png') 10px 12px no-repeat; padding-left:20px;}
.list02 li p {float:left; line-height:30px; margin-right:10px; margin-bottom:0}
.list02 li select {min-width:140px;}
.list02 li input {min-width:140px;}

.list03 {overflow:hidden; margin-bottom:0;}
.list03 li {float:left; font-size:16px; margin-left:15px; overflow:hidden; background:url('../images/bul03.png') left center no-repeat; padding-left:10px;}
.list03 li.last {clear:both; margin:10px 0 0 0; }
.list03 li:first-child {margin-left:0;}
.list03 li span {margin-right:10px; font-weight:bold; color:#112a7b;}
.list03 li.on {color:#f00000; font-weight:bold;}

.list05 {overflow:hidden; width:100%; margin-bottom: 10px; font-size:16px;}
.list05 li {float:left; overflow:hidden; padding-left:20px; box-sizing:border-box; display: flex; align-items: center;}
.list05 li select, .list01 li input, .list01 li span {float:left;}
.list05 li p {float:left; font-weight:bold; margin-bottom:0; line-height:30px; margin-right:10px; color: #424459; position: relative;}
.list05 li p:before {content: ""; position: absolute; top: 5px; width: 4px; height: 18px; background: #424459; left: -8px;}


.search_cell > .pop_btn_wrap {position:absolute; top:25px; right:25px;}
.search_cell > .pop_btn_wrap > button {display:inline-block; font-size:16px; width:80px; height:50px; line-height:50px;}
.search_cell > .pop_btn_wrap > button.pop_close {background:#666; color:#fff; border-radius:4px;} 
.search_cell .list03 li .pop_src {display:inline-block; font-size:16px; width:70px; height:30px; line-height:28px; border:1px solid #1a4488; background:#214e98; color:#fff; border-radius:4px;}

.check_wrap {}
.check_wrap .check_list {overflow:hidden; font-size:16px;}
.check_wrap .check_list li {float:left; padding:10px 20px ;background:#eee; border-radius:20px; margin-right:5px;}
.check_wrap .check_list li:first-child, .check_wrap .check_list02 li:first-child {margin-left:0;}
.check_wrap .check_list li:last-child, .check_wrap .check_list02 li:last-child {border-right:0;}
.check_wrap .check_list li input, .check_wrap .check_list02 li input {margin-right:8px; margin-top:0;}
.check_wrap .check_list li.checked, .check_wrap .check_list02 li.checked {background:#042066; color:#fff;}
.check_wrap .check_list label, .check_wrap .check_list02 label {margin-bottom:0;}
.check_wrap .check_list02 {overflow:hidden; font-size:14px;}
.check_wrap .check_list02 li {float:left; padding:10px 12px ;background:#eee; border-radius:20px; margin-right:5px;}

.pop_btn_wrap02 {position:absolute; bottom:30px; right:30px;}
.graph_button_wrap {position:absolute; right:20px; top:20px;}
.graph_button_wrap ul {overflow:hidden; position:relative;}
.graph_button_wrap li {float:left; margin-left:5px; position:relative;}
.graph_button_wrap li a {display:block; padding:5px 10px; color:#999; border:1px solid #999;}
.graph_button_wrap li a:hover, .graph_button_wrap li.on a {background:#042066; border:1px solid #042066; color:#fff;}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {opacity: 0; appearance: none;}
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-inner-spin-button {opacity: 0; appearance: none;}
.ad_input_txt {border:1px solid #d1d3d4; /* border-radius:4px; */ height:32px; line-height:32px; padding:0 5px; letter-spacing:-1px; background:#fff url('../images/calendar_today.png') no-repeat; background-position: 96%;}
.ad_input_txt2 {border:1px solid #d1d3d4; /* border-radius:4px; */ height:32px; line-height:32px; padding:0 5px; letter-spacing:-1px;}
.ad_select {border:1px solid #d1d3d4; /* border-radius:4px; */ height:32px; line-height:32px; padding:0 5px;width:auto;}
.ad_textarea {border:1px solid #ddd; border-radius:4px; padding:5px;}


.graph_wrap {float:left; width:calc( 100% - 100px ); margin-left:20px;}
.graph_wrap02 {float:left; width:100%;}
.graph_wrap02 > .graph_box {height:510px !important;}
.graph_wrap02 > .graph_box > canvas {height:510px !important;}
.graph_box {background:#f6f6f6; width:100%; height:620px;}
.graph_box canvas {max-height:610px !important;}
.graph_box01 {background:#f3f3f3; width:100%; height:350px;}
.graph_box01 canvas {max-height:350px !important;}
.pop_graph_wrap {position:relative;}
.pop_graph_wrap .graph_button {position:absolute; top:10px; right:10px;}
.pop_graph_wrap .graph_button a {border-raius:4px; font-size:12px; display:inline-block; height:25px; line-height:25px; width:60px; color:#fff; background:rgba(20, 100, 150, 0.4); margin-left:5px; text-align:center;}
.pop_graph_wrap .graph_button a:hover, .pop_graph_wrap .graph_button a.on {background:rgba(20, 100, 150, 1.0);}
.pop_graph_wrap > .graph_box {height:480px;}
.pop_graph_wrap > .graph_box img {height:480px; width:100%;}

/* btn */
.ad_btn_src {font-weight:bold; background:#fff url('../images/icon_src.png') 10px center no-repeat; border:1px solid #009848; color:#009848; padding:6px 15px 6px 35px}
.ad_btn_plus {font-weight:bold; background:#fff url('../images/icon_plus.png') 10px center no-repeat; border:1px solid #009848; color:#009848;  padding:6px 15px 6px 35px;}
.ad_btn_change {font-weight:bold; background:#fff url('../images/icon_change.png') 10px center no-repeat; border:1px solid #009848; color:#009848; padding:6px 15px 6px 35px;}
.ad_btn_change2 {font-weight:bold; background:#fff url('../images/icon_change2.png') 10px center no-repeat; border:1px solid #009848; color:#009848; padding:6px 15px 6px 35px;}
.ad_btn_change3 {font-weight: bold;background: #2196F3 url(../images/icon_change3.png) 30px center no-repeat;border: 1px solid #2196F3;color: #FFF;padding: 14px 30px 12px 50px;border-radius: 6px; font-size: 15px;}
.ad_btn_save {font-weight:bold; background:#417011 url('../images/icon_save.png') 10px center no-repeat; border:1px solid #345a0d; color:#fff; padding:6px 15px 6px 35px;}
.ad_btn_src1 {height: 34px;line-height: 16px; font-weight:bold; background: #005f9e url('../images/search_new.png') 10px center no-repeat; color:#fff; padding:6px 15px 6px 35px;}
.ad_btn_src1:hover {background-color: #003e6b;}
.ad_btn_src1.srh {width:30px;height:30px; vertical-align:middle;}
.ad_btn_src2 {font-weight:bold; background: #004c9d url('../images/search_new.png') center no-repeat; color:#fff; height:32px; width:32px;}
.ad_btn_src3 {font-weight:bold; background: #004c9d url('../images/search_new.png') 10px center no-repeat; color:#fff; padding:6px 15px 6px 35px;}

.ad_btn_delete {font-weight:bold; background:#fff url('../images/icon_delete_g.png') 10px center no-repeat; border:1px solid #009848; color:#009848; padding:6px 15px 6px 35px;}
.ad_btn_excel {font-weight:bold; background: #004c9d url('../images/download_for_offline.png') 10px center no-repeat; color: #ffffff; padding:6px 15px 6px 35px;;}
.ad_btn_src:hover, .ad_btn_plus:hover, .ad_btn_change:hover, .ad_btn_delete:hover {font-weight:bold; background-color:#ddfaeb; transition: background .4s, color .4s;}
.ad_btn_save:hover {font-weight:bold; background:#024e90 url('../images/icon_save.png') 10px center no-repeat; transition: background .4s, color .4s;}
/* .ad_btn_excel:hover, .ad_btn_excel_ss:hover {background-color:#f9f9f9;} */
/* .ad_btn_gray {display:inline-block; background:#999; border:1px solid #777; padding:7px 25px; color:#fff;} */

.ad_btn_wrap {position:absolute; top:24px; right:15px;}
.ad_btn_wrap_c {text-align:center; margin-top:18px;}
.ad_btn_wrap_r {text-align:right; margin-top:10px;}
.ad_btn_green_ss {display:inline-block; background:#004c9d url('../images/settings_app.png') 10px center no-repeat; /* border:1px solid #00823e; */ padding:4px 12px 4px 30px; color:#fff; margin: 8px 0; border-radius: 0;}
.ad_btn_green_s {display:inline-block; background:#004c9d; /* border:1px solid #00823e; */ padding:6px 15px; color:#fff;}
.ad_btn_green_b {display:inline-block; background:#004c9d; /* border:1px solid #00823e; */ padding:10px 25px; color:#fff;}
.ad_btn_gray_s {display:inline-block; background:#676766; /* border:1px solid #777; */ padding:6px 15px; color:#fff;}
.ad_btn_gray_ss {display:inline-block; background:#999; border:1px solid #777; padding:2px 12px; color:#fff;}
.ad_btn_gray_b {font-weight:bold; display:inline-block; background:#999; border:1px solid #777; padding:10px 25px; color:#fff;}
.ad_btn_gray {background:#676766; padding:6px 15px; color:#fff;}
.ad_btn_red {background:#c7231f ;padding:6px 15px; color:#fff; margin: 0 3px 0 2px;}
.ad_btn_red_b {display:inline-block; background:#c7231f; border:1px solid #951512; padding:10px 25px; color:#fff;}
.ad_btn_red_s {display:inline-block; background:#c7231f; border:1px solid #951512; padding:5px 15px; color:#fff;}
.ad_btn_red_ss {display:inline-block; background:#c7231f; border:1px solid #951512; padding:2px 12px; color:#fff;}
.ad_btn_excel_ss {background:#fff url('../images/excel1.png') 5px center no-repeat; border:1px solid #222; color:#222; padding:2px 10px 2px 25px;}
/* .ad_btn_green_b:hover, .ad_btn_green_s:hover, .ad_btn_green_ss:hover  {background:#00823e;}
.ad_btn_gray_b:hover, .ad_btn_gray_s:hover, .ad_btn_gray:hover {background:#777; transition: background .4s, color .4s;}
.ad_btn_red_b:hover, .ad_btn_red_s:hover, .ad_btn_red_ss:hover {background:#951512;} */

.btn_upload {position:relative; display:inline-block; width:70px; height:40px; cursor:pointer; border-radius:2px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.btn_upload > label {position:absolute; top:0; left:0; display:inline-block;width:100%; line-height:40px; text-align:center; vertical-align:middle;}
.btn_upload > label > input {width:70px;height:40px;opacity:0; position:absolute; top:0; left:0; }

.btn_center {float:left; margin:0 0.5%;}
.btn_center button {width:100%; background:#fff; border:1px solid #ddd; color:#666; font-size:13px; padding:10px 0; border-radius:6px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}
.btn_center button:hover {background:#e9e9e9;}

/*table*/
.tb01 {border-collapse:collapse; width:100%; font-size:14px; text-align:center; border-top: 2px solid #1577b6;}
.tb01 th {background:#f6f6f6; padding:5px; font-weight:normal; text-align:center; font-size:13px; line-height:16px; border-top:1px solid #dcdcd5; border-bottom:1px solid #dcdcd5;}
.tb01 td {padding:5px 10px; font-weight:bold; letter-spacing:0; border-top:1px solid #dcdcd5; border-bottom:1px solid #dcdcd5;}
.tb01 th.time {width:140px; background:#424459; color:#ffffff; text-align:center; border-top:1px solid #211c07; border-bottom:1px solid #211c07;}
.tb01 th.time em:before {content:''; display:inline-block; background:url(../images/ico_time2.png) no-repeat; width:14px; height:14px; position:absolute; top:2px; left:0;}
.tb01 th.time em {display:inline-block; position:relative; padding-left:20px;}

.admin_tb01 {border-collapse:collapse; width:100%; /* border-top:1px solid #dcdcd5; */ margin: 0 !important;}
.admin_tb01 th {border-top:2px solid #005f9e; background:#f6f6f6; color:#000000; text-align:center; font-size:14px; padding:10px 0; border-bottom:1px solid #dcdcd5;}
.admin_tb01 td {border-bottom:1px solid #dcdcd5; color:#333; font-size:14px; padding:10px 0; text-align:center; word-break:break-all; height:40px;}
.admin_tb01 tr:hover td {background-color:#f6f7fb; cursor:pointer;}

.admin_tb01_1 {border-collapse:collapse; width:100%; border-top:2px solid #1577b6;}
.admin_tb01_1 thead th {background:#f6f6f6; border-right:1px solid #dcdcd5; color:#464850; text-align:center; font-size:15px; padding:10px 0; border-bottom:1px solid #dcdcd5;}
.admin_tb01_1 thead th:last-child {border-right:0;}
.admin_tb01_1 td, .admin_tb01_1 tbody th, .admin_tb01_1 tfoot th {border-bottom:1px solid #ddd; color:#333; font-size:15px; padding:7px; text-align:center; word-break:break-all;}
.admin_tb01_1 td span.strong {font-weight:bold; display:inline-block; margin:0 5px;}
.admin_tb01_1 tbody th {background-color:#ffffff; border-right:1px solid #e9e9e9;}
.admin_tb01_1 tfoot th, .admin_tb01_1 tfoot td {background:#fbf0ec;}
.admin_tb01_1 tr:hover td {background:#f6f6f6; cursor:pointer; }
.admin_tb01_1 tfoot tr:hover td {background-color:#fbf0ec;}

.admin_tb01_2 {border-collapse:collapse; width:20%; border:1px solid #d5d7df; float:left; margin-left:10px;}
.admin_tb01_2 th {background:#f7f7f7; color:#464850; text-align:center; font-size:15px; padding:6px 0;}

.admin_tb01_2 td {border-bottom:1px solid #ddd; color:#333; font-size:15px; padding:7px; text-align:center; word-break:break-all;}
.admin_tb01_2 td span.strong {font-weight:bold; display:inline-block; margin:0 5px;}

/* 병해충 진단 table */
.admin_tb01_3 {border-collapse:collapse; width:100%; border-top:1px solid #d5d7df;}
.admin_tb01_3 th {background:#e5e6ea; color:#464850; text-align:left; font-size:15px; padding:12px 10px; border-bottom:1px solid #d5d7df;}
.admin_tb01_3 td {border-bottom:1px solid #ddd; color:#333; font-size:15px; padding:12px 10px; word-break:break-all; position:relative;}
.admin_tb01_3 td > button {position:absolute; top:6px; right:10px;} 
.admin_tb01_3 td > button.on {background:#009848; border:1px solid #00823e;}
.admin_tb01_3 td > button.on:after {content:''; display:inline-block; width:10px; height:10px; background:url('../images/icon_save.png') center no-repeat; margin-left:8px;}
.admin_tb01_3 tr:hover td {background:#f7f7f7; cursor:pointer; }

.admin_tb02 {border-top:1px solid #d5d7df; border-bottom:1px solid #d5d7df;}
.admin_tb02 th {background:#f6f6f6; font-size:15px; text-align:left; border-bottom:1px solid #dcdcd5; padding-left:10px; border-left: 2px solid #1577b6;}
.admin_tb02 th span {color:#e04646; display:inline-block; padding-left:5px;}
.admin_tb02 td {text-align:left; font-size:15px; border-bottom:1px solid #eee; padding:5px 10px; word-break:break-all; border-bottom: 1px solid #dcdcd5; border-right: 1px solid #dcdcd5;}
.admin_tb02 td > .input_txt {border:1px solid #ddd; height:30px; line-height:30px; padding:0 5px; width:90%;}

.admin_tb02_1 {border-top:1px solid #d5d7df; border-bottom:1px solid #d5d7df; }
.admin_tb02_1 th {background:#e5e6ea; text-align:center; font-size:14px; border-bottom:1px solid #eee; padding:5px;}
.admin_tb02_1 th span {color:#e04646; display:inline-block; padding-left:5px;}
.admin_tb02_1 td {text-align:center; font-size:15px; border-bottom:1px solid #eee; padding:5px 10px; word-break:break-all;}
.admin_tb02_1 td > .input_txt {border:1px solid #ddd; height:30px; line-height:30px; padding:0 5px; width:90%;}
.admin_tb02_1 tr:hover td {background:#f7f7f7;}

.admin_tb03 {border-top:1px solid #48545e;}
.admin_tb03 th {color:#666; font-size:14px; text-align:left; padding-left:15px; height:30px; border-bottom:1px solid #eee; background:url('../images/bul03.png') 5px center no-repeat;}
.admin_tb03 th span {color:#e04646; display:inline-block; padding-left:5px;}
.admin_tb03 td {text-align:left; font-size:14px; border-bottom:1px solid #eee; padding:5px 10px; box-sizing:border-box; word-break:break-all;}
.admin_tb03 td > .input_txt {border:1px solid #ddd; height:30px; line-height:30px; padding:0 5px; width:90%;}
.admin_tb03 td > #userRoles {padding:10px 0; margin-left:0;} /*사용자정보수정팝업*/
.admin_tb03 td > #userRoles input {margin:0 8px 0 0;}
.admin_tb03 td.input_option input {margin-right:2px;}
.btn_gray {height:32px; width:80px; box-shadow:none;}
.btn_gray.on {background-color:#009848; color:#fff;}
.btn_gray.on:before {content:''; display:inline-block; background:url(../images/i_check_w.png) center no-repeat; width:13px; height:13px; margin-right:5px;}
.input_option .color {float:left; display:inline-block; background:#ddd; width:32px; height:32px; margin-right:3px;}

.admin_tb04 {}
.admin_tb04 th {color:#222; font-size:13px; text-align:left; padding-left:10px; height:35px; font-weight:normal; background:url('../images/bul03.png') left center no-repeat;}
.admin_tb04 th span {color:#e04646; display:inline-block; padding-left:5px;}
.admin_tb04 td {text-align:left; font-size:12px; padding:2px 5px; box-sizing:border-box; word-break:break-all;}
.admin_tb04 td input, .admin_tb04 td select {font-size:13px;}

.ad_tb_x {overflow-x:auto;}

/* 2024-12-05 추가 생육진단 table */
.growth_tb01 {border-collapse:collapse; width:100%; margin: 0 !important;}
.growth_tb01 th {border-top:1px solid #3570a0; border-right:1px solid #CDCDCD; background:#428ac4; color:#FFF; text-align:center; font-size:14px; padding:10px 0; border-bottom:1px solid #dcdcd5;}
.growth_tb01 th:last-child {border-right:0; background:#428ac4; color:#FFF;}
.growth_tb01 td {border-right:1px solid #dcdcd5; border-bottom:1px solid #dcdcd5; color:#333; font-size:14px; padding:10px 0; text-align:center; word-break:break-all; height:40px;}
.growth_tb01 td:last-child {border-right:0;}
.growth_tb01 tr:hover td {background-color:#eff8ff; cursor:pointer;}

.growth_tb02 {border-collapse:collapse; width:100%; margin: 0 !important;}
.growth_tb02 th {border-top:1px solid #666; border-right:1px solid #CDCDCD; background:#f2f2f2; color:#545454; text-align:center; font-size:14px; padding:10px 0; border-bottom:1px solid #dcdcd5;}
.growth_tb02 th:last-child {border-right:0; background:#f2f2f2; color:#545454;}
.growth_tb02 td {border-right:1px solid #dcdcd5; border-bottom:1px solid #dcdcd5; color:#333; text-align:center; word-break:break-all; height:40px;}
.growth_tb02 td.gary01 {background:#f7f7f7;}
.growth_tb02 td.gary02 {background:#fdfdfd;}
.growth_tb02 td:last-child {border-right:0;}
.growth_tb02 tr:hover td {background-color:#eff8ff; cursor:pointer;}

.grow_result{padding: 15px;text-align: center;font-weight: 500; display: flex; align-items: center;}
.result_R{text-align: left;font-size: 20px;font-weight: 600;margin-bottom: -10px;margin-top: 8px;padding-left: 8px;}
.result_L{text-align: right;font-size: 20px;font-weight: 600;margin-bottom: -10px;margin-top: 8px;}

/*페이징*/
.paging_wrap {width:100%; font-size:12px; margin-top:20px; overflow:hidden; display: flex; justify-content: center;}
.paging_wrap select { width:120px;height:30px;line-height:30px;border:1px solid #d4d4d4;padding:0px;padding-left:10px;color:black;font-size:14px;margin-left:10px;margin-right:20px;-webkit-appearance: none;-moz-appearance: none;background:#ffffff url('../images/sdown.png') no-repeat;background-size:30px 30px;background-position:top 0px right 0px;font-size:12px; }  
select::-ms-expand { display: none; }
.paging_wrap a { display:inline-block;height:30px;width:30px;text-align:center;line-height:30px;/* background:#f4f4f5; */color:#c0c9d8;margin-right:10px;vertical-align:middle;margin-top:-4px; }
.paging_wrap a.no { background:gray;color:white;font-size:12px; }
.paging_wrap a.no.no_sel { background:#409eff;color:white;font-size:12px;}
.paging_wrap input[type=text] {width:40px; height:30px; line-height:30px; border:1px solid #d4d4d4;border-radius:4px; padding-left:10px; color:#666; font-size:14px; margin-left:10px; }  

.grid_cell_wid_50 { width:calc( 50% - 20px );margin-right:20px; }
.grid_cell_wid_50:nth-child(2n-1) { width:50%;margin-right:0px; }

.total {font-size:12px; float:left; line-height:30px;}
.total > span {color:#123fa7; font-weight:bold;}
.ad_paging {float:left; text-align:center; height:35px; display:inline-block; margin-top:5px;}
.ad_paging li {float:left;}
.ad_paging a {display:block; width:30px; height:30px; line-height:30px; color:#333333;}
.ad_paging a:hover {color:#333333;}
/* .ad_paging a:hover {background:#e5e6ea; color:#464850;} */
.ad_p_pre a {margin-right:10px; background:#eee url('../images/i_pre.png') center no-repeat; border-radius: 15px;}
/* .ad_p_pre a:hover {background:#ddd url('../images/i_pre_o.png') center no-repeat;} */
.ad_p_next a {/* margin-left:10px; */ background:#eee url('../images/i_next.png') center no-repeat; border-radius: 15px;} 
.ad_p_next a:hover {background:#ddd url('../images/i_next_o.png') center no-repeat;} 


.ca_setting {overflow:hidden;}
.ca_setting > li {float:left; width:33%; margin-left:0.5%; margin-bottom:0.5%; box-sizing:border-box; background:#e3e3e3; position:relative; border-radius:10px;}
.ca_setting > li:hover .list_overay {display:block;}
.ca_setting > li a .list_overay {display:none; background:rgba(7, 35, 140, 0.2); width:100%; height:100%; position:absolute; top:0; left:0; border-radius:10px;}
.ca_setting li:first-child, .ca_setting li:nth-child(4), .ca_setting li:nth-child(7) {margin-left:0;}
.ca_setting li a {display:block;}
.ca_setting li a > .ca_photo {background:#ddd; text-align:center; _padding:10px; height:450px; overflow:hidden; box-sizing:border-box; border-radius:0 0 10px 10px;}
.ca_setting li a > .ca_photo img {width:100%; height:auto;}
.ca_top_wrap {background:#222f5d url('../images/dot02.png') repeat; _background:rgb(14,86,121); _background: linear-gradient(160deg, rgba(86,147,162,1) 0%, rgba(63,89,107,1) 55%, rgba(51,58,77,1) 100%); border-radius:10px 10px 0 0; padding:5px 15px 5px; }
.ca_top_wrap .top_data01 {overflow:hidden; padding:10px 0px 3px 0px; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.5); }
.ca_top_wrap .top_data01 > li {float:left; width:32.5%; margin-left:1%; border-radius:4px; font-size:13px; color:#222; font-weight:bold; letter-spacing:-1px;}
.ca_top_wrap .top_data01 > li:first-child {margin-left:0;}
.ca_top_wrap .top_data01 > li > span {display:block; text-align:left; font-size:12px; color:#e9f7fd;}
.ca_top_wrap .top_data01 > li > p {background:#fff; font-weight:normal; border-radius:4px; color:#222; padding:5px; margin:3px 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ca_top_wrap .top_data02 {overflow:hidden; padding:5px 0px 0px 0px; text-align:center; border-top:1px solid rgba(255, 255, 255, 0.2); }
.ca_top_wrap .top_data02 > li {float:left; width:33%; margin-left:0.5%; border-radius:4px; font-size:13px; overflow:hidden; }
.ca_top_wrap .top_data02 > li:nth-child(1) {margin-left:0;}
.ca_top_wrap .top_data02 > li > span {display:inline-block; float:left; text-align:left; width:50px; font-size:12px; color:#fff;}
.ca_top_wrap .top_data02 > li > p {float:left; margin-bottom:5px; text-align:left; width:calc(100% - 55px); color:#99fff2; _font-weight:bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


.top_data04 {overflow:hidden;}
.top_data04 > li {float:left; font-size:17px; text-align:center; background:#fff; border-radius:30px; color:#0f4a89; padding:10px; margin-left:10px; width:calc(30% - 20px);}
.top_data04 > li:first-child {width:calc(30% - 20px); margin-left:0;}
.top_data04 > li span {color:#222; font-weight:bold; letter-spacing:0; }


.ca_top_wrap2 {padding:0 0 10px 5px; width:calc(100% - 5px); overflow:hidden;}

.top_data03 li {color:#666; margin-top:5px; font-size:15px;}
.top_data03 li:first-child {color:#999; letter-spacing:0; margin:10px 0; font-size:13px;}
.top_data03 li:nth-child(2) {font-weight:bold; color:#222; margin-bottom:3px;}
.top_data03 li:nth-child(3):after {content:'|'; display:inline-block; width:25px; text-align:center; font-size:13px; color:#d5d5d5;}
.top_data03 li:nth-child(n+3) {float:left; color:#666; font-size:14px;}

.ca_setting2 {overflow:hidden;}
.ca_setting2 > li {float:left; max-height:283px; padding:10px; width:calc(16.6% - 8px); margin: 0 0 8px 8px; box-sizing:border-box; background:#f6f6f6; position:relative; border: 1px solid #dddddd;}
.ca_setting2 > li:hover {display:block; background:#f5f7ff;}
.ca_setting2 li:nth-child(6n+1) {margin-left:0;}
.ca_setting2 li a {display:block;}
.ca_setting2 li a > .ca_photo {background:#ddd; text-align:center; overflow:hidden; box-sizing:border-box; height: 180px; line-height: 90px;}
.ca_setting2 li a > .ca_photo img {width:100%; height:auto;}
.ca_setting2 > li .ca_top_wrap .top_data01 {border-bottom:0;}

.ca_setting3 {}
.ca_setting3 > li {float:left; padding:10px; width:calc(100% - 8px); margin: 0 0 8px 8px; box-sizing:border-box; background:#f6f6f6; position:relative;  border: 1px solid #dddddd;}
.ca_setting3 > li:hover {display:block;background:#f5f7ff;}
.ca_setting3 li a {display:block;}
.ca_setting3 li a > .ca_photo {background:#ddd; text-align:center; overflow:hidden; box-sizing:border-box;}
.ca_setting3 li a > .ca_photo img {width:100%; height:auto; max-height:200px;}
.ca_setting3 > li .ca_top_wrap .top_data01 {border-bottom:0;}
.ca_setting3 > li > a > .databox01 {height:auto;}

.of > .ca_setting3 {width:50%; float:left;}
.of > .ca_setting3 > li {width:calc(33.3% - 5px);}
.of > .photoview_r {display:block;}

.photoview_r {display:none; width:50%; overflow:hidden; float:right; position:relative; background:#222; padding:10px;}
.photoview_r img {width:100%;}
.photoview_r p {color:#fff; text-align:center; margin-top:10px; letter-spacing:0; font-size:16px;}
.photoview_close {position:absolute; top:10px; right:10px; width:40px; height:40px; border-radius:0; background:rgba(0, 0, 0, 0.5) url(../images/pop_close.png) center no-repeat;  background-size:16px;}



/* popup */
.pop_wrap {background:#fff; /* width:430px; */ padding:40px 30px; clear:both; _border:2px solid #444; /* border-radius:10px; */ _box-shadow:2px 2px 2px rgba(0,0,0,0.5); position:relative;}
.pop_wrap .tit {font-size:16px; color:#222; line-height:18px; font-weight:bold; position: relative; margin: 0 8px 18px 8px;}
.pop_wrap .tit:before {content: ""; position: absolute; width: 4px; height: 18px; background: #424459; left: -8px;}

.photo_pre {position:absolute; font-size:12px; font-weight:bold; text-align:center; color:#e9e9e9; top:0; left:0; width:40px; height:372px; line-height:420px; background:rgba(0, 0, 0, 0.7) url('../images/m_pre.png') center no-repeat;}
.photo_next {position:absolute; text-align:center; color:#e9e9e9; top:0; right:0; width:40px; height:372px; line-height:420px;  background:rgba(0, 0, 0, 0.7) url('../images/m_next.png') center no-repeat;}
.photo_pre:hover {text-decoration:none; color:#e9e9e9; background:rgba(0, 0, 0, 0.8) url('../images/m_pre.png') center no-repeat;}
.photo_next:hover {text-decoration:none; color:#e9e9e9; background:rgba(0, 0, 0, 0.8) url('../images/m_next.png') center no-repeat;}

.list_result li {margin-top:3px;}
.list_result > li:last-child {border-bottom:1px solid #e9e9e9;}
.list_result li:first-child, .list_result_02 li {margin-top:0;}
.list_result li:hover .tit, .list_result li.on .tit {background:#0a7b6c; box-sizing:border-box; }
.list_result .tit {background:#acb5b0; color:#fff; font-size:15px !important; height:36px; line-height:36px; text-align:center; border-radius:5px 5px 0 0;}
.list_result_02 {overflow:hidden;}
.list_result_02 li {float:left; border-right:1px solid #ddd; width:50%; padding:10px 0; text-align:center; color:#666;}
.list_result_02 li:last-child {border-right:0;}
.list_result_02 li > p {display:inline-block; margin-right:10px; color:#8a9a91; font-weight:bold; font-size:14px !important;}
.list_result li:hover .list_result_02 li > p, .list_result li.on .list_result_02 li > p {color:#239f66;}
.list_result_02 li > span {display:inline-block; font-size:22px; color:#999; padding-right:5px; font-weight:bold;}
.list_result li.on .list_result_02 li > span, .list_result li:hover .list_result_02 li > span {color:#222;}

.upload_popup {overflow:hidden; background:#222f5d url('../images/dot02.png') repeat; width:1000px; border-radius:10px; position:relative; padding-bottom:30px; border:2px solid #222; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.4);}
.upload_popup .top_data {overflow:hidden; margin:30px 0 0 30px;}
.upload_popup .top_data > li {float:left; font-size:17px;font-weight:bold; text-align:center; background:#fff; border-radius:30px; color:#3e5dc6; padding:10px; margin-left:10px; width:270px;}
.upload_popup .top_data > li:first-child {margin-left:0;}
.upload_popup .top_data > li span {color:#222; font-weight:normal; letter-spacing:0; }
.upload_popup .up_popup_btn {position:absolute; top:30px; right:30px;}
.upload_popup .up_popup_btn > .ad_btn_gray_s {width:100px; height:38px; background:#999; border:1px solid #222; border-radius:5px;}
.upload_popup .up_popup_btn > .ad_btn_gray_s:hover {background:#666; transition: background .2s, color .2s;}
.upload_popup .up_right {float:right; margin:20px 30px 10px 20px; }
.upload_popup .up_right .up_photo {position:relative; width:666px; overflow:hidden; background:#ddd; border:8px solid #fff; text-align:center; box-shadow:2px 4px 8px rgba(0, 0, 0, 0.4);}
.upload_popup .up_right .up_photo img {width:100%;}
.upload_popup .up_left {float:left; margin:20px 0px 10px 30px; }
.upload_popup .up_left .up_photo {position:relative; width:250px; overflow:hidden; background:#ddd; border:4px solid #fff; text-align:center;}
.upload_popup .up_left .up_photo img {width:100%;}
.upload_popup .up_left p {font-size:18px; color:#8becfd; margin-top:10px; font-weight:bold;}
.upload_popup .up_left p span {font-size:10px; display:inline-block; margin-left:10px; vertical-align:middle;}
.up_table_box {background:#fff; padding:10px; height:179px; margin:0 30px; border-radius:0 10px 10px 10px; overflow-y:auto; }

.pop_tab {overflow:hidden; clear:both; margin-left:30px;}
.pop_tab li {float:left; background:#38509e; width:150px; height:40px; border-radius:5px 5px 0 0;}
.pop_tab li.on {background:#fff; }
.pop_tab li.on a {color:#041971; font-weight:bold;}
.pop_tab li a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; }
.pop_tab li:hover a {background:#273d85; border-radius:5px 5px 0 0;}
.pop_tab li.on:hover a {background:#fff; border-radius:5px 5px 0 0; cursor:default;}

/* 병해충 카메라 설정 팝업 */
.ca_popup_wrap {width:1026px; height:616px; background:rgba(0, 0, 0, 0.9); border-radius:10px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.4);}
.ca_popup {width:1022px; height:614px; overflow:hidden; margin:0 2px 2px; border-radius:8px 0 0 8px;}
.ca_left {float:left; width:740px; height:612px; margin-top:2px; padding:30px 30px 0 30px; background:#222f5d url('../images/dot02.png') repeat;}
.ca_left > .top_data {overflow:hidden; margin-bottom:10px;}
.ca_left > .top_data > li {float:left;font-size:17px; font-weight:bold; text-align:center; background:#fff; border-radius:30px; color:#3e5dc6; padding:10px; margin-left:10px; width:220px;}
.ca_left > .top_data > li:first-child {margin-left:0; width:225px;}
.ca_left > .top_data > li:last-child {width:215px;}
.ca_left > .top_data > li span {color:#222; font-weight:normal;}
.ca_left > .top_data > li.on_off {text-align:left; overflow:hidden; padding-left:20px;}
.ca_left > .top_data > li.on_off ul {float:right; margin-right:10px;}
.ca_left > .top_data > li.on_off ul li {float:left; width:50px; font-size:14px; cursor:pointer;}
.ca_left > .top_data > li.on_off ul li.on {color:#f00000;}
.ca_left > .top_data > li.on_off ul li.on span {display:inline-block; background:#f00000; width:12px; height:12px; border-radius:30px; margin-right:3px;}
.ca_left > .top_data > li.on_off ul li.off {color:#222;}
.ca_left > .top_data > li.on_off ul li.off span {display:inline-block; background:#222; width:12px; height:12px; border-radius:30px; margin-right:3px;}
.ca_left > .top_data > li.on_off ul li {color:#ddd;}
.ca_left > .top_data > li.on_off ul li span {display:inline-block; background:#ddd; width:12px; height:12px; border-radius:30px; margin-right:3px;}
.ca_left .ca_photo {width:680px; height:455px; text-align:center; overflow:hidden; background:#ddd; border:8px solid #fff; }
.ca_left .ca_photo img {object-fit:contain;}
.ca_left .ca_bottom {padding:15px 0 30px; overflow:hidden;}
.ca_left .ca_bottom p {float:left; color:#8becfd; font-weight:bold; font-weight:bold; font-size:18px; line-height:38px;}
.ca_left .ca_bottom p span {display:inline-block; background:url('../images/icon_01.png') left no-repeat; width:20px; height:14px; margin-left:10px;}
.ca_left .ca_button {float:right; _margin-right:20px;}
.ca_left .ca_button button {color:#0d1629; text-align:left; padding-left:58px; margin-left:5px; width:110px; height:38px; border-radius:20px; font-size:14px; border:1px solid #08143e; box-shadow:2px 2px 2px rgba(0,0,0,0.4);}
.ca_left .ca_button button.btn_01 {background:#fff url('../images/ca_ico01.png') 25px center no-repeat;}
.ca_left .ca_button button.btn_02 {background:#fff url('../images/ca_ico02.png') 25px center no-repeat;}
.ca_left .ca_button button.btn_03 {background:#fff url('../images/ca_ico03.png') 25px center no-repeat;}
.ca_left .ca_button button.btn_04 {background:#fff url('../images/ca_ico04.png') 25px center no-repeat;}

/* hover */
.ca_left .ca_button button.btn_01:hover {background:#2ccaf6 url('../images/ca_ico01.png') 25px center no-repeat; transition: background .4s, color .4s;}
.ca_left .ca_button button.btn_02:hover {background:#2ccaf6 url('../images/ca_ico02.png') 25px center no-repeat; transition: background .4s, color .4s;}
.ca_left .ca_button button.btn_03:hover {background:#2ccaf6 url('../images/ca_ico03.png') 25px center no-repeat; transition: background .4s, color .4s;}
.ca_left .ca_button button.btn_04:hover {background:#2ccaf6 url('../images/ca_ico04.png') 25px center no-repeat; transition: background .4s, color .4s;}

.ca_right {float:left; background:#d0d0d0; width:282px; height:612px; margin-top:2px; border-radius:0 8px 8px 0;}
.ca_right .tb_box {background:#fff; padding:10px; margin:30px 25px 10px 25px; border-radius:5px;}
.ca_right .ca_button {padding:8px 25px 0;}
.ca_right .ca_button button {color:#0d1629; width:112px; height:45px; font-size:15px; color:#fff; border-radius:4px;}
.ca_btn_red {background:#da0909; border:2px solid #9e0404;}
.ca_btn_red:hover {background:#9e0404; transition: background .4s, color .4s;}
.ca_btn_gray {background:#565656; border:2px solid #444;}
.ca_btn_gray:hover {background:#444; transition: background .4s, color .4s;}

/* iot */
.map_box {background:#ddd; width:100%; height:800px;}
.pop_wrap .onoff {position:absolute; right:90px; bottom:0px; width:70px; height:50px; color:#fff; text-align:center; padding-top:10px; font-size:12px; line-height:16px;}
.pop_wrap .onoff.on {background:#b40404;}
.pop_wrap .onoff.off {background:#2c5469;}
.pop_wrap .onoff p {font-weight:600; font-size:20px; margin-bottom:0;}

.graph_list {}
.graph_list li:firsth-child {margin-top:10px;}
.graph_list li {margin-top:30px;}
.graph_list li .pop_tit {font-size:20px; font-weight:bold; margin-bottom:10px; letter-spacing:-1.5px; background:url(../images/bul01.png) left center no-repeat; padding-left:20px;}
.graph_list > li > .graph_box {background:#ebebeb; border:1px solid #dedede; height:200px;}
.graph_list > li > .graph_box canvas {height:200px;}

.iot_monitering {overflow:hidden;}
.iot_monitering > li {background:#ededed; width:calc(50% - 1%); margin-left:1%; float:left; border-radius:4px; height:480px; padding:20px 40px 0 40px; position:relative;}
.iot_monitering > li:first-child, .iot_monitering > li:nth-child(3) {margin-left:0; width:50%;}
.iot_monitering > li:nth-child(3), .iot_monitering > li:nth-child(4) {margin-top:1%;}
.iot_monitering > li > .moniter {position:relative; padding:10px; max-width:662px; margin:0 auto;}
.iot_monitering > li > .moniter > .moniter_in {position:relative; padding:20px; position:relative; max-width:642px; height:340px; background:#000 url(../images/dot02.png) repeat; margin:0 auto; z-index:10; box-shadow:4px 8px 8px rgba(0, 0, 0, 0.5);}
.iot_monitering > li > .moniter > .moniter_in .m_line {display:block; width:calc(100% - 2px); height:1px; background:rgba(255, 255, 255, 0.5); position:absolute; top:1px; left:1px;}
.iot_monitering > li > .moniter > .moniter_in .date {color:#fff; font-size:20px; font-weight:600; letter-spacing:0; margin-top:5px; padding-left:5px;}
.iot_monitering > li > .moniter > .moniter_in .weather {position:absolute; top:20px; right:20px; color:#fff; width:180px; height:20px; font-size:20px;}
.iot_monitering > li > .moniter > .moniter_in .weather li {float:left; font-size:14px; color:#34c0e4; font-weight:bold; padding-left:25px;}
.iot_monitering > li > .moniter > .moniter_in .weather li span {padding-right:5px; font-size:22px;}
.iot_monitering > li > .moniter > .moniter_in .weather li.wea {background:url(../images/ico_weather.png) no-repeat; background-size:20px; margin-right:15px;}
.iot_monitering > li > .moniter > .moniter_in .weather li.rain {background:url(../images/ico_rain.png) no-repeat; background-size:20px; padding-left:20px;}
.iot_monitering > li > .moniter > .moniter_in .ad {background:#fff url(../images/ico_ad.png) 10px center no-repeat; height:45px; line-height:25px; position:absolute; bottom:0; left:0; width:100%; margin-bottom:0; padding:10px 10px 0 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.iot_monitering > li > .moniter > .moniter_in .iot_list {overflow:hidden;position:absolute; top:55px; left:10px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li {float:left; font-size:18px; font-weight:bold; margin-left:0.8%; margin-bottom:5px; width:calc(33.25% - 0.8%); border-radius:20px; height:70px; padding:15px 20px; border:3px solid #fff; background:#000;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li:nth-child(3n+1) {margin-left:0;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li p {font-size:15px; font-weight:normal; margin-top:5px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.lv_n {color:#c4c4c4; border:3px solid #c4c4c4; background:url(../images/lvn.png) 90% 50% no-repeat; background-size:50px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.lv_01 {color:#30c507; border:3px solid #30c507; background:url(../images/lv01.png) 90% 50% no-repeat; background-size:50px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.lv_02 {color:#24c4ff; border:3px solid #24c4ff; background:url(../images/lv02.png) 90% 50% no-repeat; background-size:50px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.lv_03 {color:#f45c00; border:3px solid #f45c00; background:url(../images/lv03.png) 90% 50% no-repeat; background-size:50px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.lv_04 {color:#ff1b2a; border:3px solid #ff1b2a; background:url(../images/lv04.png) 90% 50% no-repeat; background-size:50px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.list_onoff {border:none; text-align:center; color:#fff;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.list_onoff span {display:inline-block; color:#999; background:#333; font-size:14px; text-align:center; width:50%; margin-top:5px; border-radius:30px; height:25px; line-height:25px;}
.iot_monitering > li > .moniter > .moniter_in .iot_list > li.list_onoff .on {background:#1475ed; color:#fff;}
.iot_monitering > li > .moniter > .moniter_bg {position:absolute; width:100%; top:0px; left:0px; overflow:hidden;}
.iot_monitering > li > .moniter > .moniter_bg span {display:block; float:left; background:#7b7b7b; width:60px; height:360px;}
.iot_monitering > li > .moniter > .moniter_bg span:last-child {float:right;}
.iot_monitering > li > .bottom_data {position:absolute; width:100%; left:0; bottom:0; background:#c7c7c7; height:75px;}
.iot_monitering > li > .bottom_data > ul {width:60%; height:75px; padding:10px 15px 15px 20px;}
.iot_monitering > li > .bottom_data > ul li {font-size:16px; margin-top:6px; background:url(../images/bul04.png) left center no-repeat; color:#222; padding:1px 0 2px 10px;}
.iot_monitering > li > .bottom_data > ul li span {font-weight:600;}
.iot_monitering > li > .bottom_data > button {position:absolute; right:10px; bottom:10px; width:120px; height:55px; color:#fff; background:#222; border-radius:4px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);}
.iot_monitering > li > .bottom_data > button:hover {background:#000;}
.iot_monitering > li > .bottom_data > .onoff {position:absolute; right:140px; bottom:10px; width:70px; height:55px; color:#fff; text-align:center; padding-top:8px; font-size:12px;}
.iot_monitering > li > .bottom_data > .onoff.on {background:#b40404;}
.iot_monitering > li > .bottom_data > .onoff.off {background:#2c5469;}
.iot_monitering > li > .bottom_data > .onoff p {font-weight:600; font-size:20px;}

.detail_view {background:#fff; position:absolute; top:0; left:0; width:100%; height:360px; z-index:999;}
.detail_view .graph_view {border-bottom:1px solid #ddd; border-left:1px solid #ddd; width:calc(100% - 70px); height:280px; position:absolute; top:30px; right:20px;}
.detail_view .graph_view > .graph {width:100%; position:absolute; top:19px; right:0px; overflow:hidden;}
.detail_view .graph_view > .graph > li {float:left; width:12.5%; text-align:bottom; text-align:center;}
.detail_view .graph_view > .graph > li > p {width:35px; margin:0 auto; vertical-align:bottom; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);}
.detail_view .graph_view > .graph > li > p.lv01 {background:#30ca07; height:38px; margin-top:222px;}
.detail_view .graph_view > .graph > li > p.lv02 {background:#22b4ff; height:112px;  margin-top:148px;}
.detail_view .graph_view > .graph > li > p.lv03 {background:#f55c00; height:175px;  margin-top:85px;}
.detail_view .graph_view > .graph > li > p.lv04 {background:#ff3240; height:260px;}
.graph_y {width:40px; height:290px; text-align:right; margin-top:20px;}
.graph_y li {height:72.5px; line-height:72.5px; font-size:12px;}
.graph_x {width:calc(100% - 70px); position:absolute; bottom:20px; right:20px; overflow:hidden;}
.graph_x li {float:left; width:12.5%; text-align:center; font-size:12px;}

.car_control {overflow:hidden; }
.car_control > li {position:relative; font-size:18px; width:calc(50% - 1%); margin-left:1%; float:left; border-radius:4px; border-radius:4px; height:350px;}
.car_control > li:first-child, .car_control > li:nth-child(3) {margin-left:0; width:50%;}
.car_control > li:nth-child(3), .car_control > li:nth-child(4) {margin-top:1%;}
.car_control > li > .car_control_data {background:#ededed; padding:40px 300px 0 40px; height:250px;}
.car_control > li > .car_control_data > li {margin-top:10px; line-height:25px;}
.car_control > li > .car_control_data > li span {font-weight:bold;}
.car_control > li > .car_control_data > li:first-child {margin-top:0;}
.car_control > li > .car_control_data > li:nth-child(3) {text-indent:-95px; margin-left:95px;}
.car_control > li > .car_control_data > li:last-child {margin-top:20px; }
.car_control > li .controler_wrap {margin-top:10px;}
.car_control > li .controler_wrap button {background:#014eb4; color:#fff; font-size:20px; font-weight:bold; border-radius:30px; padding:10px 15px 10px; vertical-align:middle;}
.car_control > li .controler_wrap button span {display:block; float:left; border-radius:30px; width:20px; height:20px; background:#fff; margin-right:8px;}
.car_control > li .controler_wrap button.off {background:#dadada; color:#fff; font-size:20px; font-weight:bold; border-radius:30px; padding:10px 15px 10px; vertical-align:middle;}
.car_control > li .controler_wrap button.off span {display:block; float:right; border-radius:30px; width:20px; height:20px; background:#fff; margin-left:8px; margin-right:0;}
.car_control_img {position:absolute; top:0; right:0px;}


.admin_m_tab {border-bottom:2px solid #249a94; overflow:hidden; margin-bottom:20px;}
.admin_m_tab li {}
.admin_m_tab li a {display:block; float:left; width:150px; margin-right:1px; border:1px solid #249a94; border-bottom:0;  height:40px; line-height:30px; color:#249a94; font-size:16px; text-align:center; border-radius:4px 4px 0 0; background:#fff;}
.admin_m_tab li .tabCon {display:none; width:calc(100% - 100px); position:absolute; left:50px; top:150px; box-sizing:border-box;}
.admin_m_tab li .tabCon1 {display:none; width:calc(100% - 100px); position:absolute; left:50px; top:90px; box-sizing:border-box;}
.btnCon:target a {background:#249a94; color:#fff; font-weight:bold;}
.btnCon:target .tabCon, .btnCon:target .tabCon1 {display:block;}


.admin_notice .notice_list {width:100%; margin-bottom:0;}
.admin_notice .notice_list > li {float:left; background:#fff; width:33.3%; border:1px solid #ddd; margin-right:10px; padding:25px;}
.admin_notice .notice_list > li:last-child {margin-right:0px; width:calc(33.3% - 50px);}
.admin_notice .notice_list .notice_tit {font-size:20px; font-weight:bold; line-height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.admin_notice .notice_list .notice_txt {margin-top:10px; color:#999; overflow:hidden; white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.admin_notice .notice_list .notice_date {margin-top:20px; letter-spacing:0;}
.admin_notice .notice_n {height:152px; line-height:102px; text-align:center; color:#ddd; font-size:20px;}


.ad_notice_wrap {margin:15px 0; position:relative;}
.ad_notice_wrap .hits {position:absolute; display:inline-block; background:#ccc; color:#fff; width:35px; height:30px; line-height:30px; right:0px; top:20px; text-align:center;}
.ad_notice_wrap .ad_notice_tit {text-align:center; line-height:24px; font-weight:bold; border-top:3px solid #222; font-size:22px; padding:20px 40px 5px; color:#222; margin-bottom:0; }
.ad_notice_wrap .ad_notice_date {display:block; text-align:center;  border-bottom:1px solid #999;  font-size:16px; padding:0 0 20px 0; color:#999; letter-spacing:0;}
.ad_notice_wrap .ad_notice_text {height:280px; font-size:18px; padding:20px; border-bottom:1px solid #999; color:#888; line-height:30px; overflow-y:auto;}

.popup_wrap2 {width:85%; min-width:1300px; background:#12355a; padding:30px; overflow:hidden; border-radius:10px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.4); position:relative;}
.fiexd_txt {position:absolute; bottom:-8px; left:2px; background:#222; color:#fff; padding:8px 18px; border-radius:0 0 0 4px;}
.popup_wrap {width:calc(100% - 240px); padding:30px; height:816px; margin:85px 0px 0 240px; background:#f2f2f2; overflow:hidden; overflow-y:auto; border-radius:10px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.4); position:relative;}
.pop_close02 {position:absolute; top:0; right:0; width:50px; height:50px; background:#12355a url(../images/pop_close.png) center no-repeat; background-size:20px; z-index:10; border-radius:0 0 0 10px;}
.pop_close02:hover {background-color:#0255ac; transition: background-color .5s;}
.srh_img_box {background:#fff; width:100%; height:540px; display:flex; justify-content:center; align-items:center;}
.srh_img_box img {max-width:100%; max-height:100%;}
.view_list {overflow:hidden; margin-top:10px; margin-bottom:0;}
.view_list li {position:relative; float:left; cursor:pointer; width:calc(25% - 10px); border:1px solid #dedede; margin:0 5px 10px 5px; background:#f2f2f2; height:127px; display:flex; justify-content:center; align-items:center;}
.view_list li.on:before, .view_list li:hover:before {content:''; display:block; width:100%; height:100%; border:4px solid rgba(15, 41, 108, 0.8); position:absolute; top:0; left:0;}
.view_list li:nth-child(2), .view_list li:nth-child(6) {margin:0 6.5px 10px 3.5px;}
.view_list li:nth-child(3), .view_list li:nth-child(7) {margin:0 3.5px 10px 6.5px;}
.view_list li:nth-child(5), .view_list li:nth-child(1) {margin-right:10px; margin-left:0;}
.view_list li:nth-child(4), .view_list li:nth-child(8) {margin-right:0; margin-left:10px;}
.view_list li:nth-child(n+5) {margin-bottom:0;}
.view_list li img {max-width:100%; max-height:100%;}



/* login */
#login {width:100%; height:100vh; display:flex; align-items:center; justify-content:center;}
.login_wrap {width:500px; height:500px; position:relative; }
.login_wrap:before {content:''; display:inline-block; position:absolute; top:20px; right:-69px; width:177px; height:118px; background:url(../images/login_graph.png) no-repeat; background-size:83%;}
.login_data {background:#fbf6e9; border-radius:10px; padding:80px; _box-shadow:0px 0px 10px rgba(246, 245, 242, 1);}
.login_data input {border:1px solid #f7e6b6; border-radius:4px; height:50px; width:100%; padding-left:10px;}
.login_data input::placeholder {color:#ddd;}
.login_data input[type="text"] {margin-top:20px; border-radius:4px 4px 0 0;}
.login_data input[type="password"] {margin-top:-1px; border-radius:0 0 4px 4px;}
.login_data button {background:#e6b940; color:#fff; width:100%; margin-top:10px; height:60px; font-size:20px;}
.login_data button:hover {background:#d5aa38; transition:background .5s;}
.login_footer {text-align:center; color:#999; margin-top:15px; font-size:11px; letter-spacing:0;}


.farm_wrap {margin: 10px 15px 20px 15px;}
.farm_info {display:flex; flex-wrap: wrap; margin-bottom:0;}
.farm_info li {flex:1; overflow:hidden;}
.farm_info li:first-child {flex:1.3;}
.farm_info li span {display:inline-block; margin-right:10px; color:#999;}
.farm_info li span:before {content:'·'; display:inline-block; margin-right:5px;}
.farm_info li em {font-size:16px; margin: 0 0 0 8px;}
.farm_info li.orange em {color:#de4819;}
.farm_info li.blue em {color:#3e83e0;}
.farm_info li.brown em {color:#823507;}

/*.farm_info li p.strawberry:after {content:''; display:inline-block; background:url(../images/strawberry.png) center -5px no-repeat; vertical-align:middle; width:28px; height:28px;}
.farm_info li p.paprica:after {content:''; display:inline-block; background:url(../images/paprica.png) center -5px no-repeat; vertical-align:middle; width:28px; height:28px;}
.farm_info li p.melon:after {content:''; display:inline-block; background:url(../images/melon.png) center -5px no-repeat; vertical-align:middle; width:28px; height:28px;}
.farm_info li p.tomato:after {content:''; display:inline-block; background:url(../images/tomato.png) center -5px no-repeat; vertical-align:middle; width:28px; height:28px;}
.farm_info li p.onion:after {content:''; display:inline-block; background:url(../images/onion.png) center -5px no-repeat; vertical-align:middle; width:28px; height:28px;}*/

.sensor_data_wrap {display:flex; flex-wrap: wrap;}
.sensor_data_wrap > div {flex:1; margin-left:10px;}
.sensor_data_wrap > div:first-child {margin-left:0;}
.sensor_data_wrap .sensor_data01 {flex:48%; margin-left:0;}
.sensor_data_wrap .sensor_data01 .weather_list01 {display:flex; flex-wrap: wrap; margin-bottom:0;}
.sensor_data_wrap .sensor_data01 .weather_list01 li {flex:1; border-radius:4px; margin-right:2px; padding:10px 0 10px 4%; position:relative; font-size:12px;}
.sensor_data_wrap .sensor_data01 .weather_list01 li em {display:block; font-size:20px;}
.sensor_data_wrap .sensor_data01 .weather_list01 li:last-child {margin-right:0;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i01 {background:#dceff1 url(../images/i_02.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i02 {background:#f9eee7 url(../images/i_03.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i03 {background:#f9eae9 url(../images/i_04.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i04 {background:#e0e8f5 url(../images/i_05.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i05 {background:#fbecf8 url(../images/i_06.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i06 {background:#edf4ef url(../images/i_07.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i07 {background:#e0efff url(../images/i_08.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i08 {background:#eeeeee url(../images/i_09.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i09 {background:#f9eae9 url(../images/i_10.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i10 {background:#e0e8f5 url(../images/i_11.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i11 {background:#e2f4e7 url(../images/i_12.png) 28% center no-repeat;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i12 {background:#efeaf9 url(../images/i_13.png) 28% center no-repeat;}

.sensor_data_wrap .sensor_data01 .weather_list01 li.i01 em {color:#62a6ae;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i02 em {color:#f39d64;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i03 em {color:#fa5b52;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i04 em {color:#598ad2;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i05 em {color:#c072b1;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i06 em {color:#6fc082;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i07 em {color:#66a9f5;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i08 em {color:#a99b9b;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i09 em {color:#fa5b52;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i10 em {color:#598ad2;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i11 em {color:#26ab64;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i12 em {color:#8161bc;}


/* bottom 강조 컬러
.sensor_data_wrap .sensor_data01 .weather_list01 li:after {content:''; display:block; width:100%; height:2px; position:absolute; bottom:0; left:0;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i01:after {background:#fa5b52;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i02:after {background:#598ad2;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i03:after {background:#66a9f5;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i04:after {background:#9f9b9b;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i05:after {background:#62a6ae;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i06:after {background:#f39d64;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i07:after {background:#c072b1;}
.sensor_data_wrap .sensor_data01 .weather_list01 li.i08:after {background:#8dcc9c;} */

/* 온습도 */
.temp {display:flex; margin-bottom:0;}
.temp li {flex:1; _height:58px; _padding-top:23px; position:relative; font-size:12px; color:#e7554e; _text-align:center;}
.temp li em {display:inline-block; font-size:18px; margin:10px 5px 0 0;}
.temp li span {font-size:16px; display:inline-block; margin-left:5px; color:#bda8a6;}
.temp li.light {_background:#f9f6f6; border-radius:4px 0 0 4px;}
.temp li.night {_background:#f5eae9; border-radius:0 4px 4px 0;}
.temp li:before {display:inline-block; color:#999; width:20px; height:20px; padding-top:10px; text-align:center; font-size:12px; position:absolute; top:0; left:10px;}
.temp li.light:before {content:'주간온도'; _background:url(../images/light.png) center 2px no-repeat;}
.temp li.night:before {content:'야간온도'; _background:url(../images/night.png) center 2px no-repeat;}

.humidity {display:flex; margin-bottom:0;}
.humidity li {flex:1; _height:58px; _padding-top:23px; position:relative; font-size:12px; color:#598ad2; _text-align:center;}
.humidity li em {display:inline-block; font-size:18px; margin:10px 5px 0 0;}
.humidity li span {font-size:14px; display:inline-block; margin-left:5px; color:#98a8c0;}
.humidity li.light {_background:#f5f9fe; border-radius:4px 0 0 4px;}
.humidity li.night {_background:#e3e6ea; border-radius:0 4px 4px 0;}
.humidity li:before {display:inline-block; color:#999; width:20px; height:20px; padding-top:10px; text-align:center; font-size:12px; position:absolute; top:0; left:10px;}
.humidity li.light:before {content:'주간습도'; _background:url(../images/light.png) center 2px no-repeat;}
.humidity li.night:before {content:'야간습도'; _background:url(../images/night.png) center 2px no-repeat;}


/* 일몰일출 */
.sun_wrap {flex:100px;}
.sunset_list {display:flex; margin-bottom:0;}
.sunset_list li {flex:1; text-align:center; letter-spacing:0; font-size:18px; _height:58px; _padding-top:32px; color:#fff; font-weight:bold; position:relative;}
.sunset_list li.sunset {background:#dec932; border-radius:4px 0 0 4px;}
.sunset_list li.sunset:before {content:'일출'; display:inline-block; font-size:12px; color:rgba(255, 255, 255, 0.8); font-weight:normal; display:inline-block; position:absolute; top:10px; left:10px;}
.sunset_list li.sunup {background:#695c54; border-radius:0 4px 4px 0;}
.sunset_list li.sunup:before {content:'일몰'; display:inline-block; font-size:12px; color:rgba(255, 255, 255, 0.8); font-weight:normal; display:inline-block; position:absolute; top:10px; left:10px;}

.btn_option {width:60px; font-size:13px; font-weight:bold; padding:0px 0 0 10px; background:#f8d132 url(../images/ico_option.png) 11px center no-repeat; color:#222; height:50px; line-height:50px; text-align:center; border-radius:4px; float:left; box-shadow:2px 2px 4px #ccc; border:1px solid #cdac27;}
.btn_option:hover {background-color:#e8c226; color:#222; transition:background .5s;}
.weather_list02 {overflow:hidden; float:right; display:flex;  width:calc(100% - 70px);}
.weather_list02 li {background-size:26px !important; position:relative; text-align:center; flex:1; padding-bottom:4px; font-size:13px;}

/* checkbox 스타일 적용*/
.weather_list02 li input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.weather_list02 li input[type="checkbox"] + label {display: inline-block;  width:100%; position:relative; cursor:pointer; padding-top:28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }  
.weather_list02 li input[type="checkbox"] + label:before {position:absolute; top:0; left:42%;content:''; display:block; width:22px; height:22px; line-height:22px;background: #dfdfdf url(../images/check_round.png) center no-repeat; /* border: 1px solid #cacece; */ border-radius : 11px; /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */ }  
.weather_list02 li input[type="checkbox"] + label:active:before, .weather_list02 li input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
/* 체크박스를 체크했을때 */ 
.weather_list02 li input[type="checkbox"]:checked + label:before {/* content: '\2714'; */  /* 체크표시 유니코드 사용 */ color: #ffffff; /* text-shadow: 1px 1px rgba(255, 255, 255, 0.2); */ background: #004c9d url(../images/check_round.png) center no-repeat; /* order:1px solid #c5a522;box-shadow: 0px 1px 2px #f8d132, inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */ }

.weather_list02 li label {display:block; _margin-top:5px; _padding-left:10px;}
.weather_list02 li:before {content:''; display:inline-block; width:calc(100% - 10px); height:2px; background:#ddd; position:absolute; bottom:0px; left:5px;}
.weather_list02 li.i01 {background:url(../images/i_02.png) 10% 24px no-repeat;} /* 감우 */
.weather_list02 li.i02 {background:url(../images/i_03.png) 10% 24px no-repeat;} /* 일사량 */
.weather_list02 li.i03 {background:url(../images/i_04.png) 12% 22px no-repeat;} /* 대기온도 */
.weather_list02 li.i04 {background:url(../images/i_05.png) 10% 22px no-repeat;} /* 대기습도 */
.weather_list02 li.i05 {background:url(../images/i_06.png) 12% 24px no-repeat;} /* 풍향 */
.weather_list02 li.i06 {background:url(../images/i_07.png) 12% 24px no-repeat;} /* 풍속 */
.weather_list02 li.i07 {background:url(../images/i_08.png) 10% 22px no-repeat;} /* 이슬점 */
.weather_list02 li.i08 {background:url(../images/i_09.png) 10% 24px no-repeat;} /* 수분부족 */
.weather_list02 li.i09 {background:url(../images/i_10.png) 10% 24px no-repeat;} /* 토양온도 */
.weather_list02 li.i10 {background:url(../images/i_11.png) 10% 22px no-repeat;} /* 토양습도 */
.weather_list02 li.i11 {background:url(../images/i_12.png) 18% 22px no-repeat;} /* ec */
.weather_list02 li.i12 {background:url(../images/i_13.png) 18% 22px no-repeat;} /* ph */
.weather_list02 li.i13 {background:url(../images/i_03.png) 10% 24px no-repeat;} /* 누적일사 */
.weather_list02 li.i14 {background:url(../images/i_14.png) 10% 22px no-repeat;} /* 평균온도 */
.weather_list02 li.i15 {background:url(../images/i_15.png) 10% 22px no-repeat;} /* 평균습도 */
.weather_list02 li.i16 {background:url(../images/i_16.png) left 26px no-repeat;} /* 일출 후 이슬점 */

.weather_list02 li.i01:before {background:#62a6ae;}
.weather_list02 li.i02:before {background:#f39d64;}
.weather_list02 li.i03:before {background:#fa5b52;}
.weather_list02 li.i04:before {background:#598ad2;}
.weather_list02 li.i05:before {background:#c072b1;}
.weather_list02 li.i06:before {background:#6fc082;}
.weather_list02 li.i07:before {background:#66a9f5;}
.weather_list02 li.i08:before {background:#a99b9b;}
.weather_list02 li.i09:before {background:#B18904;}
.weather_list02 li.i10:before {background:#0040FF;}
.weather_list02 li.i11:before {background:#26ab64;}
.weather_list02 li.i12:before {background:#8161bc;}
.weather_list02 li.i13:before {background:#f39d64;}
.weather_list02 li.i14:before {background:#fa5b52;}
.weather_list02 li.i15:before {background:#598ad2;}
.weather_list02 li.i16:before {background:#bf7f3d;}
.weather_list02 li.i20:before {background:#007BFF;}
.weather_list02 li.i21:before {background:#FF5733;}
.weather_list02 li.i22:before {background:#28A745;}
.weather_list02 li.i23:before {background:#FFC107;}
.weather_list02 li.i24:before {background:#6C757D;}
.weather_list02 li.i25:before {background:#6610F2;}

.sensor_use {display:flex; flex-wrap: wrap;}
.sensor_use li {flex:1 1 20%; background:#f2f2f2; border-radius:4px; margin-right:5px; border-radius:5px; overflow:hidden; position:relative;}
.sensor_use li .sensor_check {display:flex; padding-left:15px;  border-left:1px solid #fff;}
.sensor_use li p {float:left; width:100px; text-align:center; padding:60px 0 0px; position:relative; margin:0;}
.sensor_use li.i01 p {background:url(../images/n_icon01.png) 20px center no-repeat;}
.sensor_use li.i02 p {background:url(../images/n_icon02.png) 20px 38px no-repeat;}
.sensor_use li.i03 p {background:url(../images/n_icon03.png) center 20px no-repeat;}
.sensor_use li.i04 p {background:url(../images/n_icon04.png) center 20px no-repeat;}

.sensor_use li .input_wrap {flex:75%; padding:10px 10px 10px 10px; overflow:hidden;}
.sensor_use li .input_wrap li {margin-bottom:3px;}
.sensor_use li .input_wrap li:last-child {margin-bottom:0px;}
.sensor_use li .input_wrap li input[type="text"] {float:left; width:30%; border:1px solid #ddd; padding:0 5px; height:36px; line-height:36px; border-radius:4px;}
.sensor_use li .input_wrap li em {float:left; width:70px; font-size:13px; line-height:36px; display:inline-block;}
.sensor_use li .input_wrap li em:before {content:'·'; display:inline-block; margin-right:5px;}
.sensor_use li .input_wrap li span {display:inline-block; float:left;}

.sensor_use li .right {position:absolute; right:10px; bottom:10px;}
.sensor_use li .right input[type="checkbox"] {margin:0 5px 3px 0;}
.sensor_use li .right label {}
.sensor_use li button {background:#417011; color:#fff; height:40px; width:70px; text-ailgn:right; margin-left:10px; border-radius:4px;}
.sensor_use li button:hover {background:#355d0d; transition: background .3s;}


.select-full-width {width: 100%;height: 100%;box-sizing: border-box;text-align: center;background-color: transparent;}
.input-full-width { width: 100%; height: 100%; box-sizing: border-box; text-align: center; background-color: transparent; }
.radio-group { display: flex; gap: 10px; align-items: center; margin-left: 20px; } 
.radio-group label { display: flex; align-items: center; justify-content: center; margin: 0px; }


/* 파일업로드 modal */
#modal { position: fixed; left:0; right:0; top:0; bottom:0; width : 100%; height : 100%; background-color: rgba(0, 0, 0, .7); display:flex; justify-content: center; align-items: center; opacity:0; visibility: hidden; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: cubic-bezier(.7,.04,.91,.65); } 
#modal:target { /* 1. */ opacity: 1; pointer-events: auto; /* 2 */ visibility: visible; z-index : 100; }

#file_upload { background: #fff; border-radius: 15px; padding: 40px 30px; width: 700px; } 
.image_upload { background-color: #005f9e; color: #fff; border-radius: 5px; margin: 0 0 0 20px; padding: 4px 12px; font-weight: bold; height: 34px; line-height:36px; font-size: 16px; }

.image-title { display:flex; flex-direction : row; justify-content : space-between; margin : 0; align-items : center; }
/* .image-grid { display: flex; flex-direction : column; align-items : center; margin: 20px 0; border: 2px solid #CDCDCD; padding: 20px; border-radius: 10px; text-align :center; gap: 8px; } */ 
/* .image-grid label, #image_upload_btn { background-color: #004c9d; color: #fff; padding: 5px 10px; font-size: 18px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } */ 
.image-grid input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.image_list { display: flex; flex-direction : column; margin: 20px 0 0 0; border: 2px solid #CDCDCD; padding: 10px; border-radius: 10px; text-align :center; align-items : flex-start; height : 300px; } 
.image_list div { outline: none; box-sizing: border-box; height: 40px; padding: 10px 20px; border: 2px solid #CDCDCD;}
.image_list ul { text-align : left; list-style-type: none; display:flex; flex-direction : column; margin : 0px; padding: 0px; width : 100%; gap:3px; } 
.image_list ul li { border : 2px solid #004c9d; border-radius: 8px; } 
.image_list ul li p { padding : 8px 8px 8px 8px; margin : 0px; }

#view_upload a:hover { color: #fff; } 
#image_count { color: #007bff; } 

/* 0426수정 */
.farm_data {flex:4 !important;}

input::-webkit-calendar-picker-indicator {
	opacity: 100;
}



/* 테블릿 가로 (해상도 1710px 이하)*/
@media all and (max-width:1710px){ 
.l_wrap {width:220px;}
.l_wrap #ad_header {width:220px;}
.lnb {width:220px;}
/* .lnb > li {background:url("../images/down.png") 200px 25px no-repeat;}
.lnb > li.on {background:url("../images/up.png") 200px 25px no-repeat;} */
.content {width:calc(100% - 220px); left:220px;}
	
.farm_info span {display:block !important; margin-bottom:5px;}
	
}