@charset "utf-8";
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');

@font-face{
	font-family:'Noto Sans KR';
	src:url('font/NotoSansKR-Regular.eot');
	src:url('font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	url('font/NotoSansKR-Regular.woff') format('woff'),
	url('font/NotoSansKR-Regular.ttf') format('truetype');
	src:local(※), url('font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
 font-family: 'NanumGothic';
 src: url(../NanumGothic.eot);
}

/*
font-family: 'NanumGothicLight';
font-family: 'NanumGothic';
font-family: 'NanumGothicBold';
font-family: 'NanumGothicExtraBold';

font-family: 'NanumSquareLight';
font-family: 'NanumSquare';
font-family: 'NanumSquareBold';
font-family: 'NanumSquareExtraBold';
font-family: 'NanumSquareAcb';
font-family: 'NanumSquareAceb';
font-family: 'NanumSquareAcl';
font-family: 'NanumSquareAcr';
*/

/* 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주기*/
fieldset{border:none;vertical-align:top;}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
h2{ list-style:none;}
input{border:none; outline: none;}

/*-----------------------base style-----------------------*/

html *{
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	font-family: Dotum, 돋움, 'Nanum Gothic', 나눔고딕, verdana, 나눔고딕, AppleGothic, sans-serif;
	font-size: 12px;
	color: #222;
	}
	
body.main{margin:0px; padding:0px;
	/* [disabled]width:100%; */
	height:100%; background-color:#e3e3e3;}
body.sub{margin:0px; padding:0px; width:100%; height:100%; background :url(../images/main_bg.jpg); background-position:center 0px; background-repeat:no-repeat;}

.margin20_10{margin:20px 0px 10px 0px;}
.margin10{margin:10px 0px 10px 0px;}
.margin15_5{padding:5px 0px 0px 0px;}
.margin_2{padding:0px 2px 0px 2px;}
.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:0px 0px 5px 0px; vertical-align:text-bottom;}
.ic_btn6{margin:0px 5px 0px 5px;}
.ic_btn7{margin:0px 15px 0px 15px;}
.ic_btn8{margin:0px 3px 0px 10px;}
.ic_btn9{margin:0px 0px 20px 0px;}

/*탑공간*/	
#header{width:100%; height:120px; margin:0px auto; background-color:#eeeeee; border-top:#a9be94 8px solid;}
    #mark{width:1300px; height:30px; margin:0px auto; text-align:right;}
	#hgroup{width:1300px; height:126px; margin:-8px auto;}
	#logo{width:300px; float:left; padding-top:45px; text-align:center;}
	#menu{width:720px; text-align:center; float:left; padding-top:55px; padding-left:40px;}
	#menu li{height:30px; float:left; list-style:none; margin:0px 0px 0px 0px; padding:4px 11px 6px 11px; display:block; }
	#menu li a{color:#000; font-family:'NanumSquareExtraBold'; font-size:17px; padding:4px 20px 6px 20px;;}
	#menu li a:hover{color:#fff; font-family:'NanumSquareExtraBold'; font-size:17px; background:#0eb5c3; padding:4px 20px 6px 20px;}	
	#menu li a.this{color:#fff; font-family:'NanumSquareExtraBold'; font-size:17px; background:#0eb5c3; }
	#search{width:240px; float:left; padding-top:55px;}
	#search p{float:left;}
	#search p.lbtn{padding:0px; cursor: pointer; margin-left:-1px;}
	#search p.rbtn{padding:0px; cursor: pointer; margin-left:-1px;}
	.searchinput{BACKGROUND-COLOR:#eeeeee; color:#333; border-bottom: #dd2443 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:180px; float:left;}	
	
	
		
/*콘텐츠공간*/
#section{width:1300px; min-height:500px; margin:0px auto; padding-top:20px;}
#section_wrap{width:1300px; min-height:500px; margin:0px auto; padding-top:0px; background-color:#fff;}
#aside{width:300px; float:left; padding-bottom:20px;} 
#article{width:1000px; padding:0px; float:left; margin-top:0px;}
#bottom{width:1300px; height:150px; margin:15px auto;}
					
/*카피라이터*/
#footer{width:100%; height:120px; padding:0px; margin:0px auto; clear:both; }
	#copywrap{width:1300px; height:80px; margin:0px auto; padding-top:20px; border-top:#333 3px solid;}	
	#copylogo{width:300px; height:80px; color:#000; text-align:center; margin-left:50px; float:left;}
	#copylogo a{color:#000; text-align:center;}	
	#copylogo a:hover{color:#fff; text-align:center;}
	#copyright2{width:870px; height:80px; float:left; margin-left:30px; color:#000; line-height:24px;}		
		.copytext{padding-top:8px; width:870px; float:left;}
		.copytext p{padding-top:0px; width:870px; display:block; color:#000;}	
		.copytext a{display:inline-block;margin:0 3px 0 0;height:16px;vertical-align:top; text-align:center;}
		
		
/*레프트메뉴 및 배너*/	
.Leftmenu{float:left; width:300px; background:#fff; padding-bottom:10px; top:-30px;}
.Leftmenu h2{width:300px; }

.Leftmenu ul{text-align:left; margin-top:0px; width:265px;}
.Leftmenu ul li{font-family:'NanumSquareAcb'; width:265px; height:39px; padding-left:0px; cursor:pointer; font-size:15px; list-style:none; border-bottom:#0a3069 dotted 1px;}
.Leftmenu ul li span a{font-family:'NanumSquareAcb'; padding:10px 10px 10px 30px; display:block; width:235px; cursor:pointer; color:#0a3069; font-size:16px; z-index:1; background-image:url(../images/bg_leftti.png); background-position:15px center; background-repeat:no-repeat;} 
.Leftmenu ul li span a:hover{color: #19adb9; background-image : url(../images/bg_lefttion.png); background-position:16px center; background-repeat:no-repeat;}
.leftselect{font-family:'NanumSquareAcb'; padding:11px 10px 11px 30px; display:block; width:235px; color: #19adb9; background-image : url(../images/bg_lefttion.png); background-position:15px center; background-repeat:no-repeat; font-size:16px; }   
.Leftmenu ul li.LeftMenuSub{font-family:'NanumSquareBold'; padding:7px 0px 5px 10px; width:225px; margin-left:15px; height:24px; cursor:pointer; font-size:13px; list-style:none; background-color:#ECEDEE;}
.Leftmenu ul li.LeftMenuSub a{font-family:'NanumSquareBold'; padding:7px 0px 5px 10px; width:225px; margin-left:15px; height:24px; cursor:pointer; font-size:13px; list-style:none; border-bottom:#ff8d3c solid 1px;}
.Leftmenu ul li.LeftMenuSub:hover{color:#ff8d3c;}

#quick_banner{width:215px; float:left;}


/*-----------------------메인페이지-----------------------*/
/*메인이미지*/	
#mainVisualwrap{width:100%; height:656px; padding-top:40px; padding-bottom:40px; margin:0px auto;}
#mainVisual{width:1300px; height:656px; margin:0px auto; padding-top:0px;}
	/* 메인이미지 슬라이드 */
		#mainSlidervisual {float:left; width:1300px; height:656px; position:relative;}
		#mainSlidervisual .sliderContent {clear:both; width:1300px; height:656px; position:relative; overflow:hidden;}
		#mainSlidervisual .sliderContent img {width:1300px; height:656px; border-bottom:0px #d7d7d7 solid; border-left:0px #d7d7d7 solid; border-right:0px #d7d7d7 solid;}
		#mainSlidervisual .sliderContent .item {position:absolute;width:1300px; height:656px; 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:50%;}
		#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;}
		
/*메인g2b제품*/
#main_g2b{width:1250px; height:420px; margin:0px auto; clear:both;}
	#g2blist_wrap{width:1250px; height:520px; margin:0px auto;}
	#g2blist_wrap h2{float:left; width:1250px; text-align:center; padding:20px 0px 20px 0px;}
	#g2blist{width:1250px; float:left; margin-bottom:5px;}
	#g2b1line{width:1250px; height:407px; float:left; margin:5px 0px 25px 0px;}
	#g2b1line li{list-style:none;float:left;cursor:pointer;}
	#g2b1line li.P{width:290px; height:407px; list-style:none;float:left;cursor:pointer;}		
	#g2b1line li.margin{width:30px; border:0px;}
	#g2b1line li p{float:left;}		
	#g2b1line li p.P_img{text-align:center; background-color:#fff; border:#CCC 1px solid; height:310px; margin-bottom:10px;}
	#g2b1line li p.P_img img{width:230px; height:230px; text-align:center; margin:16px; border-bottom:#666 2px solid; }
	.P_text{margin-left:25px; width:230px; height:35px; text-align:center; font-family:'NanumGothic', 나눔고딕; font-size:16px; color:#000; font-weight:bold; float:left;}
	#g2b1line li p.P_text2{margin-left:20px; width:240px; padding-top:0px; font-size:12px; color:#000; height:20px;}
	#g2b1line li p.P_text3{margin-left:20px; width:240px; padding:0px 0px 0px 0px; font-size:12px; color:#000; height:20px;}
	#g2b1line li p.P_text4{margin-left:0px; width:54px; padding:10px 0px 10px 10px;}	
	#g2b1line li p.P_text5{margin-left:20px; width:240px; padding-top:0px; font-family:Verdana, Geneva, sans-serif; color:#00bea4; font-weight:bold; height:20px;}
	#g2b1line li p.P_text2 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#g2b1line li p.P_text3 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#g2b1line li p.P_text4 img{margin:0px 5px 0px 0px; vertical-align:bottom;}		
	#g2b1line li p.P_text5 img{margin:0px 3px 0px 0px; vertical-align:bottom;}
	

/*메인제품*/
#main_product{width:1300px; height:1000px; margin:0px auto; clear:both;}
	#mplist_wrap{width:1300px; height:860px; margin:0px auto;}
	#mplist_wrap h2{float:left; width:1300px; padding:30px 0px 30px 0px; text-align:center;}
	#mplist{width:1300px; float:left; margin-bottom:0px; height:340px;}
	#mp1line{width:1300px; height:430px; float:left; margin:0px 0px 0px 20px;}
	#mp1line li{list-style:none;float:left;cursor:pointer;}
	#mp1line li.P{width:270px; height:400px; border:#ccc 0px solid; list-style:none;float:left;cursor:pointer;}		
	#mp1line li.margin{width:58px; border:0px;}
	#mp1line li p{float:left;}		
	#mp1line li p.P_img{text-align:center; background-color:#fff; border:#CCC 1px solid; height:310px;}
	#mp1line li p.P_img img{width:230px; height:230px; text-align:center; margin-top:20px; margin-right:20px; margin-left:20px; margin-bottom:10px;}
	.P_text{width:230px; height:35px; font-family:'NanumGothic', 나눔고딕; font-size:14px; color:#000; font-weight:bold; float:left; border-top:#000 2px solid; display:block; margin-left:20px; padding-top:5px;}
	#mp1line li p.P_text2 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#mp1line li p.P_text3 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#mp1line li p.P_text4 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#mp1line li p.P_text2{margin-left:15px; width:160px; padding-top:20px; font-size:12px; height:12px; font-weight:bold;}
	#mp1line li p.P_text3{margin-left:15px; width:160px; padding:4px 0px 0px 0px; font-size:12px; height:12px;}
	#mp1line li p.P_text5{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; color:#fe0042; font-weight:bold;}
	#mp1line li p.P_text6{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; font-weight:bold;}
	#mp1line li p.P_text7{margin-left:15px; width:160px; padding-top:30px; font-size:12px; height:15px; font-weight:bold;}
	#mp1line li p.P_text4{margin-left:15px; width:54px; padding:20px 0px 5px 0px;}			


/*메인바텀배너*/
#BbannerWrap{width:100%; height:218px; margin:0px auto; clear:both; background-image:url(../images/Bbanner_bg.gif);}
#Bbanner{width:1300px; margin:0px auto; padding-top:0px;}

/*-----------------------sub 공통 레이아웃 스타일-----------------------*/
#sub_wrap{width:100%; height:367px; padding-top:0px; margin:0px auto; background-color:#eeeeee;}
	#sub_img{width:1300px; height:327px; margin:0px auto; }
#path{width:1000px; 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:360px; color:#222; font-weight:bold; font-size:14px; text-align:left; font-family:'Nanum Gothic', 나눔고딕; padding-left:20px;
		background-image: url(../images/ic_check2.png);
		background-repeat: no-repeat;
		background-position: 0px center;}
	.sub_path{width:619px; height:22px; 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{width:1000px; float:left; margin-bottom:10px;}
#contents2{width:1000px; float:left;}
#board{width:1000px; margin-bottom:10px; float:left; }
#ssimg{width:1000px; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}

/*---------------------------------회사소개--------------------------------*/
#greeting{float:left; width:1000px; text-align:center; margin-top:10px;}
#map{margin:20px 25px 20px 25px; float:left;}


/*-----------------------제품 리스트-----------------------*/
#stitle{margin:0px 20px 0px 20px; width:860px; height:25px; float:left; color:#333; font-size:14px; font-weight:bold;  font-family:'Nanum Gothic', 나눔고딕;}	
.category{width:1000px; float:left; margin:10px 0px 10px 0px;}
	.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;border:1px solid #d3d3d3;font-size:14px; font-family:'Nanum Gothic', 나눔고딕; color:#757575;vertical-align:top;list-style:none; float:left; text-align:center;}
	.category li:first-child{margin-left:-1px;}
	.category li a{display:block;width:248px;padding:10px 0px 10px 0px;font-weight:bold;color:#353535;line-height:14px;background:#fff; font-size:14px;}
	.category li a:hover{text-decoration:none;background:#fcfcfc; color:#3b3e98; font-size:16px; font-weight:bold;}
	.category li a.this{color:#3b3e98; background:#fcfcfc; font-size:16px; font-weight:bold;}
	.category a.nolink{cursor:default;}

#sub_g2blist{width:1000px; float:left; margin-bottom:5px;}
	#sub_g2b1line{width:1000px; height:380px; float:left; margin:5px 0px 25px 0px;}
	#sub_g2b1line li{list-style:none;float:left;cursor:pointer;}
	#sub_g2b1line li.P{width:270px; height:380px; list-style:none;float:left;cursor:pointer;}		
	#sub_g2b1line li.margin{width:90px; border:0px;}
	#sub_g2b1line li p{float:left;}
	#sub_g2b1line p.P_img{text-align:center; background-color:#fff; border:#CCC 1px solid; height:295px;}
	#sub_g2b1line p.P_img img{width:230px; height:230px; text-align:center; margin-top:10px; margin-right:20px; margin-left:20px; margin-bottom:10px;}
	#sub_g2b1line li p.P_text2{margin-left:15px; width:160px; padding-top:15px; font-size:12px; height:12px; font-weight:bold;}
	#sub_g2b1line li p.P_text3{margin-left:15px; width:160px; padding:4px 0px 0px 0px; font-size:12px; height:12px;}
	#sub_g2b1line li p.P_text4{margin-left:15px; width:54px; padding:15px 0px 5px 0px;}		
	#sub_g2b1line li p.P_text5{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; color:#fe0042; font-weight:bold;}
	#sub_g2b1line li p.P_text6{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; font-weight:bold;}
	#sub_g2b1line li p.P_text2 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#sub_g2b1line li p.P_text3 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#sub_g2b1line li p.P_text4 img{margin:0px 5px 0px 0px; vertical-align:bottom;}		
	#sub_g2b1line li p.P_text5 img{margin:0px 3px 0px 0px; vertical-align:bottom;}	
	
	
#sub_Plist{width:1000px; float:left; margin-bottom:5px;}
	#sub_P1line{width:1000px; height:380px; float:left; margin:5px 0px 25px 0px;}
	#sub_P1line li{list-style:none;float:left;cursor:pointer;}
	#sub_P1line li.P{width:270px; height:380px; list-style:none;float:left;cursor:pointer;}		
	#sub_P1line li.margin{width:90px; border:0px;}
	#sub_P1line li p{float:left;}
	#sub_P1line p.P_img{text-align:center; background-color:#fff; border:#CCC 1px solid; height:295px;}
	#sub_P1line p.P_img img{width:230px; height:230px; text-align:center; margin-top:10px; margin-right:20px; margin-left:20px; margin-bottom:10px;}
	#sub_P1line li p.P_text2{margin-left:15px; width:160px; padding-top:15px; font-size:12px; height:12px; font-weight:bold;}
	#sub_P1line li p.P_text3{margin-left:15px; width:160px; padding:4px 0px 0px 0px; font-size:12px; height:12px;}
	#sub_P1line li p.P_text4{margin-left:15px; width:54px; padding:15px 0px 5px 0px;}		
	#sub_P1line li p.P_text5{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; color:#fe0042; font-weight:bold;}
	#sub_P1line li p.P_text6{margin-left:15px; width:80px; padding:4px 0px 0px 0px; font-size:12px; height:12px; font-weight:bold;}
	#sub_P1line li p.P_text7{margin-left:15px; width:160px; padding-top:30px; font-size:12px; height:15px; font-weight:bold;}
	#sub_P1line li p.P_text2 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#sub_P1line li p.P_text3 img{margin:0px 5px 0px 0px; vertical-align:bottom;}
	#sub_P1line li p.P_text4 img{margin:0px 5px 0px 0px; vertical-align:bottom;}		
	#sub_P1line li p.P_text5 img{margin:0px 3px 0px 0px; vertical-align:bottom;}

/*---------------------------------제품뷰--------------------------------*/
#View{width:1000px; float:left; padding:0px 0px 0px 0px; height:630px;}
#View p{float:left;}
#View p.Bimg{width:600px; height:600px; margin-right:30px;}

#spec2{width:370px; height:72px; float:left; padding:0px; background:#fff; margin-top:15px;}
#spec2 .pti{width:370px; height:50px; background:#72829b; font-size:20px; font-weight:bold; padding-top:20px; float:left; color:#fff; text-align:center; font-family:'Nanum Gothic', 나눔고딕; }
#spec2 .pinfo{width:370px; padding-top:12px; float:left; margin-bottom:20px; }
#spec2 .pinfo p.P_text{width:181px; font-size:14px; color:#000; padding-left:10px; padding-top:17px; text-align:left;}
#spec2 .pinfo p.P_text1{width:350px; font-size:14px; color:#000; height:25px; text-align:left; padding-left:20px; border-bottom:1px #999 solid; font-weight:bold;}
#spec2 .pinfo p.P_text2{width:350px; font-size:14px; color:#000; padding-top:9px; height:28px; padding-left:20px; text-align:left; border-bottom:1px #999 solid;}
#spec2 .pinfo p.P_text3{width:350px; font-size:14px; color:#df2961; padding-top:7px; height:30px; padding-left:20px; text-align:left; font-weight:bold; border-bottom:1px #999 solid; font-family:verdana; }
#spec2 .pinfo p.P_text4{width:350px; font-size:14px; color:#000; padding-top:7px; height:30px; padding-left:20px; text-align:left; font-weight:bold; border-bottom:1px #999 solid;}
#spec2 .pinfo p.P_text6{text-align:center; color:#000; width:320px; height:45px; font-weight:bold; padding-top:10px; }
#spec2 .mark{width:370px; text-align:center; float:left; border-right:#c4c4c4 1px solid;}
.mark img{margin:0px 2px 0px 0px;}
#spec2 .Vbtn{width: 370px; height:22px; text-align:center; float:left; padding-top:24px; margin-left:0px;}
.Vbtn a{margin:0px 1px 0px 1px;}

#detail{width:1000px; padding-top:10px; padding-bottom:15px; clear:both;}
#detail h2{padding-bottom:10px;}
#detail ul{}
#detail ul li{list-style:none;}
#detail ul li img{text-align:center;}
.detailtext{margin-left:25px;}
.Ti01{ border-bottom:#5c5c5c 2px solid;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		width:970px;
		color:#222;
		font-weight:bold;
		font-size:14px;
		text-align:left;
		padding-left:30px;
		background-image: url(../images/red_dot.gif);
		background-repeat: no-repeat;
		background-position: 10px center;
		font-family:'Nanum Gothic', 나눔고딕; }


/*---------------------------페이지 넘버링----------------------------*/
.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;}

/*---------------------------------시공갤러리리스트--------------------------------*/
#WPlist{width:1000px; float:left; margin-bottom:15px;}
#WP1line{width:1000px; float:left; margin:5px 0px 15px 0px;}
#WP1line li{width:300px; padding:0px 0px 0px 0px; list-style:none;float:left;cursor:pointer; border:#999 1px solid;}
#WP1line li:hover{border:#d42b00 1px solid; }		
#WP1line li.margin{width:45px; border:0px;}		
#WP1line li p.P_img{text-align:center;}
#WP1line li p.P_img img{width:250px; height:192px;text-align:center; margin-bottom:20px; margin-top:20px;}
#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{padding-top:10px; width:250px; height:30px; float:left; font-family:'NanumGothic', 나눔고딕; font-size:16px; color:#000; font-weight:bold; border-top:#666 2px solid; }
#WP1line li p.P_text2{text-align:center; font-size:12px; color:#000;}


/*---------------------------------시공갤러리뷰--------------------------------*/
#GView{width:1000px; float:left; padding:0px 0px 0px 0px;}
#sortV{width:1000px; float:left; margin:0px;}
#sortV ul.item-list{width:984px; float:left; padding:7px; background-color:#fff; border:#c3c3c3 1px solid;}
#sortV li{list-style:none; font-size:12px; text-align:center;}
.sortTi{font-size:13px; font-weight:bold; width:85px; padding-left:10px; color:#000;}
.sortcont{margin:2px 0px 0px 0px; padding-right:10px; color:#000;}


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


/*--------------게시판 스타일 정의---------------*/
.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:26px;
	background-image:url(/e/images/boardbar_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	color: #fff; 
	font-weight:bold;
	padding-bottom:4px;}


/*------------------ 색상정리 -----------------*/
.com1 {font-size: 9pt; font-weight:bold; color: #333333; text-decoration: none}
.line_com{color: #333; text-decoration:line-through;}
.pink { color:#ed006d; font-weight:bold;}
.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;}


/*---------------------form 스타일-----------------------*/

.input_text{ display:inline-block; margin-top:3px; margin-left:2px; float:left;}
.input_form{ display:inline-block; float:left;}
.cell_Ti2{color: #fff; font-weight:bold;; padding:5px; background-color:#585858; text-align:center;}
.cell_Ti{color: #666; font-weight:bold;; padding:5px; background-color:#f6f6f6; width:150px; text-align:center;}
.cell_padding{padding:5px; background-color:#ecefe0;}
.form_padding{padding-top:5px; padding-bottom:5px;}
label{vertical-align:-1px;}
label input{margin-top:-1px;}
.input_deco01{
	BORDER-RIGHT: #AEAEAE 1px solid; 
	BORDER-TOP: #AEAEAE 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #AEAEAE 1px solid; 
	BORDER-BOTTOM: #AEAEAE 1px solid; 
	HEIGHT: 16px; BACKGROUND-COLOR: #ffffff;
	padding:2px 0px 0px 6px;}
/*** form ***/
TEXTAREA {
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC; 
scrollbar-arrow-color: #CCCCCC;
scrollbar-face-color: white; 
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-track-color: white;}

.select_gray {
	BORDER-RIGHT: #AEAEAE 1px solid;
	BORDER-TOP: #AEAEAE 1px solid;
	BORDER-LEFT: #AEAEAE 1px solid;
	BORDER-BOTTOM: #AEAEAE 1px solid;
	FONT-SIZE: 9pt;
	line-height: 20px;
}
.select_blue {
	BORDER-RIGHT: #E6DBDB 1px solid;
	BORDER-TOP: #E6DBDB 1px solid;
	BORDER-LEFT: #E6DBDB 1px solid;
	BORDER-BOTTOM: #E6DBDB 1px solid;
	FONT-SIZE: 9pt;
	line-height: 20px;
	padding:5px 5px 5px 5px;
}

.select_pink {  
	BORDER-RIGHT: #E6DBDB 1px solid; 
	BORDER-TOP: #E6DBDB 1px solid; 
	BORDER-LEFT: #E6DBDB 1px solid; 
	BORDER-BOTTOM: #E6DBDB 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #E6DBDB;}

.select_orange  { width:150px;	
		vertical-align:middle;
		width:123px;			
		border:1px solid #d98f4f;
		margin-left:3px;}

.select_orange2 { 
	font-family: "";	font-size: 12px;	color: #000000;	line-height: 20px; BORDER-TOP: #EEDFC4 1px solid; 
	BORDER-LEFT: #EEDFC4 1px solid; 
	BORDER-BOTTOM: #EEDFC4 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #EEDFC4}

.select_green { 
	font-family: "";	font-size: 12px;	color: #000000;	line-height: 20px; BORDER-TOP: #89CB4F 1px solid; 
	BORDER-LEFT: #89CB4F 1px solid; 
	BORDER-BOTTOM: #89CB4F 1px solid; 
	BORDER-RIGHT: #89CB4F 1px solid;}

.select_gray2{
	BORDER-TOP: #999 1px solid; 
	BORDER-BOTTOM: #999 1px solid; 
	BORDER-LEFT: #999 1px solid; 
	BORDER-RIGHT: #999 1px solid; 
	PADDING-TOP: 0px
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; 
	PADDING-LEFT: 2px; WIDTH: 187px; 
	PADDING-RIGHT: 0px; HEIGHT: 23px; 
	COLOR: #999; VERTICAL-ALIGN: middle; }

.input_deco01{
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid; 
	HEIGHT: 19px; BACKGROUND-COLOR: #EEDFC4;}

.input_deco_gray{
	BORDER-RIGHT: #AEAEAE  1px solid; 
	BORDER-TOP: #AEAEAE  1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #AEAEAE  1px solid; 
	BORDER-BOTTOM: #AEAEAE  1px solid; 
	BACKGROUND-COLOR: #ffffff;}

.input_deco02{
	BORDER-RIGHT: #699EA6 1px solid; 
	BORDER-TOP: #699EA6 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #699EA6 1px solid; 
	BORDER-BOTTOM: #699EA6 1px solid; 
	HEIGHT: 19px; BACKGROUND-COLOR: #CDECE4;}

.input_deco03{
	BORDER-RIGHT: #E0F0F2 1px solid; 
	BORDER-TOP: #E0F0F2 1px solid; 
	BORDER-LEFT: #E0F0F2 1px solid; 
	BORDER-BOTTOM: #E0F0F2 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #E0F0F2;}

.input_deco04{
	BORDER-RIGHT: #AEAEAE 1px solid; 
	BORDER-TOP: #AEAEAE 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #AEAEAE 1px solid; 
	BORDER-BOTTOM: #AEAEAE 1px solid; 
	HEIGHT: 18px; BACKGROUND-COLOR: #ffffff;
	padding:0px 0px 0px 5px;}

.input_deco05{
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	HEIGHT: 18px; BACKGROUND-COLOR: #ffffff;}