/******************************************************************************
* style.css [cascading style sheets]                                          
*                                                                            
* Copyright 2006 by ohsujung                                                  
* Web address: http://www.nationalsys.co.kr/                                  
* Last update: 2006. 11. 23                                                   
* Last update: 2007. 03. 13                                                                               
******************************************************************************/


/*===============================================================*
                             ·¹À̾ƿô
*===============================================================*/

#top {
	width:100%; height:65px;
	}

#img {
	background: #E41A1E; 
	width:100%;
	}

#copy {
	margin: 10px 0; background: url('../img/common/copy_bg.jpg') repeat-x 0 100%; 
	width:100%; height:100px;
	}

#c_copy {
	margin: 13px 0 0 0; padding : 13px 0 0 650px;
	background: url('../img/copy/copy_bg.jpg') no-repeat 0 50%; 
	width: 995px; height: 87px; 
	font-size: 11px; line-height:13px;
	}


/*-----------------------------------------------------------------*/

#contents {
	background: url('../img/common/con_bg.jpg') repeat-x 0 1;
	width:995px;
	}

#left_m	{
	padding:26px 0 0 32px; 
	width:220px; 
	float:left;					/* div¸¦ ³ª¶õÈ÷ µÑ °æ¿ì float:left */
	}
	
#left_m ul {
	padding-left:10px;
	}

#left_m li {
	list-style-type : none; 
	padding-top:5px;			/*margin-bottom: 20px; border-bottom: 1px solid #000*/
	}

#left_m img	{
	margin:2px 0 5px 0;
	}

#left_m a {
	font-size:11px; color:#515151;
	}

#left_m a:hover	{
	background: url('../img/pro/bg_arrow.gif') no-repeat 3 20%;
	font-size:11px; color:#0A8F9E; font-weight:bold; 
	padding-left: 15px; border-bottom:dotted 1px;
	}

#left_m span {
	background: url('../img/pro/bg_arrow.gif') no-repeat 3 20%; 
	font-size:11px; font-weight:bold; color:#0A8F9E;
	border-bottom:dotted 1px; padding-left: 15px;
	}

#c {
	margin-left: 270px; padding-top:10px; 
	width:720px;
	}

/*-----------------------------------------------------------------*/




/*===============================================================*
                             ¸ÞÀÎ
*===============================================================*/

#1 {
	width: 240px; padding:26px 0 0 22px;
	float: left;
	}

#latest {
	background: url('../img/main/notice_img.gif') no-repeat 0 33px;
	width: 340px; margin-top: 26px;
	}

#latest p {
	margin: 0;
	}

.latest_menu {height: 24px;}

#notice {
	width: 320px; padding: 10px 0 0 70px;
	border-top: 3px solid #ff0000;
	color: #333; font-size: 11px;
	}

#notice li {
	background: url('../img/main/li_bg.gif') no-repeat 0 0; height: 23px; 
	padding: 4px 0 0 20px; margin-left: -10px;
	list-style-type : none; 
	}

#data {
	width: 320px; padding: 10px 0 0 70px;
	border-top: 3px solid #ff0000;
	color: #333; font-size: 11px;
	}

#data li {
	background: url('../img/main/li_bg.gif') no-repeat 0 0; height: 23px; 
	padding: 4px 0 0 20px; margin-left: -10px;
	list-style-type : none; 
	}

#order {
	width: 320px; padding: 10px 0 0 70px;
	border-top: 3px solid #ff0000;
	}

span.2 {width:300px;}

#order1 {
	width: 40px;
	}

#order a {
	color:#f00;
	}

#order2 {
	width: 140px;
	}

#order3 {
	width: 10px;
	}


#F_pro {
	position:absolute; left:588px; top:376px; width:400px; height:250px; z-index:1
	}

/*===============================================================*
                             Á¦Ç°
*===============================================================*/

H4					{font-size:16pt; color:#1E1E1E;}
H6					{font-size:11px; color:#333333; font-weight:lighter; text-align:right; padding-right:15px;}

/*#list_img {
	border: 3px solid #E5E5E5;
	padding: 2px;
	}
*/

#list_img img {
	width: 150px; height: 170px;
	border: 5px solid #efefef;
	cursor: hand;
	}

#list_model	{
	background: url('../img/pro/subject_icon.gif') no-repeat 10px 10px; 
	padding:9px 0 0 30px;
	}

#list_model a {
	color: #E30624; font-family:"arial"; font-weight:bold; font-size: 12px;
	border-bottom: dotted #E30624 1px; 
	}

#list_model a:hover	{
	}

#list {
	width: 700px; 
	border-top: solid #C40001 3px; border-bottom: solid #C40001 3px;
	}

#list P	{
	margin: 0;
	}

.s18 {
	font-family: "tahoma","µ¸¿ò"; font-weight: bold; font-size: 16pt; color: #DA2A01; 
	}

#list_total	{
	text-align: right; 
	padding-right: 10px;
	}

#detail_img	{
	text-align: center;
	}

#detail_img img		{width: 350px; /*height: 650px;*/ cursor: hand; border: 1px solid #333;}


#detail_txt				{text-align: center; color: #333;}
#detail_txt	fieldset	{border: 1px solid #CCC; border-bottom: 5px solid #CCC; padding: 10px; width: 680px; text-align: left;}
#detail_txt	span		{color: red; font-weight:bold;}
#detail_txt	div	table	{width: 100%; padding : 10px; text-align: left; color: #333;}
#detail_txt	li			{list-style-type : decimal; margin-left:20px; text-align: left;}


#list_pagenum {
	font-size: 11px; text-align: center;
	margin:20px 0; 
	background: #F2F2F2; 
	border-top: solid #CCC 1px; border-bottom: solid #CCC 1px;
	}

#list_pagenum02	{
	background: #F2F2F2;
	width: 700; margin:10px;
	font-size: 11px; text-align: center;
	border-top: solid #CCC 1px; border-bottom: solid #CCC 1px; }

/*span.1				{width:100;background: green;	text-align:left;}
span.2				{width:100;background: yellow;	text-align:center;}
span.3				{width:100;background: green;	text-align:right;}*/

#list_pagenum {
	height:30px; padding-top:8px;
	}
/*===============================================================*
                          ȸ»ç¼Ò°³
*===============================================================*/

#greetings	{width:720px; padding-left:20px;border-top:2px red solid;}
#ceo_pic		{width:150px; vertical-align:top; padding:20px 0 20px 0;}
#text			{width:530px; padding:20px; text-align:justify; font-family:verdara;}


#history {
	width:720px; padding-left:20px; vertical-align:top;
	}

#history li {
	list-style-type: none; height:20px; padding-left:20px;
	}

#date {
	padding-right: 20px;
	font-family: "Arial"; font-size: 12px; font-weight: bold; color: #666;
	}

#year {
	padding:20px 0 10px 0; height:30px;
	font-family: "Arial","Times"; font-size: 20px; font-weight: bold; color: #DB2900;
	}

/*===============================================================*
                           ±âº»½ºÅ¸ÀÏ
*===============================================================*/
body				{MARGIN: 0 0 0 0; font-size:12px; font-family:"µ¸¿ò"; color:#666666; line-height:18px;
					 scrollbar-face-color: #e9e9e9;
					 scrollbar-shadow-color: #e5e5e5;
					 scrollbar-highlight-color: #ffffff;
					 scrollbar-3dlight-color: #cccccc;
					 scrollbar-darkshadow-color: #e5e5e5;
					 scrollbar-track-color: #FFFFFF;
					 scrollbar-arrow-color: #aaaaaa;
					 background-image:url('../img/common/bg.jpg');background-repeat:repeat-x;}

TABLE               {border-collapse: collapse;}

TD					{font-family: "µ¸¿ò", "µ¸¿òü"; font-size:12px; line-height: 18px;}

FORM                {border: 0;  margin: 0;}

IMG					{border: none;}

UL                  {text-indent:0; margin: 0;}					/* µé¿©¾²±â*/

UL LI               {text-indent:0}								/* Çѹø ´õ µé¿©¾²±â*/

li.1				{list-style-type : none }					/* ¾Æ¹« Ç¥½Ã ¾øÀ½ */
li.2				{list-style-type : lower-roman }			/* ·Î¸¶¼ýÀÚ ¼Ò¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.3				{list-style-type : upper-roman }			/* ·Î¸¶¼ýÀÚ ´ë¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.4				{list-style-type : lower-alpha }			/* ¾ËÆĺª ¼Ò¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.5				{list-style-type : upper-alpha }			/* ¾ËÆĺª ´ë¹®ÀÚÀ¸·ÎµÈ ¸ñ·Ï */
li.6				{list-style-type : disc }					/* Á¡À¸·Î µÈ ¸ñ·Ï */
li.7				{list-style-type : circle }					/* ¼ÓÀÌ ÇϾá»ö ¿øÀ¸·Î µÈ ¸ñ·Ï */
li.8				{list-style-type : square }					/* »ç°¢ÇüÀ¸·Î µÈ ¸ñ·Ï */
li.9				{list-style-type : decimal }				/* ¼ýÀÚ·Î µÈ ¸ñ·Ï */

/* Àû¿ëÆäÀÌÁö ¿¹Á¦
<ol>
<LI class='1'>¸®½ºÆ® Ç׸ñ lower-roman</LI>
</ol>*/

A					{selector-dummy:expression(this.hideFocus=true);}				/*¸µÅ© ¾ø¾Ö´ÂCSS*/
A:link				{font-size:12px; color:#666666; text-align:justify; text-decoration:none letter-spacing:0px;}
A:visited			{font-size:12px; color:#666666; text-align:right; text-decoration:none letter-spacing:0px;}
A:active			{font-size:12px; color:#666666; text-align:right; text-decoration:none letter-spacing:0px;}
A:hover				{font-size:12px; color:#ff9900; text-align:right; text-decoration:none letter-spacing:0px;}

INPUT				{font-family: "µ¸¿ò", "µ¸¿òü";	font-size: 12pt; color: #666666; border: #bfbfbf 1px solid; background: #ffffff;}

TEXTAREA			{font-size: 9pt; border: #bfbfbf 1px solid; background: #ffffff; overflow-y:auto;}

/* ·¹À̾î overflow .................................................

·¹ÀÌ¾î ¼ÓÀÇ ³»¿ëÀÌ ³ÑÄ¥ °æ¿ì »ç¿ëÇÒ ¼ö ÀÖ´Â ¿É¼ÇÀ¸·Î 

overflow:visible ==> ·¹À̾î Å©±â¸¦ Å°¿ö¼­ º¸¿©ÁØ´Ù (* µðÆúÆ®)
overflow:hidden ==> ·¹À̾î Å©±â¸¸Å­¸¸ º¸¿©ÁØ´Ù
overflow:auto ==> ³»¿ë¿¡ µû¶ó ÀÚµ¿À¸·Î ½ºÅ©·ÑÀ» ¸¸µç´Ù
overflow:scroll ==> ¹«Á¶°Ç ½ºÅ©·Ñ¹Ù¸¦ »ý¼ºÇÑ´Ù 

x,y ¿¡ ´ëÇØ ´Ù¸£°Ô Àû¿ëÇÒ °æ¿ì overflow-x:hidden;overflow-y:scroll ó·³!

* ƯÈ÷ ¹Ì¸® ³»¿ëÀÇ Å©±â¸¦ ¾Ë ¼ö ¾ø´Â °æ¿ì(µðºñÀÇ ÀڷḦ ·¹À̾ Ãâ·ÂÇÏ´Â...) ¼±ÅÃÀ» ÇؾßÇÑ´Ù*/