@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);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.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}
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, 나눔고딕, NanumBarunGothic, 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:97px; margin:0px auto; background-image:url(../images/top_bg.gif); background-repeat:repeat-x;}
	#hgroup{width:1200px; height:70px; margin:0px auto; padding-top:27px; background-image:url(../images/top_bg2.gif);}
	#logo{width:370px; float:left; padding-top:7px;}
	#menu{width:830px; text-align:center; height:70px; float:left;}
	#menu li{height:70px; float:left; list-style:none; margin:0px 0px 0px 58px; padding-top:12px; line-height:10px;}
	#menu li.eng{color:#303030; font-family:돋움; font-size:10px; letter-spacing:0px;}
	#menu li a{color:#14407d; font-family:'NanumBarunGothic','Nanum Gothic', 나눔고딕, Oswald; font-size:17px; font-weight:700; letter-spacing:0px;}
	#menu li a:hover{color:#56a70d; font-family:'NanumBarunGothic', 'Nanum Gothic', 나눔고딕, Oswald; font-size:17px; font-weight:700;}

/*콘텐츠공간*/
#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:30px; margin:0px auto; border-top:1px #b1afae solid;}
		.copypop{padding-top:5px; width:1180px; margin:0px auto; text-align:center; height:25px; padding-left:20px; border-bottom:1px #b1afae solid;}
		.copypop span a{color:#333;}
		.copypop span a:hover{color:#5baa98;}
	#copywrap{width:1200px; height:70px; margin:0px auto;}	
	#copyright2{width:1200px; height:70px; padding-top:5px; float:left; text-align:center;}		
		.copytext{padding-top:8px; width:700px; float:left; border-top:#c3c3c3 1px solid; margin:0px auto; }
		.copytext p{padding-top:0px; width:700px; display:block; color:#555;}	
		.copytext a{display:inline-block;margin:0 3px 0 0;height:16px;vertical-align:top; text-align:center;}
	#copyright3{width:224px; height:70px; padding-top:5px; float:left; text-align:center;}
	#copyright1{width:267px; height:70px; padding-top:5px; float:left; 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;}

.leftmenu2{width:152px; padding-left:10px; margin-left:25px;  height:25px; padding-top:9px; display:block; color:#686868; border-bottom:1px #c5c5c5 solid;}
.leftmenu2:hover{width:152px; padding-left:10px; margin-left:25px; padding-top:9px; display:block; color:#2a9188; border-bottom:1px #c5c5c5 solid;}
.leftselect2{width:152px; padding-left:10px; margin-left:25px; height:25px; padding-top:9px; display:block; color:#2a9188; border-bottom:1px #c5c5c5 solid;}    

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

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

/*메인이미지*/	
#mbanner{position:absolute; z-index:2; top:0px; left:0%; margin-left:210px; width:780px; height:255px;}
#mbanner .banner2{margin:0px 25px 0px 25px;}
#mainVisual{width:1200px; height:540px; margin:0px auto;}
	/* 메인이미지 슬라이드 */
		#mainSlidervisual {float:left; width:1200px; height:370px; position:relative;}
		#mainSlidervisual .sliderContent {clear:both; width:1200px; height:370px; position:relative; overflow:hidden; }
		#mainSlidervisual .sliderContent img {width:1200px; height:370px; border-bottom:0px #d7d7d7 solid; border-left:0px #d7d7d7 solid; border-right:0px #d7d7d7 solid;}
		#mainSlidervisual .sliderContent .item {position:absolute;width:1200px; height:370px; background:#ffffff; border-bottom:0px #d7d7d7 solid; border-left:0px #d7d7d7 solid; border-right:0px #d7d7d7 solid; }				
		#mainSlidervisual .sliderArrows a {display:block;text-indent:-9999px;z-index:1;width:24px;height:59px;overflow:hidden;position:absolute;top:50%;margin-top:-20px; }
		#mainSlidervisual .prev {background-image:url(/images/ic_prevoff.png); left:20px;}
		#mainSlidervisual .prev:hover {background-image:url(/images/ic_prevon.png);}
		#mainSlidervisual .next {background-image:url(/images/ic_nextoff.png); right:20px;}
		#mainSlidervisual .next:hover {background-image:url(/images/ic_nexton.png);}

		#mainSlidervisual .sliderBullets {position:absolute; bottom:10px; z-index:90; margin-left:42%;}
		#mainSlidervisual .sliderBullets a {float:left;  display:block; text-indent:-9999px; margin-left:3px; width:15px; height:15px; background: transparent url(/images/off.png) no-repeat left top;}
		#mainSlidervisual .sliderBullets .active {background:url(/images/on.png) no-repeat left top;}
		.float_left {float: left;}

#cont1{width:930px; float:left; height:230px;}
#cont1 h2{float:left;}
	#gallery_Pimg{width:900px; height:116px; float:left;}
	#gallery_Pwrap{width:900px; height:116px; overflow:hidden; position:relative;}
	.gallery_P{width:1800px; position:absolute;}
	.gallery_P li.P_img{}
	.gallery_P li{width:190px;list-style:none; float:left; cursor:pointer; margin-left:25px;}
	.gallery_P li p.P_img img{width:190px; height:116px;}

#cont2{width:266px; float:left; padding-bottom:20px;}
#notice{width:266px; float:left;}
	#notice h2{float:left; margin-bottom:8px; height:28px;}
	#notice ul{padding-left:5px; padding-top:2px; width:260px; list-style:none; float:left;}
	#notice ul li.title{width:260px; float:left; height:18px; font-size:11px; font-family: Dotum, 돋움, AppleGothic, sans-serif;}
	#notice ul li.title a{color:#666666; height:18px; font-size:11px; font-family: Dotum, 돋움, AppleGothic, sans-serif;}
	#notice ul li.title a:hover{color:#069; font-family: Dotum, 돋움, AppleGothic, sans-serif;}				
#cs{width:266px; float:left;}	

/*-----------------------sub 공통 레이아웃 스타일-----------------------*/
#subwrap{width:1200px; height:280px; margin:0px auto; padding-top:0px;}
.subImg{width:1200px; height:280px; text-align:center; float:left;}
.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:260px; padding-left:20px; color:#222; font-weight:bold; font-size:14px; text-align:left; background-image:url(../images/path_bg.gif); background-repeat:no-repeat;}
	.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:450px; 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;}
#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;}
#CertiP1line li p.P_text2{text-align:center; padding-top:5px; }


/*-----------------------제품 리스트-----------------------*/
.category{width:961px; margin-bottom:15px; float:left; margin-left:1px}
	.category ul{display:inline-block;margin:0px -1px;font-size:0;line-height:0;vertical-align:top;*display:inline;*zoom:1;*margin:0;}
	.category li{margin:0 0 -1px -1px; font-size:16px; font-family:'Nanum Gothic', 나눔고딕; color:#757575;vertical-align:top;list-style:none; float:left; text-align:center; background-image:url(../c/images/cate_bg.gif); background-repeat:no-repeat;}
	.category li:first-child{margin-left:-1px;}
	.category li a{display:block;width:158px;padding:7px 0px 14px 0px;font-weight:bold;color:#fff;line-height:14px; font-size:15px;}
	.category li a:hover{text-decoration:none; color:#333;}
	.category li a.this{color:#333;}
	.category a.nolink{cursor:default;}

#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;}


/*---------------------------------제품뷰--------------------------------*/
#View{width:960px; float:left; margin-top:15px;}
#View p{float:left; width:580px;}
#View p.Bimg{margin-right:0px; width:590px; height:500px; text-align:center;}
#View p.line{margin-top:50px; margin-bottom:48px; margin-right:24px;}

#spec{width:360px; height:320px; float:left; padding:0px;}
#specinfo{width:360px; float:left; padding:0px; border-bottom:#c4c4c4 1px solid;}
#specinfo .pti{width:360px; height:27px; padding-top:5px; background:#a89c99; font-size:16px; font-weight:bold; float:left; color:#fff; text-align:center;}
#specinfo .model{width:150px; min-height:80px; font-size:14px; color:#000; font-weight:bold; float:left; text-align:center; padding-top:5px; }
#specinfo .size{width:200px; float:left; border-left:#c4c4c4 1px solid; padding-bottom:8px;}
#specinfo .size p.P_text2{margin-left:20px; margin-right:20px; width:160px; font-size:13px; color:#000; height:20px; padding-top:5px; padding-left:10px; border-bottom:#c4c4c4 1px solid;}


.mark{width:360px; text-align:center; padding-top:10px; float:left;}
.mark img{margin:10px 2px 0px 0px;}
.Vbtn{width: 360px; height:22px; text-align:center; float:left;}
.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;
	}


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

#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(/e/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(/e/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;}