@import url(font-awesome.min.css);

/*login*/
.login_wrap{overflow: auto; position: relative; background-size: 100%;  padding: 110px 20px 50px; width: 85%; margin: 0 auto; min-height: 89vh; display: flex; justify-content: center;align-items: center;}
.login_wrap .login_box{width:400px; margin:0 auto; display:table-cell; vertical-align:middle;}
.login_wrap .login_box .login_img{width:80px; margin:0px auto; display: block;}
.login_wrap .login_box .tit{color: #fff; text-align: center;font-weight:bold; margin:20px 0;font-size: 17px;}
.login_wrap .login_box input{height:34px; width:220px; background:none; border:none;}
.login_wrap .login_box .login_Enter{background:#fff; padding:28px 50px 50px; box-shadow: 10px 11px 5px 1px #ecf0f3; width:400px; margin:0 auto; border-radius:10px;}
.login_wrap .login_box .login_Enter .login_text{font-size:30px; letter-spacing:5; font-weight:bold; text-align:center; color: #264bba;}
.login_wrap .login_box .login_btn{width:100%; color:#fff; background-image: linear-gradient(120deg, #662fd2 0%, #01329d 100%);padding:10px; margin-top:10px; display:block; text-align:center; border-radius:5px; font-weight:bold;}
.login_wrap .login_box .login_btn:hover{color:#fff; background:#01329d; transition:0.5s;}
.login_wrap .idpw li{margin:5px; background: #f5f7f8; padding: 5px 5px 5px 20px;  border-radius: 5px;}
.login_wrap .idpw li span{display:block; float:left; width:40px;}
.login_wrap .idpw li span img{width:45%; margin-top: 6px;}
.login_wrap .login_box input[type=checkbox],
.login_wrap .login_box input[type=radio] {height:18px; width:18px; display: block; margin:4px 5px 0 3px; float:left;}
.login_wrap .login_box span{line-height: 2;}
.login_wrap .login_btnwrap{margin-top:10px;}
.login_wrap .login_btnwrap a{border: 1px solid #ddd; display:inline-block; border-radius:3px;padding: 6px 10px; min-width:88px; text-align: center; color:#333;}
.login_wrap .login_btnwrap a:hover{background:#f6f6f6;}

/*사이트멥*/
#allmenu{position:fixed;top:0;left:0;z-index:100;min-width:1024px;width:100%;height:100%;min-height:100%;padding-top:100px;text-align:left;}
#allmenu .wrap_allmenu{background-color:#fff;}
#allmenu .inner_allmenu{width:1014px;margin:0 auto;}
#allmenu .title_wrap{position:absolute;left:0;top:0;width:100%;height:100px;
		background-image: -ms-linear-gradient(left, #067fd9 0%, #0433b9 50%, #0432b9 100%);
		background-image: -moz-linear-gradient(left, #067fd9 0%, #0433b9 50%, #0432b9 100%);
		background-image: -o-linear-gradient(left, #067fd9 0%, #0433b9 50%, #0432b9 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #067fd9), color-stop(0.5, #0433b9), color-stop(1, #0432b9));
		background-image: -webkit-linear-gradient(left, #067fd9 0%, #0433b9 50%, #0432b9 100%);
		background-image: linear-gradient(to right, #067fd9 , #0433b9, #0432b9);}

.sitemap_wrap{width:1120px;margin:0 auto;}
.site_map {padding:0 20px;}
.site_map .depth_01:first-child{border-top:0;}
.site_map .depth_01 a:hover{color:#1a3a6c;}
.site_map .depth_01{overflow:hidden; border-top:1px solid #e8ecf3;}
.site_map .depth_01 li:after{display:block;content:'';clear:both;}
.site_map .depth_01>li{padding:18px 0;}
.site_map .depth_01>li.en{display:none;}
.site_map .depth_01>li>a{font-weight:800; float:left; font-size:20px; color:#1a3a6c; margin:-5px 0 5px; letter-spacing:-0.5px;}
.site_map .depth_02{float:right;width:826px;font-size:0;}
.site_map .depth_02:after{display:block;content:'';clear:both;}
.site_map .depth_02>li{display:inline-block;position:relative;width:25%; vertical-align:top;}
.site_map .depth_02>li:nth-child(-n+5){margin-top:0;padding-top:0;border-top:0;}
.site_map .depth_02>li:nth-child(6):before{display:block;content:'';position:absolute;left:0;top:0;width:826px;height:1px;}
.site_map .depth_02>li>a{font-weight:700; font-size:15px; color:#1a3a6c; letter-spacing:-0.5px; padding-bottom:6px; border-bottom:2px solid #2c5aa0; display:inline-block; margin-bottom:4px;}
.site_map .depth_03 li{margin-top:12px; overflow:hidden;}
.site_map .depth_03 li:first-child{margin-top:12px;}
.site_map .depth_03 li a{font-weight:400; font-size:13.5px; color:#4d5766; line-height:1.2; float:left; padding:2px 0; transition: color 0.15s;}
.site_map .depth_03 li a:hover{color:#1a3a6c; font-weight:600;}

.site_map .favorite{float:left; position:inherit; border:1px solid #dadada; color:#b5b5b5; border-radius:50px; width:18px; height:18px;text-align:center; margin-right:5px;font-size:14px;}
.site_map .on{color:#fff; background:#ffc535; border:1px solid #ffc535;}
.site_map .off{color:#fff; background:#ddd; border:1px solid #ddd;}

.site_map .info{float:left; background: url(./../image/info.png) no-repeat; width:15px; height:15px; background-size:14px; margin-left:5px;}

/*비정형 농장 현황*/
.list_button{overflow:hidden; background:#edeff5; padding:4px 10px; border-bottom: 2px solid #fff;}
.list_button button{float:left;background: url(./../image/filter.png) 8px no-repeat #3b63be; background-size:14px;
 color:#fff;border-radius: 3px; margin: 3px;padding: 5px 10px;display: inline-block; font-size: 14px;  padding-left: 28px;}
.list_button .bg_none{background:#f12765; padding-left:10px}
.button_type{background: url(./../image/filter.png) 8px no-repeat #3b63be;background-size:14px;color:#fff; font-weight:100;
border-radius: 3px; padding: 5px 10px; display: inline-block; font-size: 14px;  padding-left: 28px;}

/*메인박스*/
.box_wrap{overflow:hidden;}
.box_wrap .box_50{width:50%; float:left;}
.box_wrap .map_wrap {height:450px; overflow:hidden; padding:0 20px;}
.box_wrap .map_wrap img{width:100%;}

/*main_wrap*/
.main_wrap{width:1400px; margin:0 auto;}

.main_wrap table thead th {background:#53617b; color:#fff;}
.main_wrap table{border-top:0;}
.error{color:#ff2364;}

.m_box{position:relative; width:98.7%; padding:30px; background:#fff;border-radius:7px; min-height:340px; margin:10px; box-shadow:0px 0px 5px 6px #747d891a; float:left;}
.m_box .title{overflow:hidden; padding-bottom:8px;}
.m_box .title h4{font-weight:bold; float:left; font-size:18px; color:#1c6c9e;}
.m_box .title button{float:right; display:block; width:25px;  height:25px; line-height:25px; font-size:17px; color:#a5a5a5;}
.m_box .title button:hover{color:#666970;}

.color_01{color:#e81c3b;}
.color_02{color:#1593b3;}
.color_03{color:#b543e0;}
.color_04{color:#ff9418;}
.color_05{color:#1a48bf;}
.color_06{color:#f12e9d;}

@media (max-width:1700px) {
.main_wrap {width:100%;}

.box_wrap .metal_box li{font-size: 16px; height:63px; line-height: 20px;}
.box_wrap .m_box{margin:10px 8px;}
.box_wrap .m_box p{left:20%;}
.todo_list li strong{width:30%;padding:0px;}
.todo_list li p{width:70%;}

}

@media (max-width:1430px) {	
.box_wrap .metal_box li {font-size:14px; height:55px;text-align:center; padding: 8px 0;}

.box_wrap .metal_box .box {padding:20px;}
.box_wrap .notice,
.box_wrap .mapping {width:-webkit-fill-available; min-height:auto;}
}

@media (max-width:1120px) {
.container_wrap {padding:85px 20px;}
.top_notic {margin-bottom: 5px;}

.sitemap_wrap{width:100%;}
.site_map .depth_02 {width:100%;}
.site_map .depth_02>li {width:50%; padding-top:0;}


}

@media (max-width:768px) {
.container_wrap {padding:75px 10px 20px;}

.login_box{padding:50px 0 0;}
	
.top_notic strong {display:block;}

.m_box {width:100%; min-height:auto; margin:8px 0; padding:20px 10px;}

.box_wrap .m_box p {position:inherit; bottom:inherit; left:inherit; margin:5px auto 10px;}
.box_wrap .m_box2 {width:100%;}

.lst_notice a {padding:10px 0;}

.site_map {padding:0;}
.site_map .depth_01>li>a {font-size:16px;}
.site_map .depth_02>li>a {font-size:14px;}
.site_map .depth_03 li {margin-top:5px;}
.site_map .depth_03 li:first-child {margin-top:5px;}
}

@media (max-width:450px) {
.login_box {width:100%;}
.login_box input {width:160px;}
.login_btnwrap a {padding:6px 0px; min-width:90px}
.login_box .login_Enter {width:100%; padding:15px;}

.site_map .depth_02>li {width:50%;}
}

@media (max-width:375px) {

}