@charset "utf-8";
/*
@import url(../css/nanumgothic.css);
*/
body {font-family:'Nanum Gothic'; font-size:13px;}
.jayClear {clear:both;}
.jayOpacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10); opacity:.1;}
.jayEllipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
a:link    {text-decoration:none; color:gray;}
a:visited {text-decoration:none; color:gray;}
a:hover   {text-decoration:none; color:black;}
a:active  {text-decoration:none; color:black;}

.centerArea {width:1000px; margin:0 auto; position:relative;}
.centerArea2 {width:1019px; margin:0 auto; position:relative;}
.centerArea3 {width:995px; margin:0 auto; position:relative;}

#wrap {}
	#header {position:relative; z-index:2;}
		#headerTop {background:#000;}
			#headerTop ul {list-style:none; display:block; float:right;}
			#headerTop ul li {float:left; margin-left:14px; background:url("../images/topDotted.jpg") 0 center no-repeat;}
			#headerTop ul li a {display:block; font-size:11px; font-weight:700; height:20px; line-height:20px; padding:0 0 0 10px; color:#d7d7d7;}
			#headerTop ul li a:hover {color:#fff;}
		#headerMiddle {}
			#headerMiddle .centerArea {height:80px;}
			#headerLogo {float:left; margin:21px 0 0 26px;}
			#headerGnb {float:right; width:700px; margin-top:23px;}
				#headerGnb ul {list-style:none; display:block; padding:0px; margin:0px;}
				#headerGnb ul li {float:left; width:20%;}
				#headerGnb ul li a.depts1Ank {display:block; color:#525252; position:relative; z-index:7; height:35px; line-height:35px; text-align:center; font-family:"Nanum Gothic"; font-size:18px; font-weight:700; padding-bottom:12px;}
				#headerGnb ul li a.depts1Ank.on,
				#headerGnb ul li a.depts1Ank:hover {color:#000;}
					.gnbSubArea {display:none; position:absolute; white-space:nowrap; background:url("../images/gnbSubBgCenter.png");}
					.gnbSubArea a {display:inline-block; height:22px; line-height:22px; zoom:1; *display:inline; color:#545454; padding:0 10px; font-family:"Nanum Gothic";}
					.gnbSubArea a:hover {color:#272727; font-weight:800;}
					.gnbSub01 {margin-left:30px;}
					.gnbSub02 {margin-left:-510px;}
					.gnbSub02 a {padding:0 3px;}
					.gnbSub03 {margin-left:37px;}
					.gnbSub04 {margin-left:-50px;}
					.gnbSub05 {margin-left:-90px;}
					.gnbSubAreaLeft {position:absolute; top:0px; left:-10px; width:10px; height:22px; background:url("../images/gnbSubBgLeft.png") 0 0 no-repeat;}
					.gnbSubAreaRight {position:absolute; top:0px; right:-10px; width:10px; height:22px; background:url("../images/gnbSubBgRight.png") 0 0 no-repeat;}
	#container {position:relative; z-index:1;}
		#containerMain {}
			#containerMain01 {height:579px; position:relative; z-index:1; background:url("../images/mainKeyvisualBg.jpg") center 0 no-repeat;}
			#containerMain02 {margin-top:-115px; position:relative; z-index:2;}
				#containerMain02 .centerArea2 {position:relative; z-index:1;}
					#cm0201 {position:absolute; top:-79px; left:35px; z-index:1;}
					#cm0202 {position:relative; z-index:2; background:url("../images/subContentsTopBg.png") 0 0 no-repeat;}
						#cm0202 .centerArea3 {padding-top:10px;}
						.cm0202Cont {float:left; width:33.33%; *width:33.31%;}
							.cm0202ContTitle {height:30px; line-height:30px; font-size:12px; color:#fff; padding-left:20px; background:url("../images/mainBannerBottomArrow.png") 300px center no-repeat; font-weight:700;}
							.cm0202ContCont {border:1px solid #d4d4d4; border-top:none; margin-left:-1px; height:170px;}
						.cm0202Cont:first-child .cm0202ContCont {margin-left:0px;}
						.companyInfo .cm0202ContTitle {background-color:#f7a910;}
							.companyInfo .cm0202ContCont a {display:block; width:286px; margin:0 auto;}
						.newProduct .cm0202ContTitle {background-color:#7d7d7d;}
						.newProduct .cm020200Contents {}
							.newProduct .mainProductList {float:left;}
								.newProduct .mainProductList a {display:block; margin:15px 0 0 14px;}
									.newProduct .mplPhoto {}
										.newProduct .mplPhoto img {}
									.newProduct .mplTitle,
									.newProduct .mplDesc {width:90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
									.newProduct .mplTitle {font-size:14px; font-weight:700; margin-top:3px;}
									.newProduct .mplTitle01 {color:#4d6c04;}
									.newProduct .mplTitle02 {color:#881f1e;}
									.newProduct .mplTitle03 {color:#305d98;}
									.newProduct .mplDesc {font-size:11px; color:#666666; margin-top:2px;}
								.newProduct .mainProductList a:hover .mplDesc {color:#000;}
						.notice .cm0202ContTitle {background-color:#d4bb6c; color:#5a4704;}
						.notice ul {list-style:none; display:block; padding-top:20px;}
						.notice ul li {width:290px; margin:0 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px dotted gray;}
						.notice ul li:first-child {border-top:none;}
						.notice ul li a {height:25px; line-height:25px;}
						.notice ul li a span {font-weight:800;}
			#containerMain03 {}
			#containerMain04 {}
		#containerSub {}
			#subKeyvisual {min-width:1000px; height:346px; background:url("../images/subKeyvisual.jpg") center 0 no-repeat;}
			#subContents {margin-top:-127px;}
				#subContents .centerArea2 {padding:10px 0 0 13px; background:url("../images/subContentsTopBg.png") center 0 no-repeat;}
					#contentsArea {width:992px; margin:0 0 0 6px; border:1px solid #e0e0e0;}
						#subLeft {float:left; width:200px; margin:-1px 0 0 -1px;}
							#subLeftTop {height:30px; line-height:30px; font-weight:700; color:#fff; padding-left:20px; background:#95be32 url("../images/mainBannerBottomArrow.png") 180px center no-repeat;}
							#subLeftMiddle {}
								#subLeftTitle {padding:30px 0 0 20px;}
									#subLeftTitle span {display:block; font-size:12px; color:#666666; font-weight:700;}
									#subLeftTitle span + span {font-size:30px; color:#669933; letter-spacing:-2px;}
								#subLeftLnb {margin:10px auto 70px auto; width:160px; border-top:1px dotted #a6a6a6;}
									#subLeftLnb ul {list-style:none;}
									#subLeftLnb ul li {border-bottom:1px dotted #a6a6a6;}
									#subLeftLnb ul li {}
									#subLeftLnb ul li a {display:block; font-weight:800; width:160px; height:31px; line-height:31px; background:url("../images/lnbBg.jpg") 0 0 no-repeat;}
									#subLeftLnb ul li a.on,
									#subLeftLnb ul li a:hover {background:url("../images/lnbBgOv.jpg") 0 0 no-repeat; color:#000;}
								#subLeftDirect {margin-left:1px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
						#subRight {float:right; width:794px; margin:-1px -1px 0 0;}
							#subRightTop {background:#ff9900; height:30px; line-height:30px; font-weight:700; font-size:16px; padding-left:40px; color:#fff;}
								#subRightTopTitle {float:left;}
								#subRightTopLocation {float:right; margin-right:30px;}
									#subRightTopLocation ul {list-style:none;}
									#subRightTopLocation ul li {float:left; background:url("../images/subLocationBar.jpg") 0 center no-repeat;}
									#subRightTopLocation ul li:first-child {background:url("../images/subLocationDot.jpg") 0 center no-repeat;}
									#subRightTopLocation ul li a {display:block; font-size:12px; color:#fff; font-weight:400; padding:0 7px;}
									#subRightTopLocation ul li a:hover {font-weight:800;}
							#subRightMiddle {border-left:1px solid #e0e0e0; margin-left:-1px; min-height:550px;}
								#srmArea {padding:50px 40px;}
									#srcTitle {border-bottom:1px solid #dddddd; padding-bottom:7px; color:#7a7a7c; font-weight:700; font-size:27px; margin-bottom:20px;}
									#searchArea {margin-top:-57px;}
	#footer {margin:30px 0;}
		#footerLeft {float:left;}
			#footerAddress {font-size:11px; color:#969696;}
			#footerCopyright {font-size:11px; color:#aaaaaa; margin-top:3px;}
		#footerRight {float:right;}
			#footerRight ul {list-style:none;}
			#footerRight ul li {float:left; margin-left:10px; background:url("../images/footerDot.jpg") 0 center no-repeat; padding:10px 0 0 13px;}
			#footerRight ul li a {display:block; padding-left:7px; font-size:11px;}
			
			
#subRightContents ul.con_txt li {padding-bottom:5px; font-size:12px; color:#969696; }
#subRightContents .about01 {width:696px; height:1162px; margin-left:20px; background:url("../images/sub/comimg02.jpg") center 0 no-repeat;padding:180px 0 0 50px;}
#subRightContents .about02 {font-size:13px; color:#606060; width:690px; padding:0px 0 0 60px; line-height:1.8;;}


/*layerPopup*/
#blackWrap {	position:fixed;	left:0; top:0; width:0px; height:0px;	background:#000;	opacity:0.5; filter:alpha(opacity=50);	z-index:200;}
#layerPopup {	position:absolute;	left:0; top:0;	display:none;	z-index:201;}
#layerPopup .content { cursor:default; }
#layerPopup .handle {cursor:move;}
.a_layerPopup { cursor:pointer; }
.halfOpacity {opacity:0.5; *filter:alpha(opacity=50);}
#ajaxTarget {width:0; height:0; border:0; display:none;}
.ellipsis {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
input.bigFont {font-family: Helvetica, Arial, Dotum, sans-serif; font-size: 14pt; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}