@charset "utf-8";
@import url('otnc.css');
/* CSS Document */

* {
	margin:0;
	padding:0;
	
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

ul, ol, li, dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
}

a, a:hover, a:active, a:visited {
	font-size:12px;
	color:#545454;
	text-decoration:none;
}

img, input {
	margin:0;
	padding:0;
	border:none;
	vertical-align:middle;
}

body {
	font-family:dotum, arial, helvetica;
	font-size:12px;
	line-height:150%;
	color:#919191;
	background:url(../img/main/bg_top.gif) 50% 0 no-repeat;
}

#toparea {
	position:relative;
	 width:1000px;
	 height:104px;
	 margin:0 auto;
	 z-index:10;
}

#top_menu_bar {
	position:absolute;
	width:100%;
	height:25px;
	top:79px;
	left:0;
	z-index:10;
	background:url(../img/main/bg_top.gif) 50% bottom no-repeat;
}

.main_menu {
	position:absolute;
	margin:0 auto;
}

#toparea h1 {
	display:block;
	float:left;
	padding:25px 0 0 0;
}

#toparea ul.lnb {
	display:block;
	float:right;
	padding:50px 40px 0 0;
}

#toparea ul.lnb li {
	position:relative;
	display:block;
	float:left;
	margin:0 24px 0 19px;
}

#toparea ul.lnb li.last {
	display:inline;
	margin:0 0 0 19px;
}

#toparea ul.lnb li a {
	color:#fff;
	font-weight:bold;
	display:block;
	height:0;
	padding:15px 0 0 0;
	overflow:hidden;
}

#toparea ul.lnb li a:hover, #toparea ul.lnb li a.selected, #toparea ul.lnb li a:hover.selected {
	background-position:0 -15px;
}

#lnb1 a {
	background:url(../img/btns/lnb1.gif) top left no-repeat;
	width:52px;
}

#lnb2 a {
	background:url(../img/btns/lnb2.gif) top left no-repeat;
	width:52px;
}

#lnb3 a {
	background:url(../img/btns/lnb3.gif) top left no-repeat;
	width:52px;
}

#lnb4 a {
	background:url(../img/btns/lnb4.gif) top left no-repeat;
	width:66px;
}

#toparea ul.lnb li div.lnb_sub {
	position:absolute;
	width:450px;
	padding:18px 0 0 0;
	background:none;
}

#toparea ul.lnb li div.last {
	position:absolute;
	width:525px;
	margin:0 0 0 -95px;
}

#toparea ul.lnb li div.none {
	display:none;
}

#toparea ul.lnb li div.lnb_sub li {
	display:block;
	width:auto;
	float:left;
	margin:0 18px 0 0;
	padding:0;
	background:none;
}

#toparea ul.lnb li div.lnb_sub li a {
	overflow:visible;
	width:auto;
	padding:0;
	background:none;
	display:block;
	height:20px;
	float:left;
}

#toparea ul.lnb li div.lnb_sub li a:hover {
	color:#beff7e;
}

#bg_menu_main {
	position:relative;
	z-index:10;
	background:url(../img/main/bg_top_main.gif) 50% top no-repeat;
}

#flash {
	position:relative;
	width:100%;
	height:394px;
	margin:-22px 0 0 0;
	clear:both;
	text-align:center;
	background:url(../img/main/bg_main_x.jpg) 50% top no-repeat;
}

#flash object {
	 margin:0 auto;
	 display:block;
}

#contents_wrap {
	position:absolute;
	z-index:20;
	width:100%;
	height:175px;
	margin:-5px 0 0 0;
	padding:5px 0 0 0;
	background:url(../img/main/bg_con_top.png) top left repeat-x;
	overflow:hidden;
	*zoom:1;
	_margin:0;
	_padding:0;
	_border-top:1px solid #ddd;
	_background:none;
}

#contents {
	height:170px;
	width:1000px;
	margin:0 auto 170px auto;
	padding:15px 0 0 0;
	overflow:hidden;
	*zoom:1;
}

#notice {
	float:left;
	width:331px;
	height:100%;
	margin:0 29px 0 0;
	background:#fff;
}

#notice h2 {
	width:95px;
	text-align:center;
	float:left;
}

#notice h2 a img {
	margin:-3px 0 0 0;
	*margin:-11px 0 0 0;
}

#notice div.list {
	float:left;
	width:236px;
}

#notice div.list dl {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #CCC;
}

#notice div.list dt {
	margin:0 0 3px 0;
	font-weight:bold;
}

#notice div.list li {
	padding:0 0 0 8px;
	background:url(../img/main/blt_square.gif) 0 7px no-repeat;
}

#viewer {
	float:left;
	width:275px;
	height:100%;
	margin:0 31px 0 0;
	background:#fff;
}

#viewer div.banner {
	margin:0 0 4px 0;
	text-align:center;
}

#product {
	float:left;
	width:112px;
	height:100%;
	background:#fff;
}

#product h2 {
	margin:0 0 10px 0;
	*margin:0;
}

#product h2 a img {
	margin:-3px 0 0 0;
	*margin:-11px 0 0 0;
}

#portfolio {
	float:right;
	width:191px;
	height:100%;
	background:#fff;
	margin:0;
}

#portfolio h2 {
	padding:0;
	margin:0 0 10px 0;
	*margin:0;
}

#portfolio h2 a img {
	margin:-3px 0 0 0;
	*margin:-11px 0 0 0;
}

#portfolio a.thumb {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 1px 0;
	border:1px solid #cdcdcd;
}

#portfolio span {
	font-weight:bold;
	text-transform:uppercase;
	margin:0 5px 0 0;
	color:#333;
}

#footer_wrap {
	border-top:2px solid #ddd;
	clear:both;
	margin:177px 0 0 0;
	z-index:30;
}

#footer {
	width:1000px;
	margin:0 auto;
	z-index:40;
	position:relative;
}

#footer div.btns {
	margin:-10px 0 0 0;
	_padding:0 0 1px 0;
	width:1000px;
	text-align:right;
	position:absolute;
}

#footer address {
	background:url(../img/main/copyright.gif) top left no-repeat;
	height:0;
	padding:58px 0 0 0;
	overflow:hidden;
}

/* FOOTER_SUB */
#s_footer_wrap {
	border-top:1px solid #ddd;
	clear:both;
	margin:0;
}

#s_footer {
	width:1000px;
	margin:0 auto;
}

#s_footer div.btns {
	margin:-10px 0 0 0;
	_padding:0 0 1px 0;
	width:1000px;
	text-align:right;
	position:absolute;
}

#s_footer address {
	background:url(../img/main/copyright.gif) top left no-repeat;
	height:0;
	padding:48px 0 0 0;
	overflow:hidden;
}

/* SUB */
#sub_image p {
	background:url(../img/sub/sub_image.jpg) left top no-repeat;
	margin:0 auto;
	width:1080px;
	height:0;
	padding:130px 0 0 0;
	overflow:hidden;
}

#mid_wrap {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/sub/bg_snb.gif) left bottom no-repeat;
}

#snb {
	height:100%;
	float:left;
	width:184px;
	height:100%;
	padding:0 0 180px 0;
}

#snb li {
	margin:0 0 2px 10px;
}

#snb li a {
	width:148px;
	color:#358590;
	display:block;
	font-weight:bold;
	padding:2px 15px 2px 7px;
	margin:0 0 5px 0;
	line-height:1.2em;	
	background:url(../img/sub/bu_arrow.gif) #e0f2f4 160px 50% no-repeat;
}

#snb li a:hover, #snb li a:hover.selected, #snb li a.selected {
	color:#fff;
	background:url(../img/sub/bu_arrow_on.gif) #0094a8 160px 50% no-repeat;
}

#snb .snb2m li {
	margin:0 0 0 12px;
	padding:0;
	background:url(../img/sub/bg_snb_2m.gif) left 50% no-repeat;
}

#snb .snb2m li a {
	color:#545454;
	width:150px;
	padding:0 0 0 8px;
	margin:0 0 0 0;
	background:none;
	font-weight:normal;
	line-height:1.5em;
	font-size:0.9em;
	letter-spacing:-1px;
}

#snb .snb2m li a:hover, #snb .snb2m li a:hover.selected, #snb .snb2m li a.selected {
	color:#358590;
	background:none;
}

/* LEFT MENU */
#snb1_1 a {
	background:url(../img/btns/snb1_1.gif) top left no-repeat;
}

#snb1_2 a {
	background:url(../img/btns/snb1_2.gif) top left no-repeat;
}

#snb1_3 a {
	background:url(../img/btns/snb1_3.gif) top left no-repeat;
}

#snb1_4 a {
	background:url(../img/btns/snb1_4.gif) top left no-repeat;
}

#snb1_5 a {
	background:url(../img/btns/snb1_5.gif) top left no-repeat;
}

#snb1_6 a {
	background:url(../img/btns/snb1_6.gif) top left no-repeat;
}

#sub_contents_wrap {
	 float:right;
	 width:800px;
}

#sub_contents_wrap h3 {
	float:left;
	width:400px;
}

#sub_contents_wrap div.path {
	float:left;
	width:390px;
	height:23px;
	padding:5px 9px 0 0;
	text-align:right;
	border:1px solid #e3eced;
	border-left:none;
	background-color:#F8F8F8;
	color:#989898;
}

#sub_contents_wrap div.path a {
	color:#989898;
}

#sub_contents_wrap div.path a.home {
	background:url(../img/sub/icon_home.gif) 0 50% no-repeat;
	padding:0 0 0 10px;
}

#sub_contents_wrap div.path span {
	font-weight:bold;
	color:#30559e;
}

#sub_contents {
	clear:both;
	padding:25px 10px 50px 9px;
}

#aboutus06 {
	width:670px;
	margin:0 auto;
}

#aboutus06 strong {
	font-size:1.5em;
	text-align:center;
	margin:0 0 15px 0;
	color:#444;
}

#aboutus06 h4 {
	margin:8px 0;
	color:#444;
}

#aboutus06 ul {
	margin:0 0 20px 20px;
}

#aboutus06 ul li {
	list-style:disc;
	color:#666;
}

#customer img {margin:-1px 0 1px 0;}


/* main change (20090619) Sung, Sun A */
#bn {
	float:left;
	margin:0 30px 0 0;
}

#bn li a {
	display:block;
	margin:0 0 12px 0;
}

#bn2 {
	float:left;
	margin:0 30px 0 0;
}

#bn2 li {
	float:left;
}

#por {
	position:relative;
}

#por a {
	color:#919191;	
}

#por a:hover {
	text-decoration:underline;
}

#por p.por_img {
	float:left;
	width:180px;
	padding:4px 0 4px 0;
	margin:0 9px 0 0;
	text-align:center;
	background:url(../img/main/bg_por_border.gif) left top no-repeat;
}

#por dl {
	float:left;
	margin:0 0 5px 0;
	padding:0;	
}

#por dt {
	height:8px;
	margin:0;
	padding:0 0 8px 0;
}

#por dt img {
	margin:0;
	padding:0;
	vertical-align:top;
}

#por dd {
	font-size:0.9em;
	margin:0;
	padding:0;
	line-height:1.3em;
}

#por h2 {
	margin:0 0 5px 0;
}

.btn_more {
	position:absolute;
	right:0;
	top:0;
}