@charset "utf-8";

/*서브페이지 공통*/
.subpage{padding:90px 0 100px;background:#00378A;}
.subpage .inner{width:1200px;}
.subpage .sub-top{position:relative;width:100%;padding:100px 0 160px;text-align:center;overflow-y:visible;}
.subpage .sub-top h2{margin-bottom:10px;font-size:60px;font-weight:800;color:#fff;font-family: 'Pretendard';}
.subpage .sub-top p{font-size:22px;color:rgba(255,255,255,.4);}
.subpage .sub-tab{position:absolute;left:50%;z-index:9;width:1400px;transform:translateX(-50%);}
.subpage .sub-tab1{bottom:-30px;}
.subpage .sub-tab2{bottom:-60px;}
.subpage .sub-tab ul{flex-wrap: wrap;}
.subpage .sub-tab ul li{width:calc(100% / 5);height:60px;background:#00245A;border-right:1px solid #284269;color:#fff;font-size:18px;}
.subpage.projpage .sub-tab ul li{display:flex !important;width:calc(100% / 4);height:60px;background:#00245A;border-right:1px solid #284269;color:#fff;font-size:18px;align-items: center;justify-content: center;}
.subpage.projpage .sub-tab1 ul li{width:calc(100% / 8);}
.subpage .sub-tab ul li:last-child{border-right:none;}
.subpage .sub-tab ul li a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.subpage .sub-tab .active{background:#DD372B;}
.subpage .bg-wh{margin-bottom:-100px;padding-bottom:100px;background:#fff;}

/*제품소개 - 탭*/
#product-tab{background:#00378A;}
#product-tab .product-tab-lst .inner{flex-wrap: wrap;gap:40px;align-items: flex-start;}
#product-tab .product-tab-conbx{width:373px;margin:0 0px 50px;text-align:center;}
#product-tab .product-tab-conbx .con-img{width:100%;height:373px;border-radius:32px;overflow:hidden;background:#fff;}
#product-tab .product-tab-conbx .con-txt h3{margin:20px 0 10px;font-size:24px;font-weight:600;color:#fff;}
#product-tab .product-tab-conbx .con-txt p{font-size:18px;line-height:1.5;color:#c8c8c8;}

/*임시*/
/* #product-tab .product-tab-conbx:nth-child(2n+1) .con-img{background:#fff url(../img/main/type_slide1_prv.png) no-repeat center;background-size:70%;}
#product-tab .product-tab-conbx:nth-child(2n) .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center;background-size:cover;} */
/**/

#product-tab .product-conbx1 .con-img{background:url(../img/sub/product/product_1.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx2 .con-img{background:url(../img/sub/product/product_2.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx3 .con-img{background:url(../img/sub/product/product_3.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx4 .con-img{background:url(../img/sub/product/product_4.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx5 .con-img{background:url(../img/sub/product/product_5.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx6 .con-img{background:url(../img/sub/product/product_6.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx7 .con-img{background:url(../img/sub/product/product_7.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx8 .con-img{background:url(../img/sub/product/product_8.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx9 .con-img{background:url(../img/sub/product/product_9.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx10 .con-img{background:url(../img/sub/product/product_10.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx11 .con-img{background:url(../img/sub/product/product_11.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx12 .con-img{background:url(../img/sub/product/product_12.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx13 .con-img{background:url(../img/sub/product/product_13.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx14 .con-img{background:url(../img/sub/product/product_14.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx15 .con-img{background:url(../img/sub/product/product_15.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx16 .con-img{background:url(../img/sub/product/product_16.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx17 .con-img{background:url(../img/sub/product/product_17.jpg) no-repeat center;background-size: cover;}
#product-tab .product-conbx18 .con-img{background:url(../img/sub/product/product_18.jpg) no-repeat center;background-size: cover;}

/*제품소개 - 상세페이지*/

/*공통*/
#product-con .product-lst{padding-top:150px;}
#product-con .product-conbx{display:none;}
#product-con .product-conbx.active{display:block;}
#product-con .con-top .con-img{width:48%;height:600px;border-radius:4px;}
#product-con .con-top .con-txt{width:52%;padding-left:54px;}
#product-con .con-top .con-txt h3{margin-bottom:40px;font-size:40px;font-weight:900;}
#product-con .con-top .con-tit span{display:block;position:relative;width:100%;height:1px;margin-bottom:40px;background:#ddd;}
#product-con .con-top .con-tit span::before{content:'';display:block;position:absolute;top:0;left:0;z-index:2;width:100px;height:1px;background:#DD372B;}
#product-con .feature-txt{margin-bottom:60px;align-items: flex-start;}
#product-con .feature-txt h4{position:relative;top:2px;width:104px;font-size:16px;font-weight:600;color:#adadad;line-height:1.8;}
#product-con .feature-txt p{width:calc(100% - 104px);font-size:18px;color:#666;line-height:1.8;}
#product-con .btn-area{gap:12px;}
#product-con .btn-area a{width:140px;height:40px;border-radius:4px;background:#f0f0f0;font-size:16px;font-weight:500;}
#product-con .btn-area a span{position:relative;display:inline-block;}
#product-con .btn-area a img{position:relative;padding-right:9px;margin-right:9px;}
#product-con .btn-area a span::before{content:'';display:inline-block;position:relative;left:-9px;top:0px;width:1px;height:12px;background:#d9d9d9;}
#product-con .product-info-sec{padding:50px 0;}
#product-con .product-info-sec .con-tit{margin-bottom:40px;}
#product-con .product-info-sec .con-tit h4{font-size:28px;font-weight:800;}
#product-con .product-info-sec .con-tit h4::before{content:'';display:inline-block;width:20px;height:20px;background:#DD372B;margin-right:12px;}
#product-con table{width:100%;}
#product-con table th,
#product-con table td{padding:18px 0;line-height:1;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;text-align:center;font-size:18px;font-family: 'Pretendard';}
#product-con table th{background:#f9f9f9;border-top:2px solid #000;}
#product-con table th:first-child,
#product-con table td:first-child{border-left:1px solid #d9d9d9;}
#product-con table td:first-child{background:#f9f9f9;font-weight: 700;}
#product-con table tr:last-child td{border-bottom:1px solid #d9d9d9;}
/* #product-con table th{border-top:1px solid #000;font-weight:700;background:#f9f9f9;}
#product-con table td:first-child{border-right:1px solid #d9d9d9;background:#f9f9f9;font-weight:700;}
#product-con table td:nth-child(3n){border-left:1px solid #d9d9d9;} */
#product-con .move-list{width:112px;height:60px;margin:0 auto;border-radius:4px;background:#00245A;color:#fff;font-size:18px;}

#product-con .videoWrapper{background:#ddd;}

/*개별*/
#product-con #product-conbx1 .con-top .con-img{background:url(../img/sub/product/product_1.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx2 .con-top .con-img{background:url(../img/sub/product/product_2.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx3 .con-top .con-img{background:url(../img/sub/product/product_3.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx4 .con-top .con-img{background:url(../img/sub/product/product_4.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx5 .con-top .con-img{background:url(../img/sub/product/product_5.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx6 .con-top .con-img{background:url(../img/sub/product/product_6.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx7 .con-top .con-img{background:url(../img/sub/product/product_7.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx8 .con-top .con-img{background:url(../img/sub/product/product_8.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx9 .con-top .con-img{background:url(../img/sub/product/product_9.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx10 .con-top .con-img{background:url(../img/sub/product/product_10.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx11 .con-top .con-img{background:url(../img/sub/product/product_11.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx12 .con-top .con-img{background:url(../img/sub/product/product_12.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx13 .con-top .con-img{background:url(../img/sub/product/product_13.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx14 .con-top .con-img{background:url(../img/sub/product/product_14.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx15 .con-top .con-img{background:url(../img/sub/product/product_15.jpg) no-repeat center;background-size:cover;}
#product-con #product-conbx16 .con-top .con-img{background:url(../img/sub/product/product_16.jpg) no-repeat center;background-size:cover;}

#product-con .sec04 table td:first-child{background:#fff;}
#product-conbx15 .sec01 table th{border-bottom:1px solid #d9d9d9;}
#product-conbx15 .sec01 table td{padding:18px 50px;text-align: left;border-top:2px solid #000;line-height:1.8;background:#fff;font-weight: 400;}
#product-conbx16 table td{padding:18px 10px;line-height:1.4;}

/*게시판*/
.btn_bo_user > li button,
.btn_bo_user > a{width:100%;}
.btn_submit{border-radius:0;background:#0B1F51 !important;border:none;}
#bo_w .btn_confirm{margin:50px 0 0;justify-content:center;gap:10px;}
#bo_w .btn_submit{padding:0 20px;height:40px;font-size: 1.167em;}
#bo_w .btn_cancel {font-size: 1.167em;border-radius: 3px;height:40px;padding:0 20px;line-height:40px;}
#bo_w .sub-con{padding-top:100px;}

/*faq*/
#bo_list.faqpage ,
#bo_w{background:#fff;}
#bo_w .sub-top{padding:100px 0;}
#bo_list.faqpage  .sub-top h2,
#bo_w.faqpage .sub-top h2{color:#00378A;}
#bo_list.faqpage  .sub-top .con-tit p,
#bo_w.faqpage .sub-top .con-tit p{color: rgba(0, 0, 0, 0.40);}
.faqpage #bo_cate ul li{width:calc(100% / 6)}
#bo_list.faqpage  .sub-con{padding-top:50px;}
#bo_list.faqpage  a.btn_admin{display:flex;}
.faqpage #bo_cate.sub-tab{width:692px;bottom:50px;}
ul.faq_list_board p.q{display:flex;padding:30px 20px;border-bottom:1px solid #eee;font-size:22px;align-items: center;}
ul.faq_list_board p.q.on{background:#fff;}
ul.faq_list_board .cate_name{width:110px;margin-right:20px;padding-right:20px;border-right:1px solid #eee;font-size:18px;font-weight:600;color:#00378A;}
ul.faq_list_board p.q:after{right:20px;}
ul.faq_list_board div.answer:before{display:none;}
ul.faq_list_board div.answer{position:relative;background:#fff;padding:30px 20px;border-bottom:1px solid #eee;color:#000;line-height:1.8;font-size:16px;}
#bo_w.faqpage .chk_box input{display:none;}
.faqpage #bo_btn_top .inner{overflow:visible;}
.faqpage .more_opt li{width:100px;}
.faqpage .selec_chk {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    overflow: hidden;}
.faqpage .chk_box input[type="checkbox"] + label span{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:9;}
.faqpage .faq_list_board li p{position:relative}
.faqpage .modify-btn{display:flex;position: absolute;bottom: 20px;right: 20px;padding:0 15px;background:#ddd;border-radius:20px;align-items: center;justify-content:center;}


/*시공사례*/
/* .gallerypage{background:#fff;}
.gallerypage #bo_cate #bo_cate_on:after{display:none;}
.gallerypage #bo_cate #bo_cate_on{color:#fff;background:#DD372B}
.gallerypage #bo_cate ul{background:transparent;border-bottom:none;}
.gallerypage .sub-top{background:#00378A;} */
/* .projpage{background:#fff;}
.projpage .sub-top{background:#00378A !important;}
#bo_gall.projpage .sub-con{padding-top:100px;}
#bo_gall.projpage .bo_fx{margin-bottom:20px;}
#bo_gall.projpage .bo_fx:after{display:none;}
#bo_gall.projpage .gallery{display:flex;gap:50px 15px;flex-wrap: wrap;}
#bo_gall.projpage .gallery>div{width:calc(33.33% - 15px);}
#bo_gall.projpage .gallery>div>a>img{width:100%;}
#bo_gall.projpage .bo_cate_link{display:none;}
#bo_gall.projpage .proj-tit-wrap{margin-top:20px;align-items: flex-start;gap:5px;}
#bo_gall.projpage .proj-tit-wrap>div.con-flex{align-items: flex-start;gap:8px;}
#bo_gall.projpage .proj-tit-wrap input[type="checkbox"]{position:relative;top:7px;}
#bo_gall.projpage .proj-tit{font-size:24px;font-weight:700;}
#bo_gall a.btn_admin,
#bo_gall a.btn_b01{display:flex;width:40px;height:40px;border-radius:50%;align-items: center;justify-content:center;}
#bo_gall .bt-btn{margin-top:50px;}
#bo_gall .bt-btn input{background:#00378A;}
.projpage #ca_name{width:100%;height:40px;border: 1px solid #d0d3db;}
#bo_w.projpage .tbl_frm01 td{padding:6px 0;}
#bo_w.projpage #wr_subject{width:100%;}
#bo_w.projpage #btn_autosave{position:absolute;right:5px;top:5px;height:30px;}
#bo_w.projpage .frm_input{width:100%;}
.projpage #bo_v_info{padding:20px 0;}
.projpage #bo_v_info h3{font-size:24px;}
.projpage #bo_v_atc{padding:30px 0;}
.projcomment .tbl_frm01 th{width:15%;text-align: left;}
.projcomment .tbl_frm01 td{width:85%;}
.projpage .modify-btn{position:relative;top:5px;}
.sl-wrapper .sl-image .sl-caption{bottom:-55px !important;background:transparent !important;opacity:1 !important;font-size:20px;} */

.projpage{background:#fff;}
.projpage .sub-top{background:#00378A !important;}
.projpage .sub-con{padding-top:100px;}
.projpage .bo_fx{margin-bottom:20px;}
.projpage .bo_fx:after{display:none;}
.projpage .gallery{display:flex;gap:50px 15px;flex-wrap: wrap;}
.projpage .gallery>div{width:calc(33.33% - 15px);}
.projpage .gallery>div>a>img{width:100%;}
.projpage .bo_cate_link{display:none;}
.projpage .proj-tit-wrap{margin-top:20px;align-items: flex-start;gap:5px;}
.projpage .proj-tit-wrap>div.con-flex{align-items: flex-start;gap:8px;}
.projpage .proj-tit-wrap input[type="checkbox"]{position:relative;top:7px;}
.projpage .proj-tit{font-size:24px;font-weight:700;}
.projpage a.btn_admin,
.projpage a.btn_b01{display:flex;width:40px;height:40px;border-radius:50%;align-items: center;justify-content:center;}
.projpage .bt-btn{margin-top:50px;}
.projpage .bt-btn input{background:#00378A;}
.projpage #ca_name{width:100%;height:40px;border: 1px solid #d0d3db;}
.projpage .tbl_frm01 td{padding:6px 0;}
.projpage #wr_subject{width:100%;}
.projpage #btn_autosave{position:absolute;right:5px;top:5px;height:30px;}
.projpage .frm_input{width:100%;}
.projpage #bo_v_info{padding:20px 0;}
/* .projpage #bo_gall .gall_li_tit{font-size:24px;} */
.projpage #bo_v_atc{padding:30px 0;}
.projcomment .tbl_frm01 th{width:15%;text-align: left;}
.projcomment .tbl_frm01 td{width:85%;}
/* .projpage .modify-btn{position:relative;top:5px;} */
.sl-wrapper .sl-image .sl-caption{bottom:-55px !important;background:transparent !important;opacity:1 !important;font-size:20px;}
.projpage header{position:static;background:transparent;height:auto;}
.projpage #bo_gall .gall_li {width:calc(33.33% - 14px);}
#bo_gall #gall_allchk.all_chk.chk_box input[type="checkbox"] + label span {top:2px;left:0;}
#bo_gall #gall_allchk{margin-left:10px;}
.projpage .btn_bo_user > li{position:relative;width:40px;height:40px;}
.projpage .btn_bo_user > li > a{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.projpage .write_btn{background:#ddd;border-radius:50%;}
.projpage .btn_top{margin-right:10px;}

.proj-view .btn_top{float:right;}
.proj-view #bo_v_img{width:600px;}
.proj-view #bo_v_img img{width:100% !important;}
.projpage #bo_gall #gall_ul{padding:0;gap:50px 20px;}

#bo_w.proj-write .sub-con{padding:100px 0 0;}
.proj-write .form_01{margin:0;}
#bo_w.proj-write .btn_submit,
#bo_w.proj-write .btn_cancel{height:60px;line-height:60px}
#bo_w.proj-write .write_div{margin:10px 0;}
#bo_w.proj-write .filebox .btn_file{width:80px;}
.proj-view #bo_v_con{min-height:100px;}
.gal-lst-btn{display:flex;width:200px;height:60px;margin:30px 0 0;float:right;align-items: center;justify-content:center;background:#00378A;color:#fff;font-size:18px;}
#bo_gall .gall_li_tit{margin:0;}
.projpage .gall_text_href{margin-top:10px;}


/*견적문의*/
#bo_w.qpage,
.qpage{padding:90px 0 100px;background:#fff;}
.qpage .sub-top h2{color:#00378A;}
#bo_w.qpage .sub-con{padding-top:0;}
#bo_w.qpage form{width:600px;margin:0 auto;}
.qpage .write_div.option{display:none;}
.qpage .form_01 .write_div{margin-bottom:40px;}
.qpage .inquiry-label{display:block;position:relative;margin-bottom:12px;font-size:24px;font-weight:700;}
.qpage .inquiry-label.required-info::after{content:'*필수';display:inline-block;margin-left:12px;font-size:16px;font-weight:700;color:#DD372B}
.qpage .inquiry-label::before{content:'';display:inline-block;position:relative;top:-4px;width:12px;height:12px;margin-right:12px;background:#DD372B;}
.qpage .inquiry-label span{font-size:14px;font-weight:400;}
.qpage .write_div .required{background:none !important;}
.qpage .write_div input,
.qpage .write_div select{height:60px;padding:0 20px;font-size:18px;border:1px solid #cccccc !important;}
.qpage .write_div select{color:#9E9E9E;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:url(../img/common/ico_select_arr.svg) no-repeat 97% center !important;background-size: 22px;}
.qpage .write_div input::placeholder{color:#9E9E9E;font-weight:400;}
.daum-address-div{height:auto;}
.daum-address-div { display:flex; justify-content:space-between; width:100%; height:auto; flex-wrap:wrap;}
/* .daum-address-div div { width:100%; margin-left:3px; border:1px solid #cccccc; border-radius:3px; } */
.daum-address-div button { display:block; width:143px;height:60px;color:#ffffff; font-size:20px; font-weight:bold; background-color:#00245A; border:none; border-radius:4px;font-size:18px;font-weight:500;}
.daum-address-div input { display:block; width:100%; height:60px; text-align:center; border:none; outline:none; background-color:#fff; border: 1px solid #E4E1EE;border-radius:4px;text-align:left;}
.daum-address-div #detailAddress::placeholder{color:#ccc;font-weight:400;}
.daum-address-div .con-flex-bet input{width:calc(100% - 153px);}
.daum-address-div .con-flex-bet input::placeholder{color:#9e9e9e;font-weight:400;}
.daum-address-div .con-flex-bet{width:100%;margin-bottom:12px;}
.qpage .write_div textarea{padding:20px;border-radius: 4px;border: 1px solid #E4E1EE;resize:none;}
.qpage .write_div textarea::placeholder{content:'문의 내용을 입력해 주세요.';}
#bo_w.qpage .btn_submit{width:100%;height:60px;font-size:18px;}
.qpage .form_01{margin:0;}
.qpage .hp-wrap input{width:calc(33.33% - 20px);}
.qpage .write_div.privacy .con-flex{margin-top:12px;justify-content: flex-end;gap:8px;}
.qpage .write_div input[type="checkbox"]{width:30px;height:30px;color:#ddd;left:0;z-index:9;}
.subpage .sub-tab ul{justify-content: center;}
.qpage header{position:static;background:#fff;}
.qpage .write-top-btn{justify-content: flex-end;gap:10px;}
.qpage .write-top-btn a.btn_b03{display:flex;}
.qpage #bo_v_con ul{padding-left:0;}
.qpage #bo_v_con li{display:flex;margin-bottom:10px;}
.qpage #bo_v_con li::before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;background:#DD372B}
.qpage #bo_v_con li h4{width:140px;font-family: 'Pretendard';font-size:20px;}
.qpage #bo_v_con li p{width:calc(100% - 160px);font-family: 'Pretendard';font-size:18px;}
/* .qpage .chk_box */
.qpage .all_chk.chk_box input[type="checkbox"] + label span{top:1px;left:0;}
.qpage .bo_cate_ico{display:flex;}
.qpage .qpage-lst{margin-top:20px;border-top:1px solid #eee;}
.qpage .chk-wrap .chkmark{width:30px;height:30px;border:1px solid #eee;background:none;}
.qpage .chk-wrap label input:checked ~ .chkmark{border:1px solid transparent;background:url(../img/common/ico_chk_on_2.png) no-repeat center;background-size:30px;}
.qpage .chk-wrap label input:checked ~ .chkmark::after{display:none;}
.qpage .chk-wrap .wr-label{position:relative;top:5px;}
.qpage #bo_cate{display:none;}
.subpage.qpage .sub-top{padding:100px 0;}
#bo_w.qpage .lst-btn{width:100%;height:60px;margin-top:10px;background:#ddd;font-size:18px;font-weight:700;}

#captcha #captcha_key{font-size:initial !important;font-weight:400 !important;}

.qpage .email-wrapper input, 
.qpage .email-wrapper select{width:calc(33.33% - 20px);}

/**/

.qpage .write-top-btn a.btn_b03,
.qpage .write-top-btn>li>.btn{width:45px;height:45px;padding:0;}

/* .policy-wrap .policy-conbx{margin-bottom:20px;}
.policy-wrap .policy-conbx ul{list-style-type: disc;} */