@charset "utf-8";
/*
'===================================================================================================
'	File Name			: ~/inni.ui.common_v3.03.css
'	Version				: 3.03
'	Precedence			:
'	License				: nics.go.kr Code by inni.kr (nics.go.kr 사이트 이외 사용을 금지 합니다.)
'---------------------------------------------------------------------------------------------------
'	Service Name		: UI Styles
'	Description			: 기본 디자인
'	Create Date			: 2007년 02월 14일
'	Author				: 유재인
'	Author E-Mail		: inni@inni.kr
'---------------------------------------------------------------------------------------------------
'	History				: [2016.05.16] [유재인] - 기본 스타일 재정의 버전3.0 정의
'						-----------------------------------------------------------------------------
'						: [2016.10.04] [유재인] - 국립식량과학원 스타일을 고려하여 내용 수정
'						-----------------------------------------------------------------------------
'						: [2016.12.16] [유재인] - HTML5 Tag 및 IE Edge 사용자를 위한 스타일 수정
'---------------------------------------------------------------------------------------------------
'	Table Of Contents	: []
'						-----------------------------------------------------------------------------
'						: []
'						-----------------------------------------------------------------------------
'						: []
'===================================================================================================
*/



/*==================================================================================================
#	Bookmark */
#bxBookmark			{position:absolute;width:100%;height:0px;left:0px;top:0px}
#bxBookmark a			{position:absolute;width:100%;height:1em;left:0px;top:-9999999px;z-index:9999999;display:block;padding:0.8em 0 1em 0;text-align:center;font-weight:bold;color:#ffffff;background-color:#0a0a0a}
#bxBookmark a:focus	{top:0px}
#bxBookmark .w a		{color:#000000;background-color:#ffffff}
#itmBookMark			{position:absolute;width:100%;height:0px;left:0px;top:0px}
#itmBookMark a			{position:absolute;width:100%;height:1em;left:0px;top:-9999999px;z-index:9999999;display:block;padding:0.8em 0 1em 0;text-align:center;font-weight:bold;color:#ffffff;background-color:#0a0a0a}
#itmBookMark a:focus	{top:0px}
#itmBookMark .w a		{color:#000000;background-color:#ffffff}


/*==================================================================================================
#	Commons */
.Hide			{display:block;position:absolute;left:-999999px;top:-999999px;font-size:0px !important;line-height:0px !important;text-indent:-9999;overflow:hidden;}
.None			{display:none}
.Clear			{float:none; margin-top:30px;}
.bxClear		{float:none;clear:both;display:block;height:0px;font-size:0px !important;line-height:0px !important}
.MgTop			{margin-top:1em}
.MgBtm			{margin-bottom:2.5em}
.ConMt1			{margin-top:20px}
.ConMt2			{margin-top:15px}
.ConMt3			{margin-top:10px}
.ConMt4			{margin-top:8px}
.ConMt5			{margin-top:5px}
.Titl			{padding-left:0.8em;font-size:1.2em;font-weight:bold}
.Titl:before	{content:'■ '}
.widthFull		{width:99%}
.widthHalf		{width:50%}
.width10		{width:10%}
.width20		{width:20%}
.width30		{width:30%}
.width33		{width:33.3333%}
.width40		{width:40%}
.width50		{width:50%}
.width60		{width:60%}
.width70		{width:70%}
.width80		{width:80%}
.width90		{width:90%}
.pdLft10		{padding-left:10%}
.pdLft20		{padding-left:20%}
.PdLft30		{padding-left:30%}
.PdLft40		{padding-left:40%}
.PdLft50		{padding-left:50%}
.PdLft60		{padding-left:60%}
.PdLft70		{padding-left:70%}


/*==================================================================================================
#	Commons : 데쉬 라인 채우기 */
.lineDashed				{text-align:right}
.lineDashed>span		{display:block;float:left;width:80%;text-align:left;background:url('../img/line-dashed.gif') scroll left center repeat-x}
.lineDashed>span>span	{display:inline-block;width:auto;padding-right:5px;background-color:#ffffff}
.lineDashed a {display: inline-block; height:auto;}


/*==================================================================================================
#	Table Style : Layout - Basic */
table					{border-spacing:0;width:100%}
table th ,table td		{padding:0.7em 0.1em 0.7em 0.4em;font-size:1em;line-height:1.6em;text-align:center;overflow:hidden}
table .l				{text-align:left !important;}
table .r				{text-align:right}
table .full ,table .w99	{width:99%}
table .half ,table .w50	{width:50%}
table .w30				{width:30%}
table .w25				{width:25%}
table .w10				{width:10%}
table caption			{display:block;position:absolute;left:-9999999999px;top:-9999999999px;width:0px;height:0px;overflow:hidden}

.breedSvcCodeNmDiv th ,.breedSvcCodeNmDiv td		{padding:0.2em 0.1em 0.2em 0.4em;font-size:14px;line-height:1.6em;text-align:left;overflow:hidden; font-weight:400}
.breedSvcCodeNmDiv th {text-align:center;font-weight:700; vertical-align:top;}


/*==================================================================================================
#	Table Col Style : Layout - Basic */
table.col						{border-top-style:solid;border-top-width:2px;border-bottom-style:solid;border-bottom-width:1px}
table.col th , table.col td		{border-top-style:solid;border-top-width:1px;}
table.col thead th				{font-weight:500}
table.col thead>tr:first-child th, table.col .none-borderTop	{border-top:0 none;}
table.col>tr:first-child th, table.col>tr:first-child td, table.col .none-background	{background:none !important}
table.col .none					{padding:5em 0;text-align:center;font-weight:500;}

/*==================================================================================================
#	Table Col Style : Layout - Basic */
.listd table.col						{border-top-style:solid;border-top-width:2px;border-bottom-style:solid;border-bottom-width:1px}
.listd table.col th ,.listd table.col td		{border-top-style:solid;border-top-width:1px; background-image:none !important}
.listd table.col thead th				{font-weight: unset;}
.listd table.col thead>tr:first-child th
  ,.listd table.col .listd-borderTop	{border-top:0 none;}
.listd table.col>tr:first-child th
  ,.listd table.col>tr:first-child td
  ,.listd table.col .none-background	{background:none !important}

/* table.col th:last-child, table.col th:last-child+td, table.col td:last-child { border-right: 0 none !important;} */
/*==================================================================================================
#	Table Hover Style : color - Basic */
table.hvr tbody tr:hover th ,table.hvr tbody tr:hover td	{background-color:#d2d2d2}

/*==================================================================================================
#	Table Hover Style : color - Darkblue */
table.hvr tbody tr:hover th ,table.hvr tbody tr:hover td	{background-color:#d6dde2}


/*==================================================================================================
#	Table Col Style : color - Basic */
table.col								{border-color:#434343}
table.col th							{background-color:#eaeaea}
table.col tbody th ,table.col tbody td	{border-color:#656565}
table.col tbody td .emp					{font-weight:bold;color:#a32d0c}
/*==================================================================================================
#	Table Col Style : Color - DarkBlue fix*/
.noti table.col									{border-color:#cdd4dd;}
.noti table.col th								{background-color:#f2f2f2}
.noti table.col thead th						{font-weight: unset;}
.noti table.col th ,.noti table.col td	{border-color:#d8dbdf; background-image:none !important; border-right-style:solid;border-right-width:1px}
.noti table.col th:first-child, .noti table.col th:first-child+td, .noti table.col td:first-child	{background-image:none; font-weight: unset;}
.noti table.col th.lineL,  .noti table.col td.lineL	{background-image:none !important;}
/*==================================================================================================
#	Table Col Style : Color - DarkBlue */
.color-darkblue table.col									{border-color:#cdd4dd}
.color-darkblue table.col th								{background-color:#f2f2f2}
.color-darkblue table.col th ,.color-darkblue table.col td	{border-color:#d8dbdf;background-repeat:no-repeat;background-position:left center}
.color-darkblue table.col th:first-child
  ,.color-darkblue table.col th:first-child+td
  ,.color-darkblue table.col td:first-child					{background-image:none}
.color-darkblue table.col th.lineL
  ,.color-darkblue table.col td.lineL						{background-image:url('../img/table-line-darkblue.gif')}
   .color-darkblue table.col td.nline	{border-color:transparent;} /* 202008 장주연 추가 */

/*==================================================================================================
#	Table Col Style : Color - Orange */
.color-orange table.col									{border-color:#d99c4e}
.color-orange table.col th								{background-color:#f2f2f2}
.color-orange table.col th ,.color-orange table.col td	{border-color:#b2b2b2}


/*==================================================================================================
#	Table Col Style : Color - Green */
.color-green table.col									{border-color:#5e9b65}
.color-green table.col th								{background-color:#f2f2f2}
.color-green table.col th ,.color-green table.col td	{border-color:#b2b2b2}


/*==================================================================================================
#	Table Row Style : Layout - Basic */
table.row								{border-spacing:0;width:100%;border-top-style:solid;border-top-width:2px;border-bottom-style:solid;border-bottom-width:1px;border-color:#cdd4dd; margin-top:1.2em;}
table.row th ,table.col td				{font-size:1em;line-height:1.6em}
table.row>tbody>tr>th					{padding:0.5em 0.5em 0.51em 0.5em;text-align:right;border-top-style:dotted;border-top-width:1px;font-weight:bold;background-color:#f2f2f2}
table.row th.ipt:before					{content:'* ';color:#ff0000}
table.row>tbody>tr>td					{padding:0.5em 0.5em 0.51em 0.5em;text-align:left;border-top-style:dotted;border-top-width:1px;line-height:2.6em}
table.row td.con						{padding:1.5em 1em !important}
table.row td .full						{width:98%}
table.row td .ml						{margin-left:2em}
table.row>tbody>tr:first-child>th
  ,table.row>tbody>tr:first-child>td	{border-top:0px none}
table.row caption						{padding:2em 0 0.3em 0;font-size:1.3em;font-weight:bold;text-align:left}
table.row caption:before				{content:'■ '}
table.row .l							{text-align:left}

/*==================================================================================================
#	Table Row Style : Layout - Basic2 */ /*20190425 추가*/ 
table.viewtable								{border-spacing:0;width:100%;border-top-style:solid;border-top-width:2px;border-bottom-style:solid;border-bottom-width:1px;border-color:#cdd4dd; margin-top:1.2em;}
table.viewtable th ,table.col td				{font-size:1em;line-height:1.6em}
table.viewtable>tbody>tr>th					{padding:0.5em 0.5em 0.51em 0.5em;text-align:right;border-top-style:dotted;border-top-width:1px;font-weight:bold;background-color:#f2f2f2}
table.viewtable th.ipt:before					{content:'* ';color:#ff0000}
table.viewtable>tbody>tr>td					{padding:0.5em 0.5em 0.51em 0.5em;text-align:left;border-top-style:dotted;border-top-width:1px;line-height:2.6em}
table.viewtable td.con						{padding:1.5em 1em !important}
table.viewtable td .full						{width:98%}
table.viewtable td .ml						{margin-left:2em}
table.viewtable>tbody>tr:first-child>th
,table.viewtable>tbody>tr:first-child>td	{border-top:0px none}
table.viewtable caption						{padding:2em 0 0.3em 0;font-size:1.3em;font-weight:bold;text-align:left}
table.viewtable caption:before				{content:'■ '}
table.viewtable .l							{text-align:left}

/*==================================================================================================
#	Paging : Layout - Basic */
.itmPaging					{padding:2.6em 0;text-align:center}
.itmPaging a				{display:inline-block}
.itmPaging .first
  ,.itmPaging .last
  ,.itmPaging .prev
  ,.itmPaging .next
  ,.itmPaging a.pg			{width:auto;height:1em;margin:0 0.2em;padding:0.2em 0.5em 0.15em 0.5em;border-radius:0.1em;text-decoration:none;overflow:hidden}
.itmPaging .prev			{margin-right:1em}
.itmPaging .next			{margin-left:1em}
.itmPaging .first
  ,.itmPaging .last
  ,.itmPaging .prev
  ,.itmPaging .next			{width:1em !important;text-indent:-999999px}
.itmPaging .on				{font-weight:bold;cursor:default}


/*==================================================================================================
#	Paging : color - Basic */
.itmPaging a.pg			{border-color:#ffffff}
.itmPaging .first
  ,.itmPaging .last
  ,.itmPaging .prev
  ,.itmPaging .next
  ,.itmPaging .on
  ,.itmPaging :hover	{border-color:#b2b2b2 !important;color:#2f568b}
.itmPaging .first		{background:url('../img/paging-btn-basic-first.png') center center no-repeat}
.itmPaging .last		{background:url('../img/paging-btn-basic-last.png') center center no-repeat}
.itmPaging .prev		{background:url('../img/paging-btn-basic-prev.png') center center no-repeat}
.itmPaging .next		{background:url('../img/paging-btn-basic-next.png') center center no-repeat}


/*==================================================================================================
#	Paging : color - DarkBlue */
.color-darkblue .itmPaging a.pg			{border-color:#ffffff}
.color-darkblue .itmPaging .first
  ,.color-darkblue .itmPaging .last
  ,.color-darkblue .itmPaging .prev
  ,.color-darkblue .itmPaging .next
  ,.color-darkblue .itmPaging .on
  ,.color-darkblue .itmPaging :hover	{border-color:#b2b2b2 !important;color:#2f568b}
.color-darkblue .itmPaging .first:hover	{background:url('../img/paging-btn-darkblue-first.png') center center no-repeat}
.color-darkblue .itmPaging .last:hover	{background:url('../img/paging-btn-darkblue-last.png') center center no-repeat}
.color-darkblue .itmPaging .prev:hover	{background:url('../img/paging-btn-darkblue-prev.png') center center no-repeat}
.color-darkblue .itmPaging .next:hover	{background:url('../img/paging-btn-darkblue-next.png') center center no-repeat}


/*==================================================================================================
#	Button : Layout - Basic */
button ,input[type=button] ,input[type=submit] ,.btn ,.btnDark
  ,.btnSm ,.btnSmDark ,.btnBi ,.btnBiDark	{display:inline-block;padding:0.5em 1em 0.64em 1em !important;border-width:1px;border-style:solid;border-radius:0.18em;font-family:'Noto Sans KR', sans-serif;font-weight:500;box-sizing:border-box;line-height:1em;text-decoration:none !important;cursor:pointer}
.btnSm ,.btnSmDark							{font-size:0.8em}
.btnBi ,.btnBiDark							{font-size:1.2em}


/*==================================================================================================
#	Button : color - Basic */
button ,input[type=button] ,input[type=submit]
  ,.btn ,.btnSm ,.btnBi							{border-color:#989898;color:#323232 !important;
												background:#d2d2d2;																									/* Old browsers */
												background:-moz-linear-gradient(	top ,#f8f8f8 1% ,#d2d2d2 100%);													/* FF3.6-15 */
												background:-webkit-linear-gradient(	top ,#f8f8f8 1% ,#d2d2d2 100%);													/* Chrome10-25,Safari5.1-6 */
												background:linear-gradient(   to bottom ,#f8f8f8 1% ,#d2d2d2 100%);													/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
												filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8' ,endColorstr='#d2d2d2' ,GradientType=0);	/* IE6-9 */
												height:34px;
												}
.btn_ {
			border-color:#989898;color:#323232 !important;
			background:#d2d2d2;																									/* Old browsers */
			background:-moz-linear-gradient(	top ,#f8f8f8 1% ,#d2d2d2 100%);													/* FF3.6-15 */
			background:-webkit-linear-gradient(	top ,#f8f8f8 1% ,#d2d2d2 100%);													/* Chrome10-25,Safari5.1-6 */
			background:linear-gradient(   to bottom ,#f8f8f8 1% ,#d2d2d2 100%);													/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8' ,endColorstr='#d2d2d2' ,GradientType=0);	/* IE6-9 */
			border: 1px solid #989898;
			color: black;
			text-align: center;
			text-decoration: none;
			font-size: 13px;
			border-width: 1px;
			padding: 2px 0px;
			width: 70px;
			height: 25px;
			line-height: 1.1em;
			box-sizing: border-box;
			display: inline-block;
			font-family: 'Noto Sans KR', sans-serif;
			border-radius: 0.18em;
			cursor: pointer;
		}
		
/* button:hover ,input[type=button]:hover */
/*   ,input[type=submit]:hover ,.btn:hover */
/*   ,.btnSm:hover ,.btnBi:hover */
/*   ,button:active ,input[type=button]:active */
/*   ,input[type=submit]:active ,.btn:active */
/*   ,.btnSm:active ,btnBi:hover					{background:#b2b2b2;color:#000000 !important} */ /* 2022-01-12 주석*/


/*==================================================================================================
#	Button : color - DarkBlue */
.color-darkblue .btnDark
  ,.color-darkblue .btnSmDark
  ,.color-darkblue .btnBiDark	{border-color:#01355e;color:#ffffff !important;
																	background:#023a66;																									/* Old browsers */
																	background:-moz-linear-gradient(	top ,#074676 1% ,#023a66 100%);													/* FF3.6-15 */
																	background:-webkit-linear-gradient(	top ,#074676 1% ,#023a66 100%);													/* Chrome10-25,Safari5.1-6 */
																	background:linear-gradient(   to bottom ,#074676 1% ,#023a66 100%);													/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
																	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#074676' ,endColorstr='#023a66' ,GradientType=0);	/* IE6-9 */
																	}
.color-darkblue .btnDark:hover
  ,.color-darkblue .btnSmDark:hover
  ,.color-darkblue .btnBiDark:hover
  ,.color-darkblue .btnDark:active
  ,.color-darkblue .btnSmDark:active
  ,.color-darkblue .btnBiDark:active	{background:#042947 !important;color:#ffffff !important}


/*==================================================================================================
#	jQuery : Datepicker */
.jqDate{width:7em;text-align:center}


/*==================================================================================================
#	Content : 본문 디자인 */
/* .conDp0 ,.conDp1 ,.conDp2 ,.conDp3 ,.conDp4 ,.conDp5	{clear:both;} */
.conDp10 {display:inline-block; width:100%; margin-bottom: 10px;}
.conDp0, .conDp1	{line-height:1.7em !important}
.conDp2 ,.conDp3 ,.conDp4 ,.conDp5	{line-height:1.8em !important}
.conDp1	{padding-left:20px}
.conDp2	{padding-left:18px}
.conDp3	{padding-left:14px}
.conDp4	{padding-left:10px}
.conDp5	{padding-left:10px}
.Dp1	{font-size:1.2857em;font-weight:bold;background:url('../img/dot-depth2.gif') 0 0.45em no-repeat}
.Dp2	{font-size:1.1428em;font-weight:bold;background:url('../img/dot-depth3.gif') 0 0.5em no-repeat}
.Dp3	{font-size:1em;background:url('../img/dot-depth4.gif') 0 0.5em no-repeat}
.Dp4	{font-size:1em;background:url('../img/dot-depth5.gif') 0 0.8em no-repeat}
.Dp5	{font-size:1em;background:url('../img/dot-depth6.gif') 0 0.68em no-repeat}
.conDp0 div.Q, .conDp0 div.A {line-height:1.6;}
.conDp10 div.Q, .conDp10 div.A {line-height:1.6;}
.strongDp0 ,.strongDp1 ,.strongDp2 ,.strongDp3 ,.strongDp4	{font-weight:bold}

.conRound		{padding:0.5em 1.5em 0.5em 1.5em;border:2px solid #E4E8F0;border-radius:12px;background-color:#fbfbfb;font-weight:bold}
.conRound	p 	{line-height:1.6}
.conProcedure	{padding-top:0.7em;padding-bottom:0em;text-align:center;color:#656565}
.conProcedureL	{padding-top:0.7em;padding-bottom:0;text-align:left;color:#656565}
.conProcedureR	{padding-top:0.7em;padding-bottom:0;text-align:right;color:#656565}
.conRound .hwp_editor_board_content {line-height:1.6;} /* 202008 장주연 추가 */
.conRound dl {margin:15px 0 3px;} /* 202008 장주연 추가 */
.conRound dt {position:relative; padding-left:16px; margin-bottom:5px;} /* 202008 장주연 추가 */
.conRound dt:before {content:''; position:absolute; border:3px solid #2f568b; border-radius:50%; width:5px; height:5px; top:2px; left:0;} /* 202008 장주연 추가 */
.conRound dd {margin-left:16px; line-height:1.5 !important;} /* 202008 장주연 추가 */
.conDp0 table.col td:first-child {position:relative; background:url('../img/dot-depth5-1.html') 15px 18px no-repeat} /* 202008 장주연 추가 */
.conDp0 table.col td.vmiddle:first-child {background:url('../img/dot-depth5.gif') 15px 50% no-repeat} /* 202008 장주연 추가 */
.conDp10 table.col td:first-child {position:relative; background:url('../img/dot-depth5-1.html') 15px 18px no-repeat} /* 202008 장주연 추가 */
.conDp10 table.col td.vmiddle:first-child {background:url('../img/dot-depth5.gif') 15px 50% no-repeat} /* 202008 장주연 추가 */


/* 202007 장주연 추가_서브상단박스 */
.sub_cont_top_box { background:url('../img/sub-top_box-bg.png') no-repeat 30px center; border:1px solid #ddd; margin-bottom:18px; padding:15px 24px 15px 130px;  
                    color:#404040; font-size:15px; letter-spacing:-0.05em; line-height:1.6; height:73px; display:table-cell; vertical-align:middle; word-break:keep-all;}



/* Layer Popup */
.layer_popuparea{position:absolute;top:137px;left:0;width:auto;padding:0;background:url(../../images/popup/bgline_popup.png) repeat 0 0;/*background:url(/images/popup/bg_popup_window.png) repeat 0 0;*/font-size:12px;color:#fff !important;z-index:9999;}
/*.layer_img{width:96%;margin:0 auto;}*/
.layer_img img{width:100%;margin:0;padding:0;vertical-align:top;}
.layer_img .layerbtnlink{width:100%;margin:0;padding:0;background:rgba(0,0,0,.3);text-align:center;}
.layer_img .layerbtnlink:after{content:"";display:block;clear:both;}
.layer_img .layerbtnlink a{display:block;float:left;margin:0 auto;padding:15px 0;font-weight:bold;color:#fff !important;}
.layer_img .layerbtnlink a:hover,.layer_img .layerbtnlink a:focus{color:#fff !important;}
.layer_check{width:auto;margin:0 auto;padding:8px 10px;color:#fff !important;}
.layer_check:after{content:"";display:block;clear:both;}
.layer_check span{}
.layer_check input{vertical-align:middle;}
.layer_check label{vertical-align:middle;color:#fff !important}
.layer_check a{}
.layer_check a:focus{border:1px dotted blue;}
.layer_check .layer_close{}
.layer_check .layer_close img{vertical-align:middle;}
/*#layer_popup .layer_popuparea				{padding-top:1%}*/
#layer_popup .float_left	{float:left}
#layer_popup .float_right	{float:right}
#layer_popup .popup_img		{display:none;}
#layer_popup .popup_img_cont{display:block !important;}
#layer_popup .popup_cont	{background-position: 0px -26px !important;}
#layer_popup .popup_pagenation {
	background-image: url(../img/pagination.png);
    background-position: 0 0px;
    width: 13px;
    height: 13px;
    overflow: hidden;
    display: block;
    float: left;
}

/* 게시판 비밀번호 */
.boardView_check{padding:1em 0;font-weight:bold}
.boardView_check img{vertical-align:middle;}



/* Layer Popup 수정_이미지 사이즈 100% 조정_20170918 */
.layer_img{width:100%;margin:0 auto;}
#layer_popup .layer_popuparea				{padding:10px 10px 0 10px}

/* 영농활용기술_table style 추가_20170918 */
#farmViewTable th,#farmViewTable td { background-image:none;text-align:left}


/* 식량자원 6차산업 추가*/


.SixP1{font-size:1.1428em;font-weight:bold;background:url('../img/dot-go-bg.png') 0 0.4em no-repeat}
#banner_title{background:url(../img/sixinduImg.png) no-repeat right center;width: 100%;height: 150px;display: block;position: relative;background-size: contain;}
#banner_title .title{font-size: 26px;color: #2083a4;position: absolute;top: 25px;left: 25px;font-family: 'Noto Sans KR', sans-serif;}
#banner_title .desc{position: absolute;top: 40px;left: 0px;line-height: 1.6em;}

#category_button{margin: 25px 0;display: block;width: 100%;}
#category_button ul{overflow: auto;width: 100%;}
#category_button ul li{float: left;width: 16.6%;height: 44px;padding: 0 4px;box-sizing: border-box;height: auto;}
#category_button ul li a{display: block;width: 100%;text-align: center;background: #f2f2f2;border: 1px solid #cdd4dd;border-radius: 2px;}
#category_button ul li a span{font-size: 15px;color: #323232;font-weight: bold;letter-spacing: -0.4px;height: 44px;display: block;height: 100%;line-height: 44px;}
#category_button ul li a span:before{content:'';display: inline-block;background:url(../img/cate.png) no-repeat;vertical-align: middle;margin-right: 6px;}
#category_button ul li.cate1 span:before{background-position:0 0;width:12px;height:24px;margin-top: -6px;}
#category_button ul li.cate2 span:before{background-position:-30px 0;width:20px;height:20px;margin-top: -6px;}
#category_button ul li.cate3 span:before{background-position:-70px 0;width:22px;height:22px;margin-top: -6px;}
#category_button ul li.cate4 span:before{background-position:-110px 0;width:21px;height:21px;margin-top: -6px;}
#category_button ul li.cate5 span:before{background-position:-150px 0;width:32px;height:22px;margin-top: -6px;}
#category_button ul li.cate6 span:before{background-position:-200px 0;width:15px;height:26px;margin-top: -6px;}

#category_button ul li.active a{background:#07304f}
#category_button ul li.active a span{color:#fff}
#category_button ul li.active.cate1 span:before{width:20px;height:20px;background-position:0 -40px; }
#category_button ul li.active.cate2 span:before{width:20px;height:20px;background-position:0 -40px;}
#category_button ul li.active.cate3 span:before{width:20px;height:20px;background-position:0 -40px; }
#category_button ul li.active.cate4 span:before{width:20px;height:20px;background-position:0 -40px; }
#category_button ul li.active.cate5 span:before{width:20px;height:20px;background-position:0 -40px; }
#category_button ul li.active.cate6 span:before{width:20px;height:20px;background-position:0 -40px; }

#list_item{display:block;width: auto;height: auto;box-sizing: border-box;padding-right: 4px;}
#list_item table{/* overflow:auto; *//* width: 100%; */margin-left: -5px;}
#list_item table tr td{float:left;width:25%;margin-bottom: 20px;padding-left: 15px;box-sizing: border-box;}
#list_item table tr td .link_card{display:block;width:100%;border: 1px solid #ccc;}
#list_item table tr td .link_card .area_img{min-height: 140px;width: 100%;display: block;overflow: hidden;height: auto;}
#list_item table tr td .link_card .area_img img{width: 100%;height: 140px;}
#list_item table tr td .link_card .area_info{display: block;width: auto;text-align: left;padding: 15px; height:65px;}
#list_item table tr td .link_card .area_info .title{text-align: left;font-size: 16px;color: #323232;font-family: 'Noto Sans KR', sans-serif;line-height: 24px;display: block;margin-bottom: 20px;}
#list_item table tr td .link_card .area_info .desc{font-size: 13px;color: #323232; height:40px;}
#list_item table tr td .link_card .area_more{padding: 15px;}
#list_item table tr td .link_card .area_more a{border-top:1px solid #ccc;display: block;padding-top: 10px;text-align: right;}
#list_item table tr td .link_card .area_more a span{color:#323232;font-size:13px;}
#list_item table tr td .link_card .area_more a span:after{content:'';display:inline-block;background:url(../img/arrow.png) no-repeat;width:22px;height:12px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}

#list_item table tr td .link_card:hover{border-color:#07304f; }
#list_item table tr td .link_card:hover .area_more a{border-color:#07304f}
#list_item table tr td .link_card:hover  .area_more a span:after{background:url(../img/arrow_hover.png) no-repeat;}

[name="bbsImgs"] {width: 32.5%; height: 236px;}
/* #list_item{display:block;width: auto;height: auto;box-sizing: border-box;padding-right: 4px;}
#list_item ul{overflow:auto; *//* width: 100%;margin-left: -36px;}
#list_item ul li{float:left;width:25%;margin-bottom: 20px;padding-left: 36px;box-sizing: border-box;}
#list_item ul li .link_card{display:block;width:100%;border: 1px solid #ccc;}
#list_item ul li .link_card .area_img{min-height: 140px;width: 100%;display: block;overflow: hidden;height: auto;}
#list_item ul li .link_card .area_img img{width: 100%;height: 140px;}
#list_item ul li .link_card .area_info{display: block;width: auto;text-align: left;padding: 15px;}
#list_item ul li .link_card .area_info .title{text-align: left;font-size: 16px;color: #323232;font-family: 'Nanum Barun Gothic';line-height: 24px;display: block;margin-bottom: 20px;}
#list_item ul li .link_card .area_info .desc{font-size: 13px;color: #323232;}
#list_item ul li .link_card .area_more{padding: 15px;}
#list_item ul li .link_card .area_more a{border-top:1px solid #ccc;display: block;padding-top: 10px;text-align: right;}
#list_item ul li .link_card .area_more a span{color:#323232;font-size:13px;}
#list_item ul li .link_card .area_more a span:after{content:'';display:inline-block;background:url(/nics/img/arrow.png) no-repeat;width:22px;height:12px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}

#list_item ul li .link_card:hover{border-color:#07304f; }
#list_item ul li .link_card:hover .area_more a{border-color:#07304f}
#list_item ul li .link_card:hover  .area_more a span:after{background:url(/nics/img/arrow_hover.png) no-repeat;} */

@media all and (max-width:1024px){
  #category_button ul li a span{font-size: 11px;color: #323232;font-weight: bold;letter-spacing: -0.4px;height: 44px;display: block;height: 100%;line-height: 25px;}
	#category_button ul li.cate1 span:before{display:none;}
	#category_button ul li.cate2 span:before{display:none;}
	#category_button ul li.cate3 span:before{display:none;}
	#category_button ul li.cate4 span:before{display:none;}
	#category_button ul li.cate5 span:before{display:none;}
	#category_button ul li.cate6 span:before{display:none;}
	
	#list_item table{/* overflow:auto; *//* width: 100%; */margin-left: 0.5%;}
	#list_item table tr td{float:left;width:27%;margin-bottom: 20px; margin-right: -2%; padding-left: 0px;box-sizing: border-box;}
	#list_item table tr td .link_card .area_img{min-height: 70px;width: 100%;display: block;overflow: hidden;height: auto;}
	#list_item table tr td .link_card .area_img img{width: 100%;height: 70px;}
	#list_item table tr td .link_card .area_info{display: block;width: auto;text-align: left;padding: 0px; height:65px;}
	#list_item table tr td .link_card .area_info .title{text-align: left;font-size: 13px;color: #323232;font-family: 'Noto Sans KR', sans-serif;line-height: 24px;display: block;margin-bottom: 3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#list_item table tr td .link_card .area_info .desc{font-size: 11px;color: #323232; height:40px; text-overflow:ellipsis; white-space:normal; overflow:hidden; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; line-height:13px;}
	#list_item table tr td .link_card .area_more{padding: 10px;}
	#list_item table tr td .link_card .area_more a span{color:#323232;font-size:11px;}
	#list_item table tr td .link_card .area_more a span:after{display:none;}
      
  [name="bbsImgs"] {width: 32.5%; height: 50%; min-height:130px;}
}

/** 조직과 인원 **/
.btnSearch_tb {background:url(../nics2021/images/common_new/btn_tbSearch.png)no-repeat center top !important; width:72px; height:34px; font-size:0; border:none !important;}

/** 여기부터 20200818 장주연 추가 **/

/* 대표성과20선 */
#accordion-container {border-top:1px solid #333; margin-bottom:30px;}
.accordion-header {}
.accordion-header a {display:block; font-size: 18px; padding: 11px 40px 14px 77px; font-weight:500; height:auto; border-bottom: 1px solid #cccccc; letter-spacing:-0.05em; position:relative; box-sizing:border-box; line-height:1.5;}
.accordion-header a span {display:inline-block; line-height:1; border: 1px solid #dedede; border-radius:3px; padding:6px 0; width:60px; text-align:center; font-size:14px; color:#0470bc; margin-right:10px; font-weight:400;
                          position:absolute; top:11px; left:5px;}
.accordion-header a span em {font-weight:600; font-style:normal;}
.accordion-header:hover {}

.active-header {background:url(../img/arrow_result_up.html) no-repeat 98% 50%;}
.active-header a {color:#0470bc;}
.active-header a span {background:#0470bc; border: 1px solid #0470bc; color:#fff;}

.inactive-header {background:url(../img/arrow_result_down.html) no-repeat 98% 50%;}

.inactive-header:hover {}

.accordion-content {display: none; background: #f2f3f5; padding: 25px 25px 25px 75px; border-bottom: 1px solid #cccccc; position:relative; word-break:keep-all; line-height:1.5; box-sizing:border-box; width:100% !important;}
.accordion-content .result20_list {width:73%;}
.accordion-content .result20_list dt {font-size:16px; font-weight:500; line-height:1.5; margin-top:17px; position:relative; padding-left:17px;}
.accordion-content .result20_list dt:first-child {margin-top:0;}
.accordion-content .result20_list dt:before {content:''; width:5px; height:5px; border-radius:50%; background:#00589d; position:absolute; left:2px; top:9px;}
.accordion-content .result20_list dt strong {color:#0086ef; margin-right:5px; font-weight:500;}
.accordion-content .result20_list dd {font-size:14px; padding:4px 0 0 17px;}
.accordion-content .result20_list dd li {padding:7px 0 0 12px; position:relative; line-height:1.5;}
.accordion-content .result20_list dd li:before {content:'-'; position:absolute; left:3px; top:-2px;}
.accordion-content .result20_img {position:absolute; right:40px; top:50%; margin-top:-70px;}
.accordion-content a.result20_more {display:block; width:30px; height:30px; text-indent:-9999px; background: #4e4e4e url(../img/result20_detail_white.html) no-repeat center center; position:absolute; top:-1px; right:0;}

@media all and (max-width:1023px){
	.accordion-content {padding: 20px 25px 25px 25px;}
}

@media all and (max-width:815px){
	.accordion-content .result20_img	{display:none;}
}
	
@media all and (max-width:767px){
	.accordion-header a {font-size: 16px;}	
	.accordion-content .result20_list {width:100%;}
	.accordion-content .result20_list dt {font-size:15px; margin-top:15px; padding-left:17px;}
	.accordion-content .result20_list dd {font-size:14px; padding:4px 0 0 17px;}
	.accordion-content .result20_list dd li {padding:6px 0 0 12px;}
	.accordion-content .result20_list dd li:before {content:'-'; position:absolute; left:3px; top:6px;}
}


/* 종자구입처 안내 */
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.magazine-list .item{margin-top:50px}
.magazine-list .item:first-child{margin-top:0}
.magazine-list .img img{width:100%}
.magazine-list .tit{display:block;padding:20px 0 10px;font-size:18px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical; position:relative; color:#2f568b; font-weight:500;}
.magazine-list .desc{display:block;padding-top:8px;font-size:14px;line-height:21px;color:#555}
.magazine-list .btn-area{text-align:left;padding-top:17px}
.magazine-list .btn-area .btn-white01 .txt{font-size:14px}
.magazine-list li .info-area .ul_desc{margin-top:0}
.magazine-list li .info-area .ul_desc li{padding:0 0 1px 17px; margin-top:0; font-size:14px;color:#555;line-height:25px; word-break:keep-all; position:relative; font-weight:400;}
.magazine-list li .info-area .ul_desc li:before{content:''; width:5px; height:5px; border-radius:50%; background:#00589d; position:absolute; left:2px; top:10px;}

@media (min-width: 1025px){
	.magazine-list{overflow:hidden; letter-spacing:-0.05em;}
	.magazine-list .item{margin-top:50px}
	.magazine-list .item:first-child{margin-top:0}
	.magazine-list .img img{width:100%}
	.magazine-list .tit{display:block;padding-top:20px;font-size:20px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical; position:relative; color:#2f568b; font-weight:500;}
	.magazine-list .desc{display:block;padding-top:8px;font-size:14px;line-height:21px;color:#555}
	.magazine-list .btn-area{text-align:left;padding-top:17px}
	.magazine-list .btn-area .btn-white01 .txt{font-size:14px}
	.magazine-list .item{margin-top:50px}
	.magazine-list .item .img{width:50%;position:relative;top:30px;opacity:0}
	.magazine-list .item .info-area{display:table;width:50%;}
	.magazine-list .item .info-container{padding:0 40px;position:relative;}
	.magazine-list .item:nth-child(even) .info-container{text-align:right}
	.magazine-list .tit-wrap{position:relative}
	.magazine-list .tit-wrap:before{content:'';width:150px;height:2px;background-color:#73b5ee;position:absolute;top:60px;z-index:1}
	/*.magazine-list .tit-wrap.position01:before{top:19px}*/
	.magazine-list .item:nth-child(odd) .img{float:left;}
	.magazine-list .item:nth-child(odd) .info-area{float:right;}
	.magazine-list .item:nth-child(odd) .info-container .tit-wrap:before{left:-115px;}
	.magazine-list .item:nth-child(even) .img{float:right;}
	.magazine-list .item:nth-child(even) .info-area{float:left;}
	.magazine-list .item:nth-child(even) .info-container .tit-wrap:before{right:-115px;}
	.magazine-list .desc{font-size:18px;line-height:28px;}
	.magazine-list .btn-area{padding-top:25px;}
	.magazine-list.intro-en .info-container{padding:0 50px 0 50px;}
	.magazine-list li{margin-top:95px}
	.magazine-list li .info-area .ul_desc{margin-top:40px}
	.magazine-list li .info-area .ul_desc li{padding:0 0 8px 17px; margin-top:0; font-size:15px;color:#555;line-height:25px; word-break:keep-all; position:relative; font-weight:400;}
	.magazine-list li .info-area .ul_desc li:before{content:''; width:5px; height:5px; border-radius:50%; background:#00589d; position:absolute; left:2px; top:10px;}
	.magazine-list .item:nth-child(even) .info-area .ul_desc li{padding:0 17px 8px 0;}
	.magazine-list .item:nth-child(even) .info-area .ul_desc li:before{right:2px; top:10px; left:auto;}
}

.seedbuy_etc_tit {display:block;margin:60px 0 28px;font-size:20px;line-height:24px;color:#2f568b; font-weight:500;}
.seedbuy_etc_box {width:48.5%; box-sizing:border-box; border:1px solid #dadfe8; padding:20px 25px 20px 0; position:relative;}
.seedbuy_etc_box1 {float:left; background: url(../img/seedbuyinfo_img_03.png) no-repeat 32px 88px;}
.seedbuy_etc_box2 {float:right; background: url(../img/seedbuyinfo_img_04.png) no-repeat 32px bottom;}
.seedbuy_etc_box_tit {position:absolute; top:27px; left:-1px; width:138px; font-size:16px; font-weight:400; color:#fff; height:32px; line-height:29px; background:#24639f; text-align:center;}
.seedbuy_etc_box_txt {margin-left:162px; word-break:keep-all; line-height:2; letter-spacing:-0.05em; font-weight:400; font-size:0.91rem;}

@media all and (max-width:1023px){
	.seedbuy_etc_tit {margin:40px 0 20px;font-size:18px;}
	.seedbuy_etc_box {padding:20px 25px 20px 0;}
	.seedbuy_etc_box1 {background: none;}
	.seedbuy_etc_box2 {background: none;}
	.seedbuy_etc_box_tit {top:15px;}
	.seedbuy_etc_box_txt {margin-left:25px; margin-top:40px; line-height:2; font-size:0.91rem; min-height:145px;}
}

@media all and (max-width:767px){
	.seedbuy_etc_box {width:100%;}
	.seedbuy_etc_box1 {float:none;}
	.seedbuy_etc_box2 {float:none; margin-top:15px;}
	.seedbuy_etc_box_tit {font-size:15px;}
	.seedbuy_etc_box_txt {min-height:auto; font-size:14px;}
}


/** 여기부터 20201026 장주연 추가 **/

/* 비전 및 목표 */
.nics_vision {position: relative; text-align: center;}
.nics_vision:before, .nics_vision:after {content: ''; display: inline-block; position: absolute; top:0; width: 40px; height: 120px; background-position: 0; background-repeat: no-repeat;}
.nics_vision:before {background-image: url(../img/vision_img_01.png); left:100px;}
.nics_vision:after {background-image: url(../img/vision_img_02.png); right:100px;}
.vision_tit {font-size: 22px; font-weight: 600; margin-bottom: 25px;}
.nics_vision p {font-size: 30px; font-weight: 400; width: 65%; margin: 0 auto; line-height: 1.35; word-break: keep-all;}
.nics_vision p strong {color: #2058a3;}
.nics_goal {position: relative; text-align: center; background: #fff; border-top: 1px solid #e8eaf1; border-bottom: 1px solid #e8eaf1; padding: 25px 0 35px; box-sizing: border-box; margin-top: 110px;}
.nics_goal:before {content: ''; display: block; position: absolute; top:-86px; width: 100%; height: 500px; background: url(../img/vision_img_03.png) no-repeat center top; z-index: -1;}
.nics_goal .goal_inner {margin: 0 8%; overflow: hidden;}
.nics_goal .goal_inner li {width: 33.33%; float: left; text-align: center;}
.nics_goal .goal_inner dl {display: inline-block; width: 200px; height: 200px; border-radius: 100%; box-sizing: border-box; margin: 0 auto; text-align: center;}
.nics_goal .goal_inner li:nth-child(1) dl {background: #2d4478;}
.nics_goal .goal_inner li:nth-child(2) dl {background: #628cc7;}
.nics_goal .goal_inner li:nth-child(3) dl {background: #235ca9;}
.nics_goal .goal_inner dt {font-size: 22px; line-height: 78px; height: 78px; position: relative; color: #fff; font-weight: 400;}
.nics_goal .goal_inner dt:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 38px; height: 1px; background: rgba(255,255,255,.4);}
.nics_goal .goal_inner dd {font-size: 15px; line-height: 1.5; color: #fff; padding: 20px 20px 0; word-break: keep-all;}
.nics_strategy {margin-top: 76px; text-align: center;}
.nics_strategy .strategy_inner {}
.nics_strategy .strategy_inner li {margin-bottom: 10px; letter-spacing: -0.07em;}
.nics_strategy .strategy_inner dl {display: table; width: 100%;}
.nics_strategy .strategy_inner dt, .nics_strategy .strategy_inner dd {border-radius: 20px;}
.nics_strategy .strategy_inner dt {display: table-cell; width: 29%; padding: 0 30px 0 20px; text-align: center; vertical-align: middle; color: #fff; word-break: keep-all; font-size: 18px; line-height: 1.4; background: #5b74ad; box-sizing: border-box;}
.nics_strategy .strategy_inner li:nth-child(4) dt {padding: 0 50px 0 40px}
.nics_strategy .strategy_inner dd {display: block; margin-left: 10px; background: #ebedf4; padding: 20px 25px 10px; box-sizing: border-box; text-align: left;}
.nics_strategy .strategy_inner li.strategy_inner_tit dt,
.nics_strategy .strategy_inner li.strategy_inner_tit dd {text-align: center; font-size: 18px; height: 55px; line-height: 52px; color: #fff; font-weight: 400;}
.nics_strategy .strategy_inner dd {background: #ebedf4;}
.nics_strategy .strategy_inner li.strategy_inner_tit dt {background: #2d4478; border-radius: 30px;}
.nics_strategy .strategy_inner li.strategy_inner_tit dd {border-radius: 30px; background: #2d4478; padding: 0;}
.nics_strategy .strategy_inner li li {position: relative; font-size: 17px; margin-bottom: 15px; font-weight: 400; padding-left: 17px; line-height: 1.3;}
.nics_strategy .strategy_inner li li:before {content: ''; position: absolute; left:3px; top:10px; display: inline-block; width: 4px; height: 4px; background: #003774; border-radius: 100%;}
.nics_strategy .strategy_inner li li span {display: block; margin-top: 10px; font-size: 15px; font-weight: 300;}

@media all and (max-width:1023px){
    .nics_vision:before {left:0;}
    .nics_vision:after {right:0;}
    .nics_vision p {font-size: 29px; width: 83%;}
    .nics_goal:before {background-size: 100% 500px;}
    .nics_goal .goal_inner {margin: 0 0;}
}

@media all and (max-width:767px){
    .nics_vision:before, .nics_vision:after {background-size: 70% 85%;}
    .nics_vision:after {right:-12px;}
    .vision_tit {font-size: 18px; margin-bottom: 15px;}
    .nics_vision p {font-size: 20px;}
    .nics_goal .goal_inner dl {width: 170px; height: 170px;}
    .nics_goal .goal_inner dt {font-size: 18px; line-height: 62px; height: 62px;}
    .nics_goal .goal_inner dd {font-size: 14px; line-height: 1.4; padding: 15px 20px 0;}
    .nics_strategy {margin-top: 50px;}
    .nics_strategy .strategy_inner dt {display: block; width: 100%; padding: 10px 0; font-size: 16px;}
    .nics_strategy .strategy_inner li:nth-child(4) dt {padding: 10px 0;}
    .nics_strategy .strategy_inner dd {margin-left: 0; padding: 20px 25px 10px;}
    .nics_strategy .strategy_inner li.strategy_inner_tit dt {display: none;}
    .nics_strategy .strategy_inner li.strategy_inner_tit dd {display: none;}
}

@media all and (max-width:539px){
    .nics_goal {padding: 25px 0 10px; margin-top: 70px;}
    .nics_goal:before {top:-50px; background-size: 100%;}
    .nics_goal .goal_inner li {width: 100%; margin-bottom: 15px;}
}