*{margin:0; padding:0}
html{width:100%; height:100%}
body{font-size:12px; font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif,'Arial'; color:#666}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{visibility:hidden; overflow:hidden; width:0; height:0;; font-size:0; line-height:0} /*display:none*/
textarea, button{vertical-align:middle}
input, select{height:16px; border:1px solid #dfdfdf; border-top:1px solid #c4c4c4; background:#fff; color:#666; font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif,'Arial'; vertical-align:middle; font-size:12px}
input{height:20px; padding:3px;}
select{height:28px; padding:2px;}
option {padding:2px;}
textarea{padding:3px; border:1px solid #ddd; background:#fff; color:#666; vertical-align:middle}
.checkbox{padding:0; border:0;}
.disNone{display:none;}
a{color:#666; text-decoration:none}
a:hover,a:focus{text-decoration:none}
a:active{color:#666; text-decoration:none}
table{border-collapse:collapse}

/* 간격*/
.mt0{margin-top:0px !important}
.mt2{margin-top:2px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt9{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt11{margin-top:11px !important}
.mt12{margin-top:12px !important}
.mt13{margin-top:13px !important}
.mt15{margin-top:15px !important}
.mt17{margin-top:17px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt43{margin-top:43px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt71{margin-top:71px !important}
.mt72{margin-top:72px !important}
.mt77{margin-top:77px !important}
.mt100{margin-top:100px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr45{margin-right:45px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml11{margin-left:11px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml85{margin-left:85px !important}
.mb3{margin-bottom:3px !important}
.mb5{margin-bottom:5px !important}
.mb7{margin-bottom:7px !important}
.mb9{margin-bottom:9px !important}
.mb10{margin-bottom:10px !important}
.mb13{margin-bottom:13px !important}
.mb13{margin-bottom:13px !important}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb50{margin-bottom:50px !important}
.mb52{margin-bottom:52px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl21{padding-left:21px !important}
.pl115 {padding-left:115px !important}

/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.pBox {position:relative; overflow:hidden; width:100% !important}
.disB{display:block !important}
.disIB{display:inline-block !important}
.overF{overflow:hidden !important}
.blind{position:absolute; top:-50000px; left:-50000px !important}
.fl{float:left !important}
.fr{float:right !important}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}
.verM {vertical-align:middle}
.verM2 {vertical-align:middle; margin-top:-2px;}
.verMi {display:inline-block; }
.verMi img {vertical-align:middle}
.line18 {line-height:18px;}
.line19 {line-height:19px;}
.line20 {line-height:20px;}
.line21 {line-height:21px;}






/* search */
.board_search {padding:15px 15px 17px 15px; border:1px solid #dfdfdf;  border-bottom:2px solid #f4f4f4;  }
.utillBox01 {padding:0px 0px 15px 0px; border:1px solid #dfdfdf;  border-bottom:2px solid #f4f4f4;}
.board_search .buCf {padding:0 0 10px 25px; background:url(../images/board/bu_cf.gif) no-repeat 0 1px; border-bottom:1px solid #eee}
.board_search .searchD {padding:17px 0 0;}
.board_search .searchD input[type="text"] {padding-left: 9px; padding-top:0; height:23px;}

/*boradType*/
.board_list {border-top:2px solid #777;}
.board_list th {height:38px; line-height:38px; background:#f5f5f5; color:#333; border-bottom:1px solid #e5e5e5;}
.board_list td {color:#555; height:34px; line-height:34px; text-align:center; border-bottom:1px solid #e5e5e5;}

/*pagging*/
.paging {width:100%; margin:0 auto;text-align:center;overflow:hidden;}
.paging p {display:inline-block;}
.paging a {display:inline-block; padding:0 1px}
.paging a img {vertical-align:middle; margin-top:-3px;}
.paging a span {display:inline-block; font-weight:bold; color:#777; border:1px solid #ccc; width:24px; height:23px; line-height:23px; text-align:center;}
.paging a.on span {background:#777; width:25px; height:25px; line-height:25px; color:#fff; border:0;}
.paging a.write {padding:0;}
.paging a.write img{margin-top:0;}


/* view */
.board_view {border-top:2px solid #777;}
.view_info {height:39px; border-bottom:1px solid #ddd;}
.view_title {color:#333; border-bottom:1px solid #ddd; line-height:20px; padding-left:23px; font-weight:bold; font-size:14px; padding:13px 15px 15px 15px;}
.view_span {display:inline-block; width:100px; height:39px; line-height:37px; text-align:center;  font-weight:bold; margin-right:20px; background:#f5f5f5;}
.view_span01 {display:inline-block; color:#555; padding-right:15px;}
.view_contents {border-bottom:1px solid #ddd;  line-height:20px; font-size:13px; padding:30px 15px;}
.view_contents img {max-width:100%;}


/* write */
.board_write {border-top:2px solid #777;}
.board_write th {height:39px; line-height:39px; text-align:center;  font-weight:bold; margin-right:20px; background:#f5f5f5; border-bottom:1px solid #ddd;}
.board_write td {border-bottom:1px solid #ddd; padding:5px;}
.board_write td textarea {width:98%; height:150px;}


/* btn */
.board_btn {position:relative; width:100%; text-align:right; margin-top:16px;}




/* 시공사례 */
.gallery_list{}
.gallery_list:after{content:'';display:block;clear:both;}
.gallery_list li{float:left;margin:0 20px 30px 0}
.gallery_list li:nth-child(4n+4){margin-right:0}
.gallery_list li img{padding:9px;border:1px solid #bbb;width:260px;height:210px;}
.gallery_list li:hover img{background:#7f7f7f;border:1px solid #7f7f7f;}
.gallery_list li p{margin-top:10px;font-size:17px;letter-spacing:-1.5px;color:#333}
.gallery_list li p em{margin-top:3px;display:block;font-style:normal;font-size:13px;color:#9d9d9d}

.gallery_view dt{border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:20px;font-size:18px;letter-spacing:-1.5px;color:#333;font-weight:700}
.gallery_view dt em{display:inline-block;font-style:normal;font-size:15px;color:#9d9d9d;margin-right:10px;}
.gallery_view dd{margin-top:10px;padding:9px;border:1px solid #bbb;}
.gallery_view dd img{max-width:100%}


.password {position:relative; clear:both; text-align:center; padding:30px;}