@charset "UTF-8";

/* 서브페이지 공통 CSS */
.sub_wrap {width:1200px; height:100%; margin:0 auto; overflow:hidden; padding: 0 0 80px 0; border-left:1px solid #e1e1e1; position:relative;}
.sub_wrap::after {content:""; display:block; width:1px; height:100%; position:absolute; left:240px; background:#e1e1e1;}
.sub_visual {width:100%; height:249px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; font-family: 'NanumSquare', sans-serif;}
.sub_visual01 {background:url(/web/images/sub/sub_visual01.jpg);}
.sub_visual02 {background:url(/web/images/sub/sub_visual02.jpg);}
.sub_visual03 {background:url(/web/images/sub/sub_visual03.jpg);}
.sub_visual04 {background:url(/web/images/sub/sub_visual04.jpg);}
.sub_visual05 {background:url(/web/images/sub/sub_visual05.jpg);}
.sub_visual_txt {text-align:center; position:absolute; left:50%; top:50%;  color:#fff; font-weight:500; text-shadow:1px 4px 4px rgba(0,0,0,0.7);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
 }
.sub_visual_txt dt  {font-size:44px; line-height:48px; margin:0 0 10px 0;}
.sub_visual_txt dt span {font-size:33px;}
.sub_visual_txt dt strong {color:#eaf49c; font-weight:600;}
.sub_visual_txt dd {font-size:18px; font-weight:400; line-height:24px;}
.sub_lnb_wrap {width:240px; float:left; border-top:1px solid #e1e1e1;  font-family: 'NanumSquare', sans-serif; }
.sub_cont_wrap {width:911px; float:right; font-family: 'Noto Sans Korean', '돋움', Sans-serif;}
.sub_lnb_title {width:100%; height:118px; position:relative; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.sub_lnb_title p {text-align:center; font-size:32px; color:#464646; font-weight:500; line-height:36px; position:absolute; top:50%; left:50%; width:100%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.sub_lnb_list {width:100%; height:100%;}
.sub_lnb_list > li {height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.sub_lnb_list > li > a {display:block; width:100%; height:100%; font-size:18px; color:#434343; padding:0 0 0 20px; box-sizing:border-box;}
.sub_lnb_list > li > a.sub_lnb_on {background:#359ad6; color:#fff; font-weight:600;}
.sub_lnb_list > li > a:hover {background:#359ad6; color:#fff;}
.sub_cont_title {font-size:30px; color:#3c3c3c; font-weight:500; width:100%; border-bottom:1px solid #e1e1e1; margin:46px 0 36px 0; padding:0 0 16px 0;  font-family: 'NanumSquare', sans-serif;}
.sub_cont_title::before {content:""; display:inline-block; vertical-align:top; width:6px; height:30px; background:#359ad6; margin:0 10px 0 0; }

/* 회사소개 (cate01/page01) */
.greeting_wrap {overflow:hidden; width:100%; height:500px;}
.greeting_txt {float:left; width:500px; height:100%; background:#022f76; padding:50px 22px; box-sizing:border-box; color:#fff;}
.greeting_txt dt {font-size:26px; line-height:32px; margin:0 0 30px 0;}
.greeting_txt dd {line-height:26px;}
.greeting_img {float:left;}

/* 시스템천장형 냉난방기 - 매립덕트형, 4way, 1way (cate02/page01 ~ page03) */
.air_conditioner_wrap {margin:1px 0 0 0;}
.air_conditioner_wrap img { width:100%; margin-top:-1px; display:block;}
.payment_title {overflow:hidden;}
.payment_title div {float:right; font-size:25px; margin:6px 0 0 0; font-weight:600;}
.payment_title div strong {color:#359ad6;}
.payment_title div span {color:#3c3c3c;}
.price_title {overflow:hidden; background:#0270be; color:#fff; height:60px; line-height:60px; margin:0 0 30px 0;padding:0 20px; box-sizing:border-box;}
.price_title dt {float:left; font-size:24px;}
.price_title dd {float:right; font-size:14px;}
.price_tbl {width:212px; display:inline-block; border-top:2px solid #359ad6; vertical-align:top; margin:0 0 30px 0;}
.price_tbl:not(:nth-of-type(4n)) {margin-right:20px;}
.price_tbl tr td {border:1px solid #ddd; color:#444;  vertical-align:middle; font-size:14px; box-sizing:border-box; line-height:16px;}
.price_tbl tr td.price_cnt_title {height:54px; background:#eee; color:#444; text-align:center; font-weight:500; font-size:16px; line-height:20px;}
.price_cnt_subject {width:78px; height:54px; background:#eee; color:#808080; font-size:14px;  text-align:center; }
.price_num {padding:0 4px; box-sizing:border-box; letter-spacing:-0.3px;}
.price_tbl.price_final_tbl {margin-right:0px; margin-left:20px;}
.price_notice {width:100%; background:#0270be; padding:18px; box-sizing:border-box; }
.price_notice_title {font-size:28px; font-weight:500; padding:20px 0 40px 0; box-sizing:border-box; color:#fff;}
.price_notice_wrap {width:100%; background:#fff; padding:26px 21px; box-sizing:border-box;}
.price_notice_txt:first-child {border-bottom:1px solid #ddd; margin:0 0 20px 0; padding:0 0 20px 0;}
.price_notice_txt { color:#848484; width:100%;}
.price_notice_txt dt {font-size:24px; margin:0 0 20px 0;}
.price_notice_txt dd {font-size:14px; line-height:22px;}
.price_notice_txt dd::before {content:""; display:inline-block; margin:0 6px 4px 6px; width:5px; height:1px; background:#848484;}

/* 시공사례 - 매립덕트형 (cate04/page01) */
.gallery_board_wrap {overflow:hidden;}
.gallery_board_wrap li {float:left; border-bottom:1px solid #ddd;  width:290px; box-sizing:border-box; margin:0 0 20px 0;position:relative;}
.gallery_board_wrap li::after {content:""; display:block; width:45px; height:45px; background:url(/web/web/images/sub/operation_top.png) left center no-repeat; position:absolute; top:0; left:0;}
.gallery_board_wrap li:not(:nth-of-type(3n)) {margin-right:20px;}
.gallery_title {width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#2d2d2d;
border-bottom:2px solid #359ad6; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.board_pagenation {text-align:center; margin:20px 0 0 0;}
.board_pagenation li {display:inline-block; vertical-align:top; }
.board_pagenation li a {display:block; width:22px; height:22px; border:1px solid #c2c2c2; text-align:center; line-height:22px; border-radius:3px; font-size:14px; color:#333;}
.board_pagenation li a:hover {color:#2577d9;}
.board_search_wrap {text-align:center; height:22px; margin:40px 0 0 0;}
.board_search_common {height:100%; display:inline-block; vertical-align:top; box-sizing:border-box; font-size:14px;}
.board_search_select {width:120px; border:1px solid #d2d2d2; background:#fff;}
.board_search_box {width:144px; border:1px solid #d2d2d2; background:#fff;padding:0 6px;}
.board_search_btn {padding:0 10px; background:#359ad6; color:#fff; line-height:22px;}
.board_write_btn {padding:0 10px; background:#359ad6; color:#fff; line-height:22px;}
.gallery_img_wrap {width:288px; height:226px; border:1px solid #ddd;}
.gallery_img_wrap img {width:100%;}