@charset "utf-8";
/*
'===================================================================================================
'	File Name			: ~/_ui.nics.mobile_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년 12월 16일
'	Author				: 유재인
'	Author E-Mail		: inni@inni.kr
'---------------------------------------------------------------------------------------------------
'	History				: [2016.12.16] [유재인] - 기본 스타일 정의
'						-----------------------------------------------------------------------------
'						: [2016.] [] - 
'---------------------------------------------------------------------------------------------------
'	Table Of Contents	: []	- 
'						-----------------------------------------------------------------------------
'						: []	- 
'===================================================================================================
*/



/*==================================================================================================
#	Basic Settings */
html	{overflow:scroll}
body	{font-size:12px}


/*==================================================================================================
#	Layout */
#wrap		{min-width:360px}
.agCenter	{padding:0 10px !important}


/*==================================================================================================
#	wrHeader */
#bxTop	{height:70px}


/*==================================================================================================
#	wrHeader : 상단 로고 */
#itmLogo-top	{position:absolute;top:49px;left:50%;width:40%;margin-left:-75px} /* margin-left:-93px */
#itmLogo-top img	{width:100%}


/*==================================================================================================
#	wrHeader : 전체메뉴 열기 */
#bxTop .itmTnb-all-open				{display:inline}


/*==================================================================================================
#	wrHeader : 주 메뉴 */
#bxTnb										{height:0;border-top:0 none}
#bxTnb .tnb-navi-dp2						{position:absolute;left:-999999px;width:240px;padding:0 10px;text-align:left}
.AllMenuFoucs #bxAllMenu 					{left:-270px}
.AllMenuFoucs #bxAllMenu .tnb-navi-dp2		{display:block}
.AllMenuFoucs #wrap							{position:absolute;left:270px;width:640px}
.AllMenuFoucs #bxAllMenu .tnb-navi-dp2 li	{display:block}



/*==================================================================================================
#	Sub : 서브화면 공통 */
.sub #wrSidebar				{display:none}
.sub #wrContents			{margin-left:0;}
.sub #bxPageButton .sns		{display:none}
.sub #bxLocation			{text-align:left}
.sub #itmPageTitle			{float:none}
.sub #itmNavi				{display:block;padding-top:0.642em}


/*==================================================================================================
#	Main : #Middle > #bxIcons 메인화면 바로가기 아이콘 */
.main #itmIcons	li		{width:33.333%}


/*==================================================================================================
#	Main : #Middle > #bxMiddleTop */
.main #itmBoard
  ,.main #itmVideo	{width:100%}
.main #itmBoard		{float:none}
.main #itmVideo		{float:none}


/*==================================================================================================
#	Main : #Middle > #bxMiddleTop : 홍보영상 */
.main #itmVideo							{margin-top:1.65%}
.main #_bbsVideo li						{width:100%}
.main #_bbsVideo li:first-child+li		{display:none}


/*==================================================================================================
#	Main : #Middle > #bxYacsik : 약식동원 */
.main #itmYacsik>h2		{display:none}

.main #itmYacsik>dl		{display:inline-block;width:19.922%;height:100%}
.main #itmYacsik>.link	{display:inline-block;width:60.1585%}


/*==================================================================================================
#	wrBottom : 화면 위로 */
#itmGo-top	{bottom:-45px;right:25px;width:35px;height:35px}


/*==================================================================================================
#	wrBottom : 하단 배너 */
#bxBanner	{display:none}


/*==================================================================================================
#	wrFooter : 하단 메뉴 */
#itmFnb>li		{padding:1.56em 10px}


/*==================================================================================================
#	wrFooter : 사이트 정보 및 링크 */
#itmInfo-link ,#itmInfo	{padding-left:0px;text-align:center}
#itmInfo li>div.none	{display:none}


/*==================================================================================================
#	wrFooter : 마크 (배너) */
#itmMark				{display:none}
#itmMark img			{height:2em}


/*==================================================================================================
#	wrFooter : 하단 로고 */
#itmLogo-footer	{display:none}








/*==================================================================================================
#	Main : 기관소개 */
#itmNicsInfo		{float:left;width:100%}
#itmNicsInfo .box	{height:auto}
#itmLink			{float:none;clear:both;width:100%}
#itmLink .box		{padding-left:0px}


.main #itmTabList		{float:none;width:100%;margin-top:20px}

#itmVideo				{float:none;clear:both;width:100%;margin-top:20px}
#itmVideo .box			{padding-left:0px}
#itmVideo .con			{display:none}
#itmVideo .video:after	{content:'';clear:both;display:block;height:0;overflow:hidden}





table.dis-none th ,table.dis-none td      {display:none}
table.dis-none th.dis-on ,table.dis-none td.dis-on  {display:table-cell !important;*display:block !important;background-image:none}







@media (max-width:600px){
/*==================================================================================================
#	wrBottom : 화면 위로 */
#itmGo-top	{display:none}
}


@media (max-width:519px){
#itmGnb			{text-align:center}
#itmGnb li.dic	{display:none}
}

@media (max-width:390px){
#bxGnb .english {display:none}
}