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



.sub #bxLocation			{text-align:left}
.sub #itmPageTitle			{float:none;font-size:1.5714em;font-family:'Nanum Barun Gothic';font-weight:bold}
.sub #itmNavi				{padding-top:0}
.sub #bxPageButton			{padding:1.0em 10px;}


/*==================================================================================================
#	Main : 메인화면 공통 */
.MgTop						{margin-top:2.34375%}
#bxMiddleTop ,#bxMiddleBtm	{margin-top:30px}
#bxMiddleBtm				{clear:both;padding-top:10px}
#wrFooter					{padding-bottom:20px;background-color:#f4f4f4}
#itmInfo					{padding-left:440px;}


/*==================================================================================================
#	wrFooter : 하단로고 */
#itmLogo-footer			{width:30%}
#itmLogo-footer img		{width:100%}


/*==================================================================================================
#	Main : 기관소개 */
#itmNicsInfo						{float:left;width:50%}
#itmNicsInfo .box					{height:414px;padding:10px 5px 10px 10px;border:1px solid #d2d2d2}
#itmNicsInfo .titl					{font-size:1.4em;font-weight:bold;font-family:'Nanum Barun Gothic'}
#itmNicsInfo .img					{padding:10px 0}
#itmNicsInfo .con					{line-height:1.6em}

#itmLink							{float:left;width:50%}
#itmLink .box						{padding-left:5px}
#itmLink .box1 ,#itmLink .box2		{float:left;width:50%;height:216px}
#itmLink .box1						{padding-bottom:2px}
#itmLink .box2						{padding-top:2px}
#itmLink .bx						{height:100%;}
#itmLink .link-01					{margin-right:2px;background:#e2ebf7 url('../img/main-bg-link-01.png') 90% 90% no-repeat}
#itmLink .link-02					{margin-left:2px;background:#e2ebf7 url('../img/main-bg-link-02.png') 90% 90% no-repeat}
#itmLink .link-03					{margin-right:2px;background:#e2ebf7 url('../img/main-bg-link-03.png') 90% 90% no-repeat}
#itmLink .link-04					{margin-left:2px;background:#e2ebf7 url('../img/main-bg-link-04.png') 90% 90% no-repeat}
#itmLink .titl						{padding:35px 0 10px 15px;font-size:1.4em;font-family:'Nanum Barun Gothic';font-weight:bold}
#itmLink .con						{padding:0 0 0 15px;font-size:1.2em;line-height:1.4em;font-weight:bold;letter-spacing:-1px}
#itmLink a							{display:inline-block;margin-top:30px;margin-left:15px;padding:0.7em 1.2em;font-weight:bold;color:#ffffff;background-color:#5374a6}
#itmLink a:after					{content:'▶';margin-left:10px;font-size:0.9em}
#itmLink .titl						{padding:35px 0 10px 15px;font-size:1.4em;font-family:'nanum Barun Gothic';font-weight:bold;line-height:1.45;max-height:75px}
#itmLink .con						{padding:0 0 0 15px;font-szie:1.2em;line-height:1.4em;font-weight:bold;letter-spacing:-1px}
#itmLink .con a						{display:inline-block;margin-top:5px;margin-left:0;padding:0.3em 1.2em;font-weight:bold;color:#ffffff;background-color:#5374a6;font-size:0.9em;letter-spacing:0.03em}
#itmLink .con a:after				{content:''}


/*==================================================================================================
#	Main : 최근글 텝 */
.main #itmTabList							{float:left;width:50%}
.main #itmTabList .box						{padding-right:5px}
.main #itmBoard								{position:relative;border:1px solid #d2d2d2}
.main #itmBoard>a.more						{position:absolute;top:0;right:0}
.main #itmBoard section>h2					{position:absolute;width:170px;top:0;border-right:1px solid #e2e2e2}
.main #itmBoard section>h2>a				{display:inline-block;width:100%;height:16px;padding:18px 0 19px 0;text-align:center;font-size:1em;font-family:'Nanum Barun Gothic';font-weight:bold}
.main #_bbsCeremony>h2						{left:170px}
.main #_bbsEmployment>h2					{left:320px}
.main #itmBoard section>ul
  ,.main #itmBoard section>a				{display:none}
.main #itmBoard section>ul					{padding:0 20px 30px;border-top:1px solid #d2d2d2}
.main #itmBoard section>a					{position:absolute;top:0;right:0}
.main #itmBoard section>ul>li				{clear:both;height:1.15em;margin-top:15px;border-top:1px dotted #eee;font-size:1.2em;padding:15px 0 0 14px;text-align:right;background:url('../../img/dot_basic.png') 0 21px no-repeat;overflow:hidden}
.main #itmBoard section>ul>li:first-child
  ,.main #itmBoard ul .first.first			{text-align:left;border-top:none}
.main #itmBoard section>ul>li>a				{float:left;line-height:1.15em}
.main #itmBoard section>ul>li>span			{color:#999999}
.main #itmBoard ul .first					{min-height:134px;padding-left:0;border-bottom:1px solid #e7e7e7;background:none}
.main #itmBoard ul .first .img				{display:inline-block;float:left;width:38.646%;margin-right:30px;border:3px solid #e1e3e6}
.main #itmBoard ul .first .img img			{width:100%}
.main #itmBoard ul .first .contents			{padding-top:9px}
.main #itmBoard ul .first .title a			{font-size:1em;font-weight:bold}
.main #itmBoard ul .first .content			{display:block;margin-top:0.928em;line-height:1.642em}

.main #itmBoard section.on					{padding-top:53px}
.main #itmBoard section.on>a.more
  ,.main #itmBoard .on ul					{display:block}
.main #itmBoard .on h2						{display:block;border-top:3px solid #ff3d00}
.main #itmBoard .on h2>a					{padding:17px 0 17px 0;border-bottom:1px solid #ffffff}

.main #_bbsNews li							{margin-top:5px !important}


#itmVideo			{float:left;width:50%;height:290px}
#itmVideo .box		{padding-left:5px}
#itmVideo .box1		{padding:11px;border:1px solid #d2d2d2}
#itmVideo .titl		{padding-bottom:5px;font-size:1.4em;font-weight:bold;font-family:'Nanum Barun Gothic'}
#itmVideo .video	{float:left;width:354px;height:236px;margin-right:10px}

/*연구활동 연보*/
.yeonbo_sectionTop{padding:3em 0 1em 0;}
.yeonbo_list{padding:1em 0; border-top:2px solid #4a4645; border-bottom:1px solid #ccc;}
.yeonbo_list ul{margin-left:3px;}
.yeonbo_list ul li{float:left; width:139px; margin:20px 5px;}
.yeonbo_list dl{width:108px;margin:0 auto;}
.yeonbo_list dt{}
.yeonbo_list .yeonbo_thum{width:106px;height:144px;border:1px solid #ccc;}
.yeonbo_list .yeonbo_subject{padding:5px 4px 7px;line-height:1.3;}
.yeonbo_list dt span{display:block;}
.yeonbo_list dt img{width:106px;height:144px;}
.yeonbo_list dd{text-align:center;}
.yeonbo_list dd span{}
.yeonbo_list dd a{}
.yeonbo_list dd a span{}
.yeonbo_list .yeonbo_ebook{display:block;position:relative;width:93px;height:21px;margin:0 auto 6px;}
.yeonbo_list .yeonbo_ebook a{}
.yeonbo_list .yeonbo_ebook a span{position:absolute;top:0;left:0;text-indent:-9999px;}
.yeonbo_list .yeonbo_pdf{display:block;width:93px;height:21px;margin:0 auto;}

.yeonbo_icon{display:block; text-align:center;}
.yeonbo_thum{height:149px; overflow:hidden;}
.yeonbo_subject, .yeonbo_icon{padding:5px 0;}

/* 홈페이지 상단 (home,한글) 우측정렬로 변경 20170927*/
#itmGnb		{float:right}