@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

.subpage{max-width:none !important;padding-bottom:0 !important}
.pagecommon .inner{max-width:1530px !important}

/* 서브 공통 상담배너 */
.pagecommon .contact_bn{position:relative;padding:90px 0 95px;background-image:url(../sh_page/img/p32_banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-position:center top 73%}
.pagecommon .contact_bn::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.3);pointer-events:none}
.pagecommon .contact_bn .inner{position:relative;z-index:1}
.pagecommon .contact_bn .group-subtit{display:flex;flex-direction:column;gap:25px;padding-bottom:45px}
.pagecommon .contact_bn .group-subtit p.desc{font-size:15px !important;font-weight:700;color:rgba(255,255,255,0.6) !important}
.pagecommon .contact_bn .group-subtit .main_tit{color:#fff !important}
.pagecommon .contact_bn .btn-wrap{display:flex;justify-content:flex-end}
.pagecommon .contact_bn .link-contact{display:inline-flex;align-items:center;justify-content:center;padding:15px 53px;font-size:16px;font-weight:700;color:#111;background-color:#fff;border-radius:100px;transition:background-color 0.2s, color 0.2s}
.pagecommon .contact_bn .link-contact:hover{background-color:var(--primary);color:#fff}


/*  ============================================================== 회사소개 */
#sh_about .group-subtit{display:flex;flex-direction:column;;gap:25px}
#sh_about .group-subtit p.desc{font-size:17px;line-height:1.6;color:#666;white-space:pre-line;word-break:keep-all}

#sh_about .sc__intro{overflow:hidden;padding-top:70px;padding-bottom:100px}
#sh_about .sc__intro .group-subtit .main_tit{font-size:34px}
#sh_about .sc__intro .col-2{display:flex;align-items:center;gap:110px;padding-bottom:110px}
#sh_about .sc__intro .fl-l{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;max-width:596px;width:100%;aspect-ratio:596 / 610;border-radius:10px;text-align:center}
#sh_about .sc__intro .fl-l::before{z-index:1;position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.46);pointer-events:none}
#sh_about .sc__intro .fl-l .thumb-box{position:absolute;top:0;left:0;width:100%;height:100%}
#sh_about .sc__intro .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover}
#sh_about .sc__intro .fl-l .text-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:45px}
#sh_about .sc__intro .fl-l .text-box h2{font-family:var(--maru-font);font-size:28px;font-weight:600;white-space:pre-line;color:#fff}
#sh_about .sc__intro .fl-r .text-box h3{padding-bottom:45px;font-family:var(--maru-font);font-size:38px;font-weight:600;color:#111;word-break:keep-all}
#sh_about .sc__intro .fl-r .text-box .comment{display:flex;flex-direction:column;gap:25px;padding-bottom:75px}
#sh_about .sc__intro .fl-r .text-box p.desc{font-size:17px;line-height:1.58;color:#222;white-space:pre-line;word-break:keep-all}
#sh_about .sc__intro .fl-r .text-box .sign{font-size:17px;color:#333}
#sh_about .sc__intro .fl-r .text-box .sign b{padding-left:4px;font-size:20px;font-weight:700}

#sh_about .marquee-container{--gap:35px;--x:4206.81px}
#sh_about .marquee-container .marquee{display:flex;gap:var(--gap);animation:p32Marquee 50s linear infinite}
#sh_about .marquee-container .marquee ul{display:flex;align-items:center;gap:var(--gap)}
#sh_about .marquee-container .marquee ul li{font-family:var(--e-font);font-size:50px;white-space:nowrap;color:rgba(135, 115, 97, 0.15)}
@keyframes p32Marquee{0%{transform:translateX(0)}100%{transform:translateX(calc((var(--x) + var(--gap)) * -1))}}

#sh_about .sc__advantage{padding:120px 0 140px;background-color:var(--primary);background-image:url(../sh_page/img/p32_bg.png);background-repeat:no-repeat;background-size:cover}
#sh_about .sc__advantage .group-subtit{align-items:center;padding-bottom:70px;text-align:center}
#sh_about .sc__advantage .group-subtit .main_tit{color:#fff}
#sh_about .sc__advantage .group-subtit p.desc{color:#fff}
#sh_about .sc__advantage .group-subcont ul{display:flex;justify-content:center;gap:175px}
#sh_about .sc__advantage .group-subcont ul li{display:flex;flex-direction:column;align-items:center;gap:35px;max-width:395px;width:100%}
#sh_about .sc__advantage .group-subcont ul li .thumb-box{width:100%;aspect-ratio:395 / 548;padding:15px;background-color:rgba(211,194,179,0.5)}
#sh_about .sc__advantage .group-subcont ul li .thumb-box img{width:100%;height:100%;object-fit:cover}
#sh_about .sc__advantage .group-subcont ul li .text-box{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{display:flex;flex-direction:column;align-items:center;font-size:26px;font-weight:700;word-break:keep-all;text-align:center}
#sh_about .sc__advantage .group-subcont ul li .text-box h3 span{font-size:17px}
#sh_about .sc__advantage .group-subcont ul li .text-box p.desc{font-size:16px;line-height:1.5;white-space:pre-line;text-align:center;color:rgba(255,255,255,0.65);word-break:keep-all}

#sh_about .sc__review{overflow:hidden;padding:130px 0 190px}
#sh_about .sc__review .col-2{display:grid;grid-template-columns:repeat(2,1fr)}
#sh_about .sc__review .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover}
#sh_about .sc__review .fl-r{padding-left:130px}
#sh_about .sc__review .fl-r .text-box{display:flex;flex-direction:column;align-items:flex-start;gap:90px;padding-top:60px}
#sh_about .sc__review .group-subtit{gap:40px}
#sh_about .sc__review .fl-r .text-box a.link-review{display:inline-flex;align-items:center;justify-content:center;padding:18px 32px;background-color:var(--primary);border:1px solid var(--primary);border-radius:100px;transition:background-color 0.2s}
#sh_about .sc__review .fl-r .text-box a.link-review span{display:flex;align-items:center;gap:30px;transform:translateX(4px);font-size:16px;font-weight:700;color:#fff;transition:color 0.2s}
#sh_about .sc__review .fl-r .text-box a.link-review span svg{flex-shrink:0;width:20px;height:20px}
#sh_about .sc__review .fl-r .text-box a.link-review:hover{background-color:#fff}
#sh_about .sc__review .fl-r .text-box a.link-review:hover span{color:var(--primary)}

#sh_about .sc__step{padding-bottom:130px;border-bottom:1px solid #e1e1e1}
#sh_about .sc__step .group-subtit{align-items:center;padding-bottom:75px;text-align:center}
#sh_about .sc__step .group-subcont{position:relative;padding:0 30px}
#sh_about .sc__step .group-subcont .progress-bar{position:absolute;left:-15px;top:0;width:2px;height:100%;background-color:#dddad4}
#sh_about .sc__step .group-subcont .progress-bar .dot{position:absolute;bottom:-15px;left:50%;display:flex;align-items:center;justify-content:center;width:29px;aspect-ratio:1;border-radius:100px;background-color:rgba(135,115,97,0.2);animation:scale 1.8s infinite}
#sh_about .sc__step .group-subcont .progress-bar .dot::before{content:'';width:13px;aspect-ratio:1;border-radius:50px;background-color:var(--primary)}
#sh_about .sc__step .group-subcont .progress-bar .progress-bar--active{position:absolute;top:0;left:0;width:100%;height:0;background-color:var(--primary)}
@keyframes scale{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.15)}100%{transform:translateX(-50%) scale(1)}}

#sh_about .sc__step .group-subcont ul.step-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#sh_about .sc__step .group-subcont ul.step-list > li{display:flex;gap:45px;padding:55px 50px;background-color:rgba(135,115,97,0.1);border-radius:10px}
#sh_about .sc__step .group-subcont ul.step-list > li:last-child{grid-column-start:1;grid-column-end:3}
#sh_about .sc__step .group-subcont ul.step-list > li .icon-box{display:flex;align-items:center}
#sh_about .sc__step .group-subcont ul.step-list > li .icon{display:flex;align-items:center;justify-content:center;width:115px;aspect-ratio:1;background-color:#fff;border-radius:100px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit{display:flex;align-items:center;gap:18px;padding-bottom:22px;font-size:22px;font-weight:700;color:#111}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit span{display:flex;align-items:center;justify-content:center;width:76px;height:28px;border-radius:100px;background-color:#111;font-family:var(--e-font);font-size:13px;color:#fff;font-weight:400}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box p{font-size:16px;line-height:1.6;color:#666;white-space:pre-line;word-break:keep-all}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul{padding-top:15px;font-size:15px;line-height:1.6;color:#666}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul li{position:relative;padding-left:10px;word-break:keep-all}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul li::before{position:absolute;content:'';top:10px;left:0;width:3px;aspect-ratio:1;border-radius:10px;background-color:#666}

#sh_about .sc__office{padding:105px 0}
#sh_about .sc__office .cont--hd{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:100px}
#sh_about .sc__office .cont--hd .group-subtit .main_tit span{color:var(--primary)}
#sh_about .sc__office .group-subcont .swiper-wrapper{transition-timing-function:linear !important}
#sh_about .sc__office .group-subcont .swiper-slide{max-width:924px;aspect-ratio:924 / 617;border-radius:10px;overflow:hidden}
#sh_about .sc__office .group-subcont .swiper-slide img{width:100%;height:100%;object-fit:cover}

/*  ============================================================== 오시는 길 */
#sh_map .inner{max-width:1400px !important}
#sh_map .group-subtit{padding-bottom:90px;text-align:center}
#sh_map .group-subcont ul{display:flex;flex-direction:column;gap:100px}
#sh_map .group-subcont ul li .col-2{display:flex;justify-content:space-between;gap:120px}
#sh_map .group-subcont ul li .fl-l{max-width:580px;width:100%;padding-top:40px}
#sh_map .group-subcont ul li .fl-l h4{display:flex;align-items:center;gap:15px;padding-bottom:25px;font-size:28px;font-weight:700;color:#111}
#sh_map .group-subcont ul li .fl-l h4::before{content:'';width:5px;height:30px;background-color:var(--primary)}
#sh_map .group-subcont ul li .fl-l dl{display:flex;flex-direction:column;gap:15px;padding:25px 0;border-top:1px solid #e1e1e1}
#sh_map .group-subcont ul li .fl-l dt{font-size:20px;font-weight:600;color:#111}
#sh_map .group-subcont ul li .fl-l dd{font-size:18px;line-height:1.5;color:#777}
#sh_map .group-subcont ul li .fl-r{max-width:700px;width:100%}
#sh_map .group-subcont ul li .fl-r .map_box{max-width:700px;width:100%;height:406px;border-radius:20px;overflow:hidden}
#sh_map .group-subcont ul li .fl-r .map_box iframe{width:100%;height:100%}

/*  ============================================================== 견적 상담 */
#sh_contact .col-2{display:grid;grid-template-columns:repeat(2,1fr)}
#sh_contact .fl-l{display:flex;flex-direction:column;gap:60px;padding-right:120px}
#sh_contact .group_subtit{padding-bottom:60px}
#sh_contact .group_subtit .main_tit{padding-bottom:40px;font-size:18px;font-weight:600;color:var(--primary)}
#sh_contact .group_subtit .sub_tit{padding-bottom:30px;font-family:var(--maru-font);font-size:32px;font-weight:600;line-height:1.3;color:#333;white-space:pre-line}
#sh_contact .group_subtit p.desc{font-size:16px;line-height:1.4;color:#666}
#sh_contact .fl-l .group_map{display:flex;flex-direction:column;gap:40px}
#sh_contact .fl-l .group_map .thumb-box{width:100%;max-width:642px;aspect-ratio:642 / 418;border-radius:10px;overflow:hidden;padding:25px 35px;background-color:#f2f2f2}
#sh_contact .fl-l .group_map figure{max-width:579px;width:100%;aspect-ratio:579 / 363;margin:0}
#sh_contact .fl-l .group_map .thumb-box img{width:100%;height:100%;object-fit:cover;border-radius:10px;overflow:hidden}
#sh_contact .fl-l .group_map .location_info{display:flex;flex-direction:column;gap:20px}
#sh_contact .fl-l .group_map .location_info dl{display:flex;align-items:center}
#sh_contact .fl-l .group_map .location_info dt{max-width:105px;width:100%;font-size:17px;font-weight:700;color:#222}
#sh_contact .fl-l .group_map .location_info dd{font-size:17px;color:#666}
#sh_contact .btn_area{display:flex;align-items:center;justify-content:center;margin-top:100px}
#sh_contact .btn_area a{display:flex;align-items:center;justify-content:center;width:180px;height:55px;background-color:var(--primary);border:1px solid var(--primary);border-radius:5px;font-size:16px;font-weight:700;color:#fff;text-align:center;transition:all 0.2s;cursor:pointer}

/* 반응형 [s] */
@media (max-width:1800px){
#sh_about .sc__office .group-subcont .swiper-slide{max-width:780px}
#sh_about .sc__office .cont--hd{padding-bottom:60px}
}
@media (max-width:1600px){
.pagecommon .inner{padding:0 15px}

#sh_about .sc__intro .fl-l{max-width:560px}
#sh_about .sc__intro .fl-l .text-box h2{font-size:24px}
#sh_about .sc__intro .fl-l .text-box img{width:88px}
#sh_about .sc__intro .fl-r .text-box h3{padding-bottom:35px;font-size:34px}
#sh_about .sc__intro .fl-r .text-box .comment{padding-bottom:65px}

#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:25px}

#sh_about .sc__step .group-subtit{padding-bottom:45px}
#sh_about .sc__step .group-subcont{padding:0}
#sh_about .sc__step .group-subcont .progress-bar{left:75px}
#sh_about .sc__step .group-subcont ul.step-list{gap:20px;width:85%;margin:0 auto}
#sh_about .sc__step .group-subcont ul.step-list > li{gap:30px;padding:50px 45px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon{width:95px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon img{transform:scale(0.8)}

/* 오시는길 */
#sh_map .group-subcont ul li .col-2{align-items:center}
#sh_map .group-subcont ul li .fl-l{padding-top:0}
#sh_map .group-subcont ul li .fl-l h4{gap:10px;padding-bottom:14px;font-size:24px}
#sh_map .group-subcont ul li .fl-l h4::before{width:4px;height:24px}
#sh_map .group-subcont ul li .fl-l dl{gap:12px;padding:20px 0}
#sh_map .group-subcont ul li .fl-l dt{font-size:18px}
#sh_map .group-subcont ul li .fl-l dd{font-size:16px}
#sh_map .group-subcont ul li .fl-r .map_box{height:340px}

#sh_contact .fl-l{padding-right:60px}
#sh_contact .group_subtit{padding-bottom:35px}
#sh_contact .group_subtit .main_tit{padding-bottom:24px;font-size:16px}
#sh_contact .group_subtit .sub_tit{font-size:30px}
}
@media (max-width:1400px){
#sh_about .group-subtit{gap:15px}

/* 회사소개 */
#sh_about .sc__intro{padding-top:0}
#sh_about .sc__intro .col-2{flex-direction:column;gap:60px;padding-bottom:80px;text-align:center}
#sh_about .sc__intro .fl-l{max-width:none;aspect-ratio:unset;padding:60px 20px}
#sh_about .sc__intro .fl-l .text-box{gap:28px}
#sh_about .sc__intro .fl-l .text-box img{width:54px}
#sh_about .sc__intro .fl-r .text-box .comment{padding-bottom:50px}

#sh_about .sc__advantage{padding:110px 0}
#sh_about .sc__advantage .group-subtit{padding-bottom:50px}
#sh_about .sc__advantage .group-subcont ul{gap:90px}
#sh_about .sc__advantage .group-subcont ul li{gap:28px;max-width:350px}
#sh_about .sc__advantage .group-subcont ul li .thumb-box{padding:10px}
#sh_about .sc__advantage .group-subcont ul li .text-box{gap:12px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:22px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3 span{font-size:16px}

#sh_about .sc__review{padding:100px 0 110px}
#sh_about .sc__review .group-subtit{gap:30px}
#sh_about .sc__review .fl-r .text-box{gap:60px}

#sh_about .sc__step{padding-bottom:100px}
#sh_about .sc__step .group-subcont ul.step-list > li{padding:50px 35px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit{gap:12px;padding-bottom:20px;font-size:20px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit span{width:70px;height:26px;font-size:12px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box p{font-size:15px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul li{font-size:14px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul{padding-top:10px}
#sh_about .sc__step .group-subcont .progress-bar{left:60px}

#sh_about .sc__office{padding:100px 0}
#sh_about .sc__office .cont--hd{padding-bottom:45px}
#sh_about .sc__office .group-subcont .swiper-slide{max-width:650px}

/* 오시는길 */
#sh_map .group-subtit{padding-bottom:60px}
#sh_map .group-subcont ul{gap:70px}
#sh_map .group-subcont ul li .fl-l{max-width:520px}
#sh_map .group-subcont ul li .col-2{gap:60px}

/* 견적상담 */
#sh_contact .group_subtit .main_tit{padding-bottom:18px;font-size:16px}
#sh_contact .group_subtit .sub_tit{padding-bottom:22px;font-size:26px}
#sh_contact .fl-l .group_map{gap:35px}
#sh_contact .fl-l .group_map .thumb-box{padding:20px}
#sh_contact .fl-l .group_map .location_info dt{font-size:16px}
#sh_contact .fl-l .group_map .location_info dd{font-size:16px}   
}

@media (max-width:1200px){
.pagecommon .contact_bn{padding:80px 0 85px}
.pagecommon .contact_bn .group-subtit{padding-bottom:28px;text-align:center}
.pagecommon .contact_bn .btn-wrap{justify-content:center}
.pagecommon .contact_bn .link-contact{padding:13px 48px;font-size:15px}

/* 회사소개 */
#sh_about .sc__intro{padding-bottom:80px}
#sh_about .sc__intro .col-2{padding-bottom:60px}
#sh_about .sc__intro .fl-l .text-box{gap:22px}
#sh_about .sc__intro .fl-r .text-box h3{padding-bottom:25px;font-size:30px}
#sh_about .sc__intro .fl-r .text-box p.desc{font-size:16px}

#sh_about .sc__advantage{padding:80px 0}
#sh_about .marquee-container{--x:3718.81px}
#sh_about .marquee-container .marquee ul li{font-size:44px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:20px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3 span{font-size:15px}

#sh_about .sc__review{padding:80px 0 90px}
#sh_about .sc__review .group-subtit{gap:24px}
#sh_about .sc__review .fl-r{padding-left:80px}
#sh_about .sc__review .fl-r .text-box{padding-top:40px}
#sh_about .sc__review .fl-r .text-box a.link-review{padding:16px 22px}
#sh_about .sc__review .fl-r .text-box a.link-review span{font-size:15px}

#sh_about .sc__step{padding-bottom:80px}
#sh_about .sc__step .group-subtit{padding-bottom:28px}
#sh_about .sc__step .group-subcont .progress-bar{left:15px}
#sh_about .sc__step .group-subcont .progress-bar .dot{width:22px}
#sh_about .sc__step .group-subcont .progress-bar .dot::before{width:10px}
#sh_about .sc__step .group-subcont ul.step-list{gap:12px;width:92%}
#sh_about .sc__step .group-subcont ul.step-list > li{gap:20px;padding:40px 25px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon{width:80px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon img{transform:scale(0.6)}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit{gap:8px;padding-bottom:15px;font-size:18px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit span{width:62px;height:23px;font-size:11px}

#sh_about .sc__office{padding:80px 0}
#sh_about .sc__office .cont--hd{flex-direction:column;align-items:center;gap:15px;padding-bottom:30px;text-align:center}
#sh_about .sc__office .group-subcont .swiper-slide{max-width:550px}

/* 오시는길 */
#sh_map .group-subtit{padding-bottom:45px}
#sh_map .group-subcont ul{gap:30px;width:80%;margin:0 auto}
#sh_map .group-subcont ul li .col-2{flex-direction:column-reverse;gap:30px}
#sh_map .group-subcont ul li .fl-r, #sh_map .group-subcont ul li .fl-l,#sh_map .group-subcont ul li .fl-r .map_box{max-width:none}
#sh_map .group-subcont ul li .fl-l h4{font-size:22px}
#sh_map .group-subcont ul li .fl-l h4::before{height:22px}
#sh_map .group-subcont ul li .fl-l dt{font-size:17px}
#sh_map .group-subcont ul li .fl-l dd{font-size:15px}

/* 견적상담 */
#sh_contact .group_subtit{text-align:center}
#sh_contact .col-2{grid-template-columns:repeat(1,1fr);gap:40px}
#sh_contact .fl-l{padding-right:0}
#sh_contact .fl-l .group_map{align-items:center;gap:25px}
#sh_contact .fl-l .group_map .thumb-box{max-width:570px}
#sh_contact .fl-l .group_map .location_info{gap:16px;max-width:360px;width:100%;margin:0 auto}
#sh_contact .fl-r{width:80%;margin:0 auto}
#sh_contact .group_subtit .sub_tit{font-size:24px}
}
@media (max-width:1024px){
/* 회사소개 */
#sh_about .group-subtit p.desc{font-size:16px}
#sh_about .sc__intro{padding-bottom:60px}
#sh_about .sc__intro .col-2{gap:40px;padding-bottom:40px}
#sh_about .sc__intro .fl-l{padding:50px 20px}
#sh_about .sc__intro .fl-l .text-box img{width:45px}
#sh_about .sc__intro .fl-l .text-box h2{font-size:22px}
#sh_about .sc__intro .fl-r .text-box h3{font-size:26px}
#sh_about .sc__intro .fl-r .text-box .comment{gap:20px;padding-bottom:40px}
#sh_about .sc__intro .fl-r .text-box .sign{font-size:16px}
#sh_about .marquee-container{--gap:25px;--x:3516.13px}
#sh_about .marquee-container .marquee ul li{font-size:42px}
    
#sh_about .sc__advantage{padding:60px 0}
#sh_about .sc__advantage .group-subtit{padding-bottom:40px}
#sh_about .sc__advantage .group-subcont ul{gap:42px}
#sh_about .sc__advantage .group-subcont ul li{gap:18px;max-width:300px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:18px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3 span{font-size:14px}
#sh_about .sc__advantage .group-subcont ul li .text-box p.desc{font-size:15px}

#sh_about .sc__review{padding:60px 0 70px}
#sh_about .sc__review .col-2{grid-template-columns:repeat(1,1fr);gap:30px}
#sh_about .sc__review .fl-l .thumb-box{max-width:450px;width:100%;margin:0 auto}
#sh_about .sc__review .fl-r{padding-left:0}
#sh_about .sc__review .fl-r .text-box{align-items:center;gap:30px;padding-top:0;text-align:center}
#sh_about .sc__review .group-subtit{gap:20px}
#sh_about .sc__review .group-subtit .main_tit{white-space:normal}
#sh_about .sc__review .fl-r .text-box a.link-review{padding:12px 24px}

#sh_about .sc__step{padding-bottom:60px}
#sh_about .sc__step .group-subcont .progress-bar{left:5px}
#sh_about .sc__step .group-subcont ul.step-list > li{flex-direction:column;gap:10px;padding:25px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon{width:60px}
#sh_about .sc__step .group-subcont ul.step-list > li .icon img{transform:scale(0.45)}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit{gap:8px;padding-bottom:12px;font-size:16px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit span{width:56px;height:22px;font-size:10px;transform:translateY(1px)}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box p{font-size:14px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul{padding-top:6px}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box ul li{padding-left:8px}

#sh_about .sc__office{padding:60px 0}
#sh_about .sc__office .cont--hd{padding-bottom:25px}

/* 오시는길 */
#sh_map .group-subtit{padding-bottom:35px}
#sh_map .group-subcont ul{width:100%}
#sh_map .group-subcont ul li .fl-r .map_box{height:300px;border-radius:10px}
#sh_map .group-subcont ul li .fl-l h4{font-size:20px}
#sh_map .group-subcont ul li .fl-l dl{gap:6px;padding:16px 0}
#sh_map .group-subcont ul li .fl-l dt{font-size:16px}

/* 견적상담 */
#sh_contact .group_subtit{padding-bottom:22px}
#sh_contact .group_subtit .sub_tit{padding-bottom:14px;font-size:22px}
#sh_contact .group_subtit .main_tit{padding-bottom:10px;font-size:15px}
#sh_contact .group_subtit p.desc{font-size:15px}
#sh_contact .fl-l .group_map .thumb-box{max-width:520px}
#sh_contact .fl-l .group_map .location_info{gap:12px}
#sh_contact .fl-l .group_map .location_info dt{font-size:15px}
#sh_contact .fl-l .group_map .location_info dd{font-size:15px}
#sh_contact .fl-r{width:100%}
#sh_contact .btn_area{margin-top:60px}
}
@media (max-width:768px){
.pagecommon .contact_bn{padding:60px 0 65px}
.pagecommon .contact_bn .group-subtit{padding-bottom:20px}
.pagecommon .contact_bn .link-contact{padding:10px 40px;font-size:14px}

/* 회사소개 */
#sh_about .group-subtit{gap:10px}
#sh_about .group-subtit p.desc{font-size:15px}
#sh_about .sc__intro .col-2{gap:35px;padding-bottom:32px}
#sh_about .sc__intro .fl-l .text-box{gap:18px}
#sh_about .sc__intro .fl-l .text-box img{width:40px}
#sh_about .sc__intro .fl-l .text-box h2{font-size:18px}
#sh_about .sc__intro .fl-r .text-box h3{padding-bottom:18px;font-size:22px}
#sh_about .sc__intro .fl-r .text-box p.desc{font-size:15px}
#sh_about .sc__intro .fl-r .text-box .comment{padding-bottom:24px}
#sh_about .sc__intro .fl-r .text-box .sign{font-size:15px}
#sh_about .sc__intro .fl-r .text-box .sign b{font-size:18px}
#sh_about .marquee-container{--gap:20px;--x:2845.44px}
#sh_about .marquee-container .marquee ul li{font-size:34px}

#sh_about .sc__advantage .group-subtit{padding-bottom:28px}
#sh_about .sc__advantage .group-subtit p.desc{font-size:15px}
#sh_about .sc__advantage .group-subcont ul{gap:20px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:16px}
#sh_about .sc__advantage .group-subcont ul li .text-box p.desc{font-size:14px}

#sh_about .sc__review .col-2{gap:20px}
#sh_about .sc__review .group-subtit{gap:15px}
#sh_about .sc__review .group-subtit .main_tit{line-height:1.6}
#sh_about .sc__review .fl-l .thumb-box{max-width:410px}
#sh_about .sc__review .fl-r .text-box a.link-review{padding:11px 24px}
#sh_about .sc__review .fl-r .text-box a.link-review span{gap:20px;font-size:14px}
#sh_about .sc__review .fl-r .text-box a.link-review span svg{width:18px;height:18px}

#sh_about .sc__step .group-subtit{padding-bottom:20px}
#sh_about .sc__step .group-subcont ul.step-list{grid-template-columns:repeat(1,1fr)}
#sh_about .sc__step .group-subcont ul.step-list > li{flex-direction:row;gap:20px}
#sh_about .sc__step .group-subcont ul.step-list > li:last-child{grid-column-start:unset;grid-column-end:unset}
#sh_about .sc__step .group-subcont ul.step-list > li .text-box .step__tit{font-size:15px}

#sh_about .sc__office .cont--hd{padding-bottom:20px}
#sh_about .sc__office .group-subcont .swiper-slide{max-width:480px}

/* 오시는길 */
#sh_map .group-subtit{padding-bottom:25px}
#sh_map .group-subcont ul li .col-2{gap:20px}
#sh_map .group-subcont ul li .fl-l h4{gap:8px;padding-bottom:10px;font-size:18px}
#sh_map .group-subcont ul li .fl-l h4::before{width:3px;height:18px}
#sh_map .group-subcont ul li .fl-l dl{padding:10px 0}
#sh_map .group-subcont ul li .fl-l dt{font-size:15px}
#sh_map .group-subcont ul li .fl-l dd{font-size:14px}

/* 견적상담 */
#sh_contact .fl-l .group_map .thumb-box{max-width:530px}
#sh_contact .fl-l .group_map .location_info dt{max-width:90px}
#sh_contact .group_subtit .sub_tit{font-size:20px}
}
@media (max-width:590px){
#sh_about .sc__office .group-subcont .swiper-slide{max-width:none}
}
@media(max-width:480px){
.pagecommon .contact_bn{padding:50px 0 55px}
.pagecommon .contact_bn .group-subtit p.desc{font-size:14px !important}
.pagecommon .contact_bn .group-subtit .main_tit{white-space:pre-line !important}

/* 회사소개 */
#sh_about .group-subtit p.desc{font-size:14px}
#sh_about .sc__intro{padding-bottom:40px}
#sh_about .sc__intro .col-2{gap:28px;padding-bottom:24px}
#sh_about .sc__intro .fl-l{padding:40px 20px}
#sh_about .sc__intro .fl-l .text-box{gap:15px}
#sh_about .sc__intro .fl-l .text-box img{width:34px}
#sh_about .sc__intro .fl-l .text-box h2{font-size:16px}
#sh_about .sc__intro .fl-r .text-box p.desc{font-size:14px;white-space:normal}
#sh_about .sc__intro .fl-r .text-box h3{font-size:18px}
#sh_about .sc__intro .fl-r .text-box .comment{gap:16px;padding-bottom:16px}
#sh_about .sc__intro .fl-r .text-box .sign{font-size:14px}
#sh_about .sc__intro .fl-r .text-box .sign b{font-size:16px}
#sh_about .marquee-container{--gap:14px;--x:2333.44px}
#sh_about .marquee-container .marquee ul li{font-size:28px}

#sh_about .sc__advantage{padding:40px 0}
#sh_about .sc__advantage .group-subtit{padding-bottom:20px}
#sh_about .sc__advantage .group-subtit p.desc{font-size:14px}
#sh_about .sc__advantage .group-subcont ul{flex-direction:column;align-items:center;gap:24px}
#sh_about .sc__advantage .group-subcont ul li{gap:12px;max-width:265px}
#sh_about .sc__advantage .group-subcont ul li .thumb-box{padding:8px}
#sh_about .sc__advantage .group-subcont ul li .text-box{gap:5px}
#sh_about .sc__advantage .group-subcont ul li .text-box h3{font-size:15px}
    
#sh_about .sc__review{padding:40px 0 60px}
#sh_about .sc__review .col-2{gap:16px}
#sh_about .sc__review .group-subtit{gap:10px}
#sh_about .sc__review .group-subtit .main_tit{white-space:pre-line}
#sh_about .sc__review .fl-r .text-box{gap:24px}
#sh_about .sc__review .fl-r .text-box a.link-review{padding:11px 20px}
#sh_about .sc__review .fl-r .text-box a.link-review span{gap:16px;font-size:13px}

#sh_about .sc__step{padding-bottom:40px}
#sh_about .sc__step .group-subtit{padding-bottom:15px}
#sh_about .sc__step .group-subcont .progress-bar{display:none}
#sh_about .sc__step .group-subcont ul.step-list{gap:10px;width:100%}
#sh_about .sc__step .group-subcont ul.step-list > li{flex-direction:column;gap:10px}

#sh_about .sc__office{padding:40px 0}

/* 오시는길 */
#sh_map .group-subcont ul li .fl-l h4{font-size:16px}
#sh_map .group-subcont ul li .fl-l h4::before{height:16px}
#sh_map .group-subcont ul li .fl-r .map_box{height:260px}

/* 견적상담 */
#sh_contact .group_subtit .sub_tit{font-size:18px}
#sh_contact .col-2{gap:30px}
#sh_contact .fl-l .group_map{gap:15px}
#sh_contact .fl-l .group_map .location_info{gap:12px;max-width:none}
#sh_contact .fl-l .group_map .location_info dl{flex-direction:column;text-align:center}
#sh_contact .fl-l .group_map .location_info dt{font-size:14px}
#sh_contact .fl-l .group_map .location_info dd{font-size:14px}
#sh_contact .btn_area{margin-top:50px}
}
/* 반응형 [e] */