@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');

/*common*/
.sub_container{min-height:400px;}
.sub_contents{padding:40px 0 80px;}
.contents_wrap{padding-top:40px;}
.sub_page_title h3{color:#000000; font-size:38px; text-align:center; line-height:1.1; font-weight:700;}
.sub_page_title02>h4{font-size:32px; color:#000000; line-height:1.1; font-weight:700;}
.sub_page_title02>p{font-size:18px; margin-top:20px; color:#5e5354;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{text-align:center; font-size:0; margin-top:50px; padding-top:50px; border-top:1px solid #e6e6e6;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:14px; padding:1px 10px; }
.prev_next_page>span>a.on{color:#000000; font-weight:500;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/common/btn_last.jpg"); margin-left:3px;}

/*서브 비주얼*/
.sub_visual{height:350px; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.sub_visual>div{height:100%; }
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual06.jpg");}
/*sub_visual_txt */
.sub_visual_txt {color:#ffffff; width:100%; height:100%; display:flex; align-items:center;  justify-content:center;}
.sub_visual_txt h3{font-size:44px; font-weight:700;}

/*sub_tab_bar 서브 메뉴 선택 탭*/
.sub_tab_bar{background:linear-gradient(45deg, #4f4c4d, #4f4c4d); max-width:1200px; margin:-30px auto 0; width:100%; position:relative;}
.sub_tab{float:left; color:#ffffff; font-size:18px;}
.sub_tab_01{width:140px;}
.sub_tab_01>a{display:block; padding:15px 15px 15px; text-align:center; font-weight:500; color:#ffffff;  position:relative;}
.sub_tab_01>a:before{content:'/'; display:block; position:absolute; right:10px; top:15px;}
.sub_tab_02{width:calc(100% - 140px);}
.sub_tab_02 h3{padding:15px; cursor:pointer; position:relative;}
/*메뉴 더보기*/
.sub_tab_02 .menu_more{position:absolute; right:15px; top:20px; width:20px; height:20px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_02 .menu_more:after,.sub_tab_02 .menu_more:before{content:''; display:block; background-color:#ffffff; width:18px; height:2px; 
		position:absolute; left:0; top:8px;}
.sub_tab_02 .menu_more:after{width:2px; height:18px; left:8px; top:0; }
.sub_tab_02 h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:58px; width:100%; z-index:250; background-color:#ffffff; padding:20px 10px 20px 150px;
		  border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:16px;}
.sub_tab_2depth>li+li{margin-top:5px;}
.sub_tab_2depth>li>a{display:block; padding:1px 0;}
.sub_tab_2depth>li>a:hover{color:#5e5354;}

/*service.asp*/
.service_list{display:flex; flex-wrap:wrap; gap:35px 60px; }
.service_list.right_service{flex-flow:row-reverse wrap;}
.service_list+div{margin-top:60px;}
.service_list>div{width:calc(50% - 30px);}
.service_img{ background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.service_img>img{width:100%;}
.service_img01{background-image:url("../images/sub/service04.jpg");}
.service_img02{background-image:url("../images/sub/service01.jpg");}
.service_img03{background-image:url("../images/sub/service03.jpg");}
.service_img04{background-image:url("../images/sub/service05.jpg");}
.service_contents_wrap{padding:18px 0 20px;  font-size:16px; letter-spacing:-1px;}
.service_title h2{ color:#000000; font-size:30px; line-height:1.2; font-weight:700;}
.service_title p{color:#5e5354;  font-size:20px;  font-weight:500; margin-top:26px;}
.service_contents{margin-top:20px;}
.service_contents>p>strong{color:#222222;}
.service_contents h5{color:#5e5354;  font-size:20px; margin-top:25px; font-weight:600;} 
.service_contents>ul{margin-top:20px; color:#222222; font-weight:500; font-size:18px; }
.service_contents>ul>li+li{margin-top:5px;}
.service_contents>ul span{color:#5e5354;}
.counsel_link{margin-top:25px;}
.counsel_link>a{display:inline-block; color:#ffffff; background-color:#f01226; border-radius:30px; padding:8px 40px; font-weight:500; font-size:18px;}
.counsel_link p{margin-top:15px; color:#5e5354;}

/*products_introduce_tab*/
.products_introduce_tab{margin-top:40px; margin-bottom:40px;}
.products_introduce_tab ul{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 10px;}
.products_introduce_tab a{display:block; font-size:20px; padding:8px 35px; background-color:#e7e5e6; border-radius:50px; text-align:center; letter-spacing:-1px;}
.products_introduce_tab01 li:first-child>a,.products_introduce_tab02 li:nth-child(2)>a,.products_introduce_tab03 li:last-child>a{background-color:#5e5354;
		color:#ffffff; font-weight:500;}

/*products_introduce01.asp*/
.products_introduce01_wrap>div+div{margin-top:50px; padding-top:50px; }
.products_introduce_img{display:flex; flex-wrap:wrap; gap:28px;}
.products_introduce_img>li{width:calc(25% - 21px);}
.products_introduce_img>li p{margin-top:8px; font-size:20px; text-align:center; color:#231f20; letter-spacing:-1px;}
.products_introduce_contents{margin-top:50px;}
.products_introduce_contents>p{font-size:24px; letter-spacing:-1px; color:#5e5354; line-height:1.4;}
.products_introduce_contents ul{margin-top:15px; font-size:16px;}
.products_introduce_contents ul>li{position:relative; padding-left:10px; color:#231f20;}
.products_introduce_contents ul>li:before{content:''; width:4px; height:4px; display:block; background-color:#231f20; position:absolute; left:0; top:11px;
		border-radius:50%;}
.products_introduce_contents ul>li+li{margin-top:8px;}
.products_introduce03{border-top:1px solid #5e5354;}
.products_introduce03 h5{font-size:32px; line-height:1.1; font-weight:700; color:#231f20; margin-bottom:30px;}
.products_introduce04{border-top:1px dashed #5e5354;}
.products_introduce04>ul{display:flex; flex-wrap:wrap; gap:40px 30px;}
.products_introduce04>ul>li{width:calc(33.3333% - 20px);}
.products_introduce04>ul>li>img{width:100%;}
.products_introduce04>ul>li h6{font-size:20px; color:#5e5354; letter-spacing:-1px; margin:12px 0 10px;  text-align:center;}
.products_introduce04>ul>li p{font-size:15px; position:relative; padding-left:10px; letter-spacing:-1px; }
.products_introduce04>ul>li p:before{content:'-'; position:absolute; left:0; top:0; display:block;}
.products_introduce04>ul>li p+p{margin-top:5px;}

/*products_introduce02.asp*/
.products_type_img>img{width:100%;}
.products_type_list{margin-top:50px; padding:50px 0; border-top:1px solid #5e5354; display:flex; flex-wrap:wrap; gap:30px 20px;}
.products_type_list>li{width:calc(25% - 15px);}
.products_img{width:100%;}
.products_img>img{width:100%;}
.products_name{margin-top:10px; text-align:center; font-size:16px; color:#231f20;}
.products_introduce02{padding:50px 0 0; border-top:1px dashed #5e5354;}

/*제품 상세보기 이미지 확대 뷰*/
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both;}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000000;filter:alpha(Opacity=80);opacity:.8;display:none;}
.lightbox{position:absolute;left:0; width:100%; z-index:10000;font-weight:normal;}
.lightbox .lb-image{display:block; height:auto; max-width:inherit; max-height:none; }/*border:2px solid #ffffff;*/
.lb-outerContainer{position:relative; margin:0 auto; background-color:transparent;}/* background-color:#ffffff;*/
.lb-loader,.lb-nav{position:absolute;left:0;}
.lb-outerContainer:after{display:table;}
.lb-loader{top:43%;height:25%;width:100%;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto; background:url("../images/common/loading.gif") no-repeat;}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
/*next,prev 버튼*/
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block; opacity:1.0;}
.lb-nav a.lb-prev{width:25%;left:0;float:left; margin-left:5px;  background:url("../images/common/prev.png")no-repeat left  48% ;
	-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-nav a.lb-next{width:25%;right:0;float:right; margin-right:5px;background:url("../images/common/next.png")no-repeat right 48% ;
	 -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-dataContainer{margin:0 auto; padding-top:15px; width:100%; }
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#cccccc;}
.lb-data .lb-details{width:95%; margin:0 auto; text-align:left;line-height:1.1em}
.lb-details .lb-caption{font-size:15px; font-weight:normal; line-height:1.4; display:block; padding-bottom:10px;}
.lb-details .lb-number{font-size:13px; display:block; clear:left; padding-bottom:10px;}
/*닫기 버튼*/
.lb-data .lb-close{float:right; width:27px; height:27px;  position:relative; cursor:pointer; overflow:hidden;}
.lb-data .lb-close:before, .lb-data .lb-close:after{content:''; height:2px; width:27px; 
		display:block; background-color:#0f82be; position:absolute; top:10px; left:0px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.lb-data .lb-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*products_introduce03.asp*/
.products_effect_img{display:flex; flex-wrap:wrap; gap:0 10px; align-items:end;}
.products_effect_img>li:first-child{width:calc(65% - 5px);}
.products_effect_img>li:first-child>img{width:100%;}
.products_effect_img>li+li{width:calc(35% - 5px);}
.products_effect{margin-top:50px; padding-top:50px; border-top:1px solid #5e5354;}
.products_effect>li+li{margin-top:40px; padding-top:40px; border-top:1px dashed #dcddde;}
.products_effect>li{display:flex; flex-wrap:wrap;}
.products_effect>li h5{width:400px; color:#5e5354; font-size:28px; letter-spacing:-1px; line-height:1.4; font-weight:900;}
.products_effect>li>div{width:calc(100% - 400px); padding-left:60px;}
.products_effect>li>div h6{ color:#231f20; font-size:24px; letter-spacing:-1px; margin-bottom:15px; font-weight:700;}
.products_effect>li>div ol{font-size:16px; list-style:decimal; list-style-position:outside; padding-left:18px}
.products_effect>li>div ol li+li{margin-top:5px;}
.products_field{margin-top:50px; padding-top:50px; border-top: 1px solid #5e5354; display:flex; flex-wrap:wrap;}
.products_field h5{width:400px; color:#231f20; font-size:28px; letter-spacing:-1px; line-height:1.4; font-weight:700;}
.products_field ul{width:calc(100% - 400px); display:flex; flex-wrap:wrap; gap:30px 30px;} 
.products_field ul>li{width:calc(50% - 15px);}
.products_field ul>li p{margin-top:10px; font-size:16px;}

/*board_tab*/
.board_tab{margin-top:40px;}
.board_tab ul{display:flex; gap:0 2px;}
.board_tab ul>li{width:calc(50% - 1px);}
.board_tab a{display:block; font-size:20px; padding:10px; border:1px solid #dedede; border-radius:5px; text-align:center; }
.board_tab01 li:first-child>a,.board_tab02 li:last-child>a{border-color:#999999; color:#222222; font-weight:500; background-color:#fafafa;}

/*review.asp 시공후기 리스트*/
.review_list_wrap{ display:flex; flex-wrap:wrap; row-gap:40px; justify-content:space-between;}
.review_list_wrap>li{width:31%;}
.review_list_wrap>li:hover .review_img{box-shadow:1px 1px 5px rgba(0,0,0,0.3); opacity:0.9;}
.review_list_wrap>li:hover .review_info>a{text-decoration:underline;}
.review_img>a{display:block; width:100%; padding-top:75%; background:url("../images/sub/review_gallery04.jpg")no-repeat center center;
		background-size:cover; overflow:hidden; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;} 
.review_img.review_noimg>a{background-image:url("../images/sub/review_noimg.jpg");}
.review_info{margin-top:15px;}
.review_info>a{display:block; width:100%; line-height:1.4;}
.review_info>a h5{font-size:18px; color:#5e5354; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.review_info>a em{margin-top:12px; display:block;  font-weight:500; color:#222222; font-size:15px;}
.review_info>a p{margin-top:8px; font-size:14px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.review_info>a p strong{font-weight:400;}
.review_list_grade_wrap{margin-top:15px; height:16px;}
.review_list_grade_wrap span{display:inline-block; width:16px; height:16px; vertical-align:top; 
		background:url("../images/common/star_icon.png")no-repeat center center;
		background-size:18px auto;}
.review_list_grade_wrap span.on{background-image:url("../images/common/star_icon_on.png");}

/*review_view.php*/
.review_view_wrap{max-width:800px; margin:0 auto; font-size:16px;}
.review_view_contents_wrap{margin-top:40px;}
.review_title_wrap{ letter-spacing:-1px;  line-height:1.4;}
.review_title_wrap>h5{color:#111111; font-size:18px;} 
.review_title_wrap .review_title{font-size:24px; color:#5e5354;}/* margin-top:10px; */
.review_title_wrap .review_title strong{font-weight:700;}
.review_etc_wrap{margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.review_view_grade_wrap{height:16px; width:100px;}
.review_view_grade_wrap span{display:inline-block; width:16px; height:16px; vertical-align:top; 
		background:url("../images/common/star_icon.png")no-repeat center center;
		background-size:18px auto;}
.review_view_grade_wrap span.on{background-image:url("../images/common/star_icon_on.png");}
.review_writer_wrap{color:#333333; font-size:15px;}
.select_construction_wrap{border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; padding:20px 25px; font-size:16px; display:flex; flex-wrap:wrap; 
		gap:14px 14px;}
.select_construction_wrap dl{width:calc(50% - 7px); display:flex; gap:5px; color:#777777;}
.select_construction_wrap dl dt{width:81px;}
.select_construction_wrap dl dd{color:#222222; width:calc(100% - 86px); }
.select_construction_wrap dl.materials dd{display:flex; flex-wrap:wrap; gap:5px;}
/*.select_construction_wrap dl.materials p{width:80px; font-size:13px;}
.select_construction_wrap dl.materials p>*{display:block;}
.select_construction_wrap dl.materials .materials_img{border-radius:5px; overflow:hidden;}
.select_construction_wrap dl.materials .materials_img>img{width:100%;}
.select_construction_wrap dl.materials strong{margin-top:3px;}*/
.review_view_contents{padding:40px 0;}
.btn_prev_next_wrap{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.btn_prev_next_wrap>p{width:100%; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #e6e6e6; text-align:left; line-height:1.0;}
.btn_prev_next_wrap>p>img{margin:0; display:inline-block;}
.btn_prev_next_wrap button{font-weight:500; border:none; background-color:transparent;  color:#777777; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; font-size:15px;}
.btn_prev_next_wrap button span{color:#5e5354;}
.btn_prev_next_wrap button:hover{color:#5e5354}
.btn_review_wrap{margin-top:40px; text-align:center;}
.btn_review_wrap button{width:100%; border-radius:3px; color:#777777; font-size:16px; padding:13px 5px; font-weight:500; border:1px solid #777777;
		background-color:transparent; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;} 
.btn_review_wrap button:hover{color:#5e5354; border:1px solid #5e5354;}

/*review_write.php*/
.review_input_form_wrap{max-width:800px; margin:0 auto; }
.review_input_form{padding:40px 40px; border:1px solid #dedede; border-radius:10px;}
.review_input_form dl+dl{margin-top:20px;}
.review_input_form dt{font-weight:500; color:#111111; font-size:16px;}
.review_input_form dd{margin-top:5px;}
.review_input_form input[type=text]{border:1px solid #cccccc; background-color:#ffffff; font-size:15px; width:100%; padding:9px 10px; letter-spacing:-1px; 
		border-radius:3px;}
.review_input_form select{width:100%; font-size:15px; background-color:#ffffff; padding:8px 10px; border:1px solid #cccccc;}
.review_input_form textarea{width:100%; overflow-y:auto; font-size:15px; text-align:left; padding:10px 10px; min-height:120px; border:1px solid #cccccc; 
		border-radius:3px; vertical-align:top;}
.review_input_form textarea::placeholder {color:#cccccc;}
.review_input_form textarea::-webkit-input-placeholder {color:#cccccc;}
.review_input_form textarea:-ms-input-placeholder {color:#cccccc;}
.selest_grade_wrap{margin-top:40px;}
.selest_grade_wrap p{ color:#5e5354; font-size:15px; font-weight:500;}
.review_input_form .selest_grade{margin-top:15px; display:flex; gap:5px; border:1px solid #dedede; padding:10px 10px;}
.review_input_form .selest_grade .btn_star{width:16px; height:16px; overflow:hidden; cursor:pointer; 
		background:url("../images/common/star_icon.png")no-repeat center center; 	background-size:100% auto;  }
.review_input_form .selest_grade .btn_star.on{background-image:url("../images/common/star_icon_on.png");}
.btn_review_write_wrap{margin-top:40px; text-align:right;}
.btn_review_write_wrap button{border-radius:3px; color:#ffffff; font-size:16px; padding:8px 30px; font-weight:500; border:1px solid #f01226;
		background-color:#f01226;}

/*estimate.php*/
.estimate_wrap{max-width:800px; margin:0 auto; font-size:15px;}
.estimate_form_wrap{padding:40px 40px; border:1px solid #dedede; border-radius:10px;}
.estimate_form+div{margin-top:60px;}
.estimate_form h5{font-size:26px; color:#c2850e; font-weight:600; line-height:1.0; padding-left:23px; position:relative; margin-bottom:30px;}
.estimate_form h5:before{content:''; display:block; width:12px; height:12px; border:3px dashed #c2850e; position:absolute; left:0; top:6px;}
.estimate_form input[type=text]{border:1px solid #cccccc; background-color:#ffffff; font-size:15px; width:100%; padding:9px 10px; letter-spacing:-1px; 
		border-radius:3px;}
.estimate_form input[type=text]::placeholder {color:#cccccc;}
.estimate_form input[type=text]::-webkit-input-placeholder {color:#cccccc;}
.estimate_form input[type=text]::-ms-input-placeholder {color:#cccccc;}
.estimate_form input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.estimate_form input[type=radio]+label{position:relative; padding-left:26px; cursor:pointer; display:block;}
.estimate_form input[type=radio]+label:before{content: ''; position:absolute; left:0; top:3px; width:18px; height:18px; background-color:#ffffff; 
		border:1px solid #afafaf; border-radius:50%;}
.estimate_form input[type=radio]:checked+label:before{border-color:#5e5354; }
.estimate_form input[type=radio]:checked+label:after{content: ''; position:absolute; top:7px; left:4px; width:12px; height:12px; background-color:#5e5354; 
		border-radius:50%;}
.estimate_form input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.estimate_form input[type=checkbox]+label{position:relative; padding-left:26px; cursor:pointer; display:block;}
.estimate_form input[type=checkbox]+label:before{content: ''; position:absolute; left:0; top:3px; width:18px; height:18px;	background-color:#ffffff; 
		border:1px solid #afafaf; } 
.estimate_form input[type=checkbox]:checked+label:after{content: ''; position:absolute; top:7px; left:4px; width:12px; height:12px; background-color:#5e5354;}
.estimate_form textarea{width:100%; overflow-y:auto; font-size:15px; text-align:left; padding:10px 10px; min-height:120px; border:1px solid #cccccc; 
		border-radius:3px; vertical-align:top;}
.estimate_form textarea::placeholder {color:#cccccc;}
.estimate_form textarea::-webkit-input-placeholder {color:#cccccc;}
.estimate_form textarea::-ms-input-placeholder {color:#cccccc;}
.estimate_form .compulsory{text-align:right; color:#f01226; margin-bottom:5px;}
.estimate_form dl+dl{margin-top:20px;}
.estimate_form dt{font-weight:500; color:#111111; font-size:18px; margin-bottom:6px;}
.estimate_form dt span{margin-left:3px; color:#f01226;}
.construct_info_list+div{margin-top:50px;}
.construct_info_list h6{font-weight:500; color:#111111; font-size:18px; margin-bottom:10px;}
.construct_info_list .radio_list{display:flex; flex-wrap:wrap; gap:8px 20px;  align-items:center; }
.construct_info_list p+p{margin-top:8px;}
.construct_info_list .address01{display:flex; column-gap:5px; }
.construct_info_list .address01 .postal_code{ background-color:#5e5354; font-size:13px; font-weight:500; color:#ffffff; height:40px; border:none; letter-spacing:-1px;
		width:86px; padding:1px 6px; border-radius:3px;}
.construct_info_list .address01 input[type=text]{width:calc(100% - 91px);}
.construction_area{display:flex; column-gap:5px; }
.construction_area input[type=text]{width:calc(100% - 61px);}
.construction_area select{font-size:14px; padding:8px 10px 9px; border-color:#cccccc; border-radius:3px;}
.construction_time_list .construction_date{display:flex; column-gap:8px; align-items:center; }
.construction_time_list .construction_date input[type=text]{width:100px;}
.estimate_form .file_add{display:flex; gap:8px 20px; flex-wrap:wrap;}
.estimate_form .file_add p{font-size:14px; color:#5e5354; }
.estimate_form .agreement_check{font-size:14px; color:#5e5354; margin-top:30px;}
.estimate_wrap .btn_submit_wrap{text-align:center; margin-top:40px;}
.estimate_wrap .btn_submit_wrap button{ color:#ffffff; background-color:#5e5354; font-weight:500; padding:9px 40px; border-radius:3px; font-size:16px; border:none;}

/*privacy_agreement_wrap*/
.privacy_agreement_wrap{font-size:14px;  width:100%; height:350px; padding:30px 10px 30px 15px; background-color:#fcfcfc; border:1px solid #eeeeee;}
.privacy_agreement{display:flex; flex-direction:column; row-gap:30px; width:100%; height:100%; overflow-y:auto;}
.privacy_agreement>p{font-size:15px; color:#333333;}
.privacy_agreement ol{display:flex; flex-direction:column; row-gap:30px;}
.privacy_agreement ol strong{font-size:15px; color:#333333; display:block; margin-bottom:6px;}
.privacy_agreement ol ul{padding-left:10px;}
.privacy_agreement ol p{padding-left:10px;}

/*estimate01.asp ~ estimate04.asp*/
.estimate_step_wrap{display:flex; gap:30px 60px; flex-wrap:wrap; margin-top:10px;}
.estimate_step_img{width:calc(45% - 30px);  background-position:center center; background-repeat:no-repeat; background-size:cover;}
.estimate_step_img01{background-image:url("../images/sub/estimate01.jpg");}
.estimate_step_img02{background-image:url("../images/sub/estimate02.jpg");}
.estimate_step_img03{background-image:url("../images/sub/estimate03.jpg");}
.estimate_step_img04{background-image:url("../images/sub/estimate04.jpg");}
.estimate_step_form_wrap{width:calc(55% - 30px); padding:15px 0;}
.estimate_step_title span{display:block; font-size:20px; color:#5e5354;}
.estimate_step_title p{font-weight:700; color:#111111; font-size:28px; line-height:1.4; margin-top:10px; letter-spacing:-1px;}
.estimate_step_list_wrap{margin-top:30px; padding-top:30px; border-top:2px solid #e7e5e6;}
.estimate_step_list_wrap>div+div{margin-top:30px;} 
.estimate_step_list>h6{font-weight:600; color:#333333; font-size:18px; line-height:1.4; letter-spacing:-1px;}
.estimate_step{margin-top:14px;}
.estimate_step+div{margin-top:20px;}
.estimate_step>h5{color:#777777; font-size:16px; margin-bottom:5px;}
.estimate_step input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.estimate_step input[type=radio]+label{ cursor:pointer;}
.estimate_step .img_box{display:block;}
.estimate_step select{width:100%; color:#333333; font-size:15px; padding:10px; border:1px solid #dedede; border-radius:5px;}
.estimate_step select option{font-size:14px;}
.btn_estimate_wrap{display:flex; column-gap:10px; margin-top:50px; justify-content:center;}
.btn_estimate_wrap button{text-align:center; border-radius:30px; border:none; font-size:16px; padding:13px 5px; font-weight:500;}
.btn_estimate{width:calc(60% - 5px); background-color:#5e5354; color:#ffffff; }
.btn_estimate_back{width:calc(40% - 5px); background-color:#e7e5e6; color:#5e5354; }
/*estimate_step01*/
.estimate_step01_01{display:flex; column-gap:9px;}
.estimate_step01_01>li{width:calc(33.3333% - 6px); text-align:center; border-radius:50px; overflow:hidden;  -webkit-transition:all 0.3s ease;
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;} 
.estimate_step01_01>li input[type=radio]+label{display:block; padding:12px 5px 10px; border-radius:50px; background-color:#f7f2f3; color:#333333;}
.estimate_step01_01>li .img_hover{display:none;}
.estimate_step01_01>li .img_box{width:25px; margin:0 auto;}
.estimate_step01_01>li strong{ font-size:15px; margin-top:2px; display:block;}
.estimate_step01_01>li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);}
.estimate_step01_01>li input[type=radio]:checked + label{background-color:#897f80; color:#ffffff;}
.estimate_step01_01>li input[type=radio]:checked + label .img{display:none;}
.estimate_step01_01>li input[type=radio]:checked + label .img_hover{display:block;}
/*estimate_step02*/
.estimate_step02{display:flex; column-gap:10px;}
.estimate_step02>li{width:calc(50% - 5px); text-align:center; border-radius:50px; font-size:15px; font-weight:500; overflow:hidden;  -webkit-transition:all 0.3s ease;
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;} 
.estimate_step02>li input[type=radio]+label{display:block; padding:11px 5px 11px; cursor:pointer; width:100%; border-radius:50px; background-color:#ffffff; 
		color:#333333; border:1px solid #dedede;}
.estimate_step02>li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);}
.estimate_step02>li input[type=radio]:checked + label{background-color:#897f80; color:#ffffff; border-color:#897f80; }
/*estimate_step03*/
.estimate_step03{display:flex; gap:15px 15px; flex-wrap:wrap; }
.estimate_step03>li{width:calc(33.3333% - 10px); text-align:center; font-size:15px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; 
		transition:all 0.3s ease; letter-spacing:-1px;}
.estimate_step03>li strong{ font-size:15px; margin-top:2px; display:block; color:#333333;}
.estimate_step03>li .img_box{border:2px solid transparent;}
.estimate_step03>li .img_hover{display:none;}
.estimate_step03>li:hover input[type=radio]:checked + label strong{color:#5e5354;}
.estimate_step03>li:hover .img{display:none;}
.estimate_step03>li:hover .img_hover{display:block;}
.estimate_step03>li input[type=radio]:checked + label strong{color:#5e5354;}
.estimate_step03>li input[type=radio]:checked + label .img_box{border-color:#5e5354; box-shadow:0 0 10px rgba(0,0,0,0.2);}
/*estimate04.asp*/
.estimate_step04_wrap{font-size:15px; } 
.estimate_step_result{background-color:#fdfbfb; color:#333333; border-radius:5px; padding:25px; border:1px solid #f7f2f3;} 
.estimate_step_result dl+dl{margin-top:8px;}
.estimate_step_result dl{display:flex; column-gap:5px;}
.estimate_step_result dt{font-weight:500; width:90px;}
.estimate_step_result dd{width:calc(100% - 95px);}
.estimate_step_result .flooring dd{display:flex; flex-wrap:wrap; column-gap:10px;}
.estimate_step_result .flooring .flooring_img{width:50px;}
.estimate_step04_list_wrap .basic_info h6{font-weight:600; color:#111111; font-size:20px; line-height:1.4; margin-bottom:15px;}
.estimate_step04_list_wrap .basic_info li+li{margin-top:10px;}
.estimate_step04_list_wrap .basic_info input[type=text]{border:1px solid #cccccc; background-color:#ffffff; font-size:15px; width:100%; padding:9px 10px;
    letter-spacing:-1px; border-radius:3px;}
.estimate_privacy_wrap h5{font-weight:600; color:#111111; font-size:18px; line-height:1.4; margin-bottom:10px;}
.estimate_privacy_wrap .compulsory{color:#cf0000; text-align:right; font-size:14px; margin-bottom:3px;}
.estimate_privacy_wrap .agreement_check{margin-top:10px;}    
.estimate_privacy_wrap input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.estimate_privacy_wrap input[type=checkbox]+label{position:relative; padding-left:26px; cursor:pointer; display:block;}
.estimate_privacy_wrap input[type=checkbox]+label:before{content: ''; position:absolute; left:0; top:3px; width:18px; height:18px;	background-color:#ffffff; 
		border:1px solid #afafaf; } 
.estimate_privacy_wrap input[type=checkbox]:checked+label:after{content: ''; position:absolute; top:7px; left:4px; width:12px; height:12px; background-color:#5e5354;}
.estimate_privacy_wrap .privacy_agreement_wrap{height:200px;}

/*review.asp 시공후기 테이블 리스트*/
table.review_form .list_num{font-size:0;}
table.review_form .list_num>td{display:inline-block; vertical-align:top; width:50%;  font-size:14px; padding-bottom:5px;}
.review_table_list_wrap{padding-bottom:20px; display:block; }
.review_table_list_wrap>tbody>tr{font-size:0;}
.review_table_list{padding-top:20px; width:31%; font-size:14px; display:inline-block; vertical-align:top; }
.review_table_list+.review_table_list{margin-left:3.5%;}
.review_table_list>table{width:100%; display:block; }
.review_table_list>table *{display:block;}
.review_table_contents{padding-top:12px; width:100%; line-height:1.3; text-align:left;}
.review_table_contents>img{margin:0 0 8px;}
.review_table_contents>a>strong{display:block; font-size:18px; color:#5e5354; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		word-wrap:break-word;}
.review_table_contents>a>p{margin-top:8px;}
.review_table_contents>a>p.review_writer{font-weight:500; color:#222222; font-size:15px;}
.review_table_contents>a>p.review{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap: break-word;}
/*page_search_wrap*/
.page_search_wrap>td{width:50%;}










/*1300이하 */
@media screen and (max-width:1300px){



}/*1300이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/*sub_tab_bar 서브 메뉴 선택 탭*/
.sub_tab_bar{margin-top:0;}

/*service.asp*/
.service_list{gap:35px 40px;}
.service_list>div{width:calc(50% - 20px);}

/*estimate01.asp*/
.estimate_step_wrap{gap:30px 40px;}
.estimate_step_img{width:calc(45% - 20px);}
.estimate_step_form_wrap{width:calc(55% - 20px);}


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*products_introduce.asp*/
.products_introduce_img{justify-content:center;}
.products_introduce_img>li{width:calc(50% - 14px);}
.products_introduce04>ul>li{width:calc(50% - 15px);}

/*products_introduce02.asp*/
.products_type_list>li{width:calc(50% - 10px);}

/*products_introduce03.asp*/
.products_effect>li h5{width:100%;}
.products_effect>li>div{width:100%; padding-left:0; padding-top:20px;}
.products_field h5{width:100%;}
.products_field ul{padding-top:20px; width:100%;}

/*review.asp 시공후기 리스트*/
.review_list_wrap>li{width:48%;}

/*review.asp 시공후기 테이블 리스트*/
.review_table_list{width:32%;}
.review_table_list+.review_table_list{margin-left:2%;}
.review_table_contents>a>strong{font-size:17px;}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*review_view.php*/
.select_construction_wrap{padding:15px;}

/*service.asp*/
.service_list>div{width:100%;}
.service_img{height:400px;}
.service_contents_wrap{padding:0;}

/*estimate01.asp*/
.estimate_step_img{width:100%; height:300px;}
.estimate_step_form_wrap{width:100%; padding:0;}
/*estimate_step03*/
.estimate_step_img03{background-position:center bottom;}
/*estimate_step04*/
.estimate_step_img04{background-position:center bottom;}

/*review.asp 시공후기 테이블 리스트*/
table.review_form{width:100%; display:block;}
table.review_form tbody,table.review_form tr,table.review_form td{display:block; width:100%; }
table.review_form .list_num>td{width:100%;}
.review_table_list{width:100%;}
.review_table_list+.review_table_list{margin-left:0;}
/*page_search_wrap*/
.page_search_wrap>td{width:100%; display:block; }
.page_search_wrap>td.page_wrap{text-align:center;}
.page_search_wrap>td.search_wrap{padding-top:10px;}




}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_page_title h3{font-size:34px;}
.sub_page_title02>h4{font-size:28px;}
.sub_page_title02>p{font-size:16px; margin-top:15px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{padding-top:25px;}
.prev_next_page>span>a{font-size:13px; padding:1px 5px; }

/*서브 비주얼*/
.sub_visual{height:250px;}
.sub_visual_txt h3{font-size:32px;}

/*sub_tab_bar 서브 메뉴 선택 탭*/
.sub_tab{font-size:17px;}
.sub_tab_01{width:110px;}
.sub_tab_02{width:calc(100% - 110px);}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{top:57px; padding:15px 10px 15px 110px;}

/*service.asp*/
.service_list{row-gap:30px;}
.service_list+div{margin-top:50px;}
.service_img{height:350px;}
.service_contents_wrap{font-size:15px; }
.service_title h2{font-size:22px;}
.service_title p{font-size:16px; margin-top:15px;}
.service_contents{margin-top:15px;}
.service_contents h5{font-size:18px; margin-top:15px;} 
.service_contents>ul{font-size:15px; }
.counsel_link{margin-top:20px;}
.counsel_link>a{font-size:16px;}
.counsel_link p{margin-top:12px;}

/*products_introduce_tab*/
.products_introduce_tab{margin-top:30px;}
.products_introduce_tab ul{gap:8px 5px;}
.products_introduce_tab a{font-size:16px; padding:6px 19px;}

/*products_introduce01.asp*/
.products_introduce01_wrap>div+div{margin-top:40px; padding-top:40px; }
.products_introduce_img{gap:28px 10px;}
.products_introduce_img>li{width:calc(50% - 5px);}
.products_introduce_img>li p{font-size:17px; line-height:1.4;}
.products_introduce_contents{margin-top:40px;}
.products_introduce_contents>p{font-size:19px;}
.products_introduce_contents ul{margin-top:12px; font-size:15px;}
.products_introduce_contents ul>li:before{top:10px;}
.products_introduce03 h5{font-size:28px; margin-bottom:20px;}
.products_introduce04>ul>li{width:100%;}
.products_introduce04>ul>li h6{font-size:18px;}
.products_introduce04>ul>li p{font-size:14px;}

/*products_introduce02.asp*/
.products_type_list{margin-top:40px; padding:40px 0;} 
.products_type_list>li{width:100%;}
.products_name{margin-top:8px; font-size:15px;}
.products_introduce02{padding:40px 0 0;}

/*products_introduce03.asp*/
.products_effect{margin-top:40px; padding-top:40px;}
.products_effect>li h5{font-size:22px;}
.products_effect>li>div h6{font-size:20px; margin-bottom:10px;} 
.products_effect>li>div ol{font-size:15px;}
.products_field{margin-top:40px; padding-top:40px;}
.products_field h5{font-size:22px;}
.products_field ul{gap:30px 20px;}
.products_field ul>li{width:calc(50% - 10px);} 
.products_field ul>li p{margin-top:8px; font-size:15px;}

/*board_tab*/
.board_tab{margin-top:30px;}
.board_tab a{font-size:18px; padding:6px; }

/*review.php 시공후기 리스트*/
.review_list_wrap>li{width:100%;}
.review_info{margin-top:12px;}
.review_info>a h5{font-size:17px;}
.review_info>a em{margin-top:10px;} 
.review_info>a p{margin-top:6px;}

/*review_view.php*/
.review_view_wrap{font-size:15px;}
.review_view_contents_wrap{margin-top:30px;}
.review_title_wrap>h5{font-size:17px;} 
.review_title_wrap .review_title{font-size:21px;}
.review_etc_wrap{margin-top:15px;}
.review_writer_wrap{font-size:14px;}
.select_construction_wrap{margin-top:25px; font-size:15px; row-gap:10px;}
.select_construction_wrap dl{width:100%;}
.select_construction_wrap dl dt{width:77px;}
.select_construction_wrap dl dd{width:calc(100% - 82px); }
.review_view_contents{padding:35px 0;}
.btn_prev_next_wrap button{font-size:14px;}
.btn_review_wrap button{ font-size:15px; }

/*review_write.php*/
.review_input_form{padding:25px 20px;}
.review_input_form dl+dl{margin-top:15px;}
.review_input_form dt{font-size:15px;}
.review_input_form input[type=text]{font-size:14px;}
.review_input_form select{font-size:14px;}
.review_input_form textarea{font-size:14px;}
.selest_grade_wrap{margin-top:30px;}
.selest_grade_wrap p{font-size:14px;}
.review_input_form .selest_grade{margin-top:10px;}
.btn_review_write_wrap button{ font-size:15px; }

/*estimate.php*/
.estimate_wrap{font-size:14px;}
.estimate_form_wrap{padding:30px 15px;} 
.estimate_form+div{margin-top:50px;}
.estimate_form h5{font-size:22px;}
.estimate_form h5:before{width:10px; height:10px; top:5px;}
.estimate_form input[type=text]{font-size:14px;}
.estimate_form textarea{font-size:14px;}
.estimate_form dt{font-size:16px;}
.construct_info_list+div{margin-top:40px;}
.construct_info_list h6{font-size:16px;}
.estimate_wrap .btn_submit_wrap button{font-size:15px;}

/*estimate01.asp*/
.estimate_step_img{height:250px;}
.estimate_step_wrap{margin-top:0;}
.estimate_step_title span{font-size:18px;}
.estimate_step_title p{font-size:22px;}
.estimate_step_list_wrap{margin-top:20px; padding-top:20px;}
.estimate_step_list>h6{font-size:16px;}
.estimate_step>h5{font-size:15px;}
.estimate_step select{font-size:14px;}
.estimate_step select option{font-size:13px;}
.btn_estimate_wrap button{font-size:15px;} 
/*estimate_step01*/
.estimate_step01_01>li strong{ font-size:14px;} 
/*estimate_step02*/
.estimate_step02>li{font-size:14px;}
/*estimate_step03*/
.estimate_step03{gap:15px 14px;}
.estimate_step03>li{width:calc(50% - 7px);}
/*estimate04.asp*/
.estimate_step04_wrap{font-size:14px; } 
.estimate_step_result{padding:18px 15px;}
.estimate_step_result dt{width:85px;}
.estimate_step_result dd{width:calc(100% - 90px);}
.estimate_step04_list_wrap .basic_info h6{font-size:17px;} 
.estimate_step04_list_wrap .basic_info input[type=text]{font-size:14px; }
.estimate_privacy_wrap h5{font-size:17px;}
.estimate_privacy_wrap .compulsory{font-size:13px;} 
.estimate_privacy_wrap .privacy_agreement_wrap{font-size:13px;}
.estimate_privacy_wrap .privacy_agreement>p{font-size:14px;}
.estimate_privacy_wrap .privacy_agreement ol strong{font-size:14px;}

/*review.asp 시공후기 테이블 리스트*/
table.review_form .list_num>td{ font-size:13px;}
.review_table_contents>a>strong{font-size:16px;}
.review_table_contents>a>p{margin-top:5px;}
.review_table_contents>a>p.review_writer{font-size:14px;}
.review_table_contents>a>p.review{font-size:13px;}


}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*products_introduce_tab*/
.products_introduce_tab ul>li{width:100%;}

/*products_introduce03.asp*/
.products_field ul{row-gap:30px; } 
.products_field ul>li{width:100%;}

}/*420이하 끝*/