@charset "utf-8";
/**************************************************
프로그램 ID : default.css
프로그램 명 : 공통CSS
작   성   자 :  서정민(skell83@naver.com)
최초 작성일 : 2008/05/01
최종 작성일 : 
참고 사항 :  
*****************************************************/
 
/*  Default (최소한의 기본 설정)
------------------------------------------------------------------------------- */
	body{
      margin:1.58em 0 5em 0;
	  font-family: Gulim,"굴림";
	  font-size: 75%;
	  background: transparent url('../images/body_bg.gif') 0 0 repeat;
	  color: #666;
    }
	ul,ol {margin: 0; padding:0; list-style-type: none;}
	li {padding: 0;}
	dt,dd,dl {margin:0; padding:0;}
    hr {display: none;}
    img {border: 0; }
	h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-size: 1em;color:#282828;}
	.fboldNone {font-weight: normal;}

/*  Common (공통)
------------------------------------------------------------------------------- */	
	.accessibilityLink {position: absolute; text-indent: -1000em;}
	
	.content-container { width: 58.25em; margin: 0 0 0 1.25em; background: #fff;  padding: 2.08em  2.08em 2.08em 2.08em;}
	
	img.main-logo {width: 17.92em; height: 4.08em;display: block;}
	
	#content-header {width: 58.25em;}
	
	#gnb {position: relative; width: 58.09em;margin-top: 1.00em; padding-top: 2.67em;}

	.gnbMenu {
		height: 2.50em; 
		width: 58.09em;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		border-top: 0.09em solid #E0E0E0; 
		border-left: 0.09em solid #E0E0E0;  
		border-right: 0.09em solid #E0E0E0;
		border-bottom: 0.09em solid #D7D7D7;
		background: #F8F8F8;
		}
		#gnb .menu01 {width: 7.67em; height: 2.25em; position: absolute; left: 1.42em; top: 0.43em ; z-index: 10;}
			#gnb .menu01 img { display: block; width: 7.67em; height: 2.25em;}
		#gnb .menu02 { width: 12.50em; height: 2.25em; position: absolute; left: 9.50em; top: 0.43em ; z-index: 10;}
			#gnb .menu02 img { display: block; width: 12.50em; height: 2.25em;}
		#gnb .menu03 { width: 16.75em; height: 2.25em; position: absolute; left: 22.40em; top: 0.43em ; z-index: 10;}
			#gnb .menu03 img { display: block; width: 16.75em; height: 2.25em;}

	 #menuList01 {
		width: 56.50em;
		border-left: 0.09em solid #D7D7D7;  
		border-right: 0.09em solid #D7D7D7;
		padding:1.83em 0 2.00em 1.58em ;
		background: url('../images/menuList_bg01.gif') 0 bottom repeat-x;
		}
		 #menuList01 li { height: 1.70em; background:transparent url('../images/bul_01.gif') 0 0.2em no-repeat; padding-left: 0.60em;}
		 #menuList01 li img {display: block; width: 1.92em; height: 0.92em;}

	 #menuList02 {
		width: 56.50em;
		border-left: 0.09em solid #D7D7D7;  
		border-right: 0.09em solid #D7D7D7;
		padding:1.83em 0 2.00em 1.58em ;
		background: url('../images/menuList_bg01.gif') 0 bottom repeat-x;
		}
		 #menuList02 li { height: 1.70em; background:transparent url('../images/bul_01.gif') 0 0.2em no-repeat; padding-left: 0.60em;}
		 #menuList02 li img { display: block; width: 7.00em; height: 1.00em;}
			
	 #menuList03 {
		width: 56.50em;
		border-left: 0.09em solid #D7D7D7;  
		border-right: 0.09em solid #D7D7D7;
		padding:1.83em 0 2.00em 1.58em ;
		background:transparent url('../images/menuList_bg01.gif') 0 bottom repeat-x;
		}
		 #menuList03 li { clear:both ;height: 1.70em; background:transparent url('../images/bul_01.gif') 0 0.2em no-repeat; padding-left: 0.60em;}
		 #menuList03 li a {color:#5D5D5D; text-decoration: none;}
		 #menuList03 li a:hover { text-decoration: underline;}
		 #menuList03 li.sec { height: 3.23em; background:transparent url('../images/bul_01.gif') 0 0.2em no-repeat; padding-left: 0.60em;}

		 #menuList03 li h2 {font-size: 1em; float: left; padding: 0 ; margin: 0;}
			 #menuList03 li h2  img {display: block; width: 6.50em; height: 1.00em;}
		 
		 #menuList03 li ol.subMenuList {float: left; padding-left: 0.20em; width: 48.00em;}
			 #menuList03 li ol.subMenuList li {display: inline; background:transparent url('../images/bul_02.gif') right 0 no-repeat; padding-right: 0.50em; }
			 #menuList03 li ol.subMenuList li.last {display: inline; background: url(none)}
		 


	h1.stitle { 
		width: 57.67em; 
		height: 1.92em;
		padding-top: 1.42em; 
		padding-left: 0.58em;
		margin-bottom: 1.25em; 
		background: url('../images/title_bg_line.gif') 0 bottom no-repeat; 
		}

	h1.stitle02 { 
		width: 57.67em; 
		height: 1.92em;
		padding-top: 1.42em; 
		padding-left: 0.58em;
		margin-bottom: 1.25em; 
		background: url('../images/title_bg_line02.gif') 0 bottom no-repeat; 
		}
	h1.stitle03 { 
		width: 57.67em; 
		height: 1.92em;
		padding-top: 1.42em; 
		padding-left: 0.58em;
		margin-bottom: 1.25em; 
		background: url('../images/title_bg_line03.gif') 0 bottom no-repeat; 
		}
	h2.stit{padding-left: 1.25em;}

	img.webAccessibility {clear:both; width: 58.08em; height: 6.67em; margin-top: 1.00em;}

/*  Introduction (서문)
------------------------------------------------------------------------------- */	
		h1.stitle img.stitle01 { width: 22.58em; height: 1.25em;} 
		.introductionContent {padding-left: 1.25em;  padding-right: 1.25em; text-align: justify;}
		
		h2.intH2_01 {font-size: 1.17em; padding-bottom: 0.0em;padding-top: 1em;}
		h2.intH2_02 {font-size: 1.17em; padding-bottom: 0.0em;padding-top: 1em;}
		h2.intH2_03 {font-size: 1.17em; padding-bottom: 0.5em;padding-top: 1em;}

		h3.intH3_01 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 0.5em; }
		h3.intH3_02 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 2.25em;background: url('../images/alpa_01.gif') 0.50em 0.8em no-repeat; }
		h3.intH3_03 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 2.25em;background: url('../images/alpa_02.gif') 0.50em 0.8em no-repeat; }
		h3.intH3_04 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 2.25em;background: url('../images/alpa_03.gif') 0.50em 0.8em no-repeat; }
		h3.intH3_05 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 2.25em;background: url('../images/alpa_04.gif') 0.50em 0.8em no-repeat; }
		h3.intH3_06 {padding-bottom: 0.5em;padding-top: 1em; padding-left: 2.25em;background: url('../images/alpa_05.gif') 0.50em 0.8em no-repeat; }

		.intCon01 {}
		.intCon02 {}
		.intCon03 {}
		.intCon01 {}
		
		.intCon01 p {padding-left: 1em;padding-top:0;margin:0.5em 0 0 0;}

		
		.intCon02 ol {padding-left: 1em;}
		.intCon02 ol li ul{padding-left: 1em;}
		.intCon03 ol {padding-left: 1.00em;}
		.int01 {padding-left: 1em;}
		.int01 dt {padding-top: 0.50em;}
		.int01 dd {padding-left: 1em;padding-top: 0.50em;}
		.int02 { clear:both;padding-left: 2.90em;}
		.int03 { clear:both;padding-left: 2.90em;}
		.int03 dt {padding-top: 0.50em;}
		.int03 dd {padding-left: 1em;padding-top: 0.50em;}
		.int04 { clear:both;padding-left: 2.90em;}
		.int05 { clear:both;padding-left: 2.90em;}

		table.stTable {width: 51em;margin: 0 auto;}
			table.stTable caption {display: none;}
			table.stTable colgroup {}
			table.stTable colgroup col.col01 {width: 17em;}
			table.stTable colgroup col.col02 {width: 17em;}
			table.stTable colgroup col.col03 {width: 17em;}
			table.stTable thead tr th {height: 1.60em; background: #138acf; color:#fff;text-align: center;}
			table.stTable tbody tr td {padding-left: 0.83em;width: 16.17em;}
/*  Summary (개요)
------------------------------------------------------------------------------- */			
		h1.stitle img.stitle02 { width: 4.00em; height: 1.25em;} 
		h2.stit img.stit01 { width: 3.08em; height: 1.17em; margin-bottom: 1.25em;}

		img.img01 {display: block;float: right; width: 25.83em; height: 29.75em; margin: 0 auto;}
		.summaryContent {float: right;width: 29em; padding-left: 1.25em;  padding-right: 1.25em; text-align: justify;}
		.summaryContent p {line-height: 1.50em;margin: 0;padding: 0;}


/*  Standard Extent (표준의 구성 및 범위)
------------------------------------------------------------------------------- */	
		h1.stitle img.stitle03 { width: 12.67em; height: 1.25em;} 
		h2.stit img.stit02 { width: 8.17em; height: 1.17em;}
		.areaContent01 {padding-left: 1.25em;  padding-right: 1.25em; padding-bottom: 0.25em; margin-bottom: 1.00em; text-align: justify;line-height: 1.50em; background: url('../images/dotline.gif') 0 bottom repeat-x;}
		.areaContent01 ol.list01 {padding-left: 0.67em;line-height: 1.4em;}
		.areaContent01 ol.list01 li {padding-bottom: 0.3em;}
		.areaContent01 ol.list01 li.num01 {padding-left: 1.9em;background: url('../images/num_01.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num02 {padding-left: 1.9em;background: url('../images/num_02.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num03 {padding-left: 1.9em;background: url('../images/num_03.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num04 {padding-left: 1.9em;background: url('../images/num_04.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num05 {padding-left: 1.9em;background: url('../images/num_05.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num06 {padding-left: 1.9em;background: url('../images/num_06.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num07 {padding-left: 1.9em;background: url('../images/num_07.gif') 0 1px no-repeat;}
		.areaContent01 ol.list01 li.num08 {padding-left: 1.9em;background: url('../images/num_08.gif') 0 1px no-repeat;}

		.areaContent02 {padding-left: 1.25em;  padding-right: 1.25em; text-align: justify;line-height: 1.50em;}

/*  Accessibility (접근성 있는 웹 콘텐츠 설계)
------------------------------------------------------------------------------- */	
		h1.stitle img.stitle04 { width: 16.92em; height: 1.25em;} 
		h2.stit img.stit03 { width: 8.17em; height: 1.17em;}
		.techContent01 {padding-left: 1.25em; padding-right: 1.25em; text-align: justify; line-height: 1.50em;}
		.techContent02 {padding: 1.25em 2.25em 1.25em 2.25em; text-align: justify; line-height: 1.50em;}
		.techContent02 #techContent02_02,
		.techContent02 #techContent02_03 {padding-top: 1.50em;}
		.techContent03 {padding: 1.25em 2.25em 1.25em 2.25em;text-align: justify; line-height: 1.50em;}
		.techContent03 #techContent03_02,
		.techContent03 #techContent03_03 {padding-top: 1.50em;}
		.techContent04 {padding: 1.25em 2.25em 1.25em 2.25em; text-align: justify; line-height: 1.50em;}
		.techContent04 #techContent04_02,
		.techContent04 #techContent04_03,
		.techContent04 #techContent04_04,
		.techContent04 #techContent04_05,
		.techContent04 #techContent04_06 {padding-top: 1.50em;}
		.techContent05 {padding: 1.25em 2.25em 1.25em 2.25em; text-align: justify; line-height: 1.50em;}
		.techContent05 #techContent05_02,
		.techContent05 #techContent05_03 {padding-top: 1.50em;}

		.techContent01 h3,
		.techContent02 h3,
		.techContent03 h3,
		.techContent04 h3,
		.techContent05 h3{padding-bottom: 0.5em;}
		
		.techContent01 h4 ,
		.techContent02 h4 ,
		.techContent03 h4 ,
		.techContent04 h4 ,
		.techContent05 h4 {padding-bottom: 0.2em;padding-top: 0.7em;}

.subText01 {margin:0;padding:0 0 0.83em 0;}
	dl.term {padding-left: 1.50em;}
		dl.term dt {}
		dl.term dd {padding-bottom: 0.42em;padding-left:0.42em;}
		dl.term dd p {margin:0;padding:0 0 0 0.3em;}

	ol.demand {list-style-type: lower-alpha; margin-left: 0.83em;padding-left: 2.50em;}

	ol.merit {list-style-type: lower-alpha; margin-left: 0.83em;padding-left: 2.50em;}

	dl.example {padding-left: 1.25em;}
		dl.example dt {}
		dl.example dd {padding-bottom: 0.42em;padding-left: 0.42em;}
		dl.example dd p {margin: 0; padding:0 0 0 1.0em;}
	 .techContent01 .list01 {padding-left: 1.0em;line-height: 1.65em;} 
	 .techContent01 .list01 li.alpa01 {background: url('../images/alpa_01.gif') 0 0.2em no-repeat;padding-left: 1.80em;}
	 .techContent01 .list01 li.alpa02 {background: url('../images/alpa_02.gif') 0 0.2em no-repeat;padding-left: 1.80em;}
	 .techContent01 .list01 li.alpa03 {background: url('../images/alpa_03.gif') 0 0.2em no-repeat;padding-left: 1.80em;}
	 .techContent01 .list01 li.alpa04 {background: url('../images/alpa_04.gif') 0 0.2em no-repeat;padding-left: 1.80em;}
  .techContent01 dl {padding-left: 1.00em;}
	  .techContent01 dl dt {float:left;}
	  .techContent01 dl dt