@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}

/* ~~ 요소/태그 선택기 ~~ */




ul, ol, dl { /* 브라우저마다 다르므로 목록의 패딩과 여백을 0으로 지정하는 것이 가장 좋습니다. 일관성을 위해, 여기에서 또는 포함하고 있는 목록 항목(LI, DT, DD)에서 원하는 크기를 지정할 수 있습니다. 보다 구체적인 선택기를 쓰지 않는 한 여기에서 수행한 작업은 .nav 목록에 계단식으로 표시됩니다. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 위쪽 여백을 제거하면 포함된 div에서 여백이 이스케이프되는 문제를 방지할 수 있습니다. 나머지 아래쪽 여백은 이어지는 요소에서 이 문제를 보류합니다. */
        margin-bottom: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { /* 이 선택기는 링크로 둘러싸인 이미지 주변에 있는 일부 브라우저에 표시된 파란색 기본 테두리를 제거합니다. */
	border: none;
}

/* ~~ 이 고정 폭 컨테이너는 다른 모든 요소를 둘러쌉니다. ~~ */
.menuf {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100px;
}

.menuswf {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: 100px;
	width: 997px;
	margin-right: auto;
	margin-left: auto;
}






/* ~~ 이 고정 폭 컨테이너는 다른 모든 요소를 둘러쌉니다. ~~ */

/* ~~ 비지니스. ~~ */

.subf {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 196px;
	background-image: url(images/sub_06.jpg);
	;
	background-repeat: repeat-x;
	background-position: center top;
}


.subf2 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 196px;
	background-image: url(images/sub_02.jpg);
	;
	background-repeat: repeat-x;
	background-position: center top;
}


/* ~~ 프로덕트. ~~ */
.subf3 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 196px;
	background-image: url(images/sub_05.jpg);
	;
	background-repeat: repeat-x;
	background-position: center top;
}


/* ~~ R&D. ~~ */
.subf4 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 196px;
	background-image: url(images/sub_04.jpg);
	;
	background-repeat: repeat-x;
	background-position: center top;
}


/* ~~ 컨텍트 ~~ */
.subf5 {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 196px;
	background-image: url(images/sub_03.jpg);
	;
	background-repeat: repeat-x;
	background-position: center top;
}




.subswf {
	width: 997px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 196px;

}


.table_style{width:90%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:left; padding:8px 0 8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0 8px 10px; text-align:left; line-height:180%; color:#666;}





/* ~~ 이 고정 폭 컨테이너는 다른 모든 요소를 둘러쌉니다. ~~ */
.main {
	width: 100%;
	background-color: #FFF;
	background-image: url(images/index_01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 820px;

}

.mainfa {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	width: 997px;
	margin-right: auto;
	margin-left: auto;
	height: 820px;
}



.container {
	width: 100%;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: center top;


}

.content {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	width: 997px;
	margin-right: auto;
	margin-left: auto;
}





.footer {
	width: 100%; /* 측면 자동 값, 폭으로 연결, 레이아웃 가운데 정렬 */
	background-color: #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.foot {
	height: 250px;
	width: 1000px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	color: #dddddd;
font-size: 12px;
}

#tr01 {
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 18px;
	font-weight: bold;
}
#tr02 {
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
		line-height: 21px;
	font-size: 12px;


}


.lin{
	border-left-color: #CCC; border-right-color: #CCC; border-left-style: solid; border-right-style: solid; border-left-width: 1px; border-right-width: 1px;}

a:hover {text-decoration:none;}
a:link { text-decoration: none;}


table { border-collapse: collapse;}
.specification { margin-top:2px;}
.specification th, .blue_bg { background:#e1edfd; }
.specification th, .specification td { border:1px solid #c1d5ee; padding:5px;  vertical-align:middle;}