@charset "utf-8";

.mt35 { margin-top:35px; }

h4.title { margin-bottom:35px; color:#3d3d3d; font-size:30px; line-height:42px;  font-weight:bold; }
h4.title span { vertical-align:top; color:#810001; }

/* 건축 */
div.cnt_title { margin-bottom:50px; }
div.cnt_title h4 { margin-bottom:20px; color:#3c3c3c; font-size:30px; font-weight:bold; }
div.cnt_title h4 span { vertical-align:top; color:#ec1e26; }
div.cnt_title p { color:#3d3d3d; font-size:16px; line-height:24px; }
div.cnt_title p strong { display:block; color:#181818; font-size:18px; vertical-align:top; }

ul.tab_menu { overflow:hidden; }
ul.tab_menu:after { display:block; content:""; clear:both; }
ul.tab_menu li { float:left;  min-width:19.5%; height:40px; border:1px solid #800000; border-right:none; }
ul.tab_menu li.end { border-right:1px solid #800000; }
ul.tab_menu li a { display:block; letter-spacing:0.06em;  padding:12px 0; color:#111111; font-size:13px; text-align:center; }
ul.tab_menu li a.current { color:#fff; font-size:15px; font-weight:bold; background:#810001; }
ul.tab_menu li a:hover { color:#fff; font-size:15px; font-weight:bold; background:#810001; }

/*  공통 : 검색 박스 */
div.search_area { padding:13px 0; border:1px solid #c7c7c7; text-align:center;  margin-bottom:10px; }
div.search_area input[type=text] { width:182px; height:auto; padding:3px 0; border:1px solid #c1c1c1 }

/* 공통 : 페이징*/
div.bbs_paging1 { margin-top:70px; border:none; padding:0px; text-align:center; }

/* 사업분야 */
.ground_cnt { width:850px; overflow:hidden; }
.ground { overflow:hidden; width:890px; padding:43px 0 44px; border-bottom:1px solid #c6c6c6; }
.ground:afrer { display:block; content:""; clear:both; }
.ground li { float:left; margin-right:40px; }
.ground li dl { width:405px; overflow:hidden; }
.ground li dl:after { display:block; content:""; clear:both; }
.ground li dl dt { display:block; margin-bottom:16px; color:#3d3d3d; font-size:22px; font-weight:bold; }
.ground li dl dd.photo { float:left; border:1px solid #ddd;  } 
.ground li dl dd.photo img { width:136px; height:135px; }
.ground li dl dd.txt { float:right; }
.ground li dl dd table { width:256px; border-spacing:0px; border-collapse:collapse; border-top:1px solid #ddd; }
.ground li dl dd table caption { font-size:0; height:0; }
.ground li dl dd table th { width:87px; padding:9px 0; color:#202020; font-size:12px; font-weight:bold; text-align:center;  background:#f7f7f7; border-bottom:1px solid #ddd;  }
.ground li dl dd table td { padding:9px 0 9px 17px;  color:#3d3d3d;  text-align:left; border-bottom:1px solid #ddd; }

/* 사업분야 : 리모델링 */
.remodeling { position:relative; display:block; border-top:1px solid #810001; }
.remodeling dl { display:block; }
.remodeling dl dt { display:block; }
.remodeling dl dd { display:block; }

.remodeling dl.remodel { display:block; }
.remodeling dl.remodel dt a { display:block; padding:13px 0 13px 36px; font-size:16px; color:#2c2c2c; font-weight:normal; border-bottom:1px solid #ddd; background:#fff url('/asset/common/images/ln_minus.gif') no-repeat 12px 21px; }
.remodeling dl.remodel dt.current a { color:#810001; background:#fff url('../images/ln_icon_out.gif') no-repeat 12px 17px; font-weight:normal;}
.remodeling dl.remodel dd { display:none; padding:30px 30px; background:#f8f8f8; border-bottom:1px solid #ddd; font-weight:normal;}

/* 사이버 홍보실 > 채용안내*/
div.jobs { display:block; }
div.jobs_cnt { overflow:hidden; position:relative; }
div.jobs_cnt:after { display:block; content:""; clear:both; }
div.jobs_cnt ul { display:block; margin-bottom:20px; }
div.jobs_cnt ul li { height:75px; margin-bottom:30px; padding-top:4px; padding-left:85px; }
div.jobs_cnt ul li.a { background:url('/asset/common/images/icon_job1.gif') no-repeat left top; }
div.jobs_cnt ul li.b { background:url('/asset/common/images/icon_job2.gif') no-repeat left top; }
div.jobs_cnt ul li.c { background:url('/asset/common/images/icon_job3.gif') no-repeat left top; }
div.jobs_cnt ul li.d { margin-bottom:0px; background:url('/asset/common/images/icon_job4.gif') no-repeat left top;  }
div.jobs_cnt ul li h5 { margin-bottom:10px; }
div.jobs_cnt ul li span { color:#3d3d3d; font-size:13px; line-height:20px; }
div.jobs_cnt p.job_btn { display:block; padding:0; text-align:center; }

/* 사이버홍보실 > ci 소개 */
div.ci h5 { margin-bottom:18px; }
div.ci p { color:#3d3d3d; font-size:13px; line-height:20px; }
div.ci_area { margin-bottom:40px; }
div.ci_cnt { overflow:hidden; }
div.ci_cnt:after { display:block; content:""; clear:both; }
div.ci_cnt p.photo { float:left; margin-right:25px; }
div.ci_cnt div.txt { float:left; }
div.ci_cnt div.txt p { letter-spacing:-0.05em;  }
div.ci_cnt div.txt dl { margin-top:}
div.ci_cnt div.txt dl dt { margin-top:10px; padding-left:16px; background:url('/asset/common/images/icon_semo.gif') no-repeat left 50%; color:#810001; font-size:16px; font-weight:bold; }
div.ci_cnt div.txt dl dd { margin-top:10px;  padding-left:16px; color:#3d3d3d; font-size:13px; line-height:20px; letter-spacing:-0.05em;  }

div.ci_cnt3 ul { overflow:hidden; }
div.ci_cnt3 ul:after { display:block; content:""; clear:both; }
div.ci_cnt3 ul li { position:relative; float:left; width:219px; padding-left:71px; }
div.ci_cnt3 ul li.end { width:auto; }
div.ci_cnt3 ul li strong { display:block; margin-bottom:4px; color:#202020; font-size:16px; }
div.ci_cnt3 ul li span { color:#3d3d3d; font-size:12px; line-height:18px;  letter-spacing:-0.05em; }
div.ci_cnt3 ul li span.color { position:absolute; top:0px; left:0px; }
div.ci_cnt4 p { margin-bottom:20px; }
div.ci_cnt4 ul { overflow:hidden; }
div.ci_cnt4 ul:after { display:block; content:""; clear:both; }
div.ci_cnt4 ul li { float:left; margin-right:65px; }
div.ci_cnt4 ul li.end { margin-right:0px; }
p.ci_down { margin-top:60px; text-align:center; }

/* 사이버홍보실 > bi 소개 */
div.bi_area h4 { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
div.bi_area h5 { margin-bottom:15px; padding-left:16px; background:url('/asset/common/images/icon_semo.gif') no-repeat left 50%;  color:#202020; font-size:18px; font-weight:bold; letter-spacing:-0.05em;  }
div.bi_area h5 span { font-weight:normal;  margin-left:20px;  display:inline-block; }
div.bi_area h5.bg_n { margin-top:30px; background:none; }
div.bi_cnt1 { padding-bottom:30px; margin-bottom:30px; background:url('/asset/common/images/bi_bg.jpg') no-repeat right bottom; border-bottom:1px solid #e5e5e5; }
div.bi_cnt_b { background:url('/asset/common/images/bi_bg2.jpg') no-repeat right 50%;}
div.bi_cnt1 ul { margin-left:16px; } 
div.bi_cnt1 ul li { margin-bottom:15px; }
div.bi_cnt1 ul li.end { margin-bottom:0px; }
div.bi_cnt1 ul li strong { display:block; color:#810001; font-size:16px; letter-spacing:22px; letter-spacing:-0.05em; }
div.bi_cnt1 ul li span { display:inline-block; margin-top:3px; color:#3d3d3d; font-size:13px; line-height:22px; letter-spacing:-0.05em; }
div.bi_txt  { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
div.bi_txt p { margin-left:16px; color:#3d3d3d; font-size:13px; line-height:22px; letter-spacing:-0.05em;}
div.bi_color { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
div.bi_color ul { overflow:hidden; margin-left:16px; }
div.bi_color ul:after { display:block; content:""; clear:both; }
div.bi_color ul li { position:relative; float:left; width:218px; height:66px;  }
div.bi_color ul li.r { width:auto; }
div.bi_color ul li dl { padding-left:80px; }
div.bi_color ul li dl dt { color:#3d3d3d; font-weight:bold; letter-spacing:-0.05em; }
div.bi_color ul li dl dd { color:#3d3d3d; line-height:18px; letter-spacing:-0.05em; }
div.bi_color ul li dl dd.color { position:absolute; top:0px; left:0px; }
div.bi_shadow {  }
div.bi_shadow p { margin-left:16px; }
div.bi_uneed1  { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e5e5e5; }
div.bi_uneed1 div.uneed_area { overflow:hidden; }
div.bi_uneed1 div.uneed_area:after { display:block; content:""; clear:both; }
div.bi_uneed1 div.uneed_area p.img { float:left; margin-right:50px; }
div.bi_uneed1 div.uneed_area p.txt { margin-top:12px;  float:left; color:#3d3d3d; font-size:13px; line-height:22px; letter-spacing:-0.05em; }
div.bi_uneed1 div.uneed_area div.txt { float:left; }
div.bi_uneed1 div.uneed_area div.txt ul li { overflow:hidden;  margin-bottom:10px; padding-left:12px; background:url('/asset/common/images/red_dot.gif') no-repeat left 7px; }
div.bi_uneed1 div.uneed_area div.txt ul li:after { display:block; content:""; clear:both; }
div.bi_uneed1 div.uneed_area div.txt ul li strong { display:inline-block; float:left; width:142px; color:#202020; font-size:14px; }
div.bi_uneed1 div.uneed_area div.txt ul li span { display:inline-block; float:left;   color:#3d3d3d; font-size:13px; letter-spacing:-0.05em; line-height:20px; }
div.bi_app ul { overflow:hidden;  margin-left:16px; }
div.bi_app ul:after { display:block; content:""; clear:both; }
div.bi_app ul li { float:left; width:273px;  height:120px; margin-bottom:20px; }
div.bi_app ul li.b { height:134px; margin-bottom:0px; }
div.bi_app ul li span.img { display:block; margin-bottom:10px; }
div.bi_app ul li strong { display:block; color:#3d3d3d; line-height:20px; font-size:13px; letter-spacing:-0.05em; }
div.bi_app ul li span { color:#3d3d3d; line-height:20px; font-size:13px; letter-spacing:-0.05em; }
div.need_black { margin-top:17px; }
div.need_black img { margin-left:16px; }
div.need_black p { margin:15px 0 0 16px; color:#3d3d3d; font-size:13px; letter-spacing:-0.05em; }
div.need_black p strong { color:#3d3d3d; font-weight:bold; }
p.bi_btn { margin:50px 0; text-align:center; }

/* 이브로셔 */
div.brochure p { padding-top:358px; background:url('/asset/common/images/brochure_bg.jpg') no-repeat center 50%; text-align:center; }

/* 사이트맵 */
div.site p { margin-bottom:60px; color:#3d3d3d; font-size:16px; letter-spacing:-0.05em;  }
div.site ul { overflow:hidden; }
div.site ul:after { display:block; content:""; clear:both; }
div.site ul li { float:left; width:167px; height:auto; margin:0 21px 20px 0;  }
div.site ul li.r { margin-right:0px; }
div.site ul li.b { margin-bottom:0px; }
div.site ul li h4 { padding-bottom:15px; background:url('../images/site_line.gif') no-repeat left bottom;  color:#242424; font-size:22px; font-weight:bold; }
div.site ul li ul { margin-top:10px; }
div.site ul li ul li { float:none; height:auto; margin:0px; }
div.site ul li ul li a { color:#202020; font-size:13px; line-height:26px; }

/* 개인정보취급방침 */
.ul_wrap {overflow:hidden; margin-left:-20px; margin-bottom:20px; padding-left:20px; border-bottom:1px solid #e5e5e5;}

.policy_box { margin-bottom:15px; }
.policy .mb10 { margin-bottom:10px; }

.note { margin-bottom:30px; color:#535353; font-size:12px; line-height:18px;}
.policy h4 {clear:both; color:#3d3d3d; font-size:18px; line-height:42px; letter-spacing:-0.05em; }
.policy h5 { color:#810001; font-size:14px; line-height:23px; letter-spacing:-0.05em; padding-bottom:5px; }
.policy p { color:#535353; font-size:12px; line-height:1.6; }
.policy p.b { color:#3a3a3a; font-size:13px; font-weight:bold; }

.policy ol.first { display:block; }
.policy ol.first li { list-style-type:decimal; margin-left:10px; padding:5px 0; color:#535353; font-size:12px; line-height:1.6; word-break:keep-all; }

.policy ul.first { display:block; }
.policy ul.first li { list-style-type:disc; margin-left:30px; padding:3px 0; color:#535353; font-size:12px; line-height:1.6; }

.policy ul.none { display:block; }
.policy ul.none li { margin-left:20px; padding:5px 0; color:#535353; font-size:12px; line-height:1.6; }

.policy ul.second { display:block; }
.policy ul.second li { list-style-type:disc; color:#535353; padding:2px 0; font-size:12px; line-height:1.6; }

.policy dl { display:block; overflow:hidden; }
.policy dl dt { display:block; padding-bottom:10px; color:#810001; font-size:14px; letter-spacing:-0.05em; font-weight:bold; }
.policy dl dd { display:block; padding-left:20px; padding-bottom:20px; color:#535353; font-size:12px; }
.policy ol { margin-left:10px; }
.policy p.last  { color:#535353; font-size:14px; line-height:23px; margin-top:15px; }

div.mail { padding:38px 0 38px 35px; border-top:1px solid #919191; background:#f9f9f9 url('/asset/common/images/mail_icon.gif') no-repeat right top; color:#3d3d3d; font-size:15px; line-height:22px;  }
div.mail strong { color:#810001; vertical-align:top; }
div.mail p { margin-top:25px; }