@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* Common */
a{color:#000;text-decoration:none}
a:hover{color:#1b53c4;text-decoration:none}
img{
	border:0;
} /*링크 걸린 이미지 border 자동 생성*/
a {selector-dummy: expression(this.hideFocus=true);} /*링크 걸린 곳 자동으로 blur주기*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


/*-----------------------base style-----------------------*/
html *{
	margin:0px; padding:0px;
	line-height:1.4;
	font-family: 'Nanum Gothic', 나눔고딕, verdana, 나눔고딕, Dotum, 돋움, AppleGothic, sans-serif;
	font-size:12px;
	color:#222;
	}
#header{
	width:1000px;
	height:53px;
	margin:47px auto 0px auto;
	}
	#logo{
		width:182px;
		height:53px;
		float:left;}
	#nav {
	float:left;	
	width:573px;
	padding-left:50px;
	height:80px;
	background-image:url(../images/hgroup_bg.png);
	background-repeat:no-repeat;
	list-style: none;}
	#center{
		width:195px;
		height:53px;
		float:left;}
#section{width:1000px;
	margin:0px auto;
	}
#article{
	float:left;
	width:805px;
	padding:0px;
	}
	#notice{width:660px;
		margin-left:75px;
		float:left;
		}
	#slide{
	width:780px;
	position:relative;
	height:165px;
	float:left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 50px;
		}	
	#slide_Pimg{
	position:absolute;
	width:750px;
	height:165px;
	float:left;
	margin-left:-400px;
	left:50%;
		}	
	#footer{width:805px;
		height:100px;
		padding-bottom:10px;
		margin:0px auto;
		float:left;
		}
		#footer img{
			float:left;	
			margin:0px;
			padding:0px;
			}
		#footer p{
			float:left;
			}
		#copyright{float:left;padding-top:10px;width:620px;}		
		#copyright p{float:left; margin:0px; padding:0px; width:620px; height:30px;}	
		#copyright span{display:inline-block;margin:0 2px;}
		#copyright span a{margin:0 2px; padding:2px 15px 2px 15px;width:140px;height:20px;font-weight:bold;font-size:11px;color:#fff;background:#000;}
		#copyright span a:hover{color:#000;background:#ccc;}
	
#aside{
	float:left;
	width:195px;
	}
	
/*-----------------------header > navi > navi set-----------------------*/
.navi {
	height:53px;
	list-style: none;
	margin:auto;
}
.navi_set{
	height:53px;
	float:left;
	padding:0px;
	position:relative;
	z-index:99999;
	top:13px;
}
.topnav{
	font-weight:bold; 
	text-align:left;
	font-size:14px;
	width:95px;
	height:40px;
	cursor:pointer;
	color:#ffffff;
	background-image:url(../images/li_bg.png);
	background-repeat:no-repeat;
}
.topnav:hover{
	color:#bfe148;
}
.subnav{
	font-size:11px;
	position: absolute;
    width:600px;
	left:0px; top:40px;
	display: none;
	z-index:99999;
}
.subnav li{	
	list-style:none;
	float:left;
	padding-top:5px;
	height:30px;
	text-align:left;
	cursor:pointer;
}
.subnav li:hover{
	color:#666;
}
.subnav li a{	
	margin:0px 5px 0px 5px;
}
.subnav li a:hover{
	color:#666;
}


/*-----------------------section > article > notice-----------------------*/
#notice h2{float:left;}
#notice ul{width:541px;
		height:27px;
		border:#CCCCCC 1px solid;
		background:#FFFFFF;
		float:left;
		list-style:none;
		padding-top:8px;}
#notice ul li.title{width:380px;
		padding-left:10px;
		float:left;}
#notice ul li.title a{color:#666666;}
#notice ul li.title a:hover{color:#069;}				
#notice ul li.date{width:80px;
		float:left;}
#notice ul li.btn{width:60px;
		padding-top:2px;
		float:left;}

/*-----------------------section > article > slide_Pimg-----------------------*/

#slide_Pimg div{float:left;}
#slide_Pimg div.left{width:50px; height:115px; padding-top:50px; position:absolute; cursor:pointer; left:0; top:0;}
#slide_Pimg div.right{width:50px; height:115px; padding-top:50px; position:absolute; cursor:pointer; right:0; top:0;}
#slide_Pwrap{width:645px; height:167px; overflow:hidden; position:relative; left:42px;}
.slide_P{width:2580px; position:absolute;}		
.slide_P li{
		list-style:none;
		float:left;}
.slide_P li.bar{float:left; margin:40px 30px 0px 30px;}
.slide_P li.P_img{width:165px; height:165px; border:#999999 1px solid;}
.slide_P li.P_img img{width:165px; height:165px}
		
/*-----------------------section > aside-----------------------*/
.banner{
	float:left;	
	margin:0px;
	padding:0px;
	}

/*---------------section > aside > RNavi(sub) 왼쪽 메뉴 스타일-------------*/
#aside h2{
	padding:10px 0px 20px 0px;}
#Rbanner{
	width:188px;
	margin:20px 7px 0px 0px;
	padding:0px;
	}
#RNavi{
	width:188px;
	margin:0px 7px 0px 0px;
	border-top:#CCC 1px solid;}

.left_m{width:188px; font-weight: 700; margin-bottom:0px; border-top:0px solid #e4e4e4; border-left:0px solid #e4e4e4; border-right:0px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:left; padding-bottom:2px; padding-top:2px;}
.left_m02{border-bottom:0px solid #e4e4e4; height:27px;}
.left_m02 a:link {color: #222222;  text-decoration: none; width:168px; padding:5px 5px 6px 15px; float:left; background:url(/images/left_off.gif); *width:100%; }
.left_m02 a:hover {color: #568dcb; text-decoration: none; width:168px; padding:5px 5px 6px 15px; float:left; background:url(/images/left_on.gif); *width:100%;}
.left_m02 a:visited {text-decoration: none; width:168px; padding:5px 5px 6px 15px; float:left; *width:100%; }

.left_m02on {font-weight: 800; color: #568dcb; text-decoration: none; width:168px; padding:5px 5px 6px 15px; float:left; background:url(/images/left_on.gif); *width:100%;}	



/*-----------------------sub 레이아웃 스타일-----------------------*/
.subImg{width:1000px;
	text-align:center;}
#path{width:785px;
	  height:28px;
	  margin-top:10px;
		margin-left:20px;
		float:left;
		border-bottom:#0072b4 3px solid;
		}		
#path ul li{
		list-style:none;
		float:left;}

		
/*---------------------------------회사소개--------------------------------*/
#contents{min-height:450px; width:785px; float:left; margin-left:20px; margin-bottom:20px;}
#contents p{float:left;}
#contents div.map{margin-top:0px; margin-left:0px; padding-left:40px; padding-top:10px;}
#history{width:700px;
		margin-left:40px;}
.historylist{width:700px; background: url(../a/images/bg_line.png) no-repeat 0 0; float:left; margin-bottom:20px;}
.historyinfo{width:548px; float:right;}
.historylist h2{width:152px; text-align:center; padding-top:10px; font-size:24px; font-weight:bold; color:#225e90; float:left;}
.historylist ul li{width:540px; list-style:none; padding:5px 0 5px 0; border-top:1px solid #d6d6d6; float:left;}
.historylist ul li.month{width:70px; font-weight:bold; font-size:13px; padding-left:10px; padding-right:20px;}
.historylist ul li.text{width:448px;}


#organ{width:785px; margin-top:20px;}
.Info{width:785px; height:230px; background: url(../a/images/info.jpg) no-repeat 0px 0px; padding-top:40px;}
.Infolist{width:548px; float:right; border-bottom:1px solid #d6d6d6;}
.Info ul li{width:548px; list-style:none; padding:5px 0 5px 0; float:left;}
.Info ul li.ti{width:70px; color:#fff; font-weight:bold; font-size:12px; padding-left:10px; padding-right:20px; background-color:#333333; color:#d6d6d6;}
.Info ul li.text{width:438px; padding-left:10px;}


#Certilist{width:785px;
		min-height:450px;
		margin-left:20px;
		margin-bottom:20px;
		padding:0px;
		float:left;}	
					
#CertiP1line{width:785px;
		float:left; margin:5px 0px 15px 0px;}
#CertiP1line li{
		width:220px;
		padding:8px 8px 8px 8px;
		background:#fff;
		border:#CCCCCC 1px solid;
		list-style:none;
		float:left;}
#CertiP1line li:hover{border:#d42b00 1px solid;}		
#CertiP1line li.margin{width:18px;border:#CCCCCC 0px solid;}	
#CertiP1line li p.P_img{padding-left:10px;}								
#CertiP1line li p.P_img img{width:200px;height:300px;}
#CertiP1line li p.P_text{width:200px; padding-left:10px; font-size:12px;color:#000;}	

/*-----------------------제품리스트 > section > article > path, cPlist---------------------------*/
.sub_title{
	width:265px;
	color:#222;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding-left:20px;
	background-image: url(../images/red_dot.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.sub_path{width:500px;
		text-align:right;}		
.sub_path a{
		color:#d42b00;}
.sub_path a:hover{
		color:#d42b00;
		font-weight:bold;}

.circle {
	background-color: #C60;
	width: 200px;
	height: 200px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#category{width:779px;margin-left:20px;border-bottom:#dadada 1px solid;padding:2px 2px 2px 2px;float:left;background:#f9f9f9;}
#category a{display:inline-block;margin:0 1px 0 0;height:24px;vertical-align:top;}
#category span{display:inline-block;margin:0 4px;vertical-align:top;}
#category span a{padding:5px 5px 0px 15px;width:130px;height:22px;border:0px solid #eaeaea;;font-weight:bold;font-size:11px;}
#category span a.select{text-decoration:none;}
#category span a.select, #category span a:hover, #category span a:active{border:0px solid #34a9de;color:#fff;background:#0072b4;}

#cPlist{min-height:450px; width:785px;margin-left:20px;margin-bottom:20px;padding:0px;float:left;}
#cP1line{width:785px;float:left; margin:5px 0px 15px 0px;}
#cP1line li{width:220px;padding:8px;background:#fff;border:#CCCCCC 1px solid;list-style:none;float:left;}
#cP1line li:hover{border:#d42b00 1px solid;}		
#cP1line li.margin{width:18px;border:#CCCCCC 0px solid;}		
/*--.shadowed {	
	box-shadow:5px 5px 10px #d3d3d3;
	-webkit-box-shadow: 5px 5px 10px #d3d3d3;
	-moz-box-shadow: 5px 5px 10px #d3d3d3;
}*/
#cP1line li p.P_img{text-align:center;}								
#cP1line li p.P_img img{width:200px;height:200px;}
.P_text{
	text-align:center;
	font-size:13px;
	color:#000;
	padding-top:5px;
	font-weight:bold;
	}
.P_text2{
	text-align:center;
	font-size:12px;
	color:#000;
	}														


/*---------------------------------제품뷰--------------------------------*/
#View{width:785px; min-height:450px; float:left; margin-left:20px;}
#View p{float:left;}
#spec{width:245px;float:left; padding:20px 0px 0px 0px;}
#spec h2{ font-size:15px; font-weight:bold; border-bottom:2px #333333 solid; padding-left:5px; padding-bottom:5px;}

#scrollbox {width:245px; height:222px; overflow-y:scroll;overflow-x:hidden; padding:0px 0px 0px 0px; margin-top:10px; border:0; scrollbar-face-color: #fff; 
scrollbar-highlight-color: #cccccc;
scrollbar-shadow-color: #cccccc; 
scrollbar-arrow-color: #000;
scrollbar-face-color: #fff; 
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #cccccc;
scrollbar-track-color: #fff;
}
#scrollbox ul{border-bottom:1px #b7b7b7 solid;}
#scrollbox ul li{list-style:none; padding:2px 0px 2px 10px;}
#scrollbox ul li span{width:50px; float:left;}
#scrollbox ul li.model{color:#1b65a3; height:18px;}
#scrollbox ul li.size{height:18px;}
#scrollbox ul li.g2b a{color:#2e9d0c; height:18px;}
#scrollbox ul li.g2b a:hover{color:#2e9d0c; height:18px; font-weight:bold;}
#scrollbox ul li.price{height:18px;}

#spec p{padding-top:20px; padding-left:5px; padding-bottom:10px;}
#Vbtn{width: 245px; text-align:center; float:left;}
#Vbtn a{margin:0px 1px 0px 1px;}

#specImg{width:500px; float:left;}
#specImg ul li{list-style:none; float:left; margin:0px 16px 0px 16px; padding:0px; border:#ccc 1px solid;}
#specImg ul li:hover{border:#CC0000 1px solid;}

.detail{width:785px; float:left; margin-left:20px;}
.detail a{display:inline-block;margin:0 3px 0 0;height:17px;vertical-align:top; text-align:center;}
.detail span{display:inline-block;margin:0 4px;vertical-align:top;}
.detail span a.noselect{padding:2px 10px 2px 10px;width:80px;height:17px; border:0px solid #ccc;font-weight:bold;font-size:11px; cursor:default;}
.detail span a.select{padding:2px 10px 2px 10px;width:80px;height:17px; border:1px solid #ccc;font-weight:bold;font-size:11px;}
.detail span a.select:hover{color:#fff;background:#34a9de;}



.detail_box {padding:5px 0px 5px 0px;
	BORDER-BOTTOM: #B7B7B7 1px solid; BORDER-LEFT: #B7B7B7 1px solid; BACKGROUND-COLOR: #F9F9F9; WIDTH: 261px; height:20px; BORDER-TOP: #707070 2px solid; BORDER-RIGHT: #B7B7B7 0px solid
        text-align:center; font-weight:800; color:#726D6D;}
.detail_box a:link {text-align:center; color:#726D6D;}
.detail_box a:hover {text-align:center; color:#ec5d46;}
.detail_box a:visited {text-align:center; color:#726D6D;}

.detail_boxon {padding:5px 0px 5px 0px;
	BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: #B7B7B7 1px solid; BORDER-LEFT: #B7B7B7 1px solid; WIDTH: 261px; height:20px; BORDER-TOP: #707070 2px solid; BORDER-RIGHT: #B7B7B7 0px solid 
        text-align:center; font-weight:800; color:#ec5d46;}
.detail_boxon a {text-align:center; color:#ec5d46;}
.detail_box2 {padding:5px 0px 5px 0px; BACKGROUND-COLOR: #FFFFFF; BORDER-LEFT: #B7B7B7 1px solid; BORDER-BOTTOM: #B7B7B7 1px solid; WIDTH: 523px; height:20px;}

/*---------------------------------시공갤러리뷰--------------------------------*/
#specG{width:785px; height:25px; margin-top:10px; border-bottom:1px #CCCCCC solid; text-align:center;}
#specG span{margin:0px 0px 0px 5px; color:#222;}
#specG span.where{color: #d42b00; font-weight:bold;}
#specG span.date{color: #d42b00; font-weight:bold; padding-left:20px;}
#Gimg{width:785px; padding-top:15px; text-align:center;}
#specImgG{width:785px; float:left;}
#specImgG ul li{list-style:none; float:left; margin:0px 6px 0px 0px; padding:0px; border:#ccc 1px solid; height:90px;}
#specImgG ul li:hover{border:#CC0000 1px solid;}
#Gbtn{width: 785px; height:40px; padding-top:10px; text-align:center; float:left;}
#Gbtn a{margin:0px 1px 0px 1px;}

/*--------------커뮤니티 스타일 정의---------------*/

#ssimg{padding:0px;}

.btn a{margin:0px 1px 0px 1px;}

/*---------------------------페이지 넘버링----------------------------*/
.pagination{text-align:center;padding:0px 0 0px 0px; margin-top:15px;}
.pagination a{display:inline-block;margin:0 1px 0 0;height:24px;vertical-align:top;}
.pagination span{display:inline-block;margin:0 4px;vertical-align:top;}
.pagination span a{padding:5px 0 0;width:23px;height:17px;border:1px solid #eaeaea;;font-weight:bold;font-size:11px;}
.pagination span a.select{text-decoration:none;}
.pagination span a.select, .pagination span a:hover, .pagination span a:active{border:1px solid #34a9de;color:#34a9de;background:#eff6fa;}



/*--------------게시판 스타일 정의---------------*/
.white{color:#FFFFFF; font-weight:none;}
.white2{
	height:26px;
	background-image:url(/f/images/boardbar_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	color: #ffffff; 
	font-weight:bold;
	padding-bottom:4px;}

/*------------------ 색상정리 -----------------*/
.red { color: #cc0000;}
.red01 { color: #cc0000; text-decoration:line-through; font-weight:bold;;}
.red02 { color: #cc0000; font-weight:bold;;}
.orange{color:#ff8500; font-weight:bold;}
.orange01 { color: #F8822B; text-decoration:none; font-weight:none;;}
.orange2{ color:#FF0000; font-weight:bold;}
.darkorange {font-size: 8.5pt; color: #996600;}
.yellow { font-weight:bold; color:#FFFF99 ; text-decoration: none}
.green { color: #009900;}
.darkgreen {font-size: 8.5pt; color: #78970A;}
.violet{font-family:YDIWebDotum;color:#CC0066;font-size:11px;line-height:16px;}
.darkviolet { color: #78236B; font-weight:bold;}
.brown{ color:#736357; font-weight:bold;}
.brown1 { color: #996600; font-weight:bold;;}
.brown2 { color: #996600; }
.blue { color: #0066cc; font-weight:bold;}
.blue1 { color: #469DBD; font-weight:bold;}
.blue2 { color: #0066cc;}
.blue3 {color: #0066cc;}
.blue4 { color: #0066cc; text-decoration:line-through; font-weight:bold;;}
.white {color: #ffffff;}
.white1{color: #ffffff; font-weight:bold;}
.white2{ color: #ffffff; font-weight:bold;}
.white3{color: #ffffff; font-weight:bold;}
.gray { color: #999999; text-decoration:line-through; font-weight:bold;;}
span.elist1{color:#003399; font-weight:bold; }
span.elist2{text-height:18px; margin-bottom:50px;}