@charset "utf-8";

body {font-family:'NanumGothic'; font-size:12px; background:#eaeaea;}
.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;}

.rel { position:relative; z-index:1;}


/* main */
#wrap {}
	#header {background:#e2e2e2; margin-top:20px; position:relative; z-index:3;}
		#headerArea {position:relative; width:1154px; margin:0 auto;}
			#headerArea .first {border-right:none;}
			#gnbLogo {float:left; position:relative; width:230px; height:90px;}
				#headerLogo {position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin-top:-30px; background:#1b8bd9; text-align:center;}
				/*#headerLogo a {display:block; height:146px;}*/
				#headerLogo  img {margin:30px 0 0 0;}
			.gnbMenu {float:left; background:#fff; width:924px;}
			.gnbMenu ul {list-style:none;}
			/* .gnbMenu ul li {float:left; width:16.66%;} */
			.gnbMenu ul li {float:left; width:16.64%;}
			.gnbMenu ul li:first-child {border-left:1px solid #e2e2e2;}
			.gnbMenu ul li a {display:block; position:relative; height:90px; border-right:1px solid #e2e2e2; background:#62b3eb;}
			.gnbMenu ul li a.on, 
			.gnbMenu ul li a:hover {background:#1b8bd9;}
			.gnbMenu ul li.last a {border-right:none;}
			.gnbMenu ul li a div {position:absolute; font-size:14px; right:10px; bottom:10px; color:#ffffff; font-family:"NanumGothicBold"; text-align:right;}
			.gnbMenu ul li a div span {display:block; font-size:16px; color:#ffffff; font-family:"NanumGothicBold";}
			/*
			.gnbMenu ul li a div {position:absolute; right:10px; bottom:10px; color:#aaaaaa; font-family:"NanumGothicBold"; text-align:right;}
			.gnbMenu ul li a div span {display:block; font-size:16px; color:#4e4e4e; font-family:"NanumGothicBold";}
			*/
			.gnbMenu ul li a.on div span, 
			/*.gnbMenu ul li a:hover div span {color:#1b8bd9;}*/
			.gnbMenu ul li a:hover div span {color:#ffffff;}
	#container {position:relative; z-index:2;}
		#container01 {position:relative; width:1154px; margin:0 auto; z-index:10;}
			#container01Left {background:#ffffff; position:relative; border-right:1px solid #e2e2e2; float:left; width:230px; min-height:300px;}
				.mainLeftItem {width:169px; margin:0 auto;}
				#mainLeft01 {padding-top:23px;}
				#mainLeft02,
				#mainLeft03 {padding-top:12px; margin-top:15px; border-top:1px solid #e2e2e2;}
				#container01Left ul {list-style:none;}
				#container01Left ul li {float:left; width:100%;}
				#container01Left ul li a {display:block; cursor:default; border-top:1px solid #dddddd; padding:14.9px 0; *padding:15px 0; text-align:center; width:210px; margin:0 auto;}
				#container01Left ul li:first-child a {border-top:none;}
			#container01Right {position:relative; float:left; width:921px; min-height:300px; background:#fff;}
		#container02 {position:relative; width:1154px; margin:0 auto; z-index:9;}
			#container02Left {position:relative; width:230px; height:170px; float:left;}
				#container02Left ul{list-style:none;}
				#container02Left li {float:left; position:relative; margin:0;}
			/*#container02Right {position:relative; width:924px; height:170px; float:left; background:#62b3eb;}*/
			#container02Right {position:relative; width:924px; height:170px; float:left; background:#aaa;}
				#noticeArea {float:left; width:275px; margin:18px 0 0 38px;}
					#titleGroup {position:relative; z-index:2;}
						#titleGroup ul {list-style:none;}
						#titleGroup ul li {float:left; position:relative;}
						#titleGroup ul li a {display:block; font-size:14px; border:1px solid #aaa; border-bottom:1px solid #ffffff; padding:5px 10px; color:#fff; font-family:"NanumGothicBold";}
						#titleGroup ul li a.on,
						#titleGroup ul li a:hover {border:1px solid #ffffff; font-weight:800; border-bottom:1px solid #aaa; color:#ffffff;}
						
						/*#titleGroup ul li a {display:block; font-size:14px; border:1px solid #62b3eb; border-bottom:1px solid #ffffff; padding:5px 10px; color:#fff; font-family:"NanumGothicBold";}
						#titleGroup ul li a.on,
						#titleGroup ul li a:hover {border:1px solid #ffffff; font-weight:800; border-bottom:1px solid #62b3eb; color:#ffffff;}*/
						
						#titleGroup ul li {float:left; position:relative;}
						.listMoreBtn {position:absolute; top:10px; right:0px;}
						.noticeMoreBtn {}
						.newsMoreBtn {display:none;}
					#listGroup {border-top:1px solid #ffffff; position:relative; z-index:1; margin-top:-1px; padding:10px 0 0 0;}
						#noticeList {}
						#newsList {display:none;}
						.listArea {}
						.listArea ul {list-style:none;}
						.listArea ul li {float:left; width:100%; margin:3px 0;}
						.listArea ul li a {display:block; float:left; width:100%; font-size:15px; color:#fff;}
						.listArea ul li a:hover {color:#fff; font-weight:bold;}
						.listArea ul li a span {display:block; float:left; width:70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
						.listArea ul li a span + span {width:30%;}
				#productSlide {float:left; width:552px; margin:18px 0 0 0px;}
					#psTitle {border-bottom:1px solid #ffffff; padding:4px 0; margin-left:34px;}
						#psSlideTitle {float:left; font-size:16px;}
							#psSlideTitle div {display:block; float:left; color:#ffffff;}
							#psSlideTitle div + div {color:#fff; margin-left:5px;}
						#psMoreBtn {float:right; margin-top:6px;}
					#psSlide {}
	#footer {}
		#footerArea {width:1154px; height:105px; position:relative; margin:0 auto; background:#4e4e4e;}
			#footerLogo {float:left; width:163px; height:59px; margin:23px 170px 0 20px; background:url("../images/footer/footerLogo.jpg") 0 0 no-repeat;}
			#footerCopyright {float:left; margin:25px 0 0 0px;}
				#footerCopyright ul {list-style:none;}
				#footerCopyright ul li {float:left;}
				#footerCopyright ul li a {display:block; text-decoration:none; color:#5d5d5d; font-family:"NanumGothicBold";}
				#footerCopyright ul li a:hover {color:#000;}
				#footerCopyright ul li.footerBar {margin:0 10px; color:#5d5d5d;}
					#copyrightAddress {color:#dbdbdb; font-size:14px; }
					#copyrightAddress img {vertical-align:middle;}
					#copyrightAddress2 {color:#dbdbdb; margin-top:5px; font-size:13px;}

			#footerBtnGroup {position:absolute; top:30px; right:4px;}
				#footerBtnGroup a {margin-left:-2px; }
/* end main */



/* sub */
	#containerSub {width:1154px; margin:0 auto; background:#fff;}
		#subLeft {float:left; width:230px;}
			#subWhiteBgArea {float:right; background:#ffffff; margin-bottom:29px; width:200px;}
				#subLeftTitleArea {padding:44px 0 0 10px;}
					#subLeftNumber {float:left; width:25%; font-size:55px; letter-spacing:-5px; color:#d2d2d2; margin:-10px 0 0 -15px;}
					#subLeftTitle {float:left; width:74.5%; margin:0 0 0 15px;}
						#subLeftTitleEng {width:100%; font-size:15px; color:#d2d2d2;}
						#subLeftTitleKor {width:100%; font-size:25px; font-family:"NanumGothicBold"; color:#1b8bd9;}
						#subLeftTitleKor2 {width:100%; font-size:17px; font-family:"NanumGothicBold"; color:#1b8bd9;}
			#subWhiteBgArea ul {list-style:none; padding-bottom:18px; width:200px;}
			#subWhiteBgArea ul a {text-shadow: 1px 1px #eaeaea; display:block; font-weight:bold; border-bottom:1px dotted #d8d8d8; font-size:16px; text-decoration:none; padding:8px 0 8px 20px; color:#555555;}
			#subWhiteBgArea ul a.on,
			#subWhiteBgArea ul a:hover {text-shadow: 1px 1px #464646; border-bottom:1px solid #1b8bd9; background:#1b8bd9; color:#ffffff; font-weight:bold;}
			#leftLinkArea {float:right; width:200px; padding-bottom:50px}
		#subRight {float:left; width:924px; background:#ffffff;}
			#subContentsArea {width:90%; margin:58px auto 0 auto;}
				#subContentsTitle {text-shadow: 2px 2px #d3d3d3; border-bottom:1px solid #e2e2e2; padding:4px 16px; margin-bottom:65px; font-family:"NanumGothicBold"; font-size:35px; color:#000;}
					#subContentsTitle div {float:right; font-size:15px; color:#000; font-weight:400; text-shadow:none; margin-top:20px;}
					#subContentsTitle div span {color:#000; font-weight:800;}
				#subContentsCont { padding:0 0 50px 30px}
/* end sub */


/*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: