@charset "utf-8";

.content h4 {font-size:20px; padding:10px 0; color:#3f3f3f;}
.content h5 {font-size:18px; padding:8px 0 5px 20px; color:#206EEC; position:relative;}
.content h5::before, .content h5::after {display:block; position:absolute; top:0; left:0; content:"";}
.content h5::before {width:15px; height:15px; top:9px; background:#206EEC; border-radius: 30px;}
.content h5::after {width:5px; height:5px; top:14px; left:5px; background:#fff; border-radius: 30px;}
.content h6 {font-size:16px; padding:6px 0 6px 10px; color:#565656; position:relative;}
.content h6::before {display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; background:#565656; border-radius:10px;}
.content p {color:#595959;font-size:14px; font-weight: 400; line-height: 1.3;}

/* (공통)서브 하단 배너모음 선 추가 */
.total_banner {border-top: 1px solid #E9E9E9;}

.list_basic li {position:relative; padding-left:12px; font-size:14px; line-height: 1.4; color:#595959; margin-bottom:5px;}
.list_basic li::before {content:""; display:block; position:absolute;top:8px;left:0;width:6px; height:2px;border-radius:10px; background:#565656;} 
.list_basic.lt01 li::before {width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li::before {width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.noblet li {padding-left:0;} /* list_basic 앞 기호 없음 */
.list_basic.noblet li::before {display:none;}

.box_default {background:#f5f5f5; padding:15px; color:#5d5d5d;}
.box_st01 {border: #bcd2ff solid 1px;}
.box_st01 .inner {border:#f3f7ff solid 5px; padding:15px;}
.box_st01 .inner p {font-size:16px; color:#c90223; font-weight:600;}
.box_st01 .inner p.txt_large, .box_st01 .inner p.txt_large a {font-size:24px; font-weight:600; color:#c90223; }
.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545;}
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;}
.box_st02:before{ left:0; top:0; border-left:#206EEC solid 3px; border-top:#206EEC solid 3px;}
.box_st02:after{ right:0; bottom:0; border-right:#206EEC solid 3px; border-bottom:#206EEC solid 3px;}
.box_st02 img {display:block; width:auto; margin:8px auto;}
.box_st02 strong {font-size:16px; display:block; margin-bottom:10px;}
.box_st03 {border-bottom:1px solid #dedede; color:#454545;}
.box_st03 img {display:block; width:auto; margin:8px auto;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0; }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  } 
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_con.btn_small{padding:6px 8px;}
.btn_con.btn_small.btn_ss{padding:2px 8px;}
a[target="_blank"].btn_none:after {display:none;} /* a태그 아이콘 없음 */
a[target="_blank"].no_icon:after{display:none;}

.img_box{text-align:center;}
.img_box.img_box001{border:1px solid #dcdcdc; padding:20px; border-radius:5px;}
img{max-width:100%;}

.color01 {color:#eb4141;}
.color02 {color:purple;}
.color03 {color:#206EEC;}
.weight01{font-weight:500;}
.weight02 {font-weight:700;}
.br{display:block; height:1px;}
.brnone {display:none;}

/* 이미지 플로트 */
.img_fl_box{overflow:hidden;}
.img_fl_box > img{float:left; margin-right:15px;}

@media all and (min-width:1024px){
	.img_fl_box > img{ margin-right:25px; }
}

/* 기본테이블 */
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px;  border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#1e1e1e; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table tr.bg_green{ background:#effbd8; font-weight: 600; }
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}
.basic_table tbody tr td.r_border {border-right:#d8d8d8 solid 1px;}
.basic_table thead tr th.r_border {border-right:#d8d8d8 solid 1px;}

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}
.table_center tbody tr td.td_left {text-align:left;}

.table_big td { font-size: 15px; }

/* 반응형테이블 */
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/* paging */
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
    .basic_table.table_resp thead{display:none;}
}
@media all and (min-width:768px){
    .basic_table.table_resp th{ text-align: center; }
    .basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
    .basic_table.table_resp .no_cont{display:table-cell;}
} 
@media all and (min-width:1024px){
	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px;  font-weight:500}
	.content p{ font-size:16px; line-height: 1.5 }
	 
	.list_basic li {font-size:16px;}
	
	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }
	.box_st01 .inner{ border:#f3f7ff solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
    .box_st02 strong{font-size:20px;}
    .box_st03{padding:40px 60px; overflow:hidden;}
    .box_st03 img{float:left; margin-right:40px;}
	/*box안에 내용이 길때*/
    .box_st02 .img_mb{margin-bottom:17px;}
    .box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
    .box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
	
	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
    .basic_table th { font-size:16px;}
    /* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
    .basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}
	/*도시농업 테이블 수정*/
	.basic_table.table_pa thead tr th, .basic_table.table_pa thead tr td{padding:8px 10px}
	.basic_table.table_pa tbody tr th, .basic_table.table_pa tbody tr td{padding:8px 10px}
	.basic_table.table_size td{font-size:16px; line-height:1.4}
}

/* 농업경영정보 */
@media (min-width:320px) and (max-width:767px) {
    .img_fl_box.img_fl_box01 img{float:none; margin-bottom:5px;}
    .img_fl_box.img_fl_box01 p{margin-bottom:5px;}
}

/* 조직도 */
.group_box{position:relative;}
.envi_gr01{margin-bottom:30px; }
.envi_gr01 > a > span{background:#bf3048;color:#fff;padding:22px 0;text-align:center;border-radius: 5px;display: block;height:60px;font-weight: 500;width: 100%;position: relative;}
.envi_gr01 > a > span:after{content: ''; display:block; width:1px; height:30px; background:#aaa; position:absolute; left:50%; bottom:-30px; margin-left:-0.5px;}
.envi_gr01 > a > span:hover, .envi_gr01 > a > span:focus, .envi_gr01 > a > span:active {background:#a20f27; color:#fff;}
.envi_gr02 > div{ border-radius: 5px; margin-bottom:20px; position:relative;}
.envi_gr02 > div > a > span{display: block;text-align: center;background:#fff;border-radius: 5px;padding:13px;border:1px solid #2a2a2a;width: 100%;}
.envi_gr02 > div > a > span:hover, .envi_gr02 > div > a > span:focus, .envi_gr02 > div > a > span:active {background:#2a2a2a; color:#fff;}
.envi_gr02 > div  ul {border:1px solid #dcdcdc;margin-top:20px;position:relative;width: 100%;padding:10px 20px;}
.envi_gr02 > div  ul:before {content:''; display:block; width:1px; height:20px; background:#aaa; position:absolute; top:-20px; left:50%;}
.envi_gr02 .left a span {position:relative;}

@media (min-width:640px) {
	.envi_gr01 > a > span{width:200px; margin:0 auto;}
	.envi_gr02 {position:relative;}
	.envi_gr02:before {content:''; display:block; width:66.3%; height:1px; background:#aaa; position:absolute; top:0; left:14.3%;}
	.envi_gr02:after {content:''; display:block; clear:both;}
    .envi_gr02 > div {float:left; width:32%; margin-right:1%;}
	.envi_gr02 > div a span, .envi_gr02 > div ul {width: 90%;}
	.envi_gr02 > div a span {margin-top:30px; position:relative;}
	.envi_gr02 > div a span:before {content:''; display:block; width:1px; height:30px; background:#aaa; position:absolute; top:-30px; left:50%;}
    .envi_gr02 .right {margin-right:0;}
	.envi_gr02 .left:before {content:'';display:block;left:45%;top: 43%;width:55%;height:1px;position:absolute;background:#aaa;}
	.envi_gr02 .left:after {content:'';display:block;right:0;top: 43%;width:1px;height:71%;position:absolute;background:#aaa;}
}
@media (min-width:768px) {
	.envi_gr02 {width:620px; margin:0 auto 20px auto;}
	.envi_gr02:before {width:69.1%; left:15.5%;}
	.envi_gr02 > div {margin-right:3.5%;width:31%;}
	.envi_gr02 > div a span {width:100%;}
	.envi_gr02 > div ul {width:100%;margin-top:30px;}
	.envi_gr02 > div ul:before {height:30px; top:-30px;}
	.envi_gr02 .left:before {left: -15%;width:65%;}
	.envi_gr02 .left:after {left: -15%;height: 82%;}
}

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

.listCount {float:right; max-width:150px; margin-bottom:10px;}

@media all and (min-width:768px){
    .list_step{overflow:hidden;}
    .list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;}
    .list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
	
	.list_step.col05 > li{min-height:0px;}
}
@media all and (min-width:1024px){
    .list_step > li{ width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
    .list_step > li:before{left: -27px;}
	
	.list_step.col05 > li{min-height:138px;}
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
    .list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
    .list_step > li.s_con{padding-top:30px;}
    .list_step > li > br{display:block;}
    .list_step > li:before{left:-16px;}
    .list_step > li:first-child{margin-left:0;}
    .list_step > li:last-child{margin-right:0;}
	
	.list_step.col05 > li{min-height:160px;}
}

/* 농업용미생물배양실 */
.list_step > li > span.num {background: #f4f4f4; margin: 10px 0; display: block; padding: 3px; color: 6d6d6d;}

@media all and (min-width:768px){
    .list_step > li{min-height: 310px;}
}
@media (min-width:1024px) {
	.list_step.col04 > li{width:20%; min-height: 0;}
    .list_step.col04 > li:first-child{margin-left:0;}
    .list_step.col04 > li:last-child{margin-right:0;}
}
@media (min-width:1200px) {
	.list_step.col04 > li{width:23%;}
}

.list_step .part{display:block; background:#f8f8f8; padding:10px; margin-top:10px;}

/* 지도 api */
#map{width:100%;height:400px;}
.map_info li dt {color:#666; background:url(/home/agri/images/sub/bullet_h501.gif) no-repeat 0 2px; padding:0 0 0 19px; margin-bottom:5px; font-weight:bold}
.map_info li dd {color:#666; background:url(/home/agri/images/sub/bullet_list01.gif) no-repeat 10px 8px; padding:0 0 0 25px}

#map2{width:100%;height:400px;}
.map_info li dt {color:#666; background:url(/home/agri/images/sub/bullet_h501.gif) no-repeat 0 2px; padding:0 0 0 19px; margin-bottom:5px; font-weight:bold}
.map_info li dd {color:#666; background:url(/home/agri/images/sub/bullet_list01.gif) no-repeat 10px 8px; padding:0 0 0 25px}

#map3{width:100%;height:400px;}
.map_info li dt {color:#666; background:url(/home/agri/images/sub/bullet_h501.gif) no-repeat 0 2px; padding:0 0 0 19px; margin-bottom:5px; font-weight:bold}
.map_info li dd {color:#666; background:url(/home/agri/images/sub/bullet_list01.gif) no-repeat 10px 8px; padding:0 0 0 25px}

/* 도시농업 텃밭 */
.td_bg001{background:#e5ffe6}
.td_bg002{background:#e5feff}
.td_bg003{background:#fffae5}
.td_bg004{background:#ffe5f6}
.td_bg005{background:#e5f2ff}
.td_bg006{background:#ffe5e5}
.td_bg007{background:#e8e5ff}

/* 화훼재배기술 */
.flower_list{border:1px solid #aaa; padding:15px 15px 6px;}
.flower_list li{position:relative; margin-bottom:10px; padding-left:14px;}
.flower_list li:before{content:''; display:block; position:absolute; top:40%; left:0; background:#666; width:7px; height:7px;}
.flower_list li a{display:block; padding:10px 0;}

.tab_btn_on{font-weight:bold; color:#EB4141;}
.tab_on{font-weight:bold; color:#3f3f3f !important}

.flower_detail_box{margin-top:30px; word-break:keep-all}
.flower_detail{background:#f6f6f6; padding:30px;}
.flower_detail .img{margin-bottom:15px}
.flower_detail h4{font-weight:500; display:none;}
.flower_detail h4 span{font-weight:300; margin-left:10px; font-style:italic; font-size:18px;}
.flower_detail .img{text-align:center; padding:20px 0 30px;}
.flower_detail .info_box{background:#fff; padding:30px 35px;}
.flower_detail .info_box h5{padding-left:0}
.flower_detail .info_box h5:before{display:none;}
.flower_detail .info_box h5:after{display:none;}
.flower_detail p{font-size:15px; line-height:1.5;}
.flower_detail ul li{font-size:15px;  line-height:1.5;}
.flower_list{overflow:hidden;}
.flower_list li{float:left; width:50%;}

@media (min-width:768px){
    .flower_list li{width:20%;}
    .flower_detail{padding:40px;}
    .flower_detail .top{overflow:hidden; margin-top:20px;}
    .flower_detail .top .img{padding:0;}
    .flower_detail .top .infor{float:right; width:68%;}
}
@media (min-width:1024px){
	.box_st001 .inner{padding:18px;}
	.flower_detail h4 span{font-size:22px;}
	.flower_detail p{font-size:16px;}
	.flower_detail ul li{font-size:16px}
}

.tab_month_ea ul{overflow:hidden;}
.tab_month_ea ul li{font-size:18px; font-weight:400; float:left; margin-right:30px; position:relative;}
.tab_month_ea ul li:after{content:''; display:block; position:absolute; width:1px; height:14px; background:#d1d1d1; top:2px; right:-20%;}
.tab_month_ea ul li:last-child{margin-right:0;}
.tab_month_ea ul li:last-child:after{display:none;}
.tab_month_ea ul li a{color:#acacac;}

@media (min-width:1440px){
	.tab_month_ea ul li{font-size:24px; margin-right:146px;}
	.tab_month_ea ul li:after{height:19px; top:4px; right:-83%}
}

/*연간교육계획*/
.year_bg{background:#eefdec;}