@charset "utf-8";
:root {
    --sub-tit : 700 28px/100% var(--font-family);
    --sub-basic-txt: 400 22px/160% var(--font-family);
    --sub-dep1-tit: 700 24px/100% var(--font-family);
    --sub-dep2-tit: 500 24px/140% var(--font-family);

    --main-basic-txt: 400 18px/150% var(--font-family);
}


/* 서브페이지 기본 세팅 s */
.contents { padding: 0 0 180px; min-height: 268px; }

.cont-wrap { width: 100%; }
.cont-wrap .cont-menu { width: 30%; padding-top: 120px; float: left; position: sticky; top: 20px; transition: all .3s ease-in-out;  }
.cont-wrap .cont-menu ul li + li { margin-top: 30px; }
.cont-wrap .cont-menu ul li a { font: 700 24px/100% var(--font-family); color: var(--gray-deep); }
.cont-wrap .cont-menu ul li.on a { color: var(--main-black); }
.cont-wrap .cont-menu ul li a > span { display: inline-block; margin-right: 4px; }

.cont-wrap .cont-box-wrap { width: 70%; max-width: 940px; float: right; }
.cont-wrap .cont-box { padding-top: 140px; }
.cont-wrap .cont-box.cont-box1 { padding-top: 120px; }
.cont-wrap .cont-box .cont-top { padding: 40px; border-radius: 20px; background-color: var(--bg-gray); margin-bottom: 100px; }
.cont-wrap .cont-box .cont-top p { font: 600 28px/145% var(--font-family); color: var(--main-color); }
.cont-wrap .cont-box p > span { display: block; }

.device-conv .pc { display: block; }
.device-conv .mb { display: none; }




/* 기업소개 - overview ---------------------------------------------------------------- */
.overview .cont-box1 .cont1 .img-box { width: 100%; margin-bottom: 40px; border-radius: 24px; overflow: hidden; }
.overview .cont-box1 .cont1 .logo-box { width: 760px; height: 40px; margin: 60px 0 40px auto; }
.overview .cont-box1 .cont1 .logo-box > img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.overview .cont-box1 .cont1 .txt { width: 100%; max-width: 760px; margin: 0 0 40px auto; }
.overview .cont-box1 .cont1 .txt > span { display: block; font: var(--sub-basic-txt); }

.overview .cont-box1 .cont2 { max-width: 760px; margin: 100px 0 0 auto; }
.overview .cont-box1 .cont2 .btn-wrap { display: flex; gap: 20px; }  
.overview .cont-box1 .cont2 .btn-basic > a { display: block; width: 320px; height: 64px; padding: 0 30px; border-radius: 40px; border: 1px solid var(--sub-color-blu);  position: relative; transition: all 0.4s ease; }
.overview .cont-box1 .cont2 .btn-basic > a::before { content: ''; display: block; width: 64px; height: 100%; border-radius: 40px; background-color: var(--sub-color-blu); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.4s ease; }
.overview .cont-box1 .cont2 .btn-basic > a::after { content: ''; display: block; width: 24px; height: 24px; background: url('/resources/img/sub/sub_ico_download_blu.png') no-repeat center/contain; position: absolute; right: 30px; top: calc(50% - 12px); z-index: 3; transition: all 0.4s ease; }
.overview .cont-box1 .cont2 .btn-basic > a span { font: 500 22px/64px var(--font-family); color: var(--sub-color-blu); position: relative; z-index: 3; transition: all 0.4s ease; transition-delay: 0.1s; }

.overview .cont-box2 .cont2 { margin-top: 160px; }
.overview .cont-box2 .year { width: 400px; font: 900 96px/100% 'Red Hat Display'; color: var(--gray-mid); float: left; position: sticky; top: 140px; transition: all 0.4s ease; }
.overview .cont-box2 .cont.on .year { color: var(--main-black); }
.overview .cont-box2 .his-list { width: calc(100% - 400px); padding-top: 30px; float: right; }
.overview .cont-box2 .his-list > ul { display: flex; flex-direction: column; gap: 60px; position: relative; }
.overview .cont-box2 .his-list ul::after { content: ''; width: 1px; height: calc(100% - 24px); background-color: var(--gray-lite); position: absolute; left: 7px; top: 10px; }
.overview .cont-box2 .his-list li { display: flex; align-items: flex-start; gap: 24px; padding-left: 80px; position: relative; }
.overview .cont-box2 .his-list li::before { content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: var(--gray-lite); position: absolute; left: 0; top: calc(50% - 7px); z-index: 5; }
.overview .cont-box2 .his-list li.on::before { background-color: var(--sub-color-grn); }
.overview .cont-box2 .his-list li.progress { display: block; width: 1px; height: calc(100% - 36px); overflow: hidden; padding: 0; background: transparent; position: absolute; left: 7px; top: 10px; z-index: 10; }
.overview .cont-box2 .his-list li.progress .prog-base { width: 100%; background-color: var(--sub-color-grn); }
.overview .cont-box2 .his-list li.progress::before { display: none; }
.overview .cont-box2 .his-list li:last-child::after { display: none; }
.overview .cont-box2 .his-list li .date { min-width: 78px; font: var(--sub-tit); letter-spacing: -0.28px; }
.overview .cont-box2 .his-list li .txt { font: var(--sub-dep1-tit); color: var(--sub-black); font-weight: 600; line-height: 135%; margin-top: -1px; }


/* 조직도 - org ---------------------------------------------------------------- */
.org .cont-wrap .pc { max-width: 1320px; margin: 120px auto 0; }
.org .cont-wrap .mb { width: 96%; max-width: 420px; margin: 80px auto 0; }


/* 인증현황 - certification ---------------------------------------------------------------- */
.certification .cont-box ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 75%; }
.certification .cont-box3 ul { grid-template-columns: repeat(3, 1fr); max-width: 100%; }
.certification .cont-box ul li { background-color: var(--bg-gray); border-radius: 20px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1); }
.certification .cont-box ul li .img-box { padding: 40px 40px 10px;  }
.certification .cont-box ul li .txt { font: 500 18px/140% var(--font-family); padding: 10px 20px 40px; text-align: center; margin: 0 auto;  }


/* 자가발전소 - pw-station ---------------------------------------------------------------- */
.pw-station .cont-box1 .cont1 .img-box { width: 100%; margin-bottom: 40px; border-radius: 24px; overflow: hidden; }
.pw-station .cont-box1 .cont1 .txt { width: 100%; max-width: 600px; margin: 0 0 0 auto; }
.pw-station .cont-box1 .cont1 .txt > span { display: block; font: var(--sub-basic-txt); }

.pw-station .cont-box2 .cont + .cont { margin-top: 80px; }
.pw-station .cont-box2 .sta-name { font: var(--sub-tit); padding-left: 30px; position: relative; }
.pw-station .cont-box2 .sta-name::before { content: ''; width: 20px; height: 22px; background: url('/resources/img/sub/sub_ico_h4.svg') no-repeat center/contain; position: absolute; left: 0; top: 3px; }
.pw-station .cont-box2 .sta-name > span { display: inline; }
.pw-station .cont-box2 .sta-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.pw-station .cont-box2 .sta-list li.dummy { display: none; }
.pw-station .cont-box2 .sta-list .sta-img { border-radius: 12px; overflow: hidden; }


/* 오시는 길 - contact ---------------------------------------------------------------- */
.contact .comp-name { padding-top: 120px; }
.contact .comp-name p { font: var(--sub-dep2-tit); }
.contact .comp-name p.logo-box { width: 240px; margin-top: 30px; }


.contact .map-wrap { margin-top: 40px; position: relative; }
.contact .map-wrap .map-box { width: 100%; padding-bottom: 32%; margin-bottom: 12%; overflow: hidden; border-radius: 24px; border: 1px solid #f1f1f1; position: relative; }
.contact .map-wrap .map-box .root_daum_roughmap_landing { width: 100% !important; height: 100% !important; position: absolute; }
.contact .map-wrap .map-box .root_daum_roughmap .wrap_map { height: 100% !important; }
.contact .map-wrap .map-box .root_daum_roughmap .border1,
.contact .map-wrap .map-box .root_daum_roughmap .border2,
.contact .map-wrap .map-box .root_daum_roughmap .border3,
.contact .map-wrap .map-box .root_daum_roughmap .border4 { border: 0; background: none; }

.contact .comp-info-wrap { width: 100%; max-width: 1080px; position: absolute; right: 20px; top: 85%; z-index: 5; }
.contact .comp-info-wrap > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:  20px; }
.contact .comp-info-wrap .info-box { padding: 40px; background-color: var(--sub-color-blu); border-radius: 16px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.05); }
.contact .comp-info-wrap .info-box > p { color: #fff; }
.contact .comp-info-wrap .info-box .ico-box { width: 48px; height: 48px; margin-bottom: 20px; }
.contact .comp-info-wrap .info-box .info-itm { text-align: right; font: var(--gnb-dep1); font-weight: 700; padding-bottom: 24px; margin-bottom: 24px; position: relative; }
.contact .comp-info-wrap .info-box .info-itm::after { content: ''; width: 40px; height: 1px; background-color: #fff; position: absolute; right: 0; bottom: 0; }
.contact .comp-info-wrap .info-box .info-txt { text-align: right; font: var(--main-basic-txt); }


/* 사업분야 공통 - biz-area ---------------------------------------------------------------- */
.biz-area .cont-wrap .cont-box .cont-top { margin-bottom: 80px; background-color: #f3f8fb; }
.biz-area .cont-wrap .cont-box .cont-top p.cont-tit { font-size: 28px; font-weight: 700; color: var(--main-color); }
.biz-area .cont-wrap .cont-box .cont-top > p { font-size: 22px; color: var(--gray-deep); }
.biz-area .cont-wrap .cont-box .cont-top > p.cont-tit + p { margin-top: 12px; }

.biz-area .cont h4 { font: var(--sub-tit); padding-left: 30px; margin-bottom: 45px; position: relative; }
.biz-area .cont h4::before { content: ''; width: 20px; height: 22px; background: url('/resources/img/sub/sub_ico_h4.svg') no-repeat center/contain; position: absolute; left: 0; top: 3px; }
.biz-area .cont .sub-tit { font: 600 20px/125% var(--font-family); padding-bottom: 24px; color: var(--main-color); }
.biz-area .sub-des { font: var(--main-basic-txt); letter-spacing: -0.18px; color: var(--gray-deep); padding-left: 15px; text-indent: -15px; }

.biz-area .txt-wrap + .txt-wrap { margin-top: 40px; }
.biz-area .cont-dep2-tit { font: var( --sub-dep2-tit); line-height: 130%; margin-bottom: 12px; }
.biz-area .cont-dep2-tit.num-tit { padding-left: 25px; text-indent: -25px; }
.biz-area .cont-dep2-txt { padding-left: 38px; text-indent: -17px; font: var(--sub-basic-txt); color: var(--sub-black); }
.biz-area .cont-dep2-txt + .cont-dep2-txt { margin-top: 6px; }

.biz-area .table-wrap { display: flex; justify-content: space-between; width: 100%; border-radius: 20px; overflow: hidden; border: 1px solid #E2E9EC; border-top: 1px solid #8AA4B0; }
.biz-area .table-wrap .tb-similar-th { padding: 18px 0; background-color: #8AA4B0; border-right: 1px solid #B9C9D0; font: var(--gnb-dep1); color: #fff; text-align: center; }
.biz-area .table-wrap .tb-similar-td { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 120px; padding: 20px 10px; border-right: 1px solid #E2E9EC; }
.biz-area .table-wrap .tb-similar-td + .tb-similar-td { border-top: 1px solid #E2E9EC; } 
.biz-area .table-wrap .tb-similar-td > p { font: var(--main-basic-txt); color: var(--sub-black); text-align: center; }

/* 2중 테이블 */
.biz-area .table-set .table-wrap .tbody-set { display: grid; } 
.biz-area .table-set .table-wrap .tbody-set:not(.set1) .table-similar-tr:first-of-type { display: none; }
.biz-area .table-set .table-wrap .tbody-set .tb { display: flex; flex-direction: column; justify-content: center; height: 100%; }


/* RPS 태양광발전사업 - rps ---------------------------------------------------------------- */
.biz-area.rps .cont-box2 .table-wrap { display: grid; grid-template-columns: repeat(9, 1fr); }
.biz-area.rps .cont-box2 .table-wrap .tb-similar-td { height: 90px; }

.rps .cont-box4 .img-box { max-width: 780px; margin: 30px auto 0; }

.rps .cont-box5 .txt-box { width: calc(100% - 21px); padding: 32px; border-radius: 20px; background-color: var(--bg-gray); margin: 12px 0 0 auto; }
.rps .cont-box5 .txt-box li { font: var(--main-basic-txt); letter-spacing: -0.18px; color: var(--sub-black); padding-left: 16px; position: relative; }
.rps .cont-box5 .txt-box li + li { margin-top: 4px; }
.rps .cont-box5 .txt-box li::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: var(--sub-color-grn); position: absolute; left: 0; top: 12px; }

.rps .cont-box6 .process-wrap { padding-left: 20px; margin-top: 30px; }
.rps .cont-box6 .process-wrap > ul { display: flex; flex-direction: column; gap: 40px; }
.rps .cont-box6 .step-box { padding: 40px 32px; border-radius: 20px; border: 1px solid var(--bd-gray); }
.rps .cont-box6 .step-tit { display: flex; gap: 16px; margin-bottom: 32px; }
.rps .cont-box6 .step-tit .ico-box { width: 60px; height: 60px; }
.rps .cont-box6 .step-tit .tit > span { display: block; }
.rps .cont-box6 .step-tit .tit > span.num { font: 700 18px/100% var(--font-family); color: var(--sub-color-blu); margin-bottom: 10px; }
.rps .cont-box6 .step-tit .tit > span.txt { font: 700 28px/100% var(--font-family); letter-spacing: -0.56px; }
.rps .cont-box6 .process-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.rps .cont-box6 li:last-child .step-box .process-box { grid-template-columns: repeat(4, 1fr); gap: 28px; }
.rps .cont-box6 .process-box > li { position: relative; }
.rps .cont-box6 .process-box > li:not(:last-child)::after { content: ''; width: 24px; height: 82px; background: url('/resources/img/sub/sub_rps_arr_next.png') no-repeat right top/auto 82px; position: absolute; right: -24px; top: calc(50% - 41px); }
.rps .cont-box6 .process-box .process { width: 100%; height: 100%; border-radius: 20px; background-color: var(--bg-gray); padding: 32px; }
.rps .cont-box6 .process-box .process .process-tit { font: 700 20px/125% var(--font-family); text-align: center; height: 50px; margin-bottom: 16px; }
.rps .cont-box6 .process-box .process .gov { font: 400 17px/125% var(--font-family); color: var(--sub-black); text-align: center; }

.rps .cont-box6 .process-box .process .gov + .add-box { padding-top: 24px; margin-top: 16px; border-top: 1px dashed var(--bd-gray); }
.rps .cont-box6 .process-box .add-box .add-tit { font: 600 18px/100% var(--font-family); color: var(--main-color); margin-bottom: 12px; }
.rps .cont-box6 .process-box .add-box > ul { display: flex; flex-direction: column; gap: 8px; } 
.rps .cont-box6 .process-box .add-box > ul p { padding-left: 10px; font: 300 16px/125% var(--font-family); color: var(--sub-black); position: relative; }
.rps .cont-box6 .process-box .add-box > ul p::before { content: ''; width: 7px; height: 1px; background-color: var(--sub-black); position: absolute; left: 0; top: 10px; }


/* BIPV형 스마트팜 - bipv ---------------------------------------------------------------- */
.bipv .cont + .cont { padding-top: 80px; }

.bipv .exp-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.bipv .exp-wrap ul > li { padding: 20px; background-color: #f9f9f9; border-radius: 24px; position: relative; }
.bipv .exp-wrap ul > li:last-child { background-color: #e9f0f7; }
.bipv .exp-wrap ul > li:first-child::after { content: '+'; display: block; font: var(--sub-tit); color: var(--sub-color-blu); position: absolute; right: -24px; top: calc(50% - 22px); }
.bipv .exp-wrap ul > li:nth-child(2)::after { content: ''; width: 20px; height: 24px; background: url('/resources/img/sub/sub_solar_arr_next.png') no-repeat center/contain; position: absolute; right: -24px; top: calc(55% - 30px); }
.bipv .exp-wrap .exp-box .img-box { border-radius: 16px; overflow: hidden; }
.bipv .exp-wrap .exp-box .tit { text-align: center; padding-top: 8px; font: 600 22px/100% var(--font-family); }
.bipv .exp-wrap li:last-child .exp-box .tit { font-weight: 800; color: var(--sub-color-blu); }

.bipv .cont-box1 .cont2 .img-wrap { display: flex; gap: 20px; margin-top: 30px; padding-left: 20px; }
.bipv .cont-box1 .cont2 .img-wrap .img-box { border-radius: 20px; overflow: hidden; }

.bipv .cont-box1 .feature-wrap { margin-top: 40px; }
.bipv .cont-box1 .feature-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bipv .cont-box1 .feature-wrap .feat-box { height: 100%; padding: 40px; border-radius: 20px; border: 1px solid var(--gray-lite); }
.bipv .cont-box1 .feature-wrap .feat-box .ico-box { width: 72px; height: 72px; border-radius: 50%; border: 2px solid var(--sub-color-grn); padding: 12px; margin: 10px auto 0; }
.bipv .cont-box1 .feature-wrap .feat-box .tit { margin: 30px auto 10px; text-align: center; font: 600 22px/100% var(--font-family); color: var(--main-black); }
.bipv .cont-box1 .feature-wrap .feat-box .tit > span { display: inline-block; position: relative; }
.bipv .cont-box1 .feature-wrap .feat-box .tit > span::before { content: ''; display: block; width: calc(100% + 10px); height: 10px; background-color: var(--sub-color-grn); position: absolute; left: -5px; bottom: -3px; opacity: 0.2; z-index: -1; }
.bipv .cont-box1 .feature-wrap .feat-box .txt { text-align: center; font: var(--main-basic-txt); color: var(--sub-black); }

.bipv .cont-box2 .cont ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bipv .cont-box2 .cont ul li { padding: 30px; border-radius: 16px; background-color: var(--bg-gray); }
.bipv .cont-box2 .cont ul li > p { font: 500 20px/140% var(--font-family); }
.bipv .cont-box2 .cont ul li > p.num { font: 700 17px/100% var(--font-family); color: var(--sub-color-blu); margin-bottom: 10px; }


/* 태양광 건물지원사업 - solar ---------------------------------------------------------------- */
.solar .cont-box1 .tbody-set.set1 { grid-template-columns: 65% 35%; width: 38%; } 
.solar .cont-box1 .tbody-set.set2 { width: 13%; }
.solar .cont-box1 .tbody-set.set3 { width: 24%; }
.solar .cont-box1 .tbody-set.set4 { width: 25%; }
.solar .cont-box1 .sub-tit { display: none; } 
.solar .cont-box1 .cont1 .img-box { border-radius: 24px; overflow: hidden; margin: 20px 0; }

.solar .cont-box1 .tbody-set .tb.row5 { grid-row: 1 / 6; grid-column: 1 / 2; border-right: 1px solid #E2E9EC; }
.solar .cont-box1 .tbody-set .tb.row2 { grid-row: 1 / 3; grid-column: 2 / 3; }
.solar .cont-box1 .tbody-set .tb.row2 + .tb.row2 { grid-row: 3 / 5; border-top: 1px solid #E2E9EC; }
.solar .cont-box1 .tbody-set .tb.row2 + .tb { border-top: 1px solid #E2E9EC; }
.solar .cont-box1 .tbody-set.set3 .table-similar-tr:last-of-type .tb:nth-child(even) { border-left: 1px solid #E2E9EC; }
.solar .cont-box1 .tbody-set.set3 .table-similar-tr:last-of-type .tb:nth-child(-n + 6) { border-bottom: 1px solid #E2E9EC; }
.solar .cont-box1 .tbody-set .tb.row4 { grid-row: 1 / 5; grid-column: 1 / 3; }
.solar .cont-box1 .tbody-set .tb.col2 { grid-column: 1 / 3; border-top: 1px solid #E2E9EC; }
.biz-area.solar .table-wrap { margin-top: 30px; }
.biz-area.solar .cont-box1 .table-wrap .tb-similar-td { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 68px); height: auto; padding: 0; }

.solar .process-wrap ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.solar .process-wrap ul li { width: 100%; height: 0; padding-bottom: 100%; position: relative; }
.solar .process-wrap ul li:not(:last-child):after { content: ''; width: 20px; height: 24px; background: url('/resources/img/sub/sub_solar_arr_next.png') no-repeat center/contain; position: absolute; right: -20px; top: calc(55% - 24px); }
.solar .process-wrap .step-box { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; border-radius: 50%; border: 1px solid var(--sub-color-blu); padding-top: 45px; position: absolute; }
.solar .process-wrap .step-box .ico-box { width: 24px; height: 24px; margin-bottom: 12px; }
.solar .process-wrap .step-box .num { font: 600 16px/100% var(--font-family); color: var(--sub-color-blu); }
.solar .process-wrap .step-box .tit { font: 700 17px/125% var(--font-family); margin-top: 6px; text-align: center; }
.solar .process-wrap .step-box .gov { font: 300 16px/100% var(--font-family); color: var(--gray-deep); margin-top: 4px; }

.solar .calc-box { padding: 48px; border-radius: 20px; border: 1px solid var(--sub-color-blu); text-align: center; }
.solar .calc-box p { font: var(--sub-tit); color: var(--main-color); }
.solar .calc-box p > span { display: inline; }
.solar .calc-box p.sub-des { font: var(--sub-basic-txt); color: var(--sub-black); margin-top: 8px; }


/* 지붕 태양광 임대사업 - roof ---------------------------------------------------------------- */
.roof .roof-overview-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.roof .roof-overview-wrap ul li { background-color: var(--bg-gray); border-radius: 16px; padding: 30px; }
.roof .roof-overview-wrap .itm { font: 600 20px / 100% var(--font-family); color: var(--main-color); padding-bottom: 12px; border-bottom: 1px dashed var(--border-light); margin-bottom: 12px; }
.roof .roof-overview-wrap .txt { font: var(--main-basic-txt); letter-spacing: -0.36px; color: var(--sub-black); }

.roof .cont-box2 .img-box { max-width: 840px; margin: 0 auto; }

.roof .proc-circle-wrap { margin-top: 30px; }
.roof .proc-circle-wrap ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; max-width: 840px; margin: 0 auto; }
.roof .proc-circle-wrap ul li { width: 100%; height: 0; padding-bottom: 100%; position: relative; }
.roof .proc-circle-wrap ul li:not(:last-child)::after { content: ''; width: 20px; height: 24px; background: url('/resources/img/sub/sub_solar_arr_next.png') no-repeat center/contain; position: absolute; right: -20px; top: calc(55% - 24px); }
.roof .proc-circle-wrap .step-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 100%; height: 100%; padding: 0 10%; border-radius: 50%; border: 1px solid var(--sub-color-blu); position: absolute; }
.roof .proc-circle-wrap .step-box .txt { font: var(--sub-dep1-tit); color: var(--main-color); }

.roof .proc-txt-wrap { margin-top: 40px; }
.roof .proc-txt-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.roof .proc-txt-wrap .step-box { height: 100%; border-radius: 16px; background-color: #F7FBFF; padding: 32px; }
.roof .proc-txt-wrap .step-box .num { font: 700 17px/100% var(--font-family); color: var(--sub-color-blu); margin-bottom: 8px; }
.roof .proc-txt-wrap .step-box .tit { font: var(--sub-dep1-tit); color: var(--main-color); margin-bottom: 16px; }
.roof .proc-txt-wrap .step-box .txt { font: var(--main-basic-txt); color: var(--sub-black); letter-spacing: -0.36px; } 

.roof .expec-list ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.roof .expec-list ul li { border-radius: 16px; background-color: #F7FBFF; padding: 32px; }
.roof .expec-list .num { width: 36px; height: 36px; border-radius: 50%;font: 700 19px / 36px var(--font-family); color: #fff; background-color: var(--sub-color-blu); text-align: center; margin-bottom: 12px; }
.roof .expec-list .txt { font: 500 20px / 135% var(--font-family); }
.roof .cont-box4 .tbody-set.set1 { grid-template-columns: 40% 60%; width: 44%; }
.roof .cont-box4 .tbody-set.set2 { width: 28%; }
.roof .cont-box4 .tbody-set.set3 { width: 28%; }
.biz-area.roof .cont-box4 .table-wrap .tb-similar-td { height: auto; }
.biz-area.roof .table-wrap .tbody-set.set3 .table-similar-tr > div { border-right: 0; }

.roof .payment-wrap > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 12px; }
.roof .payment-wrap .payment-box { height: 100%; border-radius: 16px; border: 1px solid var(--sub-color-blu); padding: 28px 20px; }
.roof .payment-wrap .payment-box .num { font: 700 17px/100% var(--font-family); color: var(--sub-color-blu); }
.roof .payment-wrap .payment-box .tit { font: var(--gnb-dep1); padding: 8px 0 20px; border-bottom: 1px dashed var(--bd-gray); margin-bottom: 20px; }
.roof .payment-wrap .payment-box .itm-box li { display: flex; gap: 6px; padding: 6px 6px 6px 12px; position: relative; }
.roof .payment-wrap .payment-box .itm-box li.last-itm { display: block; }
.roof .payment-wrap .payment-box .itm-box li::after { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: var(--sub-color-grn); position: absolute; left: 0; top: 12px; }
.roof .payment-wrap .payment-box .itm-box .itm { font: 600 18px/130% var(--font-family); color: var(--sub-black); }
.roof .payment-wrap .payment-box .itm-box .txt { font: 400 18px/130% var(--font-family); color: var(--sub-black); }
.roof .payment-wrap .payment-box .itm-box li.last-itm .txt { margin-top: 6px; }


/* 태양광 견적 프로그램 */
.estimate .cont-wrap { padding-top: 120px; }
.estimate .address-wrap { padding: 80px; background-color: var(--main-color); border-radius: 32px; }
.estimate .address-wrap .srch-address { padding: 0 40px; }
.estimate .address-wrap .srch-address .tit { font: var(--sub-tit); color: #fff; padding-bottom: 60px; }
.estimate .address-wrap .srch-wrap { display: grid; grid-template-columns: auto 48px; }
.estimate .address-wrap .srch-address input[type="text"] { height: auto; border-radius: 8px 0 0 8px; padding: 12px 10px; font: 500 22px / 100% var(--font-family); background-color: #fff; position: relative; }
.estimate .address-wrap .srch-address label { display: block; width: 48px; height: 100%; border-radius: 0 8px 8px 0; font-size: 0; text-indent: -9999px; background: #fff url('/resources/img/sub/sub_esti_ico_srch.png') no-repeat center/28px 28px; }
.estimate .address-wrap .srch-address > button { display: block; margin: 40px auto 0; padding: 20px 32px; border-radius: 16px; background-color: var(--sub-color-blu); color: #fff; font: 600 22px/100% var(--font-family); }

.estimate .apply-estimate { display: flex; gap: 60px; margin-top: 60px; padding-top: 60px; border-top: 1px dashed rgba(255,255,255,0.3); display: none; }
.estimate .apply-estimate.active { display: flex; }
.estimate .apply-estimate .tit { width: calc(50% - 60px); font: var(--sub-dep1-tit); line-height: 150%; color: #fff; padding-bottom: 30px; }
.estimate .apply-estimate .form-wrap { width: 600px; padding: 50px 40px; border-radius: 20px; background-color: #fff; }
.estimate .apply-estimate .form-with-valid { margin-bottom: 0; }
.estimate .apply-estimate .form-wrap .basic-form { gap: 32px; }
.estimate .apply-estimate .form-with-valid .frm-itm { display: block; background: transparent; padding: 0; border-radius: 0; }
.estimate .apply-estimate .form-with-valid .frm-tit { margin-bottom: 8px; font: 600 18px/100% var(--font-family); color: var(--sub-black) !important; }
.estimate .apply-estimate .form-with-valid .frm-desc { border-bottom: 1px solid var(--bd-gray); }
.estimate .apply-estimate .form-with-valid input[type="text"] { height: auto; padding: 8px; border-radius: 0; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot { display: flex; flex-direction: column; gap: 12px; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot .frm-itm { display: grid; grid-template-columns: 160px auto; align-items: center; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot .frm-tit { margin-bottom: 0; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot .frm-desc { border-bottom: 0; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot .frm-desc .capt_img { width: 84px; height: 34px; object-fit: contain; background: #2c2c2c; }
.estimate .apply-estimate .form-with-valid .frm-itm-bot input[type="checkbox"] ~ label { font: 400 17px / 34px var(--font-family); color: var(--sub-black); }
.estimate .apply-estimate .form-with-valid .auto-anti input[type="text"] { border: 1px solid #f1f1f1; }
.estimate .apply-estimate .frm-btn-wrap { margin: 40px 0 0; }
.estimate .apply-estimate .frm-btn-wrap button { height: 52px; line-height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid var(--sub-color-blu); color: var(--sub-color-blu);  }

.estimate .feature-wrap { margin-top: 80px; }
.estimate .feature-wrap ul { display: grid; grid-template-columns: 36% 30% 30%; gap: 2%; }
.estimate .feature-wrap ul .fst-li p { font: var(--sub-tit); line-height: 130%; padding-top: 10px; color: var(--main-color); }
.estimate .feature-wrap ul .fst-li p.sub-des { font: 500 20px/130% var(--font-family); color: var(--sub-black); }
.estimate .feature-wrap ul .fst-li p.sub-des > span { display: block; }
.estimate .feature-wrap ul .feat-box { width: 100%; padding: 50px 40px 40px; border-radius: 20px; background-color: #F7FBFF; }
.estimate .feature-wrap ul .feat-box .ico-box { width: 72px; height: 72px; margin: 0 auto 20px; }
.estimate .feature-wrap ul .feat-box .tit { text-align: center; font: 700 24px/100% var(--font-family); margin-bottom: 30px; }
.estimate .feature-wrap ul .feat-box .txt > span { display: block; font: 500 18px/150% var(--font-family); color: var(--sub-black); text-align: center; } 

 
/* 유지 보수 관리(O&M) - onm ---------------------------------------------------------------- */
.onm .feature-wrap { margin-top: 30px; }
.onm .feature-wrap ul { display: grid ; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.onm .feature-wrap .feat-box { height: 100%; border-radius: 16px; border: 1px solid var(--sub-bg); padding: 30px; position: relative; } 
.onm .feature-wrap .feat-box .num { font: 700 18px / 100% var(--font-family); margin-bottom: 8px; color: var(--sub-color-blu); }
.onm .feature-wrap .feat-box .tit { font: 600 22px/130% var(--font-family); padding-bottom: 120px; }
.onm .feature-wrap .feat-box .ico-box { width: 64px; height: 64px; position: absolute; right: 30px; bottom: 30px; }
.onm .inspection-wrap > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.onm .inspection-wrap .inspec-box { display: flex; gap: 10%; height: 100%; padding: 32px; background-color: #F7FBFF;  border-radius: 16px; }
.onm .inspection-wrap .inspec-box .tit { width: 25%; font: var(--sub-dep1-tit); color: var(--main-black); margin-bottom: 16px; padding-top: 88px; text-align: center; position: relative; }
.onm .inspection-wrap .inspec-box .tit::before { content: ''; width: 72px; height: 72px; border-radius: 50%; background: #fff url('/resources/img/sub/sub_onm_ico2-1.png') no-repeat center/48px 48px; position: absolute; left: calc(50% - 36px); top: 0; }
.onm .inspection-wrap .inspec-box.inspection2 .tit::before { background-image: url('/resources/img/sub/sub_onm_ico2-2.png'); }
.onm .inspection-wrap .inspec-box.inspection3 .tit::before { background-image: url('/resources/img/sub/sub_onm_ico2-3.png'); }
.onm .inspection-wrap .inspec-box.inspection4 .tit::before { background-image: url('/resources/img/sub/sub_onm_ico2-4.png'); }
.onm .inspection-wrap .inspec-box .inspec-list li { font: var(--main-basic-txt); color: var(--sub-black); letter-spacing: -0.36px; }


/* 금융지원 - support ---------------------------------------------------------------- */
.support .cont { padding-bottom: 60px; }
.support .cont:last-child { padding-bottom: 0; }

.support .cont-dep2-txt + .sub-des { margin-top: 12px; }
.support .cont-txt-wrap + .sub-des { margin-top: 30px; }
.support .txt-wrap .sub-des { padding-left: 40px; text-indent: 0; }
.support .txt-wrap .sub-des + .cont-dep2-txt { margin-top: 30px; }

.support .table-wrap .table-similar-tr:last-child .tb-similar-th,
.support .table-wrap .table-similar-tr:last-child .tb-similar-td { border-right: 0; }

.support .txt-box { border-radius: 20px; background-color: var(--bg-gray); padding: 40px; margin-top: 30px; }
.support .txt-box li { font: var(--main-basic-txt); color: var(--gray-deep); }
.support .txt-box li + li { margin-top: 10px; }

.support .cont-box .table-wrap .wid13 { width: 13%; }
.support .cont-box .table-wrap .wid15 { width: 15%; }
.support .cont-box .table-wrap .wid23 { width: 23%; }
.support .cont-box .table-wrap .wid26 { width: 26%; }
.support .cont-box .table-wrap .wid54 { width: 54%; }
.support .cont-box .table-wrap .wid74 { width: 74%; }

.support .cont-box1 .txt-wrap .cont-dep2-txt + .sub-des { margin-top: 30px; }
.support .cont-box4 .cont8 .table-wrap .table-similar-tr:last-child .tb-similar-td > p { width: 100%; padding-left: 3%; text-align: left; }


/* 문의하기 - inquiry ---------------------------------------------------------------- */
.inquiry .cont-wrap { display: grid; grid-template-columns: auto 640px; padding-top: 120px; }
.inquiry h3 { font:700 40px/140% 'SUIT'; }
.inquiry .sub-tit { width: 70%; line-height: 140%; margin-top: 50px; }
.inquiry .sub-tit > span { display: block; font: 400 18px/140% var(--font-family); color: var(--sub-black); }

.inquiry form { margin: 0 auto; }
.inquiry .form-with-valid .frm-itm { }
.inquiry .form-with-valid .frm-tit { font: var(--gnb-dep2); color: var(--sub-black) !important; line-height: 50px; }
.inquiry .form-with-valid .frm-desc { display: flex; align-items: center; }
.inquiry .frm-bot .frm-bot-itm { display: flex; align-items: center; gap: 8px; }
.inquiry .frm-bot .frm-bot-itm + .frm-bot-itm { margin-top: 16px; }
.inquiry .frm-bot .frm-bot-itm input[type="text"] { border: 1px solid var(--bd-gray); border-radius: 0; }
.inquiry .frm-bot-itm .frm-desc input[type="checkbox"] ~ label { min-height: unset; font: 400 16px / 100% var(--font-family); color: var(--sub-black); }
.inquiry .form-with-valid .frm-desc .capt_img { width: 84px; height: 34px; object-fit: contain; background-color: #2C2C2C; }
.inquiry .frm-btn-wrap { margin: 50px 0 0; }
.inquiry .frm-btn-wrap button { margin: 0 0 0 auto; }


/* 인재채용 - recruit ---------------------------------------------------------------- */
.recruit .cont-wrap .cont-box + .cont-box { padding-top: 60px; margin-top: 60px; border-top: 1px dashed var(--bd-gray); }
.recruit .cont-wrap .cont-box:not(.tit-box) { display: grid; grid-template-columns: 30% 70%; }
.recruit .cont-box1 .sub-tit > span { display: inline; }

.recruit .cont-wrap .cont-box h4 { font: var(--sub-tit); padding-left: 30px; margin-bottom: 45px; position: relative; }
.recruit .cont-wrap .cont-box h4::before { content: ''; width: 20px; height: 22px; background: url('/resources/img/sub/sub_ico_h4.svg') no-repeat center/contain; position: absolute; left: 0; top: 3px; }

.recruit .cont-box2 .condi-wrap > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.recruit .cont-box2 .condi-wrap .condi-box { display: flex; flex-direction: column; align-items: center; height: 100%; border-radius: 20px; background-color: #F7FBFF; padding: 40px 30px 30px; }
.recruit .cont-box2 .condi-wrap .condi-box .tit { font: 700 20px/100% var(--font-family); color: var(--main-color); text-align: center; margin-bottom: 16px; }
.recruit .cont-box2 .condi-wrap .condi-box .txt > span { text-align: center; font: var(--sub-dep1-tit); line-height: 130%; color: var(--main-black); margin-bottom: 8px; }
.recruit .cont-box2 .condi-wrap .condi-box .txt > span.sub { height: auto; font: 400 20px/100% var(--font-family); color: var(--sub-black); }

.recruit .welfare-wrap ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px 12px; }
.recruit .welfare-wrap .welfare-box { border-radius: 12px; border: 1px solid var(--sub-color-blu); padding: 30px 10px; }
.recruit .welfare-wrap .welfare-box .ico-box { width: 40px; height: 40px; margin: 0 auto 20px; }
.recruit .welfare-wrap .welfare-box .tit { text-align: center; font: 600 20px/100% var(--font-family); color: var(--main-black); }

.recruit .progress-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; max-width: 640px; margin: 0 auto; }
.recruit .progress-wrap ul > li { width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; }
.recruit .progress-wrap ul > li:nth-child(1) { background-color: #ABD6FE; }
.recruit .progress-wrap ul > li:nth-child(2) { background-color: var(--sub-color-blu); }
.recruit .progress-wrap ul > li:nth-child(3) { background-color: #0659D4; }
.recruit .progress-wrap ul > li:not(:last-child)::after { content: ''; width: 20px; height: 24px; background: url('/resources/img/sub/sub_solar_arr_next.png') no-repeat center/contain; position: absolute; right: -35px; top: calc(50% - 12px); }
.recruit .progress-wrap ul > li > p { width: max-content; font: 600 20px/100% var(--font-family); color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }


/* 게시판 상단 .board-top-box ---------------------------------------------------------------- */
.board-top-box { padding-top: 120px; }
.board-top-box h3 { font: 700 36px / 140% var(--font-family); color: var(--main-black); margin-bottom: 12px; }
.board-top-box h3 .t-color { color: var(--sub-color-blu); }
.board-top-box .sub-tit { font: 500 19px / 140% var(--font-family); color: var(--sub-black); }
.board-top-box .sub-tit span { display: block; }

.board-top-box .btn-wrap { width: 64px; height: 64px; border-radius: 50%; background-color: #D2272C; position: absolute; right: 0; top: 20px; }
.board-top-box .btn-wrap > a { display: block; width: 100%; height: 100%; font-size: 0; text-indent: -9999px; background: url('/resources/img/sub/ico_youtube.png') no-repeat center/32px 32px; }



/* 호버 모음 */
@media (hover: hover) {
    /* 서브공통 */
    .cont-wrap .cont-menu ul li:hover a { color: var(--main-black); }

    /* 기업소개 */
    .overview .cont-box1 .cont2 .btn-basic > a:hover::before { width: 320px; opacity: 1; }
    .overview .cont-box1 .cont2 .btn-basic > a:hover::after { background-image: url('/resources/img/sub/sub_ico_download.png'); }
    .overview .cont-box1 .cont2 .btn-basic > a:hover span { color: #fff; }
}

@media screen and (max-width:1380px){
    :root {
        --sub-tit : 700 27px/100% var(--font-family);
        --sub-basic-txt: 400 21px/160% var(--font-family);
        --sub-dep1-tit: 700 24px/100% var(--font-family);
        --sub-dep2-tit: 500 24px/140% var(--font-family);

        --main-basic-txt: 400 18px/150% var(--font-family);
    }

    /* 서브페이지 기본 세팅 */
    .cont-wrap .cont-box .cont-top p { font-size: 26px; }

    /* 기업소개 */
    .overview .cont-box1 .cont1 .logo-box { width: 700px; }
    .overview .cont-box1 .cont1 .txt { max-width: 700px; }
    .overview .cont-box1 .cont2 { max-width: 700px; }
    .overview .cont-box1 .cont2 .btn-basic > a { height: 60px; }
    .overview .cont-box1 .cont2 .btn-basic > a span { font-size: 21px; line-height: 58px;  }

    .overview .cont-box2 .year { width: 360px; font-size: 86px; }
    .overview .cont-box2 .his-list { width: calc(100% - 360px); }

    /* 태양광 건물지원사업 */
    .solar .calc-box { padding: 40px 30px; }
    
    /* 게시판 상단 */
    .board-top-box { padding-top: 100px; }

}
@media screen and (max-width:1280px){
    /* 서브페이지 기본 세팅 */
    .contents { padding: 0 0 140px; }
    .cont-wrap .cont-menu { width: 100%; padding: 20px 1%; margin-top: 40px; background-color: rgba(255, 255, 255, 0.95); float: unset; top: 79px; z-index: 50; }
    .cont-wrap .cont-menu::after { content: ''; width: calc(100% + 4%); height: 10px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; left: -2%; bottom: 0; transform: translateY(100%); }
    .cont-wrap .cont-menu ul { display: flex; gap: 30px; }
    .cont-wrap .cont-menu ul li + li { margin-top: 0; }
    .cont-wrap .cont-menu ul li a { padding-bottom: 8px; font-size: 22px; }
    .cont-wrap .cont-menu ul li.on a { border-bottom: 1px solid; }
    .cont-wrap .cont-menu ul li a > span { line-height: 130%; }
    .cont-wrap .cont-menu ul li a > .num { display: none; }
    .cont-wrap .cont-box-wrap { width: 100%; float: unset; max-width: unset; }
    .cont-wrap .cont-box1 { padding-top: 80px; }
    .cont-wrap .cont-box.cont-box1 { padding-top: 120px; }
    .cont-wrap .cont-box .cont-top { margin-bottom: 80px; }
    
    /* 기업소개 */
    .overview .cont-box2 .year { font-size: 80px; top: 170px }
    
    /* 오시는 길 */
    .contact .comp-info-wrap { width: calc(100% - 40px); }
    .contact .comp-info-wrap > ul { gap: 10px; }
    .contact .comp-info-wrap .info-box { padding: 30px 30px 36px; }
    .contact .comp-info-wrap .info-box .info-txt { font-size: 17px; }

    /* 태양광 견적 프로그램 */
    .estimate .cont-wrap { padding-top: 100px; } 
    .estimate .address-wrap { padding: 70px; }
    .estimate .address-wrap .srch-address { padding: 0; }
    .estimate .apply-estimate .tit { width: calc(40% - 20px); }
    .estimate .apply-estimate .form-wrap { width: 60%; }
    .estimate .apply-estimate .form-wrap #capt_img { width: 80px; }

    /* 금융지원 */
    .support .cont-wrap .cont-box .cont-top p.cont-tit { font-size: 26px; }
    .support .cont-wrap .cont-box .cont-top > p { font-size: 21px; }

    /* 문의하기 */
    .inquiry h3 { font-size: 36px; }
    .inquiry .sub-tit { width: 90%; }
    
    /* 인재채용 */
    .recruit .cont-wrap .cont-box:not(.tit-box) { grid-template-columns: auto; }
} 
@media screen and (max-width:1024px){
    :root {
        --sub-tit : 700 26px/100% var(--font-family);
        --sub-basic-txt: 400 20px/160% var(--font-family);
        --sub-dep1-tit: 700 22px/100% var(--font-family);
        --sub-dep2-tit: 500 22px/140% var(--font-family);
    }

    /* 서브페이지 기본세팅 */
    .contents { padding-bottom: 120px; }
    .cont-wrap .cont-box { padding-top: 120px; }
    .cont-wrap .cont-box.cont-box1 { padding-top: 100px; }
    .cont-wrap .cont-menu ul li a { font-size: 20px; }
    .cont-wrap .cont-box .cont-top { padding: 32px; margin-bottom: 40px; }
    .cont-wrap .cont-box .cont-top p { font-size: 24px; }

    /* 기업소개 */
    .overview .cont-box1 .cont1 { padding: 0 1%; }
    .overview .cont-box1 .cont1 .logo-box { width: 100%; }
    .overview .cont-box1 .cont1 .txt { max-width: unset; margin: 30px auto; }
    .overview .cont-box1 .cont2 { max-width: unset; margin: inherit; margin-top: 80px; }
    .overview .cont-box1 .cont2 .btn-basic > a { width: 300px; height: 56px; padding: 0 24px; }
    .overview .cont-box1 .cont2 .btn-basic > a::before { width: 100%; opacity: 1; }
    .overview .cont-box1 .cont2 .btn-basic > a::after { background-image: url('/resources/img/sub/sub_ico_download.png'); right: 24px; }
    .overview .cont-box1 .cont2 .btn-basic > a span { font-size: 20px; color: #fff; line-height: 54px; }

    .overview .cont-box2 .his-list li { gap: 16px; padding-left: 60px; }
    .overview .cont-box2 .year { width: 260px; font-size: 72px; }
    .overview .cont-box2 .his-list { width: calc(100% - 260px); }

    /* 인증현황 */
    .certification .cont-box ul { gap: 20px; }
    .certification .cont-box ul li .img-box { padding: 32px 24px 10px; }
    .certification .cont-box ul li .txt { padding: 10px 10px 30px; font-size: 15px; }

    /* 자기발전소 */
    .pw-station .cont-box1 .cont1 .img-box { margin-bottom: 30px; }

    /* 오시는 길 */
    .contact .comp-name { padding-top: 110px; }
    .contact .map-wrap .map-box { padding-bottom: 46%; margin-bottom: 60px; }
    .contact .comp-info-wrap { width: 100%; position: static; border-top: 2px solid var(--sub-color-blu); }
    .contact .comp-info-wrap > ul { grid-template-columns: repeat(1, 1fr); }
    .contact .comp-info-wrap .info-box { padding: 40px 0 40px 140px; border-bottom: 1px solid #eee; background-color: unset; box-shadow: none; border-radius: 0; position: relative; }
    .contact .comp-info-wrap .info-box .ico-box { width: 60px; height: 60px; padding: 12px; border-radius: 50%; background-color: var(--sub-color-blu); position: absolute; left: 40px; top: calc(50% - 30px); }
    .contact .comp-info-wrap .info-box > p { color: var(--main-black); }
    .contact .comp-info-wrap .info-box .info-itm { text-align: left; }
    .contact .comp-info-wrap .info-box .info-itm::after { background-color: var(--main-black); right: auto; left: 0; }
    .contact .comp-info-wrap .info-box .info-txt { text-align: left; }

    /* RPS */
    .rps .cont-box6 .process-box,
    .rps .cont-box6 li:last-child .step-box .process-box { grid-template-columns: repeat(1, 1fr); gap: 32px; }
    .rps .cont-box6 .step-tit .tit > span.txt { font-size: 26px; }
    .rps .cont-box6 .process-box > li:not(:last-child)::after { right: auto; left: calc(50% - 12px); top: calc(100% - 28px); transform: rotate(90deg); }

    /* BIPV */
    .bipv .cont-box1 .feature-wrap ul { gap: 16px; }
    .bipv .cont-box2 .cont ul { gap: 16px; }

    /* 태양광 건물지원사업 */
    .solar .cont-wrap .calc-box p > span { display: block; }
    
    /* 지붕 태양광 임대 사업 */
    .roof .proc-circle-wrap .step-box .txt { font-size: 20px; }

    /* 태양광 견적 프로그램 */
    .estimate .address-wrap { padding: 60px; }
    .estimate .address-wrap .srch-address .tit { padding-bottom: 40px; }
    .estimate .apply-estimate { flex-direction: column; gap: 10px; }
    .estimate .apply-estimate .tit { width: 80%; }
    .estimate .apply-estimate .form-wrap { width: 100%; }
    .estimate .feature-wrap ul { grid-template-columns: repeat(2, 1fr); }
    .estimate .feature-wrap ul .fst-li { grid-column: 1/3; margin-bottom: 20px; }
    .estimate .feature-wrap ul .fst-li p { text-align: center; } 

    /* 유지 보수 관리 */
    .onm .inspection-wrap .inspec-box { flex-direction: column; gap: 20px }
    .onm .inspection-wrap .inspec-box .tit { width: 100%; }

    /* 금융지원 */
    .support .cont-box1 .cont-dep2-tit { text-indent: -22px; }
    .support .txt-box li { padding-left: 23px; text-indent: -24px; }
    
    /* 문의하기 */
    .inquiry .cont-wrap { grid-template-columns: auto; gap: 40px; padding-top: 100px; }
    .inquiry .cont-wrap .h3-wrap { padding-left: 1%; }
    .inquiry .h3-wrap h3 { font-size: 32px; }
    .inquiry .sub-tit { margin-top: 20px; font-size: 17px; }

    /* 인재채용 */
    .recruit .cont-box1 .sub-tit > span { display: block; }
    .recruit .cont-box2 .condi-wrap .condi-box { padding: 40px 12px 30px; }
    .recruit .welfare-wrap .welfare-box .tit { font-size: 19px; }

    /* 게시판 상단 */
    .board-top-box { padding-top: 100px; }

    .board-top-box .btn-wrap { width: 48px; height: 48px; right: 2%; top: auto; bottom: 0; }
    .board-top-box .btn-wrap > a { background-size: 24px 24px; }
}
@media screen and (max-width:960px){
    /* 태양광 건물지원사업*/
    .solar .process-wrap ul { grid-template-columns: repeat(3, 1fr); padding: 0 2%; }
    .solar .process-wrap .step-box { justify-content: center; padding-top: 0; }
    .solar .process-wrap .step-box .ico-box { margin-bottom: 8px; }
    .solar .process-wrap .step-box .num { font-size: 15px; }
    .solar .process-wrap .step-box .gov { font-size: 15px; }
}
@media screen and (max-width:840px){
    /* 자가발전소 */
    .pw-station .cont-box2 .sta-list { gap: 10px; }
}
@media screen and (max-width:768px){
    :root {
        --sub-tit : 700 24px/100% var(--font-family);
        --sub-basic-txt: 400 19px/160% var(--font-family);
        --sub-dep1-tit: 700 20px/100% var(--font-family);
        --sub-dep2-tit: 500 20px/140% var(--font-family);

        --main-basic-txt: 400 17px/150% var(--font-family);
    }
    /* 서브페이지 기본 세팅 */
    .contents { padding-bottom: 100px; }
    .cont-wrap .cont-box { padding-top: 100px; }
    .cont-wrap .cont-box.cont-box1 { padding-top: 80px; }
    .cont-wrap .cont-menu ul li a { font-size: 18px; }
    .cont-wrap .cont-box p > span { display: inline; }
    
    /* 기업소개 */
    .overview .cont-box1 .cont1 .txt > span { display: inline; }
    .overview .cont-box1 .cont2 .btn-wrap > .btn-basic { width: calc((100% - 20px) / 2); }
    .overview .cont-box1 .cont2 .btn-basic > a { width: 100%; height: 52px; }
    .overview .cont-box1 .cont2 .btn-basic > a span { font-size: 19px; line-height: 50px; }

    .overview .cont-box2 .year { width: 100%; font-size: 64px; position: static; }
    .overview .cont-box2 .his-list { width: 100%; padding-top: 60px; padding-left: 3%; }
    .overview .cont-box2 .his-list > ul { gap: 45px; }
    .overview .cont-box2 .his-list ul::after { left: 6px; }
    .overview .cont-box2 .his-list li::before { width: 13px; height: 13px; }
    .overview .cont-box2 .his-list li::after { height: calc(100% + 45px); left: 6px; top: calc(50% + 5px); }
    .overview .cont-box2 .cont2 { margin-top: 120px; }

    /* 인증현황 */
    .certification .cont-box ul { grid-template-columns: repeat(2, 1fr); }
    .certification .cont-box ul li .img-box { padding: 40px 48px 10px; }
    .overview .cont-box2 .his-list li.progress { height: calc(100% - 24px); }
    
    /* 자가발전소 */
    .pw-station .cont-box1 .cont1 .txt { margin: 0 0 0 5px; }
    .pw-station .cont-box2 .sta-list { grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: -40px; }
    .pw-station .cont-box2 .sta-list li { box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.05); } 
    .pw-station .cont-box2 .sta-list li.dummy { display: block; box-shadow: unset; }
    .pw-station .cont-box2 .sta-list li.border-on { border: 1px solid #eee; }

    /* 오시는 길 */
    .contact .comp-name { padding-top: 100px; }
    .contact .comp-name p.logo-box { width: 220px; margin-top: 20px; }
    .contact .map-wrap .map-box { padding-bottom: 55%; }
    .contact .comp-info-wrap .info-box { padding: 30px 0 30px 140px; }

    /* 사업분야 공통 */
    .biz-area .cont-wrap .cont-box .cont-top { margin-bottom: 60px; }
    .biz-area .cont-wrap .cont-box .cont-top p.cont-tit { font-size: 24px; }
    .biz-area .cont h4 { margin-bottom: 35px; padding-left: 28px; }
    .biz-area .cont h4::before { height: 20px; top: 2px; }
    .biz-area .cont-dep2-tit { margin-bottom: 8px; }
    .biz-area .txt-wrap + .txt-wrap { margin-top: 30px; }
    .biz-area .table-wrap .tb-similar-td { height: 170px; }
    .biz-area .cont-box4 .table-wrap .tb-similar-td { height: 120px; }
    .biz-area .txt-box { padding: 32px; }

    .biz-area .table-set .table-wrap .tbody-set { grid-template-columns: auto auto; width: 100%; }
    .biz-area .table-set .table-wrap .tbody-set:not(.set1) .table-similar-tr:first-of-type { display: block; }

    /* BIPV */
    .bipv .exp-wrap ul { grid-template-columns: repeat(2, 1fr); }
    .bipv .exp-wrap ul > li { padding: 16px 16px 20px; }
    .bipv .exp-wrap ul > li:nth-child(3) { grid-column: 1/3; }
    .bipv .exp-wrap ul > li:nth-child(2)::after { right: auto; left: -25px; top: 100%; transform: rotate(90deg); }
    .bipv .exp-wrap ul > li:nth-child(3){ max-width: 340px; margin: 0 auto; }
    .bipv .cont-box1 .cont2 .img-wrap { gap: 12px; padding-left: 0; }
    .bipv .cont-box1 .feature-wrap ul { grid-template-columns: repeat(1, 1fr);}
    .bipv .cont-box2 .cont ul { grid-template-columns: repeat(2, 1fr); }

    /* 태양광 건물지원사업 */
    .biz-area.solar .table-wrap { flex-direction: column; gap: 30px; border: 0; border-radius: 0; }
    .solar .cont-box1 .tbody-set { width: 100% !important; display: grid; grid-template-columns: 45% 55% !important; padding-top: 40px; position: relative; }
    .solar .cont-box1 .tbody-set:not(.set1) .table-similar-tr:first-of-type { display: block; }
    .solar .cont-box1 .tbody-set .table-similar-tr:first-of-type  { border-radius: 16px 0 0 16px; border-left: 1px solid #E2E9EC; border-bottom: 1px solid #E2E9EC; overflow: hidden; }
    .solar .cont-box1 .tbody-set .table-similar-tr:last-of-type { border-radius: 0 16px 16px 0; border-bottom: 1px solid #E2E9EC; overflow: hidden;}
    .solar .cont-box1 .sub-tit { display: block; position: absolute; }
    .solar .calc-box { padding: 32px 20px 28px; }
    .solar .calc-box p.sub-des { margin-top: 28px; letter-spacing: -0.4px; }

    /* 지붕 태양광 임대사업 */
    .roof .roof-overview-wrap ul { grid-template-columns: repeat(2, 1fr); }
    .roof .roof-overview-wrap ul li:last-child { grid-column: 1/3; }
    .roof .proc-circle-wrap ul { grid-template-columns: repeat(2, 1fr); max-width: 480px; }
    .roof .proc-txt-wrap ul { display: flex; flex-direction: column; }
    .biz-area.roof .table-set .table-wrap .tbody-set { grid-template-columns: 40% 60%; border-left: 1px solid #E2E9EC; border-bottom: 1px solid #E2E9EC; }
    .biz-area.roof .table-wrap .tbody-set.set3 .table-similar-tr > div { border-right: 1px solid #E2E9EC; } 
    .roof .payment-wrap > ul { grid-template-columns: repeat(2, 1fr); gap: 20px }
    .roof .payment-wrap .payment-box { padding: 32px; }
    
    /* 태양광 견적 프로그램 */
    .estimate .cont-wrap { padding-top: 80px; }
    .estimate .address-wrap { padding: 50px; }
    .estimate .address-wrap .srch-address .tit { padding-bottom: 30px; }
    .estimate .address-wrap .srch-address > button { font-size: 20px; }
    .estimate .apply-estimate .form-with-valid .frm-tit { border-bottom: 0; }
    .estimate .feature-wrap ul .feat-box .tit { font-size: 22px; }

    /* 유지 보수 관리 */
    .onm .feature-wrap ul { grid-template-columns: repeat(2, 1fr); }
    .onm .feature-wrap ul li:last-child { grid-column: 1 / 3; }
    .onm .feature-wrap .feat-box .tit { font-size: 20px; }

    /* 문의하기 */
    .inquiry .h3-wrap .h3-sub { margin-bottom: 6px; font-size: 15px; }
    .inquiry .h3-wrap h3 { font-size: 28px; }
    .inquiry .sub-tit span { font-size: 16px; }
    .inquiry .form-with-valid > div { gap: 12px; }
    .form-with-valid .frm-itm { padding: 6px 10px 6px 20px; border-radius: 16px; }
    .inquiry .form-with-valid .frm-tit { line-height: 40px; }
    .inquiry .form-with-valid input[type="text"] { height: 40px; }
    .inquiry .form-with-valid .frm-itm .frm-tit { border-bottom: 0; }
    .inquiry .frm-btn-wrap button { height: 56px; font-size: 18px; margin: 0 auto; }
    
    /* 인재채용 */
    .recruit .cont-wrap .cont-box h4 { margin-bottom: 32px; }
    .recruit .cont-box2 .condi-wrap > ul { grid-template-columns: repeat(2, 1fr); }
    .recruit .cont-box2 .condi-wrap > ul li:last-child { grid-column: 1/3; }
    .recruit .cont-box2 .condi-wrap .condi-box .txt > span { display: block; }
    .recruit .cont-box2 .condi-wrap .condi-box .txt > span.sub { font-size: 18px; }
    .recruit .welfare-wrap ul { grid-template-columns: repeat(4, 1fr); }
    .recruit .progress-wrap ul { gap: 40px; }
    .recruit .progress-wrap ul > li:not(:last-child)::after { right: -30px; }

    /* 게시판 상단 */
    .board-top-box { padding-top: 80px; }
    .board-top-box h3 { font-size: 32px; }
    .board-top-box .sub-tit { font-size: 18px; }
}
@media screen and (max-width:640px){
    :root {
        --sub-tit : 700 22px/100% var(--font-family);
        --sub-basic-txt: 400 18px/160% var(--font-family);
        --sub-dep1-tit: 700 19px/100% var(--font-family);
        --sub-dep2-tit: 500 19px/140% var(--font-family);

        --main-basic-txt: 400 17px/150% var(--font-family);
    }

    /* 서브페이지 기본 세팅 */
    .cont-wrap .cont-menu  { padding: 20px 2%; }
    .cont-wrap .cont-menu ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 8px; }
    .cont-wrap .cont-menu ul li a { display: block; width: 80%; }
    .cont-wrap .cont-box .cont-top { padding: 32px 40px; text-align: center; }
    .cont-wrap .cont-box .cont-top p { font-size: 22px; }

    .device-conv .pc { display: none; }
    .device-conv .mb { display: block; }

    /* 기업소개 */
    .overview .cont-box1 .cont1 .img-box { height: 300px; border-radius: 16px; }
    .overview .cont-box1 .cont1 .img-box > img { height: 100%; object-fit: cover; }
    .overview .cont-box1 .cont2 .btn-wrap { gap: 10px; }
    .overview .cont-box1 .cont2 .btn-wrap > .btn-basic { width: calc((100% - 10px) / 2); }
    .overview .cont-box1 .cont2 .btn-basic > a { height: 48px; padding: 0 16px; }
    .overview .cont-box1 .cont2 .btn-basic > a::after { right: 16px; }
    .overview .cont-box1 .cont2 .btn-basic > a span { font-size: 16px; line-height: 46px; }

    .overview .cont-box2 .year { font-size: 50px; }
    .overview .cont-box2 .his-list { padding-top: 40px; }
    .overview .cont-box2 .his-list > ul { gap: 36px; }
    .overview .cont-box2 .his-list li { padding-left: 40px; }
    .overview .cont-box2 .his-list li::after { height: calc(100% + 36px); }
    .overview .cont-box2 .his-list li .date { min-width: 60px; }

    /* 인증현황 */
    .certification .cont-box ul { width: 96%; max-width: 440px; margin: 0 auto; grid-template-columns: repeat(1, 1fr); }
    .certification .cont-box ul li .img-box { max-width: 300px; margin: 0 auto; padding: 40px 32px 10px; }
    .certification .cont-box ul li .txt { padding: 10px 10px 40px; font-size: 17px; }
    
    /* 자가발전소 */
    .pw-station .cont-wrap .cont-box .cont-top p { display: inline; }
    .pw-station .cont-box1 .cont1 .img-box { height: 220px; margin-bottom: 20px; border-radius: 12px; }
    .pw-station .cont-box1 .cont1 .img-box > img { width: 100%; height: 100%; object-fit: cover; }
    .pw-station .cont-box1 .cont1 .txt > span { display: inline; }
    .pw-station .cont-wrap .cont-box p > span { display: block; }
    .pw-station .cont-wrap .cont-box2 p > span:last-child { padding-top: 12px; font: 500 18px / 100% var(--font-family); color: var(--gray-deep); }
    .pw-station .cont-box2 .sta-list { gap: 10px; margin-top: -70px; }
    
    /* 오시는 길 */
    .contact .comp-name { padding-top: 90px; }
    .contact .map-wrap .map-box { padding-bottom: 65%; margin-bottom: 40px; border-radius: 16px; }

    /* 사업분야 공통 */
    .biz-area .cont { width: 96%; margin: 0 auto; }
    .biz-area .cont h4 { margin-bottom: 24px; padding-left: 25px; line-height: 125%; }
    .biz-area .cont h4::before { height: 18px; }
    .biz-area .cont-dep2-tit.num-tit { padding-left: 22px; text-indent: -20px; }
    .biz-area .table-wrap { flex-direction: column; border: 1px solid #e6eff3; border-top: 1px solid #e6eff3; }
    .biz-area .cont-box .table-wrap .table-similar-tr { width: 100%; }
    .biz-area .table-wrap .tb-similar-th { background-color: #e6eff3; color: var(--main-black); border-right: 0; }
    .biz-area .table-wrap .tb-similar-td { height: auto; border-right: 0; }
    .biz-area .txt-wrap + .txt-wrap { margin-top: 24px; }
    .biz-area .cont-txt-wrap + .sub-des { margin-top: 20px; }
    .biz-area .cont-dep2-txt + .sub-des { margin-top: 6px; }

    /* RPS */
    .biz-area.rps .cont-box2 .table-wrap { grid-template-columns: repeat(1, 1fr); }
    .biz-area.rps .cont-box2 .table-wrap .tb-similar-td { height: auto; }

    /* BIPV */
    .bipv .exp-wrap .exp-box .tit { font-size: 20px; }
    .bipv .cont-box1 .feature-wrap .feat-box .tit { font-size: 20px; }
    .bipv .cont-box2 .cont ul li > p { font-size: 18px; }

    /* 태양광 건물지원사업 */
    .solar .cont-box1 .tbody-set .table-similar-tr:first-of-type { border-right: 1px solid #E2E9EC; }
    .solar .cont-box1 .tbody-set .table-similar-tr:last-of-type { border-right: 1px solid #E2E9EC; }
    .solar .process-wrap ul { grid-template-columns: repeat(2, 1fr); max-width: 520px; margin: 0 auto; }
    
    /* 지붕 태양광 임대사업 */
    .roof .roof-overview-wrap ul { grid-template-columns: repeat(1, 1fr); gap: 12px; }
    .roof .roof-overview-wrap ul li:last-child { grid-column: 1 / 2; }
    .solar .cont-box1 .cont1 .img-box { width: 100%; height: 240px; }
    .solar .cont-box1 .cont1 .img-box > img { width: 100%; height: 100%; object-fit: cover; }
    .roof .proc-circle-wrap { padding: 0 2%; }
    .roof .proc-circle-wrap .step-box .txt { font-size: 18px; }
    .roof .expec-list ul { grid-template-columns: repeat(1, 1fr); gap: 12px; }
    .roof .expec-list .txt { font-size: 18px; }
    .biz-area.roof .table-wrap .tb-similar-td { border-right: 1px solid #E2E9EC; }
    .roof .payment-wrap > ul { grid-template-columns: repeat(1, 1fr); gap: 12px; }

    /* 태양광 견적 프로그램 */
    .estimate .cont-wrap { padding-top: 80px; }
    .estimate .address-wrap { padding: 40px 30px; border-radius: 20px; }
    .estimate .address-wrap .srch-address .tit { padding-bottom: 20px; line-height: 125%; }
    .estimate .address-wrap .srch-address > button { font-size: 18px; }
    .estimate .apply-estimate .tit { padding-bottom: 10px; }
    .estimate .apply-estimate .form-wrap { padding: 40px 30px; }
    .estimate .apply-estimate .form-wrap .basic-form { display: flex; flex-direction: column; }
    .estimate .apply-estimate .form-with-valid .frm-itm-bot .frm-itm.auto-anti { grid-template-columns: auto; gap: 8px; }
    .estimate .apply-estimate .frm-btn-wrap button { font-size: 18px; }
    .estimate .feature-wrap ul { grid-template-columns: repeat(1, 1fr); }
    .estimate .feature-wrap ul .fst-li { grid-column: 1 / 2; }
    .estimate .feature-wrap ul .fst-li p.sub-des { font-size: 18px; }
    .estimate .feature-wrap ul .feat-box { padding: 40px 20px 30px; }
    .estimate .feature-wrap ul .feat-box .ico-box { width: 64px; height: 64px; }

    /* 유지 보수 관리 */
    .onm .inspection-wrap > ul { grid-template-columns: repeat(1, 1fr); }
    
    /* 금융지원 */
    .support .cont-wrap .cont-box .cont-top { padding: 32px 10px; margin-bottom: 40px; }
    .support .cont-wrap .cont-box .cont-top > p { display: block; font-size: 19px; }
    .support .cont-wrap .cont-box .cont-top > p.cont-tit + p { width: 80%; margin: 12px auto 0; }
    .support .cont-wrap .cont-box .cont-top > p > span { display: inline; }
    .support .cont-wrap .cont-box .cont-top p.cont-tit { display: block; font-size: 22px; }
    
    /* 문의하기 */
    .inquiry .cont-wrap { padding-top: 80px; }
    .inquiry .frm-btn-wrap { margin-top: 30px; }

    /* 인재채용 */
    .recruit .board-top-box .sub-tit { display: inline; }
    .recruit .cont-box1 .sub-tit > span { display: inline; }
    .recruit .welfare-wrap ul { grid-template-columns: repeat(3, 1fr); }
    .recruit .progress-wrap ul { gap: 20px; }
    .recruit .progress-wrap ul > li:not(:last-child)::after { right: -20px; }
    .recruit .progress-wrap ul > li > p { font-size: 19px; }
    
    /* 게시판 상단*/
    .board-top-box .sub-tit span { display: inline; }
    .board-top-box .btn-wrap { width: auto; max-width: 224px; padding: 0 12px; border-radius: 12px; margin: 30px auto 0; position: relative; right: auto; top: 0; }
    .board-top-box .btn-wrap > a { background-position: 6px center; font: 500 15px / 48px var(--font-family); color: #fff; text-indent: 0; text-align: center; padding-left: 30px; }
}
@media screen and (max-width:480px){
    :root {
        --sub-tit : 700 21px/100% var(--font-family);
        --sub-basic-txt: 400 17px/160% var(--font-family);
        --sub-dep1-tit: 700 18px/100% var(--font-family);
        --sub-dep2-tit: 500 18px/140% var(--font-family);

        --main-basic-txt: 400 16px/150% var(--font-family);
    }   
    /* 서브페이지 기본 세팅 */
    .cont-wrap .cont-menu::after { width: calc(100% + 6%); left: -3%; }
    .cont-wrap .cont-menu ul li a { width: 90%; font-size: 17px; }
    .cont-wrap .cont-box.cont-box1 { padding-top: 60px; }

    .biz-area .cont-wrap .cont-box .cont-top > p { font-size: 18px; }

    /* 기업소개 */
    .cont-wrap .cont-box .cont-top p { font-size: 20px; }
    .overview .cont-box1 .cont1 .img-box { height: 260px; }
    .overview .cont-box1 .cont1 .logo-box { margin: 30px 0 20px auto; }
    .overview .cont-box1 .cont2 .btn-wrap { flex-direction: column; }
    .overview .cont-box1 .cont2 .btn-wrap > .btn-basic { width: 100%; }

    .overview .cont-box2 .his-list li { padding-left: 32px; }
    .overview .cont-box2 .his-list li .date { min-width: 50px; }
    
    /* 자가발전소 */
    .pw-station .cont-wrap .cont-box .cont-top { padding: 32px 28px; }
    .pw-station .cont-wrap .cont-box p > span { display: inline-block; }
    .pw-station .cont-wrap .cont-box p > span:last-child { padding-top: 0; }
    .pw-station .cont-box2 .sta-list { grid-template-columns: repeat(1, 1fr); margin-top: 20px; }
    .pw-station .cont-box2 .sta-list li.dummy { display: none; }
    
    /* 오시는 길 */
    .contact .comp-name { padding-top: 80px; }
    .contact .comp-name p.logo-box { width: 200px; margin-top: 12px; }
    .contact .map-wrap { margin-top: 30px; }
    .contact .map-wrap .map-box { padding-bottom: 85%; margin-bottom: 20px; }
    .contact .comp-info-wrap .info-box { padding: 30px 3% 30px 80px; }
    .contact .comp-info-wrap .info-box .ico-box { width: 48px; height: 48px; padding: 10px; left: 3%; top: calc(50% - 28px); }
    .contact .comp-info-wrap .info-box .info-itm { padding-bottom: 12px; margin-bottom: 12px; }
    .contact .comp-info-wrap .info-box .info-txt { font-size: 16px; }

    /* BIPV */
    .bipv .exp-wrap ul { grid-template-columns: repeat(1, 1fr); }
    .bipv .exp-wrap ul > li:not(:last-child) { margin-bottom: 12px; }
    .bipv .exp-wrap ul > li:nth-child(3) { grid-column: 1 / 2; }
    .bipv .exp-wrap ul > li:first-child::after { right: auto; left: 50%; top: calc(100% + 7px); }
    .bipv .exp-wrap ul > li:nth-child(2)::after { left: calc(50% - 10px); top: calc(100% + 10px); }
    .bipv .exp-wrap .exp-box .img-box { max-width: 320px; margin: 0 auto; }
    .bipv .exp-wrap ul > li:nth-child(3) .exp-box .img-box { max-width: 320px; }
    .bipv .cont-box2 .cont ul { grid-template-columns: repeat(1, 1fr); }

    /* 태양광 건물지원사업*/
    .solar .cont-box1 .tbody-set .tb { font-size: 15px; }
    .solar .process-wrap ul { grid-template-columns: repeat(1, 1fr); }
    .solar .process-wrap ul li { height: auto; padding-bottom: 0; }
    .solar .process-wrap ul li:not(:last-child):after { top: 100%; right: auto; left: calc(50% - 10px); transform: rotate(90deg); }
    .solar .process-wrap .step-box { width: 100%; height: auto; border-radius: 16px; padding: 30px; position: relative; }
    .solar .calc-box p { font-size: 18px; }
    .solar .calc-box p.sub-des { margin-top: 18px; font-size: 16px; }

    /* 태양광 견적 프로그램 */
    .estimate .cont-wrap { padding-top: 60px; } 
    .estimate .address-wrap { padding: 40px 20px; }
    .estimate .apply-estimate .form-wrap { padding: 30px 20px; border-radius: 16px; }
    .estimate .apply-estimate .form-with-valid .frm-tit { font-size: 17px; }
    .estimate .apply-estimate .form-with-valid .frm-itm-bot input[type="checkbox"] ~ label { font-size: 16px; }
    .estimate .apply-estimate .frm-btn-wrap button{ width: 100%; height: 48px; line-height: 46px; font-size: 17px; }

    /* 유지 보수 관리 */
    .onm .feature-wrap ul { grid-template-columns: repeat(1, 1fr); }
    .onm .feature-wrap ul li:last-child { grid-column: 1 / 2; }
    .onm .feature-wrap .feat-box .tit { font-size: 19px; }

    /* 금융지원 */
    .support .cont-wrap .cont-box .cont-top p.cont-tit { font-size: 20px; }
    .support .cont-wrap .cont-box .cont-top > p.cont-tit + p { width: 100%; font-size: 18px; }
    .support .cont-dep2-txt { padding-left: 33px; text-indent: -13px; }
    .support .txt-box { padding: 23px; }
    .support .txt-box li { padding-left: 20px; text-indent: -20px; }
    .support .txt-box li + li { margin-top: 8px; }

    /* 문의하기 */
    .inquiry .cont-wrap { padding-top: 60px; }
    .inquiry .frm-btn-wrap button { width: 100%; height: 50px; font-size: 17px; }

    /* 인재채용 */
    .recruit .cont-wrap .cont-box h4 { margin-bottom: 25px; }
    .recruit .cont-box2 .condi-wrap > ul { grid-template-columns: auto;}
    .recruit .cont-box2 .condi-wrap > ul li:last-child { grid-column: 1/2; }
    .recruit .cont-box2 .condi-wrap .condi-box .txt > span.sub { font-size: 17px; }
    .recruit .welfare-wrap ul { grid-template-columns: repeat(2, 1fr); }
    .recruit .welfare-wrap .welfare-box .tit { font-size: 18px; }
    .recruit .progress-wrap ul { gap: 16px; }
    .recruit .progress-wrap ul > li:not(:last-child)::after { width: 18px; height: 22px; right: -17px; }
    .recruit .progress-wrap ul > li > p { font-size: 17px; }

    /* 게시판 상단 */
    .board-top-box { padding-top: 60px; }
    .board-top-box h3 { font-size: 24px; letter-spacing: -0.48px; }
    .board-top-box .sub-tit { font-size: 17px; }
    .board-top-box .sub-tit span { display: inline; }
}