@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

/* 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}
fieldset{border:none;vertical-align:top;}
h2{ list-style:none;}
li,ul {list-style:none;}

/*-----------------------base style-----------------------*/
html *{
	margin:0px; padding:0px;
	line-height:1.4;
	font-family: 'Nanum Gothic', 나눔고딕, Oswald, verdana, 나눔고딕, Dotum, 돋움, AppleGothic, sans-serif;
	font-size:12px;
	color:#222;
	}

.margin10{margin}
.margin15_5{margin:15px 0px 5px 0px;}
.ic_btn{margin:0px 0px 0px 3px; vertical-align:text-bottom;}
.ic_btn2{margin:0px 3px 0px 0px; vertical-align:text-top;}
.ic_btn3{margin:0px 3px 0px 0px;}
.ic_btn4{margin:0px 3px 0px 3px;}
.ic_btn5{margin:3px 0px 9px 0px; vertical-align:text-bottom;}
.ic_btn6{margin:0px 0px 0px 0px; vertical-align:text-top;}
.ic_btn7{margin:40px 0px 0px 0px; vertical-align:text-top;}


/*탑공간*/	
#header{width:100%; height:102px; margin:0px auto; background-image:url(../images/top_bg.gif); background-repeat:repeat-x;}
	#hgroup{width:1200px; height:87px; margin:0px auto; padding-top:15px; background-image:url(../images/top_bg2.gif);}
	#logo{width:200px; float:left; padding-top:15px;}
	#menu{width:750px; text-align:center; height:70px; float:left;}
	#menu li{height:70px; float:left; list-style:none; margin:0px 0px 0px 50px; padding-top:32px; }
	#menu li a{color:#303030; font-family:'Nanum Gothic', 나눔고딕, Oswald; font-size:16px; font-weight:bold; letter-spacing:-1px;}
	#menu li a:hover{color:#56a70d; font-family:'Nanum Gothic', 나눔고딕, Oswald; font-size:16px; font-weight:bold;}
	
	#search{width:250px; float:left; margin-top:32px;}
	#search p{float:left;}
	#search p.title{margin-top:5px;}
	#search p.lbtn{padding:0px; cursor: pointer; margin-left:-1px;}
	#search p.rbtn{padding:0px; cursor: pointer; margin-left:-1px;}
	.searchinput{border-bottom: #828282 1px solid; border-top: #828282 0px solid; border-left: #828282 0px solid; border-right: #828282 0px solid; height:26px; padding:2px 0px 0px 6px; width:200px; float:left; background-color:#f0f0f0;}	

/*콘텐츠공간*/
#sub_img{width:100%; margin:0px auto 15px; background-image:url(../images/sub_imgbg.gif);}	
#section{width:1200px; margin:0px auto;}
#bottom{width:1200px; height:150px; margin:15px auto;}
#aside{float:left; width:240px; padding:0px;}	
#article{width:960px; padding:0px; float:left;}
			
/*카피라이터*/
#footer{width:100%; height:90px; padding:0px; margin:0px auto; clear:both;}
	#copyright{width:1200px; height:55px; margin:0px auto; border-top:1px #b1afae solid;}
		#copylogo{padding-left:0px; padding-top:17px; height:45px; width:160px; float:left; text-align:center;}
		#copyright2{width:1020px; padding-left:20px; height:45px; float:left;}		
		.copypop{padding-left:0px; padding-top:10px; height:22px; width:1020px; float:left; border-bottom:1px #b1afae solid;}
		.copypop span a{color:#000;}
		.copypop span a:hover{color:#e77000;}
		.copytext{padding-top:8px; width:1020px; float:left; line-height:22px;}
		.copytext p{padding-top:0px; width:1020px; display:block; color:#555;}	
		.copytext a{display:inline-block;margin:0 3px 0 0;height:16px;vertical-align:top; text-align:center;}
		

/*레프트메뉴 및 배너*/	
.Leftmenu{ width:212px; padding:0px;}
.Leftmenu ul{ text-align:left; background-image:url(../images/left_tb02.gif); }
.Leftmenu ul li{width:212px; cursor:pointer; font-size:13px; font-weight:bold; list-style:none;}
.Leftmenu ul li span a{width:162px; height:25px; padding-top:9px; display:block; margin-left:25px; border-bottom:1px #c5c5c5 solid; }
.Leftmenu ul li span a:hover{width:162px; height:25px; padding-top:9px; display:block; color:#d64004; margin-left:25px; border-bottom:1px #c5c5c5 solid;}
.leftselect{width:162px; height:25px; padding-top:9px; display:block; color:#d64004; margin-left:25px; border-bottom:1px #c5c5c5 solid;}    

#Lbanner{width:212px; margin-top:10px; padding:0px;}

/*-----------------------메인페이지-----------------------*/

/*메인이미지*/	
#mainwrap{width:1200px; height:461px; margin:0px auto; padding-top:0px; background-image:url(../images/maIn_bg.gif);}

   /*슬로건*/	
	#slogan{width:720px; height:461px; float:left; margin:0px;}
	#slogan h2{width:615px; text-align:left; margin:138px 0px 0px 105px;}	
   /*메인중간배너*/
    #Mbanner{width:660px; height:74px; padding-top:0px; float:left; margin:70px 0px 0px 60px;}

	/* 메인이미지 슬라이드 */
	#mainSlidervisual {float:left; width:480px; height:461px; position:relative;}
		/*메인이미지*/	
		#mainVisual{width:480px; height:461px; float:left; padding:0px;}
		.image_list2{width:480px; height:461px; float:left; position:absolute; }
		.clsBannerScreen {overflow: hidden;position: relative; width:480px;}
		.clsBannerScreen .images {position:absolute; display:none; }
		ul, li {list-style:none; margin:0; padding:0; font-size:14pt;}


/*bottom*/
#main_bottom{width:1200px; height:260px; padding-bottom:7px; margin:20px auto;}
#bottom_banner{width:460px; float:left;}	
/*시공갤러리*/	
#gallery{width:460px; float:left;}
/*cs*/	
#cs{width:224px; float:left;}
/*catalog*/	
#catalog{width:216px; float:left;}
/*제품슬라이드*/	
	#slide{width:740px; height:260px; float:left; margin:0px;}
		#slide_Pimg{width:660px; height:260px; float:left; margin-top:5px;}
		#btleft{width:40px; height:260px; padding-top:10px; cursor:pointer;  text-align:left; float:left;}
		#btright{width:40px; height:260px; padding-top:10px; cursor:pointer; text-align:right; float:left;}
		#slide_Pwrap{width:660px; height:260px; overflow:hidden; position:relative;}
		.slide_P{width:1320px; position:absolute;}		
		.slide_P li{list-style:none; float:left; margin:0px 10px 0px 10px; width:200px; height:260px;}
		.slide_P li p.P_img{text-align:center;}
		.slide_P li p.P_img img{width:200px; height:200px; border:#999 1px solid;}	
		.slide_P li p.P_text{font-size:13px; color:#000; padding-top:5px; font-weight:bold; text-align:center;}
		.slide_P li p.P_text2{font-size:12px; color:#566278; padding-left:0px; height:20px; text-align:center;}
		.slide_P li p.P_text3{font-size:12px; color:#73a728; padding-left:0px; height:20px; font-weight:bold; text-align:center;}
	
/*메인공지사항*/			
#notice{width:438px; float:left;}
	#notice h2{float:left; margin-bottom:8px; height:120px}
	#notice ul{padding-left:20px; padding-top:3px; width:310px; list-style:none; float:left;}
	#notice ul li.title{width:240px; float:left; height:19px; font-family: 'Nanum Gothic', 나눔고딕, Oswald, verdana, 나눔고딕, Dotum, 돋움, AppleGothic, sans-serif; font-size:12px;}
	#notice ul li.title a{color:#666666; height:19px;}
	#notice ul li.title a:hover{color:#069;}				
	#notice ul li.date{width:70px; float:left; height:19px; color:#666666; font-family: 'Nanum Gothic', 나눔고딕, Oswald, verdana, 나눔고딕, Dotum, 돋움, AppleGothic, sans-serif; font-size:12px; vertical-align:text-bottom;}

/*-----------------------sub 공통 레이아웃 스타일-----------------------*/
#subwrap{width:1200px; height:310px; margin:0px auto; padding-top:0px; background-image:url(../images/sub_bg.gif);}
.subImg{width:1200px; height:90px; text-align:center; margin:0px auto;}
.subImg img{margin-top:0px;}
#path{width:960px; height:28px; margin-top:10px; margin-bottom:10px; float:left; border-bottom:#bfbfbf 1px solid;}		
#path ul li{list-style:none; float:left;}
	.sub_title{width:280px; color:#222; font-weight:bold; font-size:14px; text-align:left;}
	.sub_path{width:680px; height:18px; text-align:right; font-size:12px;}				
	.sub_path a{}
	.sub_path a:hover{color:#d42b00; font-weight:bold;}
	.end {color:#d42b00;}
	.end a{color:#d42b00;}
	.end:hover{color:#d42b00; font-weight:bold;}				
#contents{min-height:550px; width:960px; float:left; margin-bottom:0px; background-color:#fff;}
#contents2{width:900px; float:left; margin-left:30px; background-color:#fff;}
#board{width:960px; margin-bottom:10px; float:left; }
#ssimg{width:960px; float:left; text-align:center;}

/*---------------------------------회사소개--------------------------------*/
.greeting{text-align:center; margin-top:20px;}
#map{margin:20px 0px 20px 0px; float:left; height:525px;}
#history{width:860px; float:left; margin-left:50px; margin-top:20px; padding:0px; background:url(/a/images/history_bg.jpg) no-repeat; min-height:330px;}
.historylist{width:600px; margin-left:260px; float:left; margin-bottom:20px;}
.historyinfo{width:448px; 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:440px; 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:348px;}

#Certilist{width:960px; float:left; margin-bottom:10px;}						
#CertiP1line{width:960px; float:left; margin:5px 0px 15px 0px;}
#CertiP1line li{
		width:270px;
		padding:15px 8px 15px 8px;
		background:#fff;
		border:#CCCCCC 1px solid;
		list-style:none;
		float:left;}
#CertiP1line li:hover{border:#d42b00 1px solid;}		
#CertiP1line li.margin{width:30px;border:#CCCCCC 0px solid;}	
#CertiP1line li p.P_img{text-align:center;}								
#CertiP1line li p.P_img img{width:250px;height:341px;}
#CertiP1line li p.P_text{text-align:center; padding-top:5px; font-size:12px;color:#000; font-weight:bold;}


/*-----------------------제품 리스트-----------------------*/

#Plist{width:960px; float:left; margin-bottom:15px;}
#P1line{width:960px; float:left; margin:5px 0px 15px 0px;}
#P1line li{width:250px; list-style:none;float:left;cursor:pointer;}		
#P1line li.margin{width:105px; border:0px;}		
#P1line li p.P_img{text-align:center;}
#P1line li p.P_img img{width:250px; height:250px;}
#P1line li p.Lbtn{text-align:center; margin-top:5px;}
#P1line li p.Lbtn img{margin:0px 2px 0px 0px;}	
#P1line li p.P_text{font-size:13px; color:#000; padding-top:5px; font-weight:bold; text-align:center; border-bottom:1px #CCCCCC solid;}
#P1line li p.P_text2{font-size:12px; color:#000; padding-left:0px; padding-top:3px; height:22px; text-align:center; border-bottom:1px #CCCCCC solid;}
#P1line li p.P_text3{font-size:12px; color:#000; padding-left:0px; padding-right:0px; padding-top:3px; height:22px; text-align:center; font-weight:bold; border-bottom:1px #CCCCCC solid;}
#P1line li p.P_text4{font-size:12px; color:#2860b5; padding-left:0px; height:22px; font-weight:bold; text-align:center; border-bottom:1px #CCCCCC solid;}


/*---------------------------------제품뷰--------------------------------*/
#mark_ic{position:absolute; z-index:2; top:10px; left:0%; margin-left:10px; width:47px; height:47px;}

#View{width:960px; float:left; margin-top:15px;}
#View p{float:left;}
#View p.Bimg{margin-right:0px; width:600px; height:600px; text-align:center;}
#View p.line{margin-top:50px; margin-bottom:48px; margin-right:24px;}

#spec{width:360px; height:300px; float:left; padding:0px;}
#spec .pti{width:150px; height:60px; background:#a89c99; font-size:14px; font-weight:bold; padding-top:40px; float:left; color:#fff; text-align:center;}
#spec .pinfo{width:209px; height:93px; border-right:#c4c4c4 1px solid; border-bottom:#c4c4c4 1px solid; border-top:#c4c4c4 1px solid; font-size:14px; font-weight:bold; padding-top:5px; float:left;}
#spec .pinfo p.P_text{font-size:13px; color:#000; margin-left:20px; margin-right:20px; padding-top:5px; font-weight:bold; width:169px; text-align:center; border-bottom:1px #999999 solid;  padding-bottom:3px;}
#spec .pinfo p.P_text2{width:179px; font-size:12px; color:#000; padding-left:30px; height:22px; padding-top:7px;}
#spec .pinfo p.P_text3{width:179px; font-size:12px; color:#000; padding-left:30px; height:22px; font-weight:bold;}

#spec2{width:360px; height:340px; float:left; padding:0px;}
#spec2 .pti{width:150px; height:74px; background:#004181; font-size:14px; font-weight:bold; padding-top:60px; float:left; color:#fff; text-align:center;}
#spec2 .pinfo{width:209px; height:127px; border-right:#c4c4c4 1px solid; border-bottom:#c4c4c4 1px solid; border-top:#c4c4c4 1px solid; font-size:14px; font-weight:bold; padding-top:5px;float:left;}
#spec2 .pinfo p.P_text{font-size:13px; color:#000; margin-left:20px; margin-right:20px; padding-top:5px; font-weight:bold; width:169px; text-align:center; border-bottom:1px #999999 solid;  padding-bottom:3px;}
#spec2 .pinfo p.P_text2{font-size:12px; color:#000; padding-left:30px; padding-top:7px; height:22px; width:179px; }
#spec2 .pinfo p.P_text3{width:179px; font-size:12px; color:#000; padding-left:30px; height:22px; font-weight:bold;}
#spec2 .pinfo p.P_text4{font-size:12px; color:#2860b5; padding-left:30px; height:22px; width:179px;}
#spec2 .pinfo p.P_text5{font-size:12px; color:#e80e3c; padding-left:30px; height:22px; width:179px;}

.mark{width:360px; text-align:center; margin:10px 0px 10px 0px;}
.mark img{margin:0px 2px 0px 0px;}
.Vbtn{width: 360px; height:22px; text-align:center; float:left; margin-top:0px; margin-left:0px;}
.Vbtn a{margin:0px 1px 0px 1px;}
#detail{width:960px; float:left; margin-top:10px; margin-bottom:15px;}
#detail h2{padding-bottom:10px;}
#detail ul{}
#detail ul li{list-style:none;}
#detail ul li img{text-align:center;}
.detailtext{margin-left:0px;}

/*---------------------------------시공갤러리리스트--------------------------------*/
#WPlist{width:960px; float:left; margin-bottom:15px;}
#WP1line{width:960px; float:left; margin:5px 0px 15px 0px;}
#WP1line li{width:270px; padding:10px 0px 10px 0px; list-style:none;float:left;cursor:pointer; border:#999 1px solid;}
#WP1line li:hover{border:#d42b00 1px solid; }		
#WP1line li.margin{width:70px; border:0px;}		
#WP1line li p.P_img{text-align:center;}
#WP1line li p.P_img img{width:250px; height:205px;}
#WP1line li p.Lbtn{text-align:center; margin-top:5px;}
#WP1line li p.Lbtn img{margin:0px 2px 0px 0px;}	
#WP1line li p.P_text{
	text-align:center;
	font-size:13px;
	color:#000;
	padding-top:5px;
	font-weight:bold;
	}
#WP1line li p.P_text2{
	text-align:center;
	font-size:12px;
	color:#000;
	}

#sort{width:960px; height:24px; margin-bottom:25px; float:left; border-bottom:#5c5c5c 2px solid;}		
#sort ul li{list-style:none; float:left;}
	.sub_title{width:250px; color:#333; font-size:12px; text-align:left; }
	.sub_title span{ display:inline-block; color:#ed006d; font-weight:bold;}
	.sub_sort{width:710px; height:18px; text-align:right;}				
	.sub_sort a{color:#333;}
	.sub_sort a:hover{color:#d42b00;}

/*---------------------------------시공갤러리뷰--------------------------------*/

#sortV{width:960px; float:left; margin:0px;}
#sortV ul.item-list{width:940px; float:left; padding:10px; border:#999 solid 1px;}
#sortV li{list-style:none; font-size:12px; text-align:center;}
.sortTi{font-size:13px; font-weight:bold; width:85px; padding-left:10px;}
.sortcont{margin:2px 0px 0px 0px; padding-right:10px;}


#Gimg{width:910px; padding-top:15px; text-align:center; margin:0px 25px 0px 25px;}
#specImgG{width:910px; float:left; margin:0px 25px 0px 25px; height:110px;}
#specImgG li a{list-style:none; float:left; margin:0px 4px 0px 5px; padding:0px; border:#ccc 1px solid; height:90px; width:90px;}
#specImgG li a:hover{border:#CC0000 1px solid;}
.Gbtn{width: 910px; height:40px; padding-top:10px; text-align:center; float:left; margin:0px 25px 0px 25px;}
.Gbtn a{margin:0px 1px 0px 1px;}

/*---------------------------페이지 넘버링----------------------------*/
.pagination{text-align:center;padding:0px 0 0px 0px; margin-top:15px; margin-bottom:15px;}
.pagination a{display:inline-block;margin:0 1px 0 0;height:24px;vertical-align:top; background-color:#fff;}
.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 #627ab7; color:#627ab7; background:#eff6fa;}

/*--------------게시판 스타일 정의---------------*/
.white{color:#fff; 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;}
.btn{margin:0px 1px 0px 1px;}
.board_ti{
	height:37px;
	background-image:url(/f/images/boardbar_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	color: #666; 
	font-weight:bold;
	padding-top:3px;}

/*------------------ 색상정리 -----------------*/
.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;}
.darkgray{color:#222; 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;}