body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

form { margin:0px; }

 img {border:0px;} 

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }



/*메인페이지*/

#mbody{background:url('/images/bg.gif') repeat-x left top; width:100%;}
#wrap{width:1000px; height:100%; margin:0 auto; position:relative;}

#head{position:absolute; top:0px; left:0px; height:200px;}
#head #topnavi{float:right;width:404px; border-top:3px solid #c87b0e;}
#head #topnavi ul, li{float:right; list-style:none; margin:0; padding:0;}
#head h1{float:left; margin-left:356px; margin-top:10px; font-size:0;}
#head h2{float:left; padding:0; margin-top:0px; font-size:0;}



#vv{float:left; width: 100%; margin-top:149px; height:483px;}

.main-slider  {
	width: 100%;
}
.main-slider .slick-arrow {
	width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 0;
    cursor: pointer;
    background: rgba(255,255,255,.8);
    border-radius: 100%;
}
.main-slider .slick-prev {left: 5px;}
.main-slider .slick-next {right: 5px;}

.main-slider .slick-prev:before, 
.main-slider .slick-next:before {
	content:""; position:absolute; width: 10px; height: 10px; border-width: 2px 2px 0 0; border-style: solid; border-color: #222;
}
.main-slider .slick-prev:hover,
.main-slider .slick-next:hover {background: rgba(0,0,0,.8);}
.main-slider .slick-prev:hover::before,
.main-slider .slick-next:hover::before {border-color: #fff; }
.main-slider .slick-next:before {transform: translateY(-50%) rotate(45deg); top: 50%; right: 17px;}
.main-slider .slick-prev:before {transform: translateY(-50%) rotate(-135deg); top: 50%; left: 17px;}

/*상단 카테고리*/
.top-cate {
	width: 100%;
	float: left;
	font-size: 0;
	border: 2px solid #dbdbdb;
	background: #d5cfb7;
	box-sizing: border-box;
}
.top-cate a:hover {
	text-decoration: none;
}
.cate-1depth {
	display: inline-block;
	width: calc((100% - 4px)/ 7);
	position: relative;
}
.link-1depth {
	display: inline-block;
	width: 100%;
	line-height: 34px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #3e454d  !important;
}
.cate-2depth {
	display: none;
	position: absolute;
	bottom: -24px;
	left: -2px;
	min-width: 100%;
	font-size: 0;
	background: #d4bdad;
	z-index: 10;
}
.cate-1depth:hover .link-1depth {
	color: #b3876a  !important;
}
.cate-1depth:hover .cate-2depth {display: table;}
.cate-1depth:last-child .cate-2depth {
	left: auto;
	right: -3px;
}
.link-2depth {
	display: table-cell;
	padding: 0 5px;
	line-height: 24px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: #fff !important;
}
/*최근게시물*/

#banarea{float:left; width:100%; height:100px; margin-top:5px;}
#banarea .ban1{float:left; width:356px; height:100px; background-color:#d4bdad; border:1px solid #e9e9e9;}
#banarea .ban1 .bbstitle1{float:left; width:330px; margin-left:20px; margin-top:10px;height:20px; padding:0; font-size:0;}
#banarea .ban1 .no{width:70px; float:left;}
#banarea .ban1 .more{width:42px; float:right;}
#banarea .ban1 .bbs1{float:left; margin-left:20px; width:330px;}



#banarea .ban2{float:right; width:640px; height:101px; background:url('/images/ban33.gif') no-repeat left top; position:relative; }
#banarea .ban2 .go{width:65px; position:absolute; left:20px; top:70px;}
#banarea .ban2 .bbs2{float:left; width:290px; margin-left:170px; margin-top:7px;}
#banarea .ban2 .dw{float:right; margin-top:10px; margin-right:20px;}



/*copyright*/

#tailarea{float:left; width:100%; height:84px; margin-top:10px;}
#copylogo{float:left;}
#copy1{float:left; width:810px; margin-top:15px;}
#copy1 ul{float:left; margin:0; padding:0;}
#copy1 ul li{list-style:none; float:left;}
#copy1 address{float:left;}

/*서브copy*/

#tailarea2{clear:both; width:100%; height:102px; background-color:#f3efec; border-top:1px solid #e9e9e9;}
#copybox{width:1000px; margin:0 auto;}
#copylogo{float:left;}
#copy2{float:left; width:810px; margin-top:30px;}
#copy2 ul{float:left; margin:0; padding:0;}
#copy2 ul li{list-style:none; float:left;}
#copy2 address{float:left;}


.clear{clear:both;}

.png24{tmp:expression(setPng24(this));}



/*서브페이지*/

#sbody{background:url('/images/subg.gif') repeat-x left top; width:100%; }
#swrap{width:1000px; height:100%; margin:0 auto; position:relative;}
#swrap:after{content:"";display: block; clear:both;}
#shead{position:absolute; top:0px; left:0px; height:180px;}
#shead #topnavi{float:right;width:404px; border-top:3px solid #c87b0e;}
#shead #topnavi ul, li{float:right; list-style:none; margin:0; padding:0;}
#shead h1{float:left; margin-left:356px; margin-top:13px; font-size:0;}
#shead h2{float:left; padding:0; margin-top:10px; font-size:0;}

#scontent{float:left; margin-top:160px; width:1000px; margin-left: calc((100% - 1000px)/2);}
#scontent #leftbox{float:left; width:297px;}
#scontent #con{float:right; width:680px; margin-top:30px; height:100%; }

#scontent #snavi{float:left; width:680px; border-bottom:1px solid #c9c9c9;}
#scontent #snavi h3{float:left; margin:0; padding:0;}
#scontent #snavi .nav_text{float:right; margin:0; line-height:32px; padding-left:25px; color:#666666; font-size:11px; font-weight: none;}

#scontent #scc{float:left; padding-bottom:50px; margin-top:20px;}



/*시공사례*/
.viewbox{width:650px;}
.nt{float:left; padding-left:0; margin:0px;}
.nt li{float:left; padding-right:5px;}
.picarea{width:350px; height:240px;}
.pic1{width:330px; height:240px; border:2px solid #483812;}
.pic2{height:122px;}
.txtarea{width:250px; height:100px; padding:10px;border:1px solid #ccc; color:#7c7b7b; text-align:justify; line-height:1.7em; overflow-y:scroll;}
.spicarea{float:left; margin-top:20px; padding:0;}
.ss{float:left; padding:0; width:80px; height:60px; border:2px solid #483812;}
.moreview{float:left; width:275px; text-align:right;}



/*실적 테이블*/

.wh{font-weight:bold; padding-left: 22px;}
.g10{height:40px; margin-bottom:20px;}
.pj{border-collapse:collapse; width:670px;;}
.pj th{padding:7px;background:#dcc3b0;}
.pj td{padding:10px 0 10px ; text-align:center; line-height:12px; color:#787776;}
.pj .uline{height:1px; background-color:#e7e7e7; padding:0px;}



/*견적문의 테이블*/

.qtable{width:650px;}
.qtable td{height:5px; padding:5px 0 5px; border-bottom:1px solid #e7e7e7;}
.qtable .qtitle{width:180px;}







/*테이블*/

.table1{width:670px; background-color:#ddd;}


.recruitform{font-family:dotum, 굴림; font-size:11px; }
.s_font01{font-family:dotum, 굴림; font-size:11px;}

.boxtitle{font-family:dotum, 굴림; font-size:13px; color:#ba660b; font-weight:bold;}


.d10{text-align:center; background-color:#eee4dc; font-weight:bold; font-family:dotum, 굴림; color:#656564; height:35px;}
.d20{background-color:#fff;  text-align:center;font-family:dotum, 굴림; color:#7c7c7c; height:20px;}
.d30{background-color:#d5dde7;font-family:dotum, 굴림;text-align:center; font-weight:bold;}



.r20{background-color:#e6edf8;}
.r30{background-color:#fff;}
.r40{background-color:#d7dfe9; text-align:center; font-weight: bold; border:1px solid #ddd; }
.r50{background-color:#ae1d2f; text-align:center; font-weight: bold; border:1px solid #ddd; }
.r60{background-color:#ffffff; text-align:center; border:1px solid #ddd;}
.r70{background-color:#fefae2; text-align:center; font-weight: bold;  border:1px solid #ddd; }

.d40{text-align:center; background-color:#e6edf8; border-bottom:#cccccc 1px solid; border-top:#799acc 4px solid; font-weight: bold; border-right:#cccccc 1px solid;}
.d50{text-align:center; background-color:#e6edf8; border-right:#cccccc 1px solid; border-bottom:#cccccc 1px solid; font-weight: bold; }
.d60{text-align:center; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid; font-family:dotum, 굴림; color:#555454;}
.d70{text-align:center; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid; font-family:dotum, 굴림; color:#ffffff;}
.d80{text-align:center; border-bottom:#cccccc 1px solid;border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; font-family:dotum, 굴림; color:#555454;}
.d90{text-align:center; border-bottom:#cccccc 1px solid;border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; font-family:dotum, 굴림; color:#555454; font-weight: bold; }



em{font-style:normal; font-weight:bold ; color:#8d702b;}