@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.active_a{color:#053d87 !important;}
.active_b{color:#fff !important; font-weight:bold;}

#wrap{width:100%;  padding:78px 0 0 0;}
#header{width:100%; height:78px; background:url(../../images/header_bg.gif)0 0 repeat; position:fixed; left:0;top:0; z-index:1000; border-bottom:1px solid #ccc;}
#header:after{content:"";clear:both;display:block;}


/*기본세팅*/
.gnb{margin:0 auto;width:1024px; z-index:996;height:78px;}
.logo{float:left; width:274px;padding-top:24px;}

.depth{overflow:visible;line-height:14px;padding-top:34px;}
.depth:after{content:""; clear:both; display:block;}


/*대메뉴 li 스타일 설정*/

.depth > li{position:relative;float:left;width:125px;text-align:center; z-index:999; }
/*대메뉴 스타일설정*/
.depth > li > a{color:#333;font-size:14px; font-weight:bold;}
/*대메뉴 마우스 hover 및 활성화*/
.depth > li > a:hover,.depth > li.on > a{color:#00112f;}
/*서브메뉴설정*/
.subnav{display:none; position:absolute; z-index:998; left:0;top:45px;}
.subnav li{width:125px; height:30px;}
.subnav li a{color:#666; font-size:14px;text-align:center;}
.subnav li a:hover{color:#00112f;}
.bgGnb{display:none;position:absolute;top:78px;left:0; background:#fff; width:100%;height:100px;z-index:997; border-bottom:2px solid #03215f; }

#container{width:100%;}

#mainVisual{width:100%; height:585px; background:#666; position:relative;}
.slider {
	width:100%;
	min-width:1024px;
	height:585px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
}
.slider .bd .mainTxt{position:absolute;top:147px;left:44px;z-index:99;}
.slider .bd {
	width:1024px;
	position:absolute;
	left:50%;
	margin-left:-556px
}
.slider .bd li {
	width:1024px;
	overflow:hidden;
}
.slider .bd li img {
	display:block;
	width:1024px;
	height:585px;
}
.slider .tempWrap {
	overflow:visible !important
}
.slider .tempWrap ul {
	margin-left:-980px !important;
}
.slider .hd {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:8px;
	bottom:20px;
	text-align:center;
}
.slider .hd li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	line-height:99px;
	overflow:hidden;
	background:url(../../images/slider-btn.png) 0 -10px no-repeat;
	margin:0 5px;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .hd li.on {
	background-position:0 0;
	filter:alpha(opacity=100);
	opacity:1;
}
.slider .pnBtn {
	position:absolute;
	z-index:1;
	top:0;
	width:100%;
	height:585px;
	cursor:pointer;
}
.slider .prev {
	left:-50%;
	margin-left:-512px;
}
.slider .next {
	left:50%;
	margin-left:512px;
}
.slider .pnBtn .blackBg {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:585px;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.slider .pnBtn .arrow {
	display:none;
	position:absolute;
	top:50px;
	z-index:1;
	width:60px;
	height:585px;
}
.slider .pnBtn .arrow:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .prev .arrow {
	right:10px;
	top:258px;
	background:url(../../images/btn_prev.png) 0 0 no-repeat;
}
.slider .next .arrow {
	left:10px;
	top:258px;
	background:url(../../images/btn_next.png) 0 0 no-repeat;
}



/*컨텐츠*/
#mainContents{width:1024px; margin:0 auto; margin-top:20px;}

.productInfo{padding:42px 0 0 25px;width:999px; height:235px;background:url(../../images/main_contents_bg.jpg) 0 0 no-repeat;}
.productInfo h2{font-size:23px; color:#053d87;font-weight:bold;padding-bottom:8px;}
.productInfo h3{font-size:18px; color:#333;font-weight:bold;padding-bottom:15px;}
.productInfo .mainTxt2{font-size:20px; color:#333;}
.productInfo .mainTxt3{font-size:30px; color:#053d87;}
.productInfo p{width:488px;font-size:14px;color:#666;font-weight:bold;line-height:23px;}
.productInfo .btn{display:block;padding-top:10px;width:166px;height:28px;border:1px solid #ccc;margin-top:20px;font-size:14px;font-weight:bold;text-align:center;}
.productInfo .btn a{color:#333;}


.mainCon{overflow:hidden; width:1059px; margin-top:28px;}
.mainCon li{float:left; width:318px; margin-right:35px;}

.mainCon_ph{display:block; margin-bottom:14px;}
.mainCon_tit{display:block;font-size:20px; color:#333;font-weight:bold;margin-bottom:10px;}
.mainCon_txt{display:block; font-size:12px; color:#666;line-height:25px;border-bottom:2px solid #ccc;padding-bottom:25px;}

/*over box*/
.overBox{ overflow:hidden; }
.overBox .overBoxitem { float:left; }
.overBox .overBoxitemgroup { position:relative; float:right; }

.overBox .overBoxitem-message { position:absolute; right:0; bottom:0; }



div[class*="overBoxitem"] { position:relative; overflow:hidden; }
div[class*="overBoxitem"] h3 { position:absolute; left:0; width:100%; height:86px; padding-top:22px; bottom:0;font-size:25px; color:#00112f; font-weight:bold;
								text-align:center; background-color:#f0f0f2; z-index:1; letter-spacing:4px; }

div[class*="overBoxitem"] .img img { min-width:100%; width:100%; max-width:100%; height:auto; vertical-align:top; }
div[class*="overBoxitem"] .viewrooms { position:absolute; left:50%; bottom:26px; margin-left:-34px; color:#666; z-index:1;font-size:13px;  }

div[class*="overBoxitem"]:hover h3,
div[class*="overBoxitem"]._hover h3 { background-color:#053d87; color:#fff; -webkit-transition: 0.25s;transition: 0.25s; }

div[class*="overBoxitem"]:hover .img img,
div[class*="overBoxitem"]._hover .img img { -webkit-transition: 0.25s;transition: 0.25s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
div[class*="overBoxitem"]:hover .viewrooms,
div[class*="overBoxitem"]._hover .viewrooms { color:#fff; -webkit-transition: 0.25s;transition: 0.25s;}
.overBoxitem { width:318px; height:304px; }
/*over box//*/





/*푸터*/
#footer{width:100%;  background:#fff;margin-top:30px;}
#foot{width:1024px; margin:0 auto; padding:20px 0;border-top:1px solid #ccc;overflow:hidden;}
.copy{font-size:12px; color:#666; text-align:center; line-height:25px;}
.copy a{padding-left:20px;color:#ccc;}
.copy a:hover{color:blue;}
.footLogo{float:right;}




/*서브페이지*/
.subVisual{width:100%; height:260px; background:url(../../images/sub_visual.jpg) 0 0 no-repeat;}
.sub_txt_box{position:absolute; z-index:5; left:0; width:100%;}
.sub_txt{width:1024px; margin:0 auto; text-align:center; padding-top:113px;}

.subContents{width:1024px; margin:0 auto; overflow:hidden;}

.contentsLeft{float:left; width:190px; margin-right:40px;}

.leftTit{position:absolute; top:300px; display:block; width:190px; height:42px; background:#fff; font-size:16px; font-weight:bold; 
		  color:#00112f; text-align:center;  padding-top:25px;}

.snb{position:relative; float:left;margin-top:29px;}
.snb > li{float:left; width:190px; height:29px; border-bottom:1px solid #fff; padding-top:10px;background:url(../../images/sub_navi_bg.gif) 0 0 no-repeat;}
.snb > li > a{display:block; width:187px; height:29px; font-size:14px; color:#fff; text-align:center;}
.snb > li > a:hover{color:#fff; font-weight:bold; }


.contentsRight{float:left; width:794px;}
.location{height:13px;margin-top:16px; margin-bottom:10px; width:794px;}
.location ul{overflow:hidden; float:right;}
.location li{float:left; font-size:12px; color:#666; margin-left:8px;}
.locationPoint{font-weight:bold;color:#222;}
.contentsRight h2{width:784px; height:32px; padding-top:7px; padding-left:10px; font-size:16px; color:#222; font-weight:bold; background:url(../../images/sub_tit_bg.gif) 0 35px no-repeat;}

.contentsWrite{margin-top:50px;}

.contentsWrite .subTxt{font-size:25px;color:#0a4189;font-weight:bold;text-align:center;}
.contentsWrite .subTxt2{font-size:25px;color:#333;font-weight:bold;text-align:center;}
.contentsWrite .subTxt3{font-size:14px;color:#666;text-align:justify;line-height:25px;}
.contentsWrite .subTxt4{font-size:14px;color:#0a4189;}
.contentsWrite .subTxt5{font-size:14px;color:#1d92af;font-weight:bold;height:30px;}
.contentsWrite .subTxt6{font-size:14px;color:#666;font-weight:bold;height:30px;background:url(../../images/icon05.gif) 0 2px no-repeat;padding-left:20px;}
.contentsWrite .subTxt7{font-size:20px;color:#333;font-weight:bold;text-align:center;}

.contentsWrite .subPh{display:block;text-align:center;}
.contentsWrite .blank{height:30px;}
.contentsWrite .blank2{height:15px;}
.contentsWrite h3{background:url(../../images/icon04.gif) 0 0 no-repeat;font-size:18px;color:#333;font-weight:bold;padding-top:5px;}

.contentsWrite .tb01{width:784px;}
.contentsWrite .tb01 th{height:30px;font-size:14px;font-weight:bold;color:#222;background:#f2f9fd;border:1px solid #eaf5fb;padding-left:20px;text-align:left;}
.contentsWrite .tb01 td{height:30px;font-size:13px;color:#666;padding-left:20px;border:1px solid #efefef;}