@charset "utf-8";
/*
@import url(../css/nanumgothic.css);
*/
body {font-family:'Nanum Gothic'; font-size:12px;}
.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 {position:relative; z-index:1; width:1030px; margin:0 auto;}
#wrap {}
	#header {position:relative; z-index:60;}
		#header .centerArea {height:105px; position:relative; z-index:61;}
			#headerLogo {float:left; margin:15px 0 0 30px;}
				#headerLogo a {}
			#headerTop {position:absolute; top:10px; right:0px;}
				#headerTopLeft {float:left;}
					#headerTopLeft a {display:block; float:left; padding:5px 12px;}
					#headerTopLeft a + a {margin-right:10px; background:url("../images/topMenuBar.png") 0 center no-repeat;}
				#headerTopRight {float:left;}
					#headerTopRight a {display:block; float:left;}
					#headerTopRight a + a {margin-left:5px;}
					
			#headerGnb {float:right; margin:57px 0 0 0;}
				#headerGnb ul {list-style:none; display:block;}
				#headerGnb > ul {}
				#headerGnb > ul > li {float:left; padding:0 0 0 62px;}
				#headerGnb > ul > li > a {display:block; font-size:18px; font-weight:700; color:#000; padding-bottom:30px; position:relative;}
				#headerGnb > ul > li > a:hover, 
				#headerGnb > ul > li > a.on {color:#004080; background:url("../images/gnbArrow.jpg") center bottom no-repeat;}
				/*
				#headerGnb > ul > li > a:after {content:""; width:100%; height:9px; position:absolute; bottom:0px; left:0px; background:url("../images/gnbArrow.jpg") center bottom no-repeat;}
				*/
					#headerGnb ul ul {display:none; position:absolute; bottom:-33px;padding:0 10px; margin-left:-15px}
					#headerGnb ul ul.lastChild {right:-27px;}
					#headerGnb ul ul li {float:left; padding:0 17px; background:url("../images/gnbSubBar.jpg") 0 center no-repeat;}
					#headerGnb ul ul li:first-child {background:none; padding-left:0px;}
					#headerGnb ul ul li a {display:block; height:30px; line-height:30px; color:#fff; opacity:0.9;}
					#headerGnb ul ul li a:hover {font-weight:bold; opacity:1;}
		#gnbSubBg {background:#2d4d8a; display:none; width:100%; height:30px; bottom:-33px; position:absolute; z-index:60;}
		
	#container {position:relative; z-index:2;}
		#containerTop {position:relative; z-index:1;}
			#ctTop {width:100%; height:775px; overflow:hidden;}
			#ctMiddle {position:absolute; z-index:2; bottom:0px; width:100%;}
				#ctMiddle .centerArea {}
				#ctMiddle .centerArea:after {content:""; display:block; clear:both;}
					#ctm01 {float:left; width:280px; height:300px; margin-right:15px; background:#2d4d8a; color:#fff; letter-spacing:-3px; text-align:center;}
						#ctm01Txt01 {font-size:19px; letter-spacing:-1px; margin-top:50px;}
						#ctm01Txt02 {font-size:40px; font-weight:700; line-height:42px; margin:8px 0 0 0;}
							#ctm01Txt02 span {font-weight:400;}
						.ctm01Btn {width:160px; margin:10px auto 0 auto;}
							.ctm01Btn a {display:block; padding:5px 0 5px 15px; font-size:14px; color:#334f84; background:#fff url("../images/whiteArrow.jpg") 145px center no-repeat; border-radius:15px; text-align:left; font-weight:bold; letter-spacing:-1px;}
							.ctm01Btn a:hover {background:#e28a18 url("../images/orangeArrow.jpg") 145px center no-repeat; color:#fff;}
						.ctm01Btn + .ctm01Btn {margin-top:5px;}
					#ctm02 {float:left; width:244px; height:264px; margin-right:15px; background:#ffffff; color:#1e3e42; padding:15px; border:3px solid #b8cbc9;}
						#ctm02title {display:inline-block; font-weight:700; border-bottom:1px solid #1e3e42; font-size:25px; letter-spacing:-2px;}
							#ctm02title span {font-weight:400;}
						#ctm02contents {margin:15px 0 0 0;}
						#ctm02contents ul {list-style:none; display:block;}
						#ctm02contents ul:after {content:""; display:block; clear:both;}
						#ctm02contents ul li {float:left; width:50%; margin:7px 0; text-align:center;}
						#ctm02contents ul li a {}
					#ctm03 {float:left; width:280px; height:300px; margin-right:15px;}
					#ctm04 {float:left; width:144px; height:300px; position:relative; z-index:1;}
						#ctm04Top {background:#c92828; color:#fff; height:145px;}
							#ctm04Top div.firstChild {padding:20px 0 0 0;}
							#ctm04Top div {font-size:12px; color:#fff; text-align:center;}
							#ctm04Top div + div {font-size:23px; color:#fff; letter-spacing:-2px;}
							#ctm04Top div + div + div {font-size:17px; color:#fff; margin:10px 0 0 0;}
						#ctm04Middle {background:#8ab32c; color:#fff; width:100%; height:140px; position:absolute; left:0px; bottom:0px;}
							#ctm04Middle > div {padding:20px 0 0 0;}
							#ctm04Middle div {font-size:17px; text-align:center; margin:10px 0 0 0;}
							#ctm04Middle div div {margin:10px 0 0 0;}
					#ctm04 a {display:block; color:#fff; margin:30px 0 0 0;}
					#ctm04Top a {display:block; color:#fff; margin:0 0 0 0;}
					#ctm04Top a:hover {font-weight:bold;}
		#containerMiddle {padding:20px 0;}
			#noticeArea {width:29%; float:left;}
				#ccNotice {}
					#ccNotice ul {list-style:none;}
					#ccNotice ul li {margin:5px 0; padding-left:10px; background:url("../images/redDot.jpg") 0 center no-repeat;}
					#ccNotice ul li:after {content:""; display:block; clear:both;}
					#ccNotice ul li .ccnTitle {float:left; max-width:220px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
					#ccNotice ul li .ccnContents {float:left; margin-left:5px;}
						#ccNotice ul li .ccnContents img {vertical-align:middle;}
			#tServiceArea {width:35.5%; float:left;}
			#bServiceArea {width:35.5%; float:right;}
			.cmCont {}
				.ccTitle {margin:15px;}
					.cctLeft {float:left; font-size:22px; font-weight:400;}
						.cctLeft span {font-weight:800;}
					.cctRight {float:right;}
				.ccContents {margin:15px;}
					.cccLeft {float:left; width:164px;}
					.cccRight {float:left; width:160px; margin-left:10px; color:#888888; font-size:13px; word-wrap:break-word;}
		#subKeyvisual {}
		#subContents {}
		#subContents:after {content:""; display:block; clear:both;}
			#subLeft {float:left; width:200px; margin-top:-95px;}
				#lnbMenu {padding:20px 0; background:#2d4d8a url("../images/lnbBottomBg.jpg") center bottom no-repeat;}
					#lnbMenuTitle {color:#fff; padding:0 0 20px 0; background:url("../images/lnbTitleBar.jpg") center bottom no-repeat;}
						#lnbMenuTitle div {text-align:center; font-size:10px;}
						#lnbMenuTitle div + div {font-size:30px; font-weight:700; letter-spacing:-1px; margin:5px 0 0 0;}
					#lnbMenuList {width:136px; margin:0 auto; padding:20px 0 40px 0;}
						#lnbMenuList ul {list-style:none;}
						#lnbMenuList > ul {}
						#lnbMenuList > ul > li {text-align:center; padding:8px 0; background:url("../images/lnbDotted.jpg ") 0 bottom no-repeat;}
						#lnbMenuList > ul > li > a {font-size:17px; color:#fff;}
						#lnbMenuList > ul > li > a.on, 
						#lnbMenuList > ul > li > a:hover {color:#7effd3;}
							#lnbMenuList ul ul {display:none; padding:10px 0;}
							#lnbMenuList ul ul li {padding:5px 0;}
							#lnbMenuList ul ul li a {color:#fff; opacity:0.7;}
							#lnbMenuList ul ul li a.on, 
							#lnbMenuList ul ul li a:hover {opacity:1;}
				#lnbBanner {margin:40px 0 20px 0;}
					#lnbBanner a {display:block;}
					#lnbBanner a + a {margin:10px 0 0 0;}
				#lnbCustomer {background:#d3e9ed; text-align:center; font-weight:bold; letter-spacing:-0.5px; padding:18px 0; margin:0 0 80px 0;}
					#lcTxt01 {color:#3f6876; font-size:15px; text-align:left; margin:0 0 0 27px;}
						#lcTxt01 span {color:#e92424;}
					#lcTxt02 {color:#2d4d8a; font-size:22px; margin:5px 0 0 0;}
					#lcTxt03 {color:#666666; font-size:12px; margin:7px 0;}
					#lcTxt04 {color:#6f939a; font-size:11px;}
					#lnbCustomer img {margin:6px 0 0 0;}
			#subRight {float:right; width:793px;}
				#subRightTitle {position:relative; margin:40px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #7c97ca; *height:34px;}
				#subRightTitle:after {content:""; display:block; clear:both;}
					#srtTitle {float:left; font-size:28px; padding-left:38px; font-weight:800; background:url("../images/subRightTitleBg.jpg") 0 center no-repeat;}
					#srtLocation {position:absolute; right:0px; bottom:15px;}
						#srtLocation img {}
						#srtLocation span {font-weight:800;}
				#subRightContents {margin:40px 0;}
#subRightContents .about02 {width:767px; height:540px; background:url(../images/sub/comimg01.jpg) no-repeat; padding:10px 0 0 0px; line-height:1.3;;}
				
				
				
	#footer {background:#282f3d; height:140px;}
		#footer .center {}
			#footerLeft {float:left; margin:50px 70px 0 0;}
			#footerCenter {float:left; margin:42px 0 0 0;}
				#footerMenu {}
					#footerMenu ul {list-style:none;}
					#footerMenu ul li {float:left; padding:0 13px; background:url("../images/topMenuBar.png") 0 center no-repeat;}
					#footerMenu ul li:first-child {background:none; padding-left:0px;}
					#footerMenu ul li a {font-size:13px; color:#b2b8c4; font-weight:bold;}
					#footerMenu ul li a:hover {color:#fff;}
				#footerCopyright {font-size:12px; color:#8a91a1; margin:10px 0 0 0; line-height:15px;}
			#footerRight {float:right; margin:42px 0 0 0;}






.s-hidden {
	visibility:hidden;
	padding-right:10px;
}
.customSelect {
	cursor:pointer;
	display:inline-block;
	position:relative;
	font:normal 11px/22px Arial, Sans-Serif;
	color:black;
	border-radius:6px;
	padding:3px 7px;
	width:145px;
}
.styledSelect {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#2d4d8a;
	padding:0 10px;
	font-weight:bold;
	padding:3px 7px;
	color:#fff;
	width:145px;

	*zoom: expression( 
		this.runtimeStyle.zoom="1",
		this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before",
		this.appendChild( document.createElement("i") ).className="ie-after"
	);width:145px;
}
.styledSelect:after,
.customSelectArrowBtn,
.styledSelect .ie-after {
	content:"";
	position:absolute;
	width:27px;
	top:0px;
	right:0px;
	bottom:0px;
	background:url("../images/footerSelectArrow.jpg") center center no-repeat;
}
.styledSelect:active, .styledSelect.active {
	background-color:#2d4d8a;
}
.customSelectOptions {
	display:none;
	position:absolute;
	bottom:26px;
	right:0;
	left:0;
	z-index:999;
	padding:0 0;
	margin:0 0;
	list-style:none;
	background-color:white;
	border:1px solid #c7ccc8;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.customSelectOptions li {
	padding:0 6px;
	margin:0 0;
	padding:0 10px;
	background:#e8eeea;
	color:#636363;
}
.customSelectOptions li:hover {
	background-color:#39f;
	color:white;
}


	.part {font-size:14px; color:#4e4e4e; padding-bottom:24px;}
	.part_top {margin-bottom:18px; border-top:2px #ffd6aa solid; border-bottom:2px #ffd6aa solid; padding-top:10px;}
	.part dl {}

	.part dd span {font-size:16px; font-weight:500; border-bottom:#A0A0A4 1px solid;}
		.part dd {padding-left:22px; padding-bottom:15px;}
		.part_top dd {padding-bottom:15px;}
		.part .part_tit {font-size:18px; font-weight:700; color:#363636; padding-bottom:10px; padding-left:22px;} 
		.part .arrow {background:url(../images/container/sub/arrow.jpg) no-repeat; padding-left:24px;}

.product_con {width:793px; height:100%;}
.product_con dl {padding-left:23px; padding-bottom:20px; overflow:hidden;}
.product_con dl dt.product_tit {background:url(../images/sub/service/sub_tit_dot.gif) no-repeat 0 30%; padding-left:18px; padding-bottom:10px; color:#363636; font-size:22px;}
.product_con dl dd.sub_txt {float:left;}
.product_con dl dd.sub_txt01 {float:left; padding-left:20px; color:#363636; font-size:14px; font-weight:600; width:380px; height:25px; overflow:hidden;}
.product_con dl dd.sub_txt02 {float:left; width:360px; margin-left:20px; padding-bottom:10px; background:url(../images/sub/service/product_dot.gif) no-repeat 0 10%; padding-left:10px; font-size:13px;}
.product_con dl dd.sub_txt03 {float:left; width:360px; margin-left:20px; padding-bottom:10px; background:url(../images/sub/service/product_dot.gif) no-repeat 0 25%; padding-left:10px; font-size:13px;}
.product_con dl.product {padding-left:23px; padding-bottom:20px;}
.product_con dl.product dt {color:#2d4d8a; font-size:18px; font-weight:bold; padding-bottom:10px;}
.product_con dl.product dd {color:#333; font-size:16px;}
.product_con dl.product dd.product_txt {padding-top:5px; background:url(../images/sub/service/product_dot.gif) no-repeat 0 25%; padding-left:10px; font-size:13px; line-height:20px;}
.product_con dl.product dd.product_txt01 {padding-top:5px; background:url(../images/sub/service/product_dot.gif) no-repeat 0 65%; padding-left:10px; font-size:13px;} 

/*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 !important; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}