@charset "utf-8";
/* CSS Document */

/* 컨텐츠 중간 세로 여백(h_5만 언더바(_)가 있는 이유는 h1,h2,h3 등 타이틀과 혼동되는 경우때문) */
.h5 {clear:both; height:5px;}
.h10 {clear:both; height:10px;}
.h15 {clear:both; height:15px;}
.h20 {clear:both; height:20px;}
.h25 {clear:both; height:25px;}
.h30 {clear:both; height:30px;}
.h35 {clear:both; height:35px;}
.h40 {clear:both; height:40px;}
.h45 {clear:both; height:45px;}
.h50 {clear:both; height:50px;}
.h55 {clear:both; height:55px;}
.h60 {clear:both; height:60px;}
.h65 {clear:both; height:65px;}
.h70 {clear:both; height:70px;}
.h75 {clear:both; height:75px;}
.h80 {clear:both; height:80px;}
.h85 {clear:both; height:85px;}
.h90 {clear:both; height:90px;}
.h95 {clear:both; height:95px;}
.h100 {clear:both; height:100px;}
.h105 {clear:both; height:105px;}
.h110 {clear:both; height:110px;}
.h115 {clear:both; height:115px;}

/* 타이틀 */
.tit_01 {font-family:"NanumGothicBold"; font-size:60px; line-height:64px; color:#000; letter-spacing:-1px;}
.tit_02 {font-family:"NanumGothicBold"; font-size:30px; line-height:32px; color:#eb2a2e; padding:0 0 20px 0;}
.tit_03 {font-family:"NanumGothicBold"; font-size:30px; line-height:32px; color:#fff; padding:70px 0 40px 0; text-align:center;}
.tit_04 {font-family:"NanumGothicBold"; font-size:36px; line-height:38px; color:#000; padding:0 0 15px 0; text-align:center;}
.tit_05 {font-size:18px; line-height:24px; color:#579d97; padding:0 0 15px 0;}
.tit_06 {font-family:"NanumGothicBold"; font-size:30px; line-height:32px; color:#000; padding:50px 0 30px 0; text-align:center;}

/*강조글자*/
.red {color:#ff0000;}
.green {color:#55a9a2;}


/***********회사소개************/
/*인사말*/
.intro {border-bottom:1px solid #e2e2e2;}
.intro .s_tit {text-align:center;}
.intro .s_tit img {padding:0 0 50px 0;}
.intro .s_tit p {padding:50px 0 0 0; font-size:24px; line-height:26px; color:#000;}
.intro .introduce {text-align:center; padding:30px 0; line-height:30px;}

/*회사소개*/
.import {width:600px; float:left;}
.import img {padding-top:52px; float:left;}
.import dl {float:left; padding:55px 0 0 30px;}
.import dl dt {float:left;  line-height:30px;}
.import dl dd {margin-left:150px; line-height:30px; color:#000;}
.import dl dd span {display:block; margin-top:-10px;}

.history {width:600px; float:left; padding-bottom:75px;}
.history img {float:left; padding:52px 0 0 53px;}
.history .right {float:left; padding:45px 0 0 30px;}
.history dl dt {float:left; line-height:30px; color:#999;}
.history dl dd {margin-left:80px; line-height:30px; color:#000;}
.history dl dd span {display:block; margin-top:-10px;}

.location {width:1200px; margin:0 auto; padding:50px 0; border-top:1px solid #e2e2e2; overflow:hidden;}
.location img {float:left}
.location .company_info {float:left; padding-left:12px;}
.location .company_info li {text-align:left; line-height:25px;}
.location .company_info .name {color:#010101;}

/*찾아오시는길*/
#map_canvas {width:100%; height:600px; margin:0 auto; padding:0; background:#fff;}


/***********시스템************/
/*특징*/
.intro_s .s_txt{text-align:center; padding:20px 0 30px 0; line-height:24px;}
.character {padding:50px 0;}

/*구성*/
.con {clear:both; width:100%; min-width:1200px; background:#8ac3be;}
.con .con_img {width:1200px; margin:0 auto;}
.con .con_img p {text-align:center; padding:30px 0 50px 0;}
.con .con_img_02 {overflow:hidden; width:1200px; margin:0 auto;}
.con .con_img_02 img {float:left;}
.con .con_img_02 .con_txt {float:right; margin-top:30px;}
.con .con_img .con_txt {text-align:center; line-height:22px; color:#fff;}

/*제품소개*/
.product {width:1200px; margin:0 auto;}
.product .pro_box {margin:90px 0;}
.product .pro_box .img_box {text-align:center; min-height:350px; border:1px solid #eaeaea; position:relative; vertical-align:top;}
.product .pro_box .img_box img {margin-top:40px; margin-bottom:20px;}
.product .pro_box .txt_box {vertical-align:top; padding-left:50px;}
.txt_box .pro_tit {padding-left:25px; font-family:"NanumGothicBold"; font-size:24px; line-height:26px; color:#000; background:url(../images/system/tit_bullet.gif) no-repeat left 5px;}
.txt_box .pro_txt {margin:30px 0 0 0; line-height:22px;}
.txt_box .red_tit {padding:25px 0 15px 0; color:#eb2a2e;}
.txt_box .pro_list dl {overflow:hidden; font-size:13px; line-height:18px;}
.txt_box .pro_list dl dt {float:left; margin-right:15px; color:#000;}
.txt_box .pro_list dl dd {margin:0; color:#999;}

.down_btn {margin-bottom:20px;}
.down_btn .down {position:relative; background:url(../images/btn/down_bg.jpg) no-repeat; width:120px; height:55px; display:inline-block; cursor:pointer;}
.down_btn .down a {position:absolute; right:10px; top:11px; font-family:"NanumGothicBold"; font-size:13px; color:#ffac00; line-height:16px; text-decoration:none; display:inline-block;}
.down_btn .down:hover {background:url(../images/btn/down_bg_on.jpg) no-repeat;}
.down_btn .down:hover a {color:#FFF;}
.down_btn .view {position:relative; background:url(../images/btn/view_bg.jpg) no-repeat; width:120px; height:55px; display:inline-block; cursor:pointer;}
.down_btn .view a {position:absolute; right:15px; top:11px; font-family:"NanumGothicBold"; font-size:13px; color:#11b3a5; line-height:16px; text-decoration:none; display:inline-block;}
.down_btn .view:hover {background:url(../images/btn/view_bg_on.jpg) no-repeat;}
.down_btn .view:hover a {color:#FFF;}

/*유량감지식 온수분배시스템(시스템개요)*/
.outline p{text-align:center; line-height:24px;}
.outline .outline_img{text-align:center; padding:30px 0;}

/*통합조절 시스템*/
.intro_s .diagram {padding:0 0 50px 0;}
.intro_s .diagram p {text-align:center;}
.intro_s .diagram .diagram_txt {text-align:center; padding:30px 0 0 0;}
.accent {padding-top:30px; font-size:18px; line-height:26px; color:#333;}
.accent .acc_01 {color:#8ac3be;}


/****************서비스******************/
/*FAQ*/
.search_bar {width:1200px; height:50px; background:#3e3e3e;}
.search_bar p {float:left; padding:15px 0 0 30px; color:#fff;}
.search_bar .search_wrap {float:right; padding:13px 30px 0 0;}
.search_bar .search_wrap .search_btn a{padding:3px 10px 4px 10px; *padding:4px 10px 4px 10px; text-decoration:none; font-size:12px; font-family:"NanumGothicBold"; line-height:16px; color:#fff; background:#8ac3be; }
.faq_list {border-bottom:2px solid #3e3e3e;}
.expand_title {padding:20px 0px 20px 75px; line-height:19px; color:#333; cursor:pointer; border-bottom:1px solid #ededed; background:url(../images/service/faq_q_off_img.png) no-repeat 13px center;}
.expand_title span {display:block; overflow:hidden; height:20px;}
.expand_title.clicked {padding:20px 0px 20px 75px; color:#eb2a2e; border-bottom:1px solid #ededed; background:url(../images/service/faq_q_on_img.png) no-repeat 13px 10px;}
.expand_contents {display:none; padding:20px 10px 20px 75px; line-height:24x; color:#333; border-bottom:1px solid #ececec; background:#f8f8f8 url(../images/service/faq_a_img.png) no-repeat 30px 20px;}

/*공지사항*/
.sub_title {float:left;}
.sub_txt {clear:both; padding:30px 0 10px 0; line-height:20px; color:#999;}
.service_tab {float:right; border:1px solid #e2e2e2;}
.service_tab li {float:left; height:38px; cursor:pointer; border-left:1px solid #e2e2e2;}
.service_tab li:first-child {border-left:none;}
.service_tab li a {display:block; padding:9px 30px 6px 30px; color:#000; text-decoration:none;}
.service_tab li .on {border-bottom:3px solid #eb2a2e; color:#eb2a2e;}

/*견적문의*/
table.normal_02 {width:100%; border-top:2px solid #0db9aa; border-bottom:1px solid #8ac3be;}
table.normal_02 th {padding:12px 0; color:#333; font-weight:normal; border-bottom:1px solid #e2e2e2; background:#f9f9f9;}
table.normal_02 td {padding:12px 0 12px 20px; border-bottom:1px solid #e2e2e2;}
table.normal_02 td .explain {display:inline-block; padding-top:5px; font-size:12px; color:#2ea096;}

/*A/S및 상담신청*/
.acc {padding-bottom:5px; font-size:12px; color:#000;}
table.normal_02 td .zipcode_btn a { display:inline-block; padding:0 10px; *padding:2px 10px 0 10px; font-size:12px; line-height:22px; *line-height:19px; color:#fff; text-decoration:none; background:#8ac3be;}
.bottom_btn {text-align:center; padding-top:30px;}

/*대리점 안내*/
table.normal_01 {width:100%; border-bottom:2px solid #3e3e3e;}
table.normal_01 th {padding:10px 0; font-weight:normal; color:#333; border-bottom:1px solid #e2e2e2; background:#f9f9f9;}
table.normal_01 td {padding:8px 0; text-align:center; border-bottom:1px solid #e2e2e2;}
table.normal_01 .left {text-align:left; padding-left:30px;}