@charset "utf-8";

/* 서브 헤더 */
#wrap {position: relative;}
#wrap:after {content: ''; position: absolute; left: 0; right: 0; top: 0px; height: 17em; background: url(../img/common/bg_sub_head01.png) center center; background-size: cover; z-index: -1; overflow: hidden;}
@media all and (max-width:1024px){
	#wrap:after {height: 12em;}
}

/*pc logo*/
.header_wrap h1.logo a img {content:url(../img/common/logo_color_w.svg)}
header.header_wrap:hover h1.logo a img, header.header_wrap:focus h1.logo a img {content:url(../img/common/logo_color_bk.svg)}

/*mo logo*/
.gnb_wrap h1 a img {content:url(../img/common/logo_color_w.svg)}

/* gnb */
.gnb_inner_top {background: none; border-bottom: 1px solid rgba(255,255,255,0.25);}
.gnb_inner_top ul li {border-bottom: 0;}
.gnb_inner_top ul li a {color: #fff;}

/* 인쇄, sns 공유 버튼 */
.sub_acc {position:absolute; right:0; margin-top:-1em;}
.sub_acc li {display: inline-block; position:relative;}
.sub_acc li a {display: block; width: 2em; height: 2em; border-radius: 8px; text-indent:-9999px; color:rgba(0,0,0,0); background-color: #fff; background-repeat:no-repeat; background-position:center; text-align: center; overflow:hidden;}
.sub_acc .btn_print a {background-image:url(../img/sub/ico_btn_print.svg);}
.sub_acc .btn_open_sns a {background-image:url(../img/sub/ico_btn_sns.svg);}
.sub_acc li.on .btn_open_sns a {background-image:url(../img/sub/ico_btn_sns_close.svg); background-color:#333;}
.sub_acc .btn_scrap_facebook a {background-image:url(../img/sub/ico_btn_sns_facebook.svg); background-color:#1877F2;}
.sub_acc .btn_scrap_twitter a {background-image:url(../img/sub/ico_btn_sns_twitter.svg); background-color:#009EF7;}
.sub_acc .snsWrap {position:absolute; height:0; top:80%; margin-top:.5em; left:0; overflow:hidden; opacity:0; z-index:2; transition:.3s;}
.sub_acc li.on .snsWrap {height:auto; top:100%; opacity:1;}
.sub_acc .snsWrap ul {height:4.95em;}
.sub_acc .snsWrap li {display:block;}
.sub_acc .snsWrap li + li {margin-top:.2em;}
@media all and (min-width:1024px){
	.sub_acc {top: 50%;}
}
@media all and (max-width:1024px){
	.sub_acc {bottom: -1em; right: 0.5em;}
}

/* lnb */
#gnb_nav > #nav > ul > li > a:not(.on) {color: #fff;}
header.header_wrap:hover, header.header_wrap:focus {background: #fff;}
header.header_wrap:hover #gnb_nav > #nav > ul > li > a:not(.on), 
header.header_wrap:focus #gnb_nav > #nav > ul > li > a:not(.on) {color: #333;}

/* 베이직게시판 */
@media all and (max-width:555px){
	.bod_basic{border-top: 2px solid #71ab55;}
	.bod_basic .bod_num, .bod_basic .bod_file, .bod_basic .bod_hit, .bod_basic thead, .bod_basic .bod_noitce{display: none;}
	.bod_basic .aL{width: 100%; display: block; font-size: 15px;}
	.bod_basic .bod_write{display: inline-block; font-size: 13px;}
	.bod_basic .bod_date:before{content: ''; display: inline-block; background: #bbb; width: 1px; height: 10px; vertical-align: middle; margin: 0 5px;}
	.bod_basic .bod_date{display: inline-block; font-size: 13px;}
	.bod_basic td{border-bottom: none; padding: 0; margin-bottom: 5px;}
	.bod_basic tr{border-bottom: 1px solid #e1e1e1; padding: 12px 10px 7px; display: block;}
	.board_page{position: relative; top: 0; margin-top: 10px;}
	.bod_basic .bod_cate, .bod_basic .bod_dept{margin-bottom: 5px;}
	.bod_basic .bod_cate{background: #71ab55; padding: 2px 5px; font-weight: 600; color: #fff; font-size: 13px;}
	.bod_basic td.aL{padding: 6px 0 0px;}
	
	.bod_basic_view .tbl_hidden th{width: 30%; display: block; box-sizing:border-box; float: left; border-top: none; padding: 5px 10px; font-size: 13px;}
	.bod_basic_view .tbl_hidden td{width: 70%; display: block; box-sizing:border-box; float: left; border-top: none; padding: 5px 10px; font-size: 13px;}
	.bod_basic_view .tbl_hidden:after{content: ''; clear: both; display: block;}
	.bod_basic_view .bod_view_file th{width: 100%; float: none;}
	.bod_basic_view .bod_view_file td{width: 100%; float: none;}
	.bod_basic_view table th, .bod_basic_view  table td{width: auto !important;}
	.bod_basic_view table{table-layout: fixed;}
	.bod_basic_view table th p, .bod_basic_view  table td p,
	.bod_basic_view table th span, .bod_basic_view  table td span{word-break: break-all;}
	.list_file img{margin: 0;}
}


/* 포토게시판 */
@media all and (max-width:700px){
	.list_gellery ul li{width: 50%;}
}
@media all and (max-width:395px){
	.list_gellery ul li{width: 100%;}
}

/* 약용작물 및 종자 */
@media all and (max-width:500px){
	.crop_view td, .crop_view th{display: block; width: 100%; box-sizing:border-box;}
	.crop_all_list td, .crop_all_list th{display: block; width: 50%; float: left; box-sizing:border-box; border: none; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
	.crop_all_list{border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}
}