@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');

/* reset */
body {
	font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	color:#555555;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

button{cursor:pointer; font-family:inherit;}
button:focus{outline:none;}

textarea{font-family:inherit;}
textarea:focus{outline:none;}

input{ font-family:inherit;}
input:focus{outline:none;}

iframe{border:none; vertical-align:top; font-family:inherit; }

select{background-color:#ffffff; font-family:inherit; }
select:focus{outline:none;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}

th,strong, b, h1, h2, h3, h4, h5, h6{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#555555;}
*{box-sizing:border-box;}

table caption{font-size:0; text-indent:-999999px;}

/***layout***/
.wrap{width:100%; height:100%; font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; min-width:1300px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; position:relative; background-color:#231f20; color:#aaaaaa; padding:30px 0 80px; font-size:15px;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1300px; padding:0 10px; margin:0 auto;}
.inner02{width:1200px; padding:0 10px; margin:0 auto;}
.blind{font-size:0; text-indent:-999999px; overflow:hidden;}
.en_txt{font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:normal;}
.en_txt_b{font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:bold;}
.en_txt_eb{font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:900;}
.main_container{padding:50px 0 0;}

/*header_wrap01 PC / 가로 1301px 이상 common*/
.header_wrap01{width:100%; padding:20px 0 0; z-index:350; min-width:1300px; position:relative; background-color:#ffffff; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
/*header_wrap01 h1*/
.header_inner>h1{float:left; width:292px;}
.header_inner>h1>a{display:block; }
.header_inner>h1>a>img{width:100%;}
/*common_estimate link*/
.common_estimate{float:right; margin-top:3px;}
.common_estimate>a{display:block; color:#ffffff; font-size:15px; border-radius:30px; padding:7px 45px 7px 25px;
		background:#f01226 url("../images/common/common_write_icon.png")no-repeat 85px center; }
/*gnb*/
.gnb{float:right; display:flex; gap:0 20px; margin-right:50px; margin-top:7px;}
.gnb>li{position:relative; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.gnb>li>a{display:block; color:#000000; font-size:18px; padding:0 20px 27px;}
.gnb>li>a span{display:inline-block; width:20px; height:20px; position:relative;}
.gnb>li>a span:before{content:''; display:block; width:5px; height:5px; border:2px solid #333333; border-left-width:0; border-top-width:0;
		position:absolute; right:0; top:8px; transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.gnb>li:hover>a{color:#5e5354;}
.gnb>li:hover>a span:before{border-color:#5e5354;}
/*.gnb_2depth_menu*/
.gnb_2depth_menu{display:none; background-color:#ffffff; width:120%; position:absolute; left:-10%; top:45px;  z-index:250; padding:15px 5px 20px;
		border:1px solid #e7e5e6; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.1); text-align:center;}
.gnb>li:nth-child(2) .gnb_2depth_menu{min-width:180px; left:-28px;}
.gnb_2depth_menu>li+li{margin-top:7px;}
.gnb_2depth_menu>li>a{display:block; font-size:15px;}
.gnb_2depth_menu>li>a:hover{color:#5e5354; font-weight:500;}
/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; box-shadow:1px 1px 4px rgba(0,0,0,0.2); padding-top:10px;}
.header_wrap01.header_up .gnb>li>a{padding:0 25px 17px;}
.header_wrap01.header_up .gnb_2depth_menu{ top:40px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 10px; min-width:320px; z-index:300; background-color:#ffffff; justify-content:space-between; 
		align-items:center; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; }
/*header_wrap02>h1*/
.header_wrap02>h1{width:220px;}
.header_wrap02>h1>a{display:block;}
.header_wrap02>h1>a>img{width:100%;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.header_wrap02 .util_menu{display:flex; gap:0 10px; }
/*전화연결*/
.phone_link{width:30px; height:30px;}
.phone_link>a{display:block; width:100%;}
.phone_link>a>img{width:100%;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:30px; height:30px; position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; padding-top:7px;}
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#444444; 
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; right:10px; top:25px;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity:0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:499; min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.tm_gnb_wrap{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; background-color:#ffffff; overflow-y:auto; 
		padding-top:25px;}
/*header_wrap02 h1*/
.tm_gnb_wrap h1{margin:0 auto; width:210px;}
.tm_gnb_wrap h1>a{display:block;}
.tm_gnb_wrap h1>a>img{width:100%;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; overflow-x:hidden; margin-top:25px; border-top:1px solid #e6e6e6;}
.tm_gnb>li{border-bottom:1px solid #e6e6e6; color:#222222;}
.tm_gnb>li>a{display:block; color:#222222;}
.tm_gnb>li>a:hover{color:#5e5354;} 
.tm_gnb>li strong{display:block; font-size:16px;  padding:12px 10px 15px 12px; cursor:pointer; position:relative;} 
.tm_gnb>li .m_more{width:13px; height:13px; display:block; position:absolute; right:15px; top:19px;}
.tm_gnb>li .m_more:before{content:''; height:10px; width:10px; display:block; border:1px solid #444444; border-left-width:0; border-top-width:0;
		position:absolute; top:1px; right:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.tm_gnb>li.active{ color:#ffffff;} 
.tm_gnb>li.active strong{background-color:#5e5354;}
.tm_gnb>li.active .m_more:before{transform:rotate(45deg); top:0; border-color:#ffffff;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none; background-color:#f6f2f2; padding:15px 0;}
.tm_gnb_2depth>li+li{margin-top:8px;}
.tm_gnb_2depth>li>a{display:block; font-size:15px; padding:0 10px 0 20px;} 
.tm_gnb_2depth>li>a:hover{color:#5e5354;}
/*tm_common_estimate*/
.tm_common_estimate>a{display:block; padding:12px 0; font-size:16px; text-align:center; background-color:#f01226; color:#ffffff;}
.tm_common_estimate>a>*{display:inline-block; vertical-align:middle;}
.tm_common_estimate>a>img{margin-left:5px;}
/*고객센터*/
.tm_cs_center{padding:15px 15px 20px; text-align:center; font-size:15px;}		
.tm_cs_center h4{color:#222222; margin-bottom:5px;}
.tm_cs_center dl{display:flex; justify-content:center; gap:5px;}
.tm_cs_center dt,.tm_cs_center dd{font-size:18px; color:#5e5354;}
/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하 스크롤 내렸을때*/
.header_wrap02.header_up02{padding:10px; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 4px rgba(0,0,0,0.2);}

/*메인 비주얼*/
.main_visual{width:100%; height:500px;}
.main_slide_list{width:100%; height:100%;}
.main_slide_list>li{width:100%; height:100%;}
.main_slide_list>li>.background_visual_img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; 
		background-repeat:no-repeat; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.main_slide_list .slide01>div.background_visual_img{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide_list .slide02>div.background_visual_img{background-image:url("../images/main/main_visual_slide02.jpg");}
.main_slide_list .slide03>div.background_visual_img{background-image:url("../images/main/main_visual_slide03.jpg");}
.main_slide_list>li.swiper-slide-active>div.background_visual_img{animation:scale 5s ease forwards;}
@keyframes scale {
    0% {
        transform: scale(1.05);
    }

    100% {
         transform: scale(1);
    }
}
/*메인 비쥬얼 control_box*/
.main_visual.swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:transparent; opacity:1; width:8px; height:8px; 
		border-radius:10px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; background-color:#adabab;
		vertical-align:middle;}
.main_visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#ffffff;}
/*main_visual_txt*/
.main_slide_list .inner{height:100%; position:relative;}
.main_visual_txt{ width:100%; height:100%; color:#ffffff;  display:flex; flex-direction:column; line-height:1.4; justify-content:center; text-align:center;
		font-size:32px; gap:15px;}
.main_visual_txt h1{font-size:40px;  letter-spacing:-1.5px; font-weight:700;}

/*main_title_wrap*/
.main_title_wrap{text-align:center; color:#222222; font-size:30px; font-weight:700; line-height:1.4;} 

/*main_banner_wrap*/
.main_banner_wrap{margin-top:50px;}
.main_banner_list{ display:flex; flex-wrap:wrap; gap:30px;}
.main_banner_list>li{width:calc(50% - 15px); padding:20px 10px; letter-spacing:-1px;  border-radius:10px; text-align:center;  min-height:250px;
		background-color:#e7e5e6; display:flex; flex-direction:column;  justify-content:center;}
.main_banner_list>li p{font-size:16px; font-weight:500;}
.main_banner_list>li p+p{margin-top:13px;}
.main_banner_list>li strong{display:block; font-weight:700; font-size:22px; color:#222222; line-height:1.4; }
.main_banner_list>li img{margin-top:15px;}

/*main_estimate_wrap*/
.main_estimate_wrap{margin-top:80px;}
.main_estimate_wrap>div{display:flex; flex-wrap:wrap; gap:40px 120px;}
.main_estimate_wrap>div>*{width:calc(50% - 60px);}
.main_estimate_img{border-radius:10px; background:url("../images/main/estimate_img.jpg")no-repeat center center; overflow:hidden; background-size:cover;}
.main_estimate_form_wrap>h3{font-size:28px; font-weight:700; color:#5e5354; text-align:center;}
.main_estimate_container{margin-top:24px;}
.main_estimate_form+div{margin-top:20px;}
.main_estimate_form h5{font-size:16px; margin-bottom:5px;}
.main_estimate_form ul{display:flex; gap:0 2px; text-align:center;}
.main_estimate_form ul>li{width:calc(50% - 1px); font-size:15px; font-weight:500; position:relative;}
.main_estimate_form ul.building_type_list>li{width:calc(33.3% - 1px);}
.main_estimate_form ul>li input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.main_estimate_form ul>li input[type=radio]+label{display:block; padding:10px; cursor:pointer; border-radius:2px; border:1px solid #dedede;}
.main_estimate_form ul>li input[type=radio]:checked + label{background-color:#5e5354; color:#ffffff; border-color:#5e5354;}
.main_estimate_form.main_estimate_form04 ul>li{width:calc(33.3% - 1px);}
.main_estimate_form01{display:flex; flex-wrap:wrap; gap:20px 10px;}
.main_estimate_terms_select{width:calc(50% - 5px);}
.main_estimate_terms_select select{width:100%; color:#333333; font-size:15px; padding:10px;}
.main_estimate_terms_select select option{font-size:14px;}
.main_estimate_form05 dl{display:flex;  border-bottom:1px solid #dedede;  font-size:15px; padding:10px 0; position:relative;}
.main_estimate_form05 dd{text-align:right; width:calc(100% - 120px);}
.main_estimate_form05 dt{font-weight:500; width:120px; color:#5e5354;}
.main_estimate_form05 dt input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.main_estimate_form05 dt input[type=checkbox]+label{position:relative; padding-left:26px; cursor:pointer; display:block;}
.main_estimate_form05 dt input[type=checkbox]+label:before{content: ''; position:absolute; left:0; top:3px; width:18px; height:18px; text-align:center;
		background-color:#ffffff; border:1px solid #afafaf; border-radius:50%;} 
.main_estimate_form05 dt input[type=checkbox]:checked+label:after{content: ''; position:absolute; top:7px; left:4px; width:12px; height:12px; 
		background-color:#5e5354; border-radius:50%;}
.main_estimate_form06{display:flex; flex-wrap:wrap; gap:20px 10px;}
.main_estimate_form06>div{width:calc(50% - 5px); font-size:15px;}
.main_estimate_form06>div input[type=text]{border:1px solid #dedede; background-color:#ffffff; font-size:15px; width:100%; padding:10px 10px; letter-spacing:-1px; 
		border-radius:2px;}
.main_estimate_form06>div input[type=text]::placeholder {color:#555555;}
.main_estimate_form06>div input[type=text]::-webkit-input-placeholder {color:#555555;}
.main_estimate_form06>div input[type=text]:-ms-input-placeholder {color:#555555;}
.main_estimate_form_list>p{font-weight:500; margin-top:15px; font-size:15px; color:#5e5354; }
.btn_main_estimate_wrap{margin-top:20px;}
.btn_main_estimate_wrap button{width:100%; text-align:center; border-radius:3px; background-color:#5e5354; color:#ffffff; border:none; font-size:15px; 
		padding:13px 5px; font-weight:500;}
.btn_main_estimate_wrap button:hover{background-color:#4f4c4d;}

/*main_review_wrap*/
.main_review_wrap{margin-top:80px;}
.main_review_wrap>div{position:relative;}
.main_review_wrap h3{font-size:30px; color:#000000;}
.main_review_list{margin-top:20px; display:flex; flex-wrap:wrap; gap:30px 28px;}
.main_review_list>li{width:calc(25% - 21px);}
.main_review_img>a{display:block;}
.main_review_img>a>img{width:100%;}
.main_review_contents{margin-top:15px;}
.main_review_contents>a{display:block;}
.main_review_contents .customer_name{color:#222222; font-size:17px; text-align:center; font-weight:500;}
.grade_wrap{margin-top:7px; height:12px; text-align:center;}
.grade_wrap span{display:inline-block; width:12px; height:12px; vertical-align:top; background:url("../images/common/star_icon.png")no-repeat center center;
		background-size:14px auto;}
.grade_wrap span.on{background-image:url("../images/common/star_icon_on.png");}
.review_contents{margin-top:12px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;}
.review_contents:hover{text-decoration:underline;}
.main_review_wrap .main_review_more{position:absolute; right:10px; top:13px; font-size:15px;}
.main_review_wrap .main_review_more:hover{color:#5e5354; text-decoration:underline;}
/*20260320- 추가*/
.review_detail .review_content{ text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;}

/*main_cs_wrap*/
.main_cs_wrap{background-color:#e7e5e6; padding:70px 0; margin-top:80px;}
.main_cs_wrap>div{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
/*main_cs_title*/
.main_cs_title{position:relative; line-height:1.4;}
.main_cs_title h3{font-size:28px; font-weight:700; color:#5e5354; letter-spacing:-1px;}
.main_cs_title h4{font-size:20px; position:absolute; left:160px; top:8px; color:#333333; font-weight:500; letter-spacing:-1px;}
.main_cs_title p{font-size:16px; margin-top:10px;}
/*main_cs_contact*/
.main_cs_contact{font-size:17px; color:#333333; line-height:1.4;}
.main_cs_contact dl{display:flex; gap:5px;}
.main_cs_contact dl+dl{margin-top:2px;}
.main_cs_contact dl.main_cs_phone{font-size:30px; margin-bottom:5px; color:#5e5354;}
/*main_online_inquiry*/
.main_online_inquiry{text-align:center; letter-spacing:-1px; color:#333333;}
.main_online_inquiry>a{display:inline-block; font-size:16px; font-weight:500; padding:12px 40px; border-radius:30px; background-color:#5e5354; color:#ffffff;
		margin-bottom:15px;}

/*main_banner_wrap02*/
.main_banner_wrap02{background:url("../images/main/bg_banner01.jpg")no-repeat center center; padding:120px 0; color:#ffffff; text-align:center; line-height:1.4;
		letter-spacing:-1px; font-size:24px;}
.main_banner_wrap02 h1{font-size:36px; font-weight:700; margin-bottom:20px;}

/*footer*/
.f_logo{width:248px;}
/*company_info02*/
.company_info02{margin-top:25px; padding-top:25px; border-top:1px solid rgba(255,255,255,0.2);}
.company_info02 div dl{display:inline-block; vertical-align:middle; position:relative;} 
.company_info02 div dl+dl{margin-left:6px; padding-left:8px;}
.company_info02 div dl+dl:before{content:''; width:1px; height:14px; display:block; background-color:#8c9192; position:absolute; left:0; top:7px;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block; vertical-align:middle;}
.company_info02 dl dt{margin-right:3px;}
.company_info02 span,.company_info02 dd{color:#ffffff;}
.company_info02>p{margin-top:10px;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:15px; border:1px solid #8c9192; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#8c9192;  z-index:300; }
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #8c9192; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:20px; border:1px solid #8c9192;}
footer .back_btn>img{width:100%;}

/*무료견적내기 popup*/
.common_free_estimate_service_wrap{position:fixed; left:50%; bottom:-307px; width:100%; z-index:550; max-width:1000px; background-color:rgba(240,18,38,0.95);
		padding:25px 30px; font-size:15px; color:#ffffff; box-shadow:0 -5px 10px rgba(0,0,0,0.1); border-radius:10px 10px 0 0;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0); 
		-moz-transform:translate(-50%,0);}
.common_free_estimate_service_wrap.open{bottom:0;}
.common_free_estimate_service_wrap.close{bottom:-307px;}
/*btn_calculate*/
.btn_calculate{cursor:pointer; font-weight:500; color:#ffffff; font-size:19px; border-radius:50px; padding: 7px 50px 8px 30px; position:absolute; left:50%; top:-48px;
		background:#f01226 url("../images/common/common_write_icon.png")no-repeat 140px center;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);}
.common_free_estimate_service_wrap.open .btn_calculate{font-size:0; overflow:hidden; width:44px; height:44px; padding:0; background-image:none;}
.common_free_estimate_service_wrap.open .btn_calculate:before,.common_free_estimate_service_wrap.open .btn_calculate:after{
		content:''; display:block; width:12px; height:2px; background-color:#ffffff; position:absolute; top:20px; left:16px; transform:rotate(-45deg); 
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border-radius:10px;}
.common_free_estimate_service_wrap.open .btn_calculate:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); 
		-o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
/*common_free_estimate_service*/
.common_free_estimate_service{display:flex; align-items:center; flex-wrap:wrap; gap:20px 40px;}
.free_estimate_title{width:240px;}
.free_estimate_title h2{font-weight:700; font-size:28px;}
.free_estimate_title p{margin-top:5px;}
.free_estimate_service_form{width:calc(100% - 280px); position:relative;}
.free_estimate_service_form button{font-size:14px; line-height:32px; font-weight:500; border:none; border-radius:3px; vertical-align:top;}
.free_estimate_service_form button:hover{box-shadow:inset 1px 1px 4px rgba(0,0,0,0.4);}
.free_estimate_service_list{margin-top:10px;}
.free_estimate_service_list>li+li{margin-top:10px;}
.free_estimate_service_list>li input[type=text]{border:none; background-color:#ffffff; font-size:14px; width:100%; padding:7px 10px; letter-spacing:-1px; 
		border-radius:3px;} 
.free_estimate_service_list>li.find_line{display:flex; align-items:center; column-gap:8px;}
.free_estimate_service_list>li.find_line>div{width:calc(100% - 90px);}
.free_estimate_service_list .address_find{width:90px; background-color:#e7e5e6; border-radius:3px; color:#5e5354;}
.free_estimate_service_list .address_find:hover{box-shadow:inset 1px 1px 4px rgba(0,0,0,0.4);}
.free_estimate_service_list>li.find_line02{display:flex; flex-wrap:wrap; align-items:center; column-gap:10px;}
.free_estimate_service_list>li.find_line02>div{width:calc(50% - 5px);}
.free_estimate_service_list>li.find_line02>div.area{display:flex; align-items:center; column-gap:5px;}
.free_estimate_service_list>li.find_line02>div.area input[type=text]{width:calc(100% - 65px);}
/*btn_calculate_wrap*/
.btn_calculate_wrap{margin-top:20px;}
.btn_calculate_wrap .btn_confirmation_results{background-color:#5e5354; color:#ffffff; padding:2px 20px; }
.btn_calculate_wrap .btn_estimate_reset{font-size:0; width:36px; height:36px; border-radius:3px; margin-left:3px;
		background:#5e5354 url("../images/common/reset_icon.png")no-repeat center center; background-size:25px auto;}

/*right_quick_menu*/
.right_quick_menu_wrap{position:fixed; right:-240px; top:50%; z-index:550; color:#ffffff; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease; transition:all 0.3s ease; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform: translate(0,-50%); 
		-webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);} /*background:radial-gradient(ellipse, #f01226, #5e5354);*/
.right_quick_menu_wrap.open{right:0;}
.right_quick_menu_wrap.close{ right:-240px;}
.right_quick_menu_wrap>div{display:flex;  align-items:start; }
.btn_quotation_inquiry{border-radius:5px 0 0 5px; background-color:#f01226; padding:15px 10px 20px; cursor:pointer; box-shadow:-1px -1px 6px rgba(0,0,0,0.4);}
.btn_quotation_inquiry>img{width:25px;}
.btn_quotation_inquiry>p{writing-mode:vertical-lr;  font-weight:500; font-size:18px; margin-top:10px;}
.quotation_inquiry_wrap{background-color:rgba(0,0,0,0.8); text-align:center; padding:20px 15px; width:240px;}
.quotation_inquiry_wrap h3{font-size:16px;}
.quotation_inquiry_wrap>div>p{margin-top:3px; font-size:20px;}
.quotation_inquiry_wrap ul{margin-top:10px;} 
.quotation_inquiry_wrap ul>li+li{margin-top:5px;} 
.quotation_inquiry_wrap ul>li input[type=text]{border:none; font-size:15px; background-color:#ffffff; width:100%; padding:8px 10px; border-radius:3px; }
.btn_quick_wrap{margin-top:15px;}
.btn_quick_wrap button{border:none; font-weight:500; background-color:#f01226; color:#ffffff; font-size:15px; font-weight:500; width:100%; padding:10px 10px; 
		border-radius:50px; }
.btn_quick_wrap button:hover{box-shadow:0 0 5px rgba(0,0,0,0.4);}



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

/***layout***/
.wrap{min-width:1200px;}

/***common***/
.inner{width:100%;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{min-width:1200px;}

}/*1300이하 끝*/

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

/***layout***/
.wrap{min-width:320px;}

/***common***/
.inner02{width:100%;}

/*header*/
.header_wrap01{display:none;} 
.header_wrap02{display:flex;}

/*main_banner_wrap*/
.main_banner_list{gap:12px;}
.main_banner_list>li{width:calc(50% - 6px);} 

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

}/*1200이하 끝*/

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

/*main_cs_wrap*/
.main_cs_wrap>div{justify-content:center; gap:30px 50px;}

/*main_review_wrap*/
.main_review_list{gap:30px 10px;}
.main_review_list>li{width:calc(50% - 5px);}

/*무료견적내기 popup*/
/*common_free_estimate_service*/
.common_free_estimate_service{gap:20px 30px;}
.free_estimate_title{width:200px;}
.free_estimate_service_form{width:calc(100% - 230px);}

}/*1024이하 끝*/

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

/*main_banner_wrap*/
.main_banner_list>li{width:100%; min-height:auto;}

/*main_estimate_wrap*/
.main_estimate_wrap>div>*{width:100%;}
.main_estimate_img{height:300px;}

/*footer*/
.f_logo{margin:0 auto;}
/*company_info02*/
.company_info02{margin-top:15px; padding-top:15px; text-align:center;}

/*무료견적내기 popup*/
.common_free_estimate_service_wrap{bottom:-400px;}
.common_free_estimate_service_wrap.close{bottom:-400px;}
/*common_free_estimate_service*/
.free_estimate_title{width:100%;}
.free_estimate_service_form{width:100%;}

}/*768이하 끝*/

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

/***layout***/
footer{font-size:14px;}

/***common***/
.main_container{padding:40px 0 0;}

/*메인 비주얼*/
/*main_visual_txt*/
.main_visual_txt{font-size:22px;}
.main_visual_txt h1{font-size:32px;}

/*main_title_wrap*/
.main_title_wrap{font-size:24px; letter-spacing:-1px;}

/*main_banner_wrap*/
.main_banner_wrap{margin-top:40px;}
.main_banner_list>li p{font-size:14px;} 
.main_banner_list>li strong{font-size:18px;}

/*main_estimate_wrap*/
.main_estimate_wrap{margin-top:50px;}
.main_estimate_form_wrap>h3{font-size:24px;}
.main_estimate_form h5{font-size:15px;}
.main_estimate_form ul>li{font-size:14px;} 
.main_estimate_terms_select select{font-size:14px;}
.main_estimate_form06>div{font-size:14px;}
.main_estimate_form06>div input[type=text]{font-size:14px;}
.main_estimate_form_list>p{font-size:14px;}

/*main_review_wrap*/
.main_review_wrap{margin-top:50px;}
.main_review_wrap h3{font-size:28px;} 
.main_review_list{margin-top:15px;}
.main_review_contents{margin-top:10px;}
.main_review_contents .customer_name{font-size:16px;}
.review_contents{margin-top:10px;}
.main_review_wrap .main_review_more{right:10px; top:13px; font-size:14px;}

/*main_cs_wrap*/
.main_cs_wrap{padding:40px 0; margin-top:50px;}
/*main_cs_title*/
.main_cs_title h3{font-size:24px;}
.main_cs_title h4{font-size:17px; left:135px; top:6px;}
.main_cs_title p{font-size:15px; margin-top:5px;}
/*main_cs_contact*/
.main_cs_contact{font-size:15px;}
.main_cs_contact dl.main_cs_phone{font-size:24px;}
/*main_online_inquiry*/
.main_online_inquiry>a{font-size:15px; padding:10px 40px; margin-bottom:10px;}

/*main_banner_wrap02*/
.main_banner_wrap02{padding:80px 0; font-size:16px;}
.main_banner_wrap02 h1{font-size:22px; margin-bottom:15px;}

/* ============================================================ 숫자 카운터 섹션 (Counter Section) - common.css 하단에 추가하세요 ============================================================ */

.main_counter_wrap { position: relative; background: #1e1e1e; overflow: hidden; padding: 70px 0; }
.main_counter_wrap::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(180,140,90,0.07) 0%, transparent 60%), repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,255,255,0.018) 60px, rgba(255,255,255,0.018) 61px); pointer-events: none; }
.counter_label_top { text-align: center; font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; color: #b8915a; margin-bottom: 48px; font-weight: 500; position: relative; }
.counter_label_top::after { content: ''; display: block; width: 36px; height: 2px; background: #b8915a; margin: 12px auto 0; border-radius: 1px; }
.counter_list { display: flex; justify-content: center; align-items: stretch; gap: 0; list-style: none; margin: 0; padding: 0; position: relative; }
.counter_item + .counter_item { border-left: 1px solid rgba(255,255,255,0.08); }
.counter_item { flex: 1; text-align: center; padding: 32px 24px 28px; position: relative; transition: background 0.3s ease; }
.counter_item:hover { background: rgba(184,145,90,0.07); }
.counter_icon { width: 48px; height: 48px; margin: 0 auto 18px; color: #b8915a; opacity: 0.85; transition: opacity 0.3s, transform 0.3s; }
.counter_icon svg { width: 100%; height: 100%; display: block; }
.counter_item:hover .counter_icon { opacity: 1; transform: translateY(-3px); }
.counter_number_wrap { display: inline-block; line-height: 1; }
.counter_number { font-size: 52px; font-weight: 700; color: #ffffff; letter-spacing: -0.02em; line-height: 1; font-family: 'Georgia', serif; display: inline-block; }
.counter_unit { display: inline-block; font-size: 20px; font-weight: 600; color: #b8915a; vertical-align: bottom; margin-left: 2px; line-height: 1.45; font-family: inherit; }
.counter_desc { margin-top: 10px; font-size: 14px; color: rgba(255,255,255,0.52); letter-spacing: 0.04em; font-weight: 400; }

@media (max-width: 1024px) {
.main_counter_wrap { padding: 60px 0; }
.counter_number { font-size: 42px; }
.counter_unit { font-size: 17px; }
.counter_item { padding: 28px 16px 24px; }
.counter_icon { width: 40px; height: 40px; }
}

@media (max-width: 768px) {
.main_counter_wrap { padding: 50px 0 44px; }
.counter_label_top { font-size: 11px; margin-bottom: 36px; }
.counter_list { flex-wrap: wrap; }
.counter_item { flex: 0 0 50%; width: 50%; padding: 28px 12px 24px; box-sizing: border-box; }
.counter_item:nth-child(1), .counter_item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.08); }
.counter_item:nth-child(2), .counter_item:nth-child(4) { border-left: 1px solid rgba(255,255,255,0.08); }
.counter_item:nth-child(odd) { border-left: none; }
.counter_number { font-size: 38px; }
.counter_unit { font-size: 15px; }
.counter_desc { font-size: 12px; }
.counter_icon { width: 36px; height: 36px; margin-bottom: 12px; }
}

@media (max-width: 480px) {
.counter_number { font-size: 32px; }
.counter_item { padding: 22px 8px 20px; }
}

/* ============================================================ 숫자 카운터 섹션 끝 ============================================================ */


/*footer*/
.f_logo{width:200px;}
.company_info02 div dl:last-child{display:block;} 
.company_info02 div dl:last-child:before{display:none;}

/*무료견적내기 popup*/
.common_free_estimate_service_wrap{font-size:14px; padding:20px; bottom:-380px;}
.common_free_estimate_service_wrap.close{bottom:-380px;}
/*btn_calculate*/
.btn_calculate{font-size:15px; width:160px; padding:7px 50px 8px 25px; background-position:120px center;}
/*common_free_estimate_service*/
.common_free_estimate_service{row-gap:5px;}
.free_estimate_title h2{font-size:20px;}
.free_estimate_title p{min-height:42px; font-size:13px;}

/*right_quick_menu*/
.right_quick_menu_wrap{right:-200px;} 
.right_quick_menu_wrap.close{ right:-200px;}
.btn_quotation_inquiry>img{width:20px;}
.btn_quotation_inquiry>p{font-size:16px;}
.quotation_inquiry_wrap{width:200px;}
.quotation_inquiry_wrap h3{font-size:15px;}
.quotation_inquiry_wrap>div>p{font-size:18px;}
.quotation_inquiry_wrap ul>li input[type=text]{font-size:14px;}

}/*600이하 끝*/

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

/*무료견적내기 popup*/
.common_free_estimate_service_wrap{bottom:-467px;}
.common_free_estimate_service_wrap.close{bottom:-467px;}
/*common_free_estimate_service*/
.free_estimate_service_list>li.find_line02{row-gap:10px;}
.free_estimate_service_list>li.find_line02>div{width:100%;}





}/*420이하 끝*/