@charset "utf-8";
@import "reset.css";
@import "fonts.css";
@import "root.css";

/* 키프레임 */
@keyframes txtMotion {
    0% {
        opacity: 0;
        transform: translateY(100%) rotateX(-80deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotateX(0deg);
    }
}

@keyframes opacityAni {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(var(--distance, 0px) * -1));
    }
}
/* 키프레임 */

/* 공통 */
.inner{padding: 0 2rem; margin: 0 auto; max-width: 160rem;}
/* 공통 */

/* 보일러 탭 레이아웃 */
.boiler_prd{padding: 6.5rem 2rem 9.5rem; width: 100%; background: var(--white); position: relative;}
.boiler_prd .title{font-size: 3rem; line-height: 1.4; font-family: "SCDream5"; color: var(--black); word-break: keep-all; text-align: center; font-weight: normal;}
.boiler_prd .title span{font-size: inherit; line-height: inherit; color: inherit; font-family: inherit;}
.boiler_prd .boiler_prd_tab{margin: 5rem 0 4rem; gap: 4rem; display: flex; align-items: center; justify-content: center;}
.boiler_prd .boiler_prd_tab a{padding: 0 2rem; border-radius: 0.5rem; height: 6.5rem; width: 22rem; display: flex; align-items: center; justify-content: center; border: 1px solid #BCB9B9;}
.boiler_prd .boiler_prd_tab a img{width: auto; max-width: 100%; object-fit: cover;}
.boiler_prd .boiler_prd_cont{width: 100%; max-width: 134rem; margin: 0 auto;}
.boiler_prd .boiler_prd_inner{min-height: 36rem; gap: 2rem; display: flex; align-items: stretch; justify-content: center;}
.boiler_prd .boiler_prd_inner .loading,
.boiler_prd .boiler_prd_inner .empty{min-height: 36rem; font-size: 2rem; line-height: 1.4; font-family: "SCDream5"; color: var(--black); font-weight: normal; display: flex; align-items: center; justify-content: center;}
.boiler_prd .boiler_item {width: calc((100% - 8rem) / 5);}
.boiler_prd .boiler_item a{width: 100%; height: 100%; display: block;}
.boiler_prd .boiler_item a .boiler_img{margin-bottom: 1.5rem; border-radius: 1rem; overflow: hidden; display: block; position: relative; border: 1px solid var(--color-707070);}
.boiler_prd .boiler_item a .boiler_img img{width: 100%; height: 100%; object-fit: cover; display: block; max-width: 100%; aspect-ratio: 1 / 1;}
/*.boiler_prd .boiler_item a .boiler_txt .tit{min-height: clamp(4.48rem, 4.48rem + 0.4vw, 5.04rem); font-size: clamp(1.6rem, 1.6rem + 0.4vw, 1.8rem); line-height: 1.4; font-weight: 500; color: var(--black); font-family: "SCDream5"; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}*/
.boiler_prd .boiler_item a .boiler_txt .tit{font-size: clamp(1.6rem, 1.6rem + 0.4vw, 1.8rem); line-height: 1.4; font-weight: 500; color: var(--black); font-family: "SCDream5"; display: block; word-break: break-all;}
.boiler_prd .boiler_item a .boiler_txt .price{gap: 0.3rem; margin: 0.8rem 0 0; font-size: clamp(1.7rem, 1.7rem + 0.3vw, 2rem); font-weight: 500; padding: 0; background: none; font-family: "SCDream5"; color: var(--black); display: flex; align-items: center; justify-content: flex-start;}
/* 보일러 탭 레이아웃 */

/* 보일러 프로의 장인들 */
.boiler_pro{padding: 9rem 2rem 10rem; width: 100%; background: var(--color-0F1F44); position: relative;}
.boiler_pro .title{font-size: 3rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: var(--white); word-break: keep-all; text-align: center;}
.boiler_pro .boiler_pro_slide{margin: 8rem auto 0; width: 100%; max-width: 134rem; position: relative;}
.boiler_pro .boiler_pro_item .img{height: 40rem; border-radius: 1rem; overflow: hidden; background: var(--white); display: flex; align-items: center; justify-content: center;}
.boiler_pro .boiler_pro_item .img img{width: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.boiler_pro .boiler_pro_item .img .no_img{font-size: 1.8rem; line-height: 1.4; color: var(--black); word-break: keep-all;}
.boiler_pro .boiler_pro_item .text{margin-top: 3.5rem; gap: 0.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center;}
.boiler_pro .boiler_pro_item .text .branch,
.boiler_pro .boiler_pro_item .text .name_career,
.boiler_pro .boiler_pro_item .text .license{line-height: 1.4; font-family: "SCDream5"; color: var(--white); font-weight: normal; word-break: keep-all}
.boiler_pro .boiler_pro_item .text .branch{font-size: 2.4rem;}
.boiler_pro .boiler_pro_item .text .name_career{font-size: 2rem; color: #ffee00;}
.boiler_pro .boiler_pro_item .text .license{font-size: 1.6rem; font-family: "SCDream3";}

.boiler_pro .owl-nav button.owl-prev,
.boiler_pro .owl-nav button.owl-next{top: 7.5rem; width: 9.5rem; height: 19rem; font-size: 0; text-indent: -9999px; position: absolute; z-index: 1;}
.boiler_pro .owl-nav button.owl-prev{left: -19rem; background: url("/theme/template/img/main/pro_arrow_prev.svg") center center no-repeat; background-size: cover;}
.boiler_pro .owl-nav button.owl-next{right: -19rem; background: url("/theme/template/img/main/pro_arrow_next.svg") center center no-repeat; background-size: cover;}
/* 보일러 프로의 장인들 */

/* 메인 맵 & 문의 */
#main-map-contact{padding: 5rem 0; height: 67rem; max-width: 192rem; background: url(/theme/template/img/main/main_map_contact_bg.png) center center no-repeat; background-size: cover; width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.main-map-contact-title{margin-bottom: 3.5rem; font-size: 3rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); text-align: center; word-break: keep-all;}
.main-map-contact-title b{font-family: "SCDream6"; font-weight: normal;}
.main-map-contact-inner{max-width: 148rem; margin: 0 auto; width: 100%; display: flex; align-items: stretch; justify-content: flex-start;}

/* 메인 맵 */
.main-map{height: 51.8rem; max-width: 95.5rem; width: 100%; display: flex; align-items: stretch; justify-content: space-between; position: relative;}
.main-map #mapArea{border-radius: 2rem 0 0 2rem; width: 68.48%; height: 100%; position: relative; z-index: 0}
.main-map #mapInfo{border-radius: 0 2rem 2rem 0; padding: 2.5rem 2.4rem 7.5rem; width: 29.95%; height: 100%; background: var(--color-0F1F44); position: relative;}
.main-map #mapInfo .infoTxt .map_company,
.main-map #mapInfo .infoTxt .map_addr,
.main-map #mapInfo .infoBtns{display: none;}
.main-map #mapInfo.active .infoTxt .map_company,
.main-map #mapInfo.active .infoTxt .map_addr,
.main-map #mapInfo.active .infoBtns {display: block;}
.main-map #mapInfo .map_title{font-size: 2.5rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); word-break: keep-all;}
.main-map #mapInfo .map_company{margin-top: 2.4rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); word-break: keep-all;}
.main-map #mapInfo .map_addr{margin-top: 1rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); word-break: keep-all;}
.main-map #mapInfo .infoBtns{margin-top: 2.4rem;}
.main-map #mapInfo .infoBtns a{padding: 0.6rem; min-height: 3.5rem; max-width: 21rem; border-radius: 1.8rem; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden;}
.main-map #mapInfo .infoBtns a + a{margin-top: 1.8rem;}
.main-map #mapInfo .map_tel{font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); background: var(--color-6C8DD8); word-break: keep-all;}
.main-map #mapInfo .map_kakao{font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--color-3C1E1E); background: var(--color-FEDC00); word-break: keep-all;}
.main-map #mapInfo .map_kakao img{max-width: 3rem; margin-right: 0.7rem; width: 100%; object-fit: cover;}
.main-map #mapInfo .map_blog{font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); background: var(--color-00C73C); word-break: keep-all;}
.main-map #mapInfo .map_blog img{max-width: 2.8rem; margin-right: 0.9rem; width: 100%; object-fit: cover;}
.main-map #mapInfo .infoTel{bottom: 2rem; width: calc(100% - 4.8rem); left: 50%; transform: translateX(-50%); position: absolute;}
.main-map #mapInfo .infoTel a{height: 5rem; border-radius: 2.5rem; font-size: 2rem; line-height: 1.4; font-family: "SCDream4"; color: var(--white); border: 1px solid var(--white); width: 100%; display: flex; align-items: center; justify-content: center;}
/* 메인 맵 */

/* 메인 문의 */
.main-contact{height: 51.8rem; max-width: 44.7rem; padding: 2rem 4rem; border-radius: 2rem; border: 3px solid rgba(255,255,255,0.73); margin-left: auto; background: rgba(15,31,68,0.73); width: 100%; text-align: center; position: relative;}
#contactArea{width: 100%; height: 100%; text-align: center;}
.contactForm{width: 100%; height: 100%; word-break: keep-all;}
.contactForm form{width: 100%; height: 100%;}
.contactForm .boiler_fields{padding: 2rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.contactForm .boiler_field .boiler_label{width: 6rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); word-break: keep-all; text-align: right; flex-shrink: 0;}
.contactForm .field_area{gap: 1rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.contactForm .field_area .boiler_field{width: auto}
.contactForm .field_area .boiler_field select{padding: 0 2.5rem 0 1.5rem; height: 3rem; border-radius: 2rem; font-size: 1.4rem; border: 1px solid var(--color-707070); background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 100%;}
.contactForm .field_area .boiler_field select:first-of-type{width: 14rem;}
.contactForm .field_area .boiler_field select:last-of-type{width: 10.1rem;}
.contactForm .boiler_field{gap: 1rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.contactForm .boiler_field.ty1 input{padding: 0 1.5rem; max-width: 27.6rem; height: 3rem; border-radius: 2rem; font-size: 1.4rem; line-height: 1.4; color: var(--black); border: 1px solid var(--color-707070); background: var(--white); width: 100%;}
.contactForm .boiler_field.ty2 select{padding: 0 2.5rem 0 1.5rem; height: 3rem; border-radius: 2rem; max-width: 27.6rem; font-size: 1.4rem; border: 1px solid var(--color-707070); background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 100%;}
.contactForm .boiler_field.ty3 .field_list{max-width: 27.6rem; gap: 1rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.contactForm .boiler_field.ty3 .field_list label{width: 10rem; font-size: 1.4rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); text-align: left;}
.contactForm .boiler_field.ty3 .field_list input{width: 2rem; height: 2rem;}
.contactForm .boiler_field.ty4{align-items: flex-start;}
.contactForm .boiler_field.ty4 .field_list{max-width: 27.6rem; gap: 1.5rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.contactForm .boiler_field.ty4 .field_list label{padding: 0 0.5rem 0 0; font-size: 1.4rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); text-align: left;}
.contactForm .boiler_field.ty4 .field_list input{width: 2rem; height: 2rem;}
.contactForm .boiler_captcha{max-width: 27.6rem; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.contactForm .boiler_captcha #captcha_mp3,
.contactForm .boiler_captcha #captcha_audio,
.contactForm .boiler_captcha #captcha_info{display: none !important;}
.contactForm .boiler_submit{width: 100%; max-width: 35.5rem; margin: 0 auto;}
.contactForm .boiler_submit button{border-radius: 0.5rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); background: var(--color-316FFF); display: flex; align-items: center; justify-content: center; text-align: center; border: 0; width: 100%;}
/* 메인 문의 */

/* 메인 맵 & 문의 */

/* 메인 간편견적신청 */
#easy{bottom: 0; left: 0; width: 100%; position: fixed; z-index: 10;}
#easy .easy_wrap{position: relative;}
#easy .easy_wrap .easy_toggle{display: flex; align-items: center; justify-content: center; width: 100%;}
#easy .easy_wrap .easy_toggle a{width: 9.2rem; height: 4.5rem; border-radius: 1rem 1rem 0 0; background: var(--color-4472C4); display: flex; align-items: center; justify-content: center;}
#easy .easy_wrap .easy_toggle a img{width: auto; max-width: 100%; object-fit: cover; transform: rotate(180deg);}
#easy .easy_wrap .easy_toggle a.is-open img{transform: rotate(0);}
#easy .easy_wrap .easy_box{width: 100%; border-radius: 5rem 5rem 0 0; background: var(--color-4472C4);}
#easy .easy_wrap .easy_box .easy_inner{height: 12rem; padding: 0 3rem; max-width: 138rem; margin: 0 auto; width: 100%; display: flex; align-items: center; justify-content: space-between;}
#easy .easy_wrap .easy_box .left{gap: clamp(8rem, 8rem + 0.3vw, 10rem); display: flex; align-items: center;}
#easy .easy_wrap .easy_box .left img{width: auto; max-height: 8rem; object-fit: cover;}
#easy .easy_wrap .easy_box .left .es_tel{font-size: clamp(2.8rem, 2.8rem + 0.3vw, 3.8rem); letter-spacing: -0.02em; flex-shrink: 0; line-height: 0.8; font-family: "SCDream8"; color: var(--white); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
#easy .easy_wrap .easy_box .left .es_tel span{font-size: clamp(1.6rem, 1.6rem + 0.3vw, 2rem); letter-spacing: normal; line-height: 1.35; font-family: "SCDream5"; color: var(--white); display: block;}
#easy .easy_wrap .easy_box .right{}
#easy .easy_wrap .easy_box .es_fBox{padding-top: clamp(0.5rem, 0.5rem + 0.3vw, 1rem);}
#easy .easy_wrap .easy_box .es_fBox .fBox_inner{gap: 0.5rem; display: flex; align-items: center; justify-content: flex-start;}
#easy .easy_wrap .easy_box .es_fBox .fBox_info{gap: 0.5rem; display: flex; align-items: center; justify-content: flex-start;}
#easy .easy_wrap .easy_box .es_fBox .fBox_info input[type="text"]{padding: 0 0.6rem; height: 4rem; font-size: 1.8rem; line-height: 1.4; font-weight: 500; font-family: "SCDream5"; background: transparent; color: var(--white); border: 1px solid var(--white); vertical-align: top;}
#easy .easy_wrap .easy_box .es_fBox .fBox_info input#easy_name{width: 10rem;}
#easy .easy_wrap .easy_box .es_fBox .fBox_info input#easy_tel{width: 18rem;}
#easy .easy_wrap .easy_box .es_fBox .fBox_info input::placeholder{color: var(--white); opacity: 0.5;}
#easy .easy_wrap .easy_box button{width: 12rem; height: 4rem; font-size: 1.2rem; color: var(--white); background: var(--color-4b4b4b); border: 0; font-family: "SCDream5"; font-weight: 500; vertical-align: top;}
#easy .easy_wrap .easy_box .easy_captcha{}
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_info{display: none;}
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_img,
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_key,
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_mp3,
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_reload{height: 4rem;}
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_mp3{background-position: 0 0;}
#easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_reload{background-position: 0 -4rem}
#easy .easy_wrap .easy_box .fBox_captcha input{height: 4rem; color: var(--black) !important;}
#easy .easy_wrap .easy_box .easy_privacy{gap: 0.5rem; display: flex; align-items: center;}
#easy .easy_wrap .easy_box .easy_privacy label{font-size: 1.2rem; line-height: 2; font-weight: 500; color: var(--white); font-family: "SCDream5"; cursor: pointer;}
#easy .easy_wrap .easy_box .easy_privacy a{font-size: 1.2rem; line-height: 2; font-weight: 500; color: var(--white); font-family: "SCDream5";}
#easy .easy_wrap .easy_box .easy_privacy input{width: 1.2rem; height: 1.2rem; border-radius: 0.3rem; background: var(--white); border: 1px solid var(--white);}
#easy #captcha_audio{display: none;}
/* 메인 간편견적신청 */

/* 카테고리 */
#ctg{margin: 0 auto; padding: 5rem 2rem; width: 100%; max-width: 144rem;}
#ctg .ctg_wrap{position: relative;}
#ctg .ctg_wrap + .ctg_wrap{margin-top: 8rem;}
#ctg .title{margin-bottom: 4rem; text-align: center;}
#ctg .title h2{font-size: clamp(2.4rem, 2vw + 1.6rem, 3rem); line-height: 1; font-weight: 500; font-family: "SCDream5"; color: var(--black);}
#ctg .point{gap: 0.5rem; margin-bottom: 0.7rem; display: flex; align-items: center; justify-content: center;}
#ctg .point span{width: 0.7rem; height: 0.7rem; border-radius: 50%; display: block; background: var(--color-84DB1B);}
#ctg .point span:nth-of-type(2n){background: var(--primary-0086DE);}
#ctg .ctg_list{gap: 1rem; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center;}
#ctg .ctg_items{width: calc((100% - 5rem) / 6);}
#ctg .ctg_items a{display: block; width: 100%;}
#ctg .ctg_items a img{width: 100%; object-fit: cover; display: block;}
#ctg .ctg_list.ty2{gap: 0.9rem;}
#ctg .ctg_list.ty2 .ctg_items{width: 21.5rem;}
/* 카테고리 */

/* 서비스 */
#service{padding: 0 0 5rem; width: 100%; position: relative;}
#service .sct_tit{margin: 0 auto; width: 100%; max-width: 138rem;}
#service .service_inner{padding: 0 2rem; margin-top: 1rem; position: relative;}
#service .service_inner:after{height: calc(100% - 6.4rem); background: var(--color-0F1F44); width: 100%; left: 0; bottom: 0; content: ""; position: absolute;}
#service .service_list{padding-bottom: 2rem; gap: 7rem; position: relative; display: flex; justify-content: center; align-items: center; z-index: 1; }
#service .service_items{width: 100%; max-width: 23rem; border-radius: 1rem; box-shadow: 0 3px 3px 6px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden;}
/*#service .service_items a{width: 100%; display: block; position: relative;}*/
/*#service .service_items:after{top: 0; left: 0; width: 100%; height: 100%; position: absolute; content:""; opacity: 0; transition: opacity 0.3s ease;}*/
/*#service .service_items.is-on:after{opacity: 1;}*/
/*#service .service_items.si1:after{background: url("/theme/template/img/main/service1_on.png") center center no-repeat; background-size: 100% 100%;}*/
/*#service .service_items.si2:after{background: url("/theme/template/img/main/service2_on.png") center center no-repeat; background-size: 100% 100%;}*/
/*#service .service_items.si3:after{background: url("/theme/template/img/main/service3_on.png") center center no-repeat; background-size: 100% 100%;}*/
/*#service .service_items.si4:after{background: url("/theme/template/img/main/service4_on.png") center center no-repeat; background-size: 100% 100%;}*/
#service .service_items img{display: block; width: 100%; height: 100%; object-fit: contain;}
/*#service .service_items:hover:after{opacity: 1;}*/
/* 서비스 */

/* 설치후기 */
#review{padding: 5rem 2rem 5rem; margin: 0 auto; width: 100%; max-width: 138rem; position: relative;}
#review .review_items{padding: 0.5rem 0.7rem 2rem; border: 1px solid var(--color-707070); background: var(--white);}
#review .review_items a{display: block;}
#review .review_items a .img{width: 100%; display: block;}
#review .review_items a .img img{max-height: 24rem; width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 5 / 5;}
#review .review_items a .tit{padding-right: 1rem; margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--black); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
#review .review_items a .txt{height: 6.3rem; padding-right: 1rem; margin-top: 0.7rem; font-size: 1.5rem; line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--color-838383); word-break: auto-phrase; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
/* 설치후기 */

/* cs */
#cs{width: 100%; display: flex; justify-content: space-between; align-items: stretch;}
#cs .left{padding: 4rem 0; background: url("/theme/template/img/main/cs_online_bg.png") center center no-repeat; background-size: cover; width: 50%; display: flex; justify-content: flex-end; align-items: center;}
#cs .left .left_wrap{padding-right: 1.3rem; gap: 5.5rem; width: 100%; height: 100%; max-width: 68.7rem; display: flex; flex-direction: column; justify-content: space-between;}
#cs .left .cs_online{width: 100%; position: relative;}
#cs .left .cs_online a:not(.set_admin){height: 19rem; gap: 3.8rem; display: flex; align-items: center; justify-content: center; width: 100%;}
#cs .left .cs_online a:not(.set_admin) .icon{width: clamp(5rem, 5rem + 0.3vw, 6rem);}
#cs .left .cs_online a:not(.set_admin) .icon img{width: 100%; object-fit: contain; display: block;}
#cs .left .cs_online a:not(.set_admin) .desc{font-size: 1.2rem; line-height: 1.67; font-weight: 500; font-family: "SCDream5"; color: var(--white);}
#cs .left .cs_online a:not(.set_admin) .desc b{font-size: clamp(2rem, 2rem + 0.3vw, 3rem); line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--white); display: block;}
#cs .right{width: 50%; background: var(--color-0F1F44);}
#cs .right .right_wrap{padding: 4rem 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
#cs .right .cs_center{padding-left: clamp(5rem, 5rem + 0.3vw, 7rem); max-width: 69rem; width: 100%; display: flex; align-items: center;}
#cs .right .cs_center .box{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
#cs .right .cs_center .box p{font-size: 2rem; line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--white); word-break: auto-phrase;}
#cs .right .cs_center .box a{font-size: 4rem; line-height: 1.25; font-weight: 500; font-family: "SCDream5"; color: var(--white); word-break: auto-phrase; display: block;}
#cs .right .cs_center .box ul{margin-top: 0.8rem; width: 100%;}
#cs .right .cs_center .box ul li{font-size: 2rem; line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--white); word-break: auto-phrase;}
#cs .right .cs_center .bar{max-width: 100%;}
#cs .right .cs_center .bar img{width: auto; object-fit: cover; display: block;}
/* cs */

@media (max-width: 1720px) {
    /* 보일러 프로의 장인들 */
    .boiler_pro .owl-nav button.owl-prev,
    .boiler_pro .owl-nav button.owl-prev{left: -12rem;}
    .boiler_pro .owl-nav button.owl-next{right: -12rem;}
    /* 보일러 프로의 장인들 */
}

@media (max-width: 1600px) {
    /* 보일러 프로의 장인들 */
    .boiler_pro .owl-nav{display: none;}
    /* 보일러 프로의 장인들 */
}

@media (max-width: 1520px) {
    /* 메인 맵 & 문의 */
    #main-map-contact{padding: 3.29vw 0; height: 44.08vw;}
    .main-map-contact-title{margin-bottom: 2.3vw; font-size: 1.97vw;}
    .main-map-contact-inner{max-width: 97.37vw;}

    /* 메인 맵 */
    .main-map{height: 34.08vw; max-width: 62.83vw;}
    .main-map #mapArea{border-radius: 1.32vw 0 0 1.32vw;}
    .main-map #mapInfo{border-radius: 0 1.32vw 1.32vw 0; padding: 1.64vw 1.58vw 4.93vw;}
    .main-map #mapInfo .map_title{font-size: 1.64vw;}
    .main-map #mapInfo .map_company{margin-top: 1.58vw; font-size: 1.05vw;}
    .main-map #mapInfo .map_addr{margin-top: 0.66vw; font-size: 1.05vw;}
    .main-map #mapInfo .infoBtns{margin-top: 1.58vw;}
    .main-map #mapInfo .infoBtns a{padding: 0.39vw; min-height: 2.3vw; max-width: 13.82vw; border-radius: 1.18vw;}
    .main-map #mapInfo .infoBtns a + a{margin-top: 1.18vw;}
    .main-map #mapInfo .map_tel{font-size: 1.05vw;}
    .main-map #mapInfo .map_kakao{font-size: 1.05vw;}
    .main-map #mapInfo .map_kakao img{max-width: 1.97vw; margin-right: 0.46vw;}
    .main-map #mapInfo .map_blog{font-size: 1.05vw;}
    .main-map #mapInfo .map_blog img{max-width: 1.84vw; margin-right: 0.59vw;}
    .main-map #mapInfo .infoTel{bottom: 1.32vw; width: calc(100% - 3.16vw);}
    .main-map #mapInfo .infoTel a{height: 3.29vw; border-radius: 1.64vw; font-size: 1.32vw;}
    /* 메인 맵 */

    /* 메인 문의 */
    .main-contact{height: 34.08vw; max-width: 29.41vw; padding: 1.32vw 2.63vw; border-radius: 1.32vw; border: 0.2vw solid rgba(255,255,255,0.73);}
    .contactForm .boiler_fields{padding: 1.32vw;}
    .contactForm .boiler_field .boiler_label{width: 3.95vw; font-size: 1.05vw;}
    .contactForm .field_area{gap: 0.66vw;}
    .contactForm .field_area .boiler_field select{padding: 0 1.64vw 0 0.99vw; height: 1.97vw; border-radius: 1.32vw; font-size: 1.05vw; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 0.66vw center no-repeat; background-size: 0.66vw 0.53vw;}
    .contactForm .field_area .boiler_field select:first-of-type{width: 9.21vw;}
    .contactForm .field_area .boiler_field select:last-of-type{width: 6.64vw;}
    .contactForm .boiler_field{gap: 0.66vw;}
    .contactForm .boiler_field.ty1 input{padding: 0 0.99vw; max-width: 18.16vw; height: 1.97vw; border-radius: 1.32vw; font-size: 0.92vw;}
    .contactForm .boiler_field.ty2 select{padding: 0 1.64vw 0 0.99vw; height: 1.97vw; border-radius: 1.32vw; max-width: 18.16vw; font-size: 1.05vw; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 0.66vw center no-repeat; background-size: 0.66vw 0.53vw;}
    .contactForm .boiler_field.ty3 .field_list{max-width: 18.16vw; gap: 0.66vw;}
    .contactForm .boiler_field.ty3 .field_list label{width: 6.58vw; font-size: 0.92vw;}
    .contactForm .boiler_field.ty3 .field_list input{width: 1.32vw; height: 1.32vw;}
    .contactForm .boiler_field.ty4 .field_list{max-width: 18.16vw; gap: 0.99vw;}
    .contactForm .boiler_field.ty4 .field_list label{padding: 0 0.33vw 0 0; font-size: 0.92vw;}
    .contactForm .boiler_field.ty4 .field_list input{width: 1.32vw; height: 1.32vw;}
    .contactForm .boiler_captcha{max-width: 18.16vw;}
    .contactForm .boiler_captcha #captcha{display: flex; align-items: center; gap: 0.33vw;}
    .contactForm .boiler_submit{max-width: 23.36vw;}
    .contactForm .boiler_submit button{border-radius: 0.33vw; font-size: 1.05vw;}
    /* 메인 문의 */

    /* 메인 맵 & 문의 */
}

@media (max-width: 1440px) {
    /* 보일러 프로의 장인들 */
    .boiler_pro .boiler_pro_item .img{height: 35rem;}
    /* 보일러 프로의 장인들 */

    /* 카테고리 */
    /*#ctg .ctg_list{max-width: 69.2rem; margin: 0 auto;}*/
    #ctg .ctg_list.ty2{max-width: 66.3rem; margin: 0 auto;}
    /* 카테고리 */

    /* cs */
    #cs .left .left_wrap .cs_gall{padding-left: 1.3rem;}
    /* cs */

}

@media (max-width: 1300px) {
    /* 메인 간편견적신청 */
    #easy .easy_wrap .easy_box .easy_inner{padding: 0 clamp(1.8rem, 1.8rem + 0.3vw, 2.8rem);}
    #easy .easy_wrap .easy_box .left{gap: 0; justify-content: space-around; width: 34%;}
    #easy .easy_wrap .easy_box .left img{max-width: clamp(16rem, 16rem + 0.3vw, 18rem);  max-height: 6rem;}
    #easy .easy_wrap .easy_box .left .es_tel{font-size: clamp(2rem, 2rem + 0.3vw, 3rem);}
    #easy .easy_wrap .easy_box .left .es_tel span{font-size: clamp(1.4rem, 1.4rem + 0.3vw, 1.8rem);}
    #easy .easy_wrap .easy_box .right{}
    #easy .easy_wrap .easy_box .es_fBox{padding-top: clamp(0.5rem, 0.5rem + 0.3vw, 1rem);}
    #easy .easy_wrap .easy_box .es_fBox .fBox_info input[type="text"]{height: 3.5rem; font-size: clamp(1.4rem, 1.4rem + 0.3vw, 1.8rem);}
    #easy .easy_wrap .easy_box .es_fBox .fBox_info input#easy_name{width: 8rem;}
    #easy .easy_wrap .easy_box .es_fBox .fBox_info input#easy_tel{width: 15rem;}
    #easy .easy_wrap .easy_box button{width: 10rem; height: 3.5rem;}
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_img,
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_key,
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_mp3,
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_reload{height: 3.5rem;}
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_mp3{background-position: 0 -0.3rem;}
    #easy .easy_wrap .easy_box .fBox_captcha #captcha #captcha_reload{background-position: 0 -4.3rem}
    #easy .easy_wrap .easy_box .fBox_captcha input{height: 3.5rem; color: var(--black) !important;}
    #easy #captcha_audio{display: none;}
    /* 메인 간편견적신청 */
}

@media (max-width: 1200px) {

    /* 메인 맵 & 문의 */
    #main-map-contact{padding: 3rem 0; height: auto; background: url(/theme/template/img/main/main_map_contact_bg.png) center center no-repeat; background-size: cover;}
    .main-map-contact-title{margin-bottom: 2.5rem; font-size: 2.4rem;}
    .main-map-contact-inner{max-width: 96%; gap: 3rem; flex-direction: column; align-items: flex-start;}

    /* 메인 맵 */
    .main-map{height: 40rem; max-width: 100%;}
    .main-map #mapArea{border-radius: 2rem 0 0 2rem;}
    .main-map #mapInfo{border-radius: 0 2rem 2rem 0; padding: 2rem 2rem 6rem;}
    .main-map #mapInfo .map_title{font-size: 2rem;}
    .main-map #mapInfo .map_company{margin-top: 2rem; font-size: 1.4rem;}
    .main-map #mapInfo .map_addr{margin-top: 1rem; font-size: 1.4rem;}
    .main-map #mapInfo .infoBtns{margin-top: 2rem;}
    .main-map #mapInfo .infoBtns a{padding: 0.6rem; min-height: 3rem; max-width: 21rem; border-radius: 1.8rem;}
    .main-map #mapInfo .infoBtns a + a{margin-top: 1.5rem;}
    .main-map #mapInfo .map_tel{font-size: 1.4rem;}
    .main-map #mapInfo .map_kakao{font-size: 1.4rem;}
    .main-map #mapInfo .map_kakao img{max-width: 2.8rem; margin-right: 0.5rem;}
    .main-map #mapInfo .map_blog{font-size: 1.4rem;}
    .main-map #mapInfo .map_blog img{max-width: 2.6rem; margin-right: 0.7rem;}
    .main-map #mapInfo .infoTel{bottom: 2rem; width: calc(100% - 4rem);}
    .main-map #mapInfo .infoTel a{height: 5rem; border-radius: 2.5rem; font-size: 1.6rem;}
    /* 메인 맵 */

    /* 메인 문의 */
    .main-contact{height: auto; max-width: 44.7rem; padding: 2rem 4rem; border-radius: 2rem; border: 3px solid rgba(255,255,255,0.73); margin: 0 auto; background: rgba(15,31,68,0.73); width: 100%; text-align: center;}
    #contactArea{width: 100%; height: 100%; text-align: center;}
    .contactForm{width: 100%; height: 100%; word-break: keep-all;}
    .contactForm form{width: 100%; height: 100%;}
    .contactForm .boiler_fields{padding: 2rem; gap: 1.5rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
    .contactForm .boiler_field .boiler_label{width: 6rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); word-break: keep-all; text-align: right;}
    .contactForm .field_area{gap: 1rem; display: flex; align-items: center; justify-content: center; width: 100%;}
    .contactForm .field_area .boiler_field{width: auto}
    .contactForm .field_area .boiler_field select{padding: 0 2.5rem 0 1.5rem; height: 3rem; border-radius: 2rem; font-size: 1.4rem; border: 1px solid var(--color-707070); background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 100%;}
    .contactForm .field_area .boiler_field select:first-of-type{width: 14rem;}
    .contactForm .field_area .boiler_field select:last-of-type{width: 10.1rem;}
    .contactForm .boiler_field{gap: 1rem; display: flex; align-items: center; justify-content: center; width: 100%;}
    .contactForm .boiler_field.ty1 input{padding: 0 1.5rem; max-width: 27.6rem; height: 3rem; border-radius: 2rem; font-size: 1.4rem; line-height: 1.4; color: var(--black); border: 1px solid var(--color-707070); background: var(--white); width: 100%;}
    .contactForm .boiler_field.ty2 select{padding: 0 2.5rem 0 1.5rem; height: 3rem; border-radius: 2rem; max-width: 27.6rem; font-size: 1.4rem; border: 1px solid var(--color-707070); background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 100%;}
    .contactForm .boiler_field.ty3 .field_list{max-width: 27.6rem; gap: 1rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
    .contactForm .boiler_field.ty3 .field_list label{width: 10rem; font-size: 1.4rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); text-align: left;}
    .contactForm .boiler_field.ty3 .field_list input{width: 2rem; height: 2rem;}
    .contactForm .boiler_field.ty4{align-items: flex-start;}
    .contactForm .boiler_field.ty4 .field_list{max-width: 27.6rem; gap: 1.5rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
    .contactForm .boiler_field.ty4 .field_list label{padding: 0 0.5rem 0 0; font-size: 1.4rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); text-align: left;}
    .contactForm .boiler_field.ty4 .field_list input{width: 2rem; height: 2rem;}
    .contactForm .boiler_captcha{max-width: 27.6rem; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
    .contactForm .boiler_submit{width: 100%; max-width: 35.5rem; margin: 0 auto;}
    .contactForm .boiler_submit button{border-radius: 0.5rem; font-size: 1.6rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); background: var(--color-316FFF); display: flex; align-items: center; justify-content: center; text-align: center; border: 0; width: 100%;}
    /* 메인 문의 */

    /* 메인 맵 & 문의 */
}


@media (max-width: 1000px) {
    /* 보일러 탭 레이아웃 */
    .boiler_prd{padding: 5rem 2rem 6rem;}
    .boiler_prd .title{font-size: clamp(2rem, 2rem + 2vw, 2.4rem);}
    .boiler_prd .boiler_prd_tab{margin: 3rem 0 4rem; gap: 2rem;  flex-wrap: wrap;}
    .boiler_prd .boiler_prd_tab a{padding: 0 1.5rem; border-radius: 0.5rem; height: 6rem; width: calc((100% - 2rem) / 2);}
    .boiler_prd .boiler_prd_inner{min-height: 114vw; gap: 2rem; flex-wrap: wrap; justify-content: flex-start;}
    .boiler_prd .boiler_prd_inner .loading,
    .boiler_prd .boiler_prd_inner .empty{min-height: 114vw; font-size: 1.6rem;}
    .boiler_prd .boiler_item {width: calc((100% - 2rem) / 2); margin-bottom: 2rem;}
    .boiler_prd .boiler_item:nth-child(5){display: none;}
    .boiler_prd .boiler_item a .boiler_img{margin-bottom: 1rem;}
    .boiler_prd .boiler_item a .boiler_txt .tit{font-size: clamp(1.4rem, 1.4rem + 0.4vw, 1.6rem);}
    .boiler_prd .boiler_item a .boiler_txt .price{gap: 0.3rem; margin: 0; font-size: clamp(1.4rem, 1.4rem + 0.3vw, 6rem);}
    /* 보일러 탭 레이아웃 */

    /* 보일러 프로의 장인들 */
    .boiler_pro{padding: 5rem 2rem 6rem;}
    .boiler_pro .title{font-size: clamp(2rem, 2rem + 2vw, 2.4rem);}
    .boiler_pro .boiler_pro_slide{margin: 4rem auto 0;}
    .boiler_pro .boiler_pro_item .img{height: 30rem;}
    .boiler_pro .boiler_pro_item .img .no_img{font-size: 1.4rem;}
    .boiler_pro .boiler_pro_item .text{margin-top: 2rem;}
    .boiler_pro .boiler_pro_item .text .branch{font-size: 2rem;}
    .boiler_pro .boiler_pro_item .text .name_career{font-size: 1.6rem;}
    .boiler_pro .boiler_pro_item .text .license{font-size: 1.4rem}
    /* 보일러 프로의 장인들 */

    /* 메인 맵 & 문의 */
    #main-map-contact{padding: 3rem 0;}
    .main-map-contact-title{margin-bottom: 2rem; font-size: 1.8rem;}
    .main-map-contact-inner{max-width: 44.7rem; width: 96%;}

    /* 메인 맵 */
    .main-map{height: auto; max-width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .main-map #mapArea{height: 37.5rem; border-radius: 2rem 2rem 0 0 ; width: 100%;}
    .main-map #mapInfo{border-radius: 0 0 2rem 2rem; padding: 2rem 2rem 8rem; min-height: 17rem; height: auto; width: 100%;}
    .main-map #mapInfo .map_title{font-size: 1.6rem;}
    .main-map #mapInfo .map_company{margin-top: 1rem; font-size: 1.4rem;}
    .main-map #mapInfo .map_addr{margin-top: 1rem; font-size: 1.4rem;}
    .main-map #mapInfo .infoBtns{margin-top: 2rem;}
    .main-map #mapInfo .infoBtns a{padding: 0.6rem; min-height: 3rem; max-width: 21rem; border-radius: 1.8rem;}
    .main-map #mapInfo .infoBtns a + a{margin-top: 1.5rem;}
    .main-map #mapInfo .map_tel{font-size: 1.4rem;}
    .main-map #mapInfo .map_kakao{font-size: 1.4rem;}
    .main-map #mapInfo .map_kakao img{max-width: 2rem; margin-right: 0.5rem;}
    .main-map #mapInfo .map_blog{font-size: 1.4rem;}
    .main-map #mapInfo .map_blog img{max-width: 2rem; margin-right: 0.5rem;}
    .main-map #mapInfo .infoTel{bottom: 2rem; width: calc(100% - 4rem);}
    .main-map #mapInfo .infoTel a{height: 4rem; border-radius: 2rem; font-size: 1.6rem;}
    /* 메인 맵 */

    /* 메인 문의 */
    .main-contact{height: auto; max-width: 44.7rem; padding: 2rem 4rem; border-radius: 2rem; border: 2px solid rgba(255,255,255,0.73);}
    .contactForm .boiler_fields{padding: 2rem; gap: 1.5rem;}
    .contactForm .boiler_field .boiler_label{width: 7rem; font-size: 1.6rem; padding-right: 0.5rem;}
    .contactForm .field_area{gap: 1rem;}
    .contactForm .field_area .boiler_field select{padding: 0 2.5rem 0 1.5rem; height: 4.5rem; border-radius: 2rem; font-size: 1.4rem; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem;}
    .contactForm .field_area .boiler_field select:first-of-type{width: 13.2rem;}
    .contactForm .field_area .boiler_field select:last-of-type{width: 10.1rem;}
    .contactForm .boiler_field{gap: 1rem;}
    .contactForm .boiler_field.ty1 input{padding: 0 1.5rem; max-width: 27.6rem; height: 4.5rem; border-radius: 2rem; font-size: 1.4rem;}
    .contactForm .boiler_field.ty2 select{padding: 0 2.5rem 0 1.5rem; height: 4.5rem; border-radius: 2rem; max-width: 27.6rem; font-size: 1.4rem; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 1rem center no-repeat; background-size: 1rem 0.8rem;}
    .contactForm .boiler_field.ty3 .field_list{max-width: 27.6rem; gap: 1rem;}
    .contactForm .boiler_field.ty3 .field_list label{width: 10rem; font-size: 1.6rem;}
    .contactForm .boiler_field.ty3 .field_list input{width: 2.7rem; height: 2.7rem;}
    .contactForm .boiler_field.ty4 .field_list{max-width: 27.6rem; gap: 1.5rem;}
    .contactForm .boiler_field.ty4 .field_list label{padding: 0 0.5rem 0 0; font-size: 1.6rem;}
    .contactForm .boiler_field.ty4 .field_list input{width: 2.7rem; height: 2.7rem;}
    .contactForm .boiler_captcha{max-width: 27.6rem;}
    .contactForm .boiler_captcha #captcha{ flex-wrap: wrap;}
    .contactForm .boiler_submit{width: 100%; max-width: 35.5rem;}
    .contactForm .boiler_submit button{border-radius: 0.5rem; font-size: 1.6rem;}
    /* 메인 문의 */

    /* 메인 맵 & 문의 */

    /* 메인 간편견적신청 */
    #easy{display: none;}
    /* 메인 간편견적신청 */

    /* 카테고리 */
    #ctg{margin: 0 auto; padding: 5rem 0.7rem 3.5rem;}
    #ctg .ctg_wrap + .ctg_wrap{margin-top: 2rem;}
    #ctg .title{margin-bottom: 3.4rem;}
    #ctg .ctg_list{gap: 0.6vw; max-width: 96%; margin: 0 auto;}
    #ctg .ctg_list.ty2{max-width: 98%;}
    #ctg .ctg_items{width: calc((100% - 1.2vw) / 3);}
    #ctg .ctg_list.ty2{gap: 0.9vw;}
    #ctg .ctg_list.ty2 .ctg_items{width: calc((100% - 1.8vw) / 3);}
    /* 카테고리 */

    /* 서비스 */
    #service{padding: 5rem 0;}
    #service .service_inner{padding: 0 2rem; margin-top: 1rem;}
    #service .service_inner:after{height: calc(100% - 6.4rem);}
    #service .service_list{padding-bottom: 2rem; gap: 0; justify-content: space-between; flex-wrap: wrap;}
    #service .service_items{width: calc((100% - 2rem) / 2); margin-bottom: 2rem; max-width: unset;}
    #service .service_items:nth-last-child(-n+2){margin-bottom: 0;}
    /* 서비스 */

    /* cs */
    #cs{display: none}
    /* cs */
}

@media (max-width: 640px) {
    /* 보일러 프로의 장인들 */
    .boiler_pro .boiler_pro_item .img{height: 25rem;}
    /* 보일러 프로의 장인들 */

    /* 설치후기 */
    #review .review_items{width: 100%; max-width: unset; border: 0;}
    /* 설치후기 */
}

@media (max-width: 490px) {
    /* 보일러 탭 레이아웃 */
    .boiler_prd .title{font-size: 2rem;}
    .boiler_prd .boiler_prd_tab{margin: 3rem 0 2rem; gap: 1rem;}
    .boiler_prd .boiler_prd_tab a{height: 5rem;}
    .boiler_prd .boiler_prd_inner{gap: 1rem;}
    .boiler_prd .boiler_item {width: calc((100% - 1rem) / 2);}
    /* 보일러 탭 레이아웃 */
    /* 메인 맵 & 문의 */
    #main-map-contact{padding: 6.12vw 0;}
    .main-map-contact-title{margin-bottom: 4.08vw; font-size: 3.67vw;}
    .main-map-contact-inner{max-width: 91.22vw;}

    /* 메인 맵 */
    .main-map #mapArea{height: 76.53vw; border-radius: 4.08vw 4.08vw 0 0;}
    .main-map #mapInfo{border-radius: 0 0 4.08vw 4.08vw; padding: 4.08vw 4.08vw 16.33vw; min-height: 34.69vw;}
    .main-map #mapInfo .map_title{font-size: 3.27vw;}
    .main-map #mapInfo .map_company{margin-top: 2.04vw; font-size: 2.86vw;}
    .main-map #mapInfo .map_addr{margin-top: 2.04vw; font-size: 2.86vw;}
    .main-map #mapInfo .infoBtns{margin-top: 4.08vw;}
    .main-map #mapInfo .infoBtns a{padding: 1.22vw; min-height: 6.12vw; max-width: 42.86vw; border-radius: 3.67vw;}
    .main-map #mapInfo .infoBtns a + a{margin-top: 3.06vw;}
    .main-map #mapInfo .map_tel{font-size: 2.86vw;}
    .main-map #mapInfo .map_kakao{font-size: 2.86vw;}
    .main-map #mapInfo .map_kakao img{max-width: 4.08vw; margin-right: 1.02vw;}
    .main-map #mapInfo .map_blog{font-size: 2.86vw;}
    .main-map #mapInfo .map_blog img{max-width: 4.08vw; margin-right: 1.02vw;}
    .main-map #mapInfo .infoTel{bottom: 4.08vw; width: calc(100% - 8.16vw);}
    .main-map #mapInfo .infoTel a{height: 8.16vw; border-radius: 4.08vw; font-size: 3.27vw;}
    /* 메인 맵 */

    /* 메인 문의 */
    .main-contact{max-width: 91.22vw; padding: 4.08vw 8.16vw; border-radius: 4.08vw;}
    .contactForm .boiler_fields{padding: 4.08vw; gap: 3.06vw;}
    .contactForm .boiler_field .boiler_label{width: 14.29vw; font-size: 3.27vw; padding-right: 1.02vw}
    .contactForm .field_area{gap: 2.04vw;}
    .contactForm .field_area .boiler_field select{padding: 0 5.1vw 0 3.06vw; height: 9.18vw; border-radius: 4.08vw; font-size: 3.27vw; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 2.04vw center no-repeat; background-size: 2.04vw 1.63vw;}
    .contactForm .field_area .boiler_field select:first-of-type{width: 26.94vw;}
    .contactForm .field_area .boiler_field select:last-of-type{width: 21.63vw;}
    .contactForm .boiler_field{gap: 2.04vw;}
    .contactForm .boiler_field.ty1 input{padding: 0 3.06vw; max-width: 56.33vw; height: 9.18vw; border-radius: 4.08vw; font-size: 3.27vw;}
    .contactForm .boiler_field.ty2 select{padding: 0 5.1vw 0 3.06vw; height: 9.18vw; border-radius: 4.08vw; max-width: 56.33vw; font-size: 3.27vw; background: var(--white) url(/theme/template/img/main/contactForm_select_abg.png) right 2.04vw center no-repeat; background-size: 2.04vw 1.63vw;}
    .contactForm .boiler_field.ty3 .field_list{max-width: 56.33vw; gap: 2.04vw;}
    .contactForm .boiler_field.ty3 .field_list label{width: 20.41vw; font-size: 3.27vw;}
    .contactForm .boiler_field.ty3 .field_list input{width: 3.67vw; height: 3.67vw;}
    .contactForm .boiler_field.ty4 .field_list{max-width: 56.33vw; gap: 3.06vw;}
    .contactForm .boiler_field.ty4 .field_list label{padding: 0 1.02vw 0 0; font-size: 3.27vw;}
    .contactForm .boiler_field.ty4 .field_list input{width: 3.67vw; height: 3.67vw;}
    .contactForm .boiler_captcha{max-width: 56.33vw;}
    .contactForm .boiler_captcha #captcha #captcha_img{width: 21.02vw; height: 8.16vw !important;}
    .contactForm .boiler_captcha #captcha #captcha_key{width: 18.37vw; height: 8.16vw;}
    .contactForm .boiler_captcha #captcha #captcha_reload{width: 8.16vw; height: 8.16vw; background: url(../../../img/captcha2.png) no-repeat 0 -8.16vw; background-size: 8.16vw 16.33vw}
    .contactForm .boiler_submit{max-width: 72.45vw;}
    .contactForm .boiler_submit button{border-radius: 1.02vw; font-size: 3.27vw;}
    /* 메인 문의 */

    /* 메인 맵 & 문의 */

}