@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{background:url(../../images/background.png) repeat-y top center; }
.active_a{color:#00112f !important; font-weight:bold;}
.active_b{color:#fff !important; font-weight:bold;}
#wrap{width:100%;  }
#header{width:100%;height:158px;position:relative;z-index:9000;}
#header .headBg{width:1024px;background: url(../../images/head_bg.png) no-repeat 0 bottom;height:120px;}
#header:after{content:"";clear:both;display:block;}
/*--네비 감싸는 거--*/

#navi{

	position:relative;
	width:1024px;
	margin:0 auto;
	height:38px;
}

#navi h2{text-align:center;height:65px;padding-top:20px;}
#nav {
	background:#ffd717; 
	overflow:visible;
	height:38px;
	list-style: none;
	width:1024px;
	font-size:14px;
	color:#333;
}

/*--/메인 메뉴--*/

.naviSet{
	float: left;
	position: relative;
}


.topnav{
	height:38px;
	line-height: 37px;
	text-align:center;
	width:170px;
	cursor:pointer;
	font-weight: bold;
	font-size: 16px;
}



.topnav:hover > a{
	font-size: 18px;
	color:#001f3f;
}


/*--서브메뉴--*/

.subnav{ 
	
	z-index: 100;
	position: absolute;
	left: 0;
	top:38px;
	background:#fff;
	display: none;
}

.subnav li{
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#666;
	height:32px;
	padding-top:16px;
	width:170px;
	text-align:center;
	/*--border-bottom:1px solid #fff;--*/	
	cursor:pointer;
	font-size: 14px;
}
.subnav li:last-child{border-bottom:2px solid #ffd717;}

.subnav li a:hover{
	color:#e5352c;
	
}

/*--서브메뉴//--*/

#container{width:100%;}

#mainVisual{clear: both; width:100%; height:585px; background:#666; position:relative; z-index: 100;}
.slider {
	width:100%;
	min-width:1024px;
	height:585px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
}
.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;}
.iconBox{overflow:hidden; width:1059px;}
.iconBox li{float:left; width:318px; border-bottom:1px solid #ccc; padding-bottom:28px; margin-right:35px;}
.mainIcon{display:block;margin-bottom:23px;}
.iconTit a{display:block;font-size:20px; color:#ffd717;font-weight:bold;margin-bottom:15px;}
.iconTxt{display:block;font-size:12px; color:#eee;line-height:25px;}

.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:#00112f; 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:335px; }
	/*over box//*/





	/*푸터*/
	#footer{width:100%;height:102px; background:#222;overflow:hidden;margin-top:50px;}
	#foot{width:1024px;margin:0 auto;}
	.copy{width:873px;float:left;padding-top:20px;color:#999;text-align:center;font-size:12px;line-height:25px;font-style:normal;}
	.copy a{color:#b9b7b7;padding-left:10px;}
	.copy a:hover{color:#fff;}
	.footLogo{float:left;padding-top:35px;}



	/*서브페이지*/
	.subVisual{width:1024px; height:169px;margin: 0 auto;}
	.subContents{width:1024px; margin:0 auto; overflow:hidden;background: #fff;}
	.subContents .contentsTop{width:1024px;height: 198px;}
	.subContents .contentsTop .subTitle{float: left; width:170px;padding:0 30px;height: 198px;background: url(../../images/sub_title_bg.gif) no-repeat; color:#fff; }
	.subContents .contentsTop .subTitle p{font-size: 44px;font-weight: 900;padding-top: 68px;}
	.subContents .contentsTop .subTitle span{color:#8e94aa;font-size: 16px;}

	.location{float: right;margin-right: 35px;}
	.location ul{overflow:hidden; float:right;padding-top: 20px;}
	.location li{float:left; font-size:12px; color:#666; margin-left:8px;}

	.subContents .contentsTop .title_coment{width:720px; height:127px;  float: left; padding: 40px 0 0 0; margin-left: 35px; border-bottom: 1px solid #eee;color:#333}
	.subContents .contentsTop .title_coment .title01{font-size: 25px;}
	.subContents .contentsTop .title_coment .title02{margin-top:10px;font-size: 15px;color: #999;font-weight: 700;}
	.subContents .contentsTop .title_coment .title02 span{color:#333;}

	.orange{color:#ff9900;font-weight: bold;}
	.weight{display: inline-block; font-size:35px;font-weight: 700;margin-top: 10px;color:#000;}
	.magenta{color:#ff0066;font-weight: bold;font-size: 28px;}
	.sizing{font-size: 44px;font-weight: bold;color:#000;}
	.bold{font-weight: bold;color:#000;}
	.contentsBottom{clear: both;width: 954px; min-height:400px; padding:0 35px 50px 35px; overflow: hidden;}

	.contentsBottom .ceo{margin:35px 35px 0 16px;width:179px;height: 245px;  float: left;}
	.contentsBottom .subWrite{width:721px;height:250px;float: left;margin-top:35px; line-height: 25px;}
	.contentsBottom .name{width:196px; height:31px;display:block; float: right; clear: both;margin-top: 20px;}
	.contentsBottom .greetingImg{display: block; margin-top: 50px; float: left;}