@charset "utf-8";

/* intro1 */
.intro1{}

.intro1 .sec.sec1{
    position: relative; box-sizing: border-box;
    padding-top: 100px; padding-bottom: 120px;
    min-height: 1000px;
}
.intro1 .sec.sec1 .m_txt{max-width: 700px;}
.intro1 .sec.sec1 .m_txt .list{margin-top: 90px;}
.intro1 .sec.sec1 .m_txt .list li{
    position: relative; padding-left: 22px;
    font-size: 24px; font-weight: 700; color: #000; font-family: 'SUIT', sans-serif;
    line-height: 1.833; word-break: keep-all;
}
.intro1 .sec.sec1 .m_txt .list li::before{content: "·"; position: absolute; left: 0; top: 0;}

.intro1 .sec.sec1 .images{
    position: absolute; right: 0; top: 0; width: 960px; max-width: 50vw; aspect-ratio: 960 / 645;
}
.intro1 .sec.sec1 .images .img{position: absolute; border-radius: 20px; overflow: hidden;}
.intro1 .sec.sec1 .images .img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.intro1 .sec.sec1 .images .img1{inset: 0;}
.intro1 .sec.sec1 .images .img2{
    left: -9%; top: 73%; width: 50%; height: 50%; z-index: 1; box-shadow: 0 20px 45px rgba(0,0,0,.15);
}

@media all and (max-width: 1399px){
    .intro1 .sec.sec1{padding-top: 120px; padding-bottom: 120px;}
    .intro1 .sec.sec1 .m_txt{max-width: 500px;}
    .intro1 .sec.sec1 .images{width: 780px; max-width: 42vw;}
}
@media all and (max-width: 1024px){
    .intro1 .sec.sec1{padding: 0 0 160px; min-height: 0;}
    .intro1 .sec.sec1 .s-inner{ box-sizing: border-box;}
    .intro1 .sec.sec1 .m_txt{max-width: none;}
    .intro1 .sec.sec1 .m_txt .list{margin-top: 40px;}
    .intro1 .sec.sec1 .m_txt .list li{font-size: 20px;}
    .intro1 .sec.sec1 .images{
        position: relative; transform: none; width: 90%; max-width: 90%; margin: 50px auto 0;
    }
    .intro1 .sec.sec1 .images .img1{inset: 0 0 0 auto; width: 88%;}
    .intro1 .sec.sec1 .images .img2{left: 0;}
}
@media all and (max-width: 768px){
    .intro1 .sec.sec1{padding: 0 0 150px;}
    .intro1 .sec.sec1 .m_txt .list{margin-top: 32px;}
    .intro1 .sec.sec1 .m_txt .list li{font-size: 19px;}
    .intro1 .sec.sec1 .images{margin-top: 40px;}
}
@media all and (max-width: 500px){
    .intro1 .sec.sec1 .m_txt .list{margin-top: 26px;}
    .intro1 .sec.sec1 .m_txt .list li{font-size: 17px; padding-left: 18px;}
}


/* sec2 */
.intro1 .sec.sec2{padding: 140px 0; background-color: #F6F7F7;}
.intro1 .sec.sec2 .cont{
    margin-top: 50px; display: flex; gap: 60px; list-style: none; padding: 0;
}
.intro1 .sec.sec2 .cont li{
    position: relative; flex: 1; aspect-ratio: 670 / 550;
    border-radius: 20px; overflow: hidden; background: #000;
}
.intro1 .sec.sec2 .cont li::after{
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 65%);
    pointer-events: none;
}
.intro1 .sec.sec2 .cont li .img{position: absolute; inset: 0;}
.intro1 .sec.sec2 .cont li .img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.intro1 .sec.sec2 .cont li .txt{
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
    padding: 0 50px 50px; box-sizing: border-box;
}
.intro1 .sec.sec2 .cont li .txt .sub{
    font-size: 20px; color: rgba(255,255,255,.8); font-family: 'SUIT', sans-serif; margin-bottom: 12px;
}
.intro1 .sec.sec2 .cont li .txt h4{
    font-size: 40px; font-weight: 700; color: #fff; font-family: 'SUIT', sans-serif; line-height: 1.2;
}

@media all and (max-width: 1399px){
    .intro1 .sec.sec2{padding: 110px 0;}
    .intro1 .sec.sec2 .cont{gap: 40px; margin-top: 45px;}
    .intro1 .sec.sec2 .cont li .txt{padding: 0 45px 45px;}
    .intro1 .sec.sec2 .cont li .txt h4{font-size: 36px;}
}
@media all and (max-width: 1024px){
    .intro1 .sec.sec2{padding: 95px 0;}
    .intro1 .sec.sec2 .s-inner{ box-sizing: border-box;}
    .intro1 .sec.sec2 .cont{flex-direction: column; gap: 20px;}
    .intro1 .sec.sec2 .cont li{aspect-ratio: 4 / 3;}
    .intro1 .sec.sec2 .cont li .txt{padding: 0 40px 40px;}
    .intro1 .sec.sec2 .cont li .txt .sub{font-size: 18px; margin-bottom: 8px;}
    .intro1 .sec.sec2 .cont li .txt h4{font-size: 32px;}
}
@media all and (max-width: 768px){
    .intro1 .sec.sec2{padding: 85px 0;}
    .intro1 .sec.sec2 .cont{gap: 16px; margin-top: 40px;}
    .intro1 .sec.sec2 .cont li .txt{padding: 0 35px 35px;}
    .intro1 .sec.sec2 .cont li .txt h4{font-size: 28px;}
}
@media all and (max-width: 500px){
    .intro1 .sec.sec2{padding: 80px 0;}
    .intro1 .sec.sec2 .cont{gap: 14px; margin-top: 35px;}
    .intro1 .sec.sec2 .cont li .txt{padding: 0 30px 35px;}
    .intro1 .sec.sec2 .cont li .txt h4{font-size: 24px;}
}


/* sec3 */
.intro1 .sec.sec3{position: relative;}
.intro1 .sec.sec3 .bg{position: absolute; inset: 0; z-index: -1;}
.intro1 .sec.sec3 .bg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.intro1 .sec.sec3 .s-inner{
    display: flex; align-items: flex-start; justify-content: space-between;
    padding: 140px 0;
}

.intro1 .sec.sec3 .r_cont{width: 750px; backdrop-filter: blur(2px);}
.intro1 .sec.sec3 .r_cont dl{display: grid; grid-template-columns: 190px 1fr;}
.intro1 .sec.sec3 .r_cont dl dt,
.intro1 .sec.sec3 .r_cont dl dd{
    padding: 27px 0; box-sizing: border-box;
    border-top: 1px solid rgba(170,170,170,.302);
    font-size: 22px; line-height: 1.2; font-family: 'SUIT', sans-serif;
}
.intro1 .sec.sec3 .r_cont dl dt{color: #000; font-weight: 700; white-space: nowrap;}
.intro1 .sec.sec3 .r_cont dl dt::before{content: "· "; color:var(--primarycolor)}
.intro1 .sec.sec3 .r_cont dl dd{color: #666; padding-right: 10px;}
.intro1 .sec.sec3 .r_cont dl dt:last-of-type,
.intro1 .sec.sec3 .r_cont dl dd:last-child{border-bottom: 1px solid rgba(170,170,170,.302);}

@media all and (max-width: 1399px){
    .intro1 .sec.sec3 .s-inner{padding: 110px 0;}
    .intro1 .sec.sec3 .r_cont{width: 620px;}
    .intro1 .sec.sec3 .r_cont dl dt,
    .intro1 .sec.sec3 .r_cont dl dd{font-size: 19px; padding: 22px 0;}
}
@media all and (max-width: 1024px){
    .intro1 .sec.sec3 .s-inner{flex-direction: column; padding: 95px 0ch box-sizing: border-box;}
    .intro1 .sec.sec3 .l_cont{margin-bottom: 30px;}
    .intro1 .sec.sec3 .r_cont{width: 100%;}
    .intro1 .sec.sec3 .r_cont dl{grid-template-columns: 130px 1fr;}
    .intro1 .sec.sec3 .r_cont dl dt,
    .intro1 .sec.sec3 .r_cont dl dd{padding: 18px 0; font-size: 16px;}
}
@media all and (max-width: 768px){
    .intro1 .sec.sec3 .s-inner{padding: 85px 0;}
    .intro1 .sec.sec3 .r_cont dl{grid-template-columns: 1fr;}
    .intro1 .sec.sec3 .r_cont dl dt{white-space: normal; padding-bottom: 8px;}
    .intro1 .sec.sec3 .r_cont dl dd{border-top: 0; padding-top: 0; padding-right: 0;}
    /* 데스크탑 2열에서는 마지막 행을 닫는 선이었지만, 1열로 쌓인 지금은 붕 뜬 선으로 보여서 제거 */
    .intro1 .sec.sec3 .r_cont dl dt:last-of-type,
    .intro1 .sec.sec3 .r_cont dl dd:last-child{border-bottom: 0;}
}
@media all and (max-width: 500px){
    .intro1 .sec.sec3 .s-inner{padding: 80px 0;}
    .intro1 .sec.sec3 .r_cont dl dt,
    .intro1 .sec.sec3 .r_cont dl dd{padding-bottom: 16px;}
    .intro1 .sec.sec3 .r_cont dl dt{padding-bottom: 6px;}
}


/* intro2 */
.intro2 .location_box .loc_tabs{display: flex; justify-content: center; gap: 10px;}
.intro2 .location_box .loc_tabs .tab{
    width: 150px; height: 56px; box-sizing: border-box;
    background: transparent; border: 1px solid rgba(0,0,0,.15); border-radius: 30px; cursor: pointer;
    font-size: 18px; font-weight: 700; color: #666; font-family: 'SUIT', sans-serif; text-align: center;
    transition: background-color .2s, color .2s, border-color .2s;
}
.intro2 .location_box .loc_tabs .tab.on{background-color: var(--primarycolor); border-color: var(--primarycolor); color: #fff;}

/* display:none으로 숨기면 그 안의 다음 지도(roughmap) 위젯이 처음 렌더링될 때 컨테이너 폭을
   0으로 측정해서 타일이 깨짐(기술연구소 탭에서 확인된 문제) - display 대신 visibility+겹쳐쌓기로
   전환해서, 페이지 로드 시 두 지도 모두 정상 크기로 렌더링된 뒤 탭으로 보이기만 전환되게 함 */
.intro2 .location_box .loc_panels{position: relative;}
.intro2 .location_box .loc_panel{
    visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; pointer-events: none;
}
.intro2 .location_box .loc_panel.on{visibility: visible; position: relative; pointer-events: auto;}
.intro2 .location_box .loc_panel .addr{
    margin-top: 40px; font-size: 24px; font-weight: 700; color: #000; font-family: 'SUIT', sans-serif;
    word-break: keep-all;
}
.intro2 .location_box .loc_panel .addr span{
    display: block; margin-top: 8px; font-size: 18px; font-weight: 500; color: #888;
}

.intro2 .location_box .maps{
    width: 100%; margin-top: 40px; border-radius: 20px;
    overflow: hidden; background-color: #F6F7F7;
    display: flex; justify-content: center;
}
.intro2 .location_box .maps .root_daum_roughmap{margin: 0 auto; aspect-ratio: 21/9; height: 100%;}
.intro2 .location_box .maps .root_daum_roughmap .wrap_map{height: 100% !important}
.intro2 .location_box .maps .root_daum_roughmap .wrap_controllers{display: none;}
.intro2 .location_box .maps .root_daum_roughmap .cont .section.lst{display: none;}

.intro2 .location_box .info{
    margin-top: 40px; list-style: none; padding-left: 0;
    display: flex; flex-wrap: wrap; gap: 16px 60px;
}
.intro2 .location_box .info li{
    display: flex; align-items: baseline; gap: 10px;
    font-size: 22px; color: #444; font-family: 'SUIT', sans-serif;
}
.intro2 .location_box .info li span{font-weight: 700; color: #000;}
.intro2 .location_box .info li span::before{content: "· "; color: var(--primarycolor);}
.intro2 .location_box .info li a{color: #444;}

@media all and (max-width: 1399px){
    .intro2 .location_box{margin-top: 45px;}
}
@media all and (max-width: 1024px){
    .intro2 .sec.sec1 .s-inner{ box-sizing: border-box;}
    .intro2 .location_box{margin-top: 40px;}
    .intro2 .location_box .loc_panel .addr{font-size: 22px;}
    .intro2 .location_box .info{margin-top: 35px; gap: 14px 44px;}
    .intro2 .location_box .info li{font-size: 21px;}
}
@media all and (max-width: 768px){
    .intro2 .location_box{margin-top: 32px;}
    .intro2 .location_box .loc_tabs .tab{width: 130px; height: 52px; font-size: 17px;}
    .intro2 .location_box .loc_panel .addr{font-size: 21px; margin-top: 35px;}
    .intro2 .location_box .maps{margin-top: 30px; justify-content: flex-start; overflow-x: auto;}
    .intro2 .location_box .maps .root_daum_roughmap{aspect-ratio: 4/3;}
    .intro2 .location_box .loc_panel .addr span{font-size: 17px;}
    .intro2 .location_box .info{margin-top: 30px; gap: 12px 32px; flex-direction: column;}
    .intro2 .location_box .info li{font-size: 20px;}
}
@media all and (max-width: 500px){
    .intro2 .location_box{margin-top: 28px;}
    .intro2 .location_box .loc_tabs .tab{width: 116px; height: 46px; font-size: 16px;}
    .intro2 .location_box .loc_panel .addr{font-size: 20px; margin-top: 30px;}
    .intro2 .location_box .maps{margin-top: 25px;}
    .intro2 .location_box .info{ flex-direction: column; gap: 10px;}
    .intro2 .location_box .info li{font-size: 18px;}
}



/* solar1 */
.solar1{padding-bottom:0;}
.solar1 .roof-label{font-size:16px;font-weight:700;color:var(--primarycolor);font-family:'SUIT',sans-serif;letter-spacing:.08em;}
.solar1 .roof-section-title p{margin-bottom:18px;font-size:16px;font-weight:700;color:var(--primarycolor);font-family:'SUIT',sans-serif;letter-spacing:.08em;}
.solar1 .roof-section-title h3{font-size:45px;font-weight:700;line-height:1.3;color:#111;font-family:'SUIT',sans-serif;word-break:keep-all;}
.solar1 .roof-section-title h3 span{color:var(--primarycolor);}
.solar1 .roof-intro{position:relative;padding-bottom: 160px; overflow:hidden;}
.solar1 .roof-intro .s-inner{display:flex;align-items:center;justify-content:space-between;}
.solar1 .roof-intro-txt{position:relative;z-index:2;width:48%;padding-left:45px;}
.solar1 .roof-intro-txt::before{content:"";position:absolute;left:0;top:4px;width:2px;height:70px;background:var(--primarycolor);}
.solar1 .roof-intro-txt h3{margin-top:25px;font-size:52px;font-weight:700;line-height:1.28;color:#111;font-family:'SUIT',sans-serif;letter-spacing:-.045em;word-break:keep-all;}
.solar1 .roof-intro-txt h3 span{color:var(--primarycolor);}
.solar1 .roof-intro-txt .desc{margin-top:40px;font-size:20px;font-weight:500;line-height:1.8;color:#333;font-family:'SUIT',sans-serif;word-break:keep-all;}
.solar1 .roof-intro-txt .sub-desc{margin-top:24px;font-size:17px;font-weight:400;line-height:1.8;color:#777;font-family:'SUIT',sans-serif;word-break:keep-all;}
.solar1 .roof-intro-img{position:relative;width:48%;height:570px;border-radius:0 0 0 80px;overflow:hidden;background:#eee;}
.solar1 .roof-intro-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,28,55,.55) 0%,rgba(4,28,55,0) 45%);}
.solar1 .roof-intro-img img{display:block;width:100%;height:100%;object-fit:cover;}
@media all and (max-width:1399px){
    .solar1 .roof-section-title h3{font-size:40px;}
    .solar1 .roof-intro{padding-bottom: 130px;}
    .solar1 .roof-intro-txt{padding-left:35px;}
    .solar1 .roof-intro-txt h3{font-size:46px;}
    .solar1 .roof-intro-txt .desc{font-size:19px;}
    .solar1 .roof-intro-img{height:510px;}
}
@media all and (max-width:1024px){
    .solar1 .roof-intro{padding:0 0 110px;}
    .solar1 .roof-intro .s-inner{flex-direction:column;}
    .solar1 .roof-intro-txt{width:100%;padding-left:30px;}
    .solar1 .roof-intro-txt h3{font-size:40px;}
    .solar1 .roof-intro-txt .desc br,.solar1 .roof-intro-txt .sub-desc br{display:none;}
    .solar1 .roof-intro-img{width:100%;height:480px;margin-top:55px;border-radius:20px;}
}
@media all and (max-width:768px){
    .solar1 .roof-section-title h3{font-size:34px;}
    .solar1 .roof-intro{padding-bottom:95px;}
    .solar1 .roof-intro-txt{padding-left:24px;}
    .solar1 .roof-intro-txt::before{height:58px;}
    .solar1 .roof-intro-txt h3{font-size:36px;}
    .solar1 .roof-intro-txt .desc{margin-top:30px;font-size:18px;}
    .solar1 .roof-intro-txt .sub-desc{font-size:16px;}
    .solar1 .roof-intro-img{height:390px;margin-top:45px;}
}
@media all and (max-width:500px){
    .solar1 .roof-label,.solar1 .roof-section-title p{font-size:13px;}
    .solar1 .roof-section-title h3{font-size:29px;}
    .solar1 .roof-intro{padding-bottom:80px;}
    .solar1 .roof-intro-txt{padding-left:20px;}
    .solar1 .roof-intro-txt h3{margin-top:18px;font-size:31px;}
    .solar1 .roof-intro-txt .desc{font-size:17px;line-height:1.7;}
    .solar1 .roof-intro-img{height:300px;margin-top:38px;border-radius:14px;}
}


.solar1 .roof-benefit{padding:140px 0;background:#F6F7F7;}
.solar1 .roof-benefit .roof-section-title{text-align:center;}
.solar1 .roof-benefit-list{display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:70px;}
.solar1 .roof-benefit-item{position:relative; min-height:350px; padding:48px 42px 42px; background:#fff; border-radius:20px; border:1px solid #eee; box-sizing:border-box; grid-column:span 2;}
.solar1 .roof-benefit-item:nth-child(4){grid-column:2 / span 2;}
.solar1 .roof-benefit-item:nth-child(5){grid-column:4 / span 2;}
.solar1 .roof-benefit-item .num{position:absolute;right:34px;top:30px;font-size:5rem;font-weight:700;    color: rgb(66 166 188 / 22%);font-family:'montserrat',sans-serif;}
.solar1 .roof-benefit-item .icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:44px;border-radius:100%;background:#EFF8FA;color:var(--primarycolor);}
.solar1 .roof-benefit-item .icon i{font-size:2.5rem; line-height:1; color:var(--primarycolor);}
.solar1 .roof-benefit-item h4{margin-bottom:20px;font-size:27px;font-weight:700;color:#111;font-family:'SUIT',sans-serif;}
.solar1 .roof-benefit-item p{font-size:17px;font-weight:400;line-height:1.75;color:#666;font-family:'SUIT',sans-serif;word-break:keep-all;}
.solar1 .roof-benefit-note{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:35px;padding:24px 30px;border-radius:12px;background:#eaf5f7;}
.solar1 .roof-benefit-note span{padding:7px 15px;border-radius:30px;background:var(--primarycolor);font-size:12px;font-weight:700;color:#fff;letter-spacing:.06em;font-family:'SUIT',sans-serif;}
.solar1 .roof-benefit-note p{font-size:17px;color:#555;font-family:'SUIT',sans-serif;}
.solar1 .roof-benefit-note p strong{font-weight:700;color:#111;}
@media all and (max-width:1399px){
    .solar1 .roof-benefit{padding:120px 0;}
    .solar1 .roof-benefit-item{padding:42px 34px 36px;}
    .solar1 .roof-benefit-item h4{font-size:24px;}
}
@media all and (max-width:1024px){
    .solar1 .roof-benefit{padding:100px 0;}
    .solar1 .roof-benefit-list{grid-template-columns:1fr; gap:16px; margin-top:55px;}
    .solar1 .roof-benefit-item{min-height:0; padding:38px 35px; grid-column:auto;}
    .solar1 .roof-benefit-item:nth-child(4){grid-column:auto;}
    .solar1 .roof-benefit-item:nth-child(5){grid-column:auto;}
    .solar1 .roof-benefit-item .icon{margin-bottom:28px;}
}
@media all and (max-width:768px){
    .solar1 .roof-benefit{padding:90px 0;}
    .solar1 .roof-benefit-list{margin-top:45px;}
    .solar1 .roof-benefit-note{display:block;padding:22px;}
    .solar1 .roof-benefit-note p{margin-top:14px;font-size:16px;}
}
@media all and (max-width:500px){
    .solar1 .roof-benefit{padding:80px 0;}
    .solar1 .roof-benefit-item{padding:32px 26px;}
    .solar1 .roof-benefit-item .icon{width:62px;height:62px;}
    .solar1 .roof-benefit-item h4{font-size:22px;}
    .solar1 .roof-benefit-item p{font-size:16px;}
}


.solar1 .roof-structure{padding:150px 0;background:#fff;}
.solar1 .roof-structure-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:75px;}
.solar1 .roof-structure-desc{font-size:18px;line-height:1.8;color:#666;font-family:'SUIT',sans-serif;word-break:keep-all;}
.solar1 .roof-structure-box{display:grid;grid-template-columns:46% 54%;min-height:610px;border-radius:28px;background:#0D2845;overflow:hidden;}
.solar1 .roof-review-visual{position:relative;min-height:610px;overflow:hidden;}
.solar1 .roof-review-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,27,49,.9) 0%,rgba(5,27,49,.1) 60%);}
.solar1 .roof-review-visual img{display:block;width:100%;height:100%;object-fit:cover;}
.solar1 .roof-review-visual-txt{position:absolute;left:50px;bottom:48px;z-index:2;}
.solar1 .roof-review-visual-txt span{display:block;margin-bottom:14px;font-size:12px;font-weight:700;color:#78CADA;letter-spacing:.12em;font-family:'SUIT',sans-serif;}
.solar1 .roof-review-visual-txt strong{display:block;font-size:31px;font-weight:700;line-height:1.4;color:#fff;font-family:'SUIT',sans-serif;}
.solar1 .roof-review-points{display:grid;grid-template-columns:repeat(2,1fr);padding:45px 55px;}
.solar1 .roof-review-point{position:relative;padding:32px 28px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.solar1 .roof-review-point:nth-child(2n){border-right:0;}
.solar1 .roof-review-point:nth-child(n+3){border-bottom:0;}
.solar1 .roof-review-point .num{display:block;margin-bottom:60px;font-size:2rem;font-weight:700;color:#78CADA;font-family:'montserrat',sans-serif;}
.solar1 .roof-review-point .eng{display:block;margin-bottom:10px;font-size:1.3rem;font-weight:700;color:rgba(120,202,218,.65);letter-spacing:.1em;font-family:'montserrat',sans-serif;}
.solar1 .roof-review-point h4{margin-bottom:15px;font-size:23px;font-weight:700;color:#fff;font-family:'SUIT',sans-serif;}
.solar1 .roof-review-point p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.58);font-family:'SUIT',sans-serif;word-break:keep-all;}
@media all and (max-width:1399px){
    .solar1 .roof-structure{padding:120px 0;}
    .solar1 .roof-structure-box{min-height:570px;}
    .solar1 .roof-review-visual{min-height:570px;}
    .solar1 .roof-review-points{padding:35px 40px;}
}
@media all and (max-width:1024px){
    .solar1 .roof-structure{padding:100px 0;}
    .solar1 .roof-structure-head{display:block;margin-bottom:55px;}
    .solar1 .roof-structure-desc{margin-top:30px;}
    .solar1 .roof-structure-box{grid-template-columns:1fr;min-height:0;}
    .solar1 .roof-review-visual{height:450px;min-height:0;}
}
@media all and (max-width:768px){
    .solar1 .roof-structure{padding:90px 0;}
    .solar1 .roof-structure-desc{font-size:17px;}
    .solar1 .roof-structure-desc br{display:none;}
    .solar1 .roof-structure-box{border-radius:20px;}
    .solar1 .roof-review-visual{height:370px;}
    .solar1 .roof-review-visual-txt{left:35px;bottom:35px;}
    .solar1 .roof-review-points{grid-template-columns:1fr;padding:20px 35px;}
    .solar1 .roof-review-point{padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);}
    .solar1 .roof-review-point:nth-child(n+3){border-bottom:1px solid rgba(255,255,255,.12);}
    .solar1 .roof-review-point:last-child{border-bottom:0;}
    .solar1 .roof-review-point .num{margin-bottom:20px;}
}
@media all and (max-width:500px){
    .solar1 .roof-structure{padding:80px 0;}
    .solar1 .roof-review-visual{height:290px;}
    .solar1 .roof-review-visual-txt{left:25px;bottom:25px;}
    .solar1 .roof-review-visual-txt strong{font-size:25px;}
    .solar1 .roof-review-points{padding:15px 25px;}
    .solar1 .roof-review-point h4{font-size:21px;}
}


.solar1 .roof-process-sec{padding:150px 0;background:#F6F7F7;}
.solar1 .roof-process-head{text-align:center;}
.solar1 .roof-process-head h3{margin-top:18px;font-size:45px;font-weight:700;line-height:1.35;color:#111;font-family:'SUIT',sans-serif;}
.solar1 .roof-process-head h3 span{color:var(--primarycolor);}
.solar1 .roof-process-head > p:last-child{margin-top:28px;font-size:18px;line-height:1.8;color:#666;font-family:'SUIT',sans-serif;}
.solar1 .roof-process-wrap{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:80px;}
.solar1 .roof-process-line{position:absolute;left:10%;right:10%;top:82px;height:1px;background:#ccd7da;}
.solar1 .roof-process-item{position:relative;z-index:2;text-align:center;}
.solar1 .roof-process-item .step{margin-bottom:15px;font-size:1.5rem;font-weight:700;color:var(--primarycolor);letter-spacing:-.04em;font-family:'montserrat',sans-serif;}
.solar1 .roof-process-item .circle{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 30px;border-radius:10%;background:#fff;border:1px solid #dbe4e6;box-shadow:0 10px 30px rgba(20,45,60,.06);}
.solar1 .roof-process-item .circle i{font-size:30px;color:var(--primarycolor);line-height:1;}
.solar1 .roof-process-item h4{font-size:22px;font-weight:700;line-height:1.5;color:#111;font-family:'SUIT',sans-serif;word-break:keep-all;}

@media all and (max-width:1399px){
    .solar1 .roof-process-sec{padding:120px 0;}
    .solar1 .roof-process-head h3{font-size:40px;}
}
@media all and (max-width:1024px){
    .solar1 .roof-process-sec{padding:100px 0;}
    .solar1 .roof-process-wrap{grid-template-columns:repeat(3,1fr);gap:55px 25px;}
    .solar1 .roof-process-line{display:none;}
}
@media all and (max-width:768px){
    .solar1 .roof-process-sec{padding:90px 0;}
    .solar1 .roof-process-head h3{font-size:34px;}
    .solar1 .roof-process-head > p:last-child{font-size:17px;}
    .solar1 .roof-process-wrap{grid-template-columns:repeat(2,1fr);margin-top:55px; justify-content: center;}
}
@media all and (max-width:500px){
    .solar1 .roof-process-sec{padding:80px 0;}
    .solar1 .roof-process-head h3{font-size:29px;}
    .solar1 .roof-process-head > p:last-child{font-size:16px;}
    .solar1 .roof-process-wrap{grid-template-columns:repeat(2,1fr); gap:18px 12px; margin-top:45px;}
    .solar1 .roof-process-item{padding:25px 12px; border:1px solid #e3e9eb; border-radius:16px; background:#fff;}
    .solar1 .roof-process-item .step{margin-bottom:15px; font-size:11px;}
    .solar1 .roof-process-item .circle{width:8rem; height:8rem; margin-bottom:18px;}
    .solar1 .roof-process-item .circle i{font-size:26px;}
    .solar1 .roof-process-item h4{font-size:17px; line-height:1.45;}
}



.solar1 .roof-closing{position:relative;height:600px;overflow:hidden;background:#071c33;}
.solar1 .roof-closing-bg{position:absolute;inset:0;}
.solar1 .roof-closing-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.60);}
.solar1 .roof-closing-bg img{display:block;width:100%;height:100%;object-fit:cover;}
.solar1 .roof-closing .s-inner{display:flex;align-items:center;height:100%; text-align: center; justify-content: center;}
.solar1 .roof-closing-txt{position:relative;z-index:2;color:#fff;}
.solar1 .roof-closing-txt > p:first-child{margin-bottom:25px;font-size:13px;font-weight:600;color:#78CADA;letter-spacing:.14em;font-family:'SUIT',sans-serif;}
.solar1 .roof-closing-txt h3{font-size:48px;font-weight:700;line-height:1.35;color:#fff;font-family:'SUIT',sans-serif;}
.solar1 .roof-closing-txt h3 span{color:#77C9D9;}
.solar1 .roof-closing-line{width:50px;height:2px;margin:35px auto;background:#77C9D9;}
.solar1 .roof-closing-txt .desc{font-size:18px;line-height:1.8;color:rgba(255,255,255,.72);font-family:'SUIT',sans-serif;}
.solar1 .roof-closing-txt a{background-color: var(--primarycolor); display: inline-block; margin-top: 3rem; color: #fff; font-size: 18px; font-weight: bold; padding: 1.5rem 3rem; border-radius: 100px; border: 1px solid var(--primarycolor);}
.solar1 .roof-closing-txt a:hover{background: transparent; border: 1px solid #fff;}
@media all and (max-width:1024px){
    .solar1 .roof-closing{height:550px;}
    .solar1 .roof-closing-txt h3{font-size:42px;}
}
@media all and (max-width:768px){
    .solar1 .roof-closing{height:500px;}
    .solar1 .roof-closing-bg::after{background:rgba(4,24,44,.78);}
    .solar1 .roof-closing-txt h3{font-size:36px;}
    .solar1 .roof-closing-txt .desc{font-size:17px;}
    .solar1 .roof-closing-txt a{font-size: 16px; padding: 1rem 2.5rem;}
}
@media all and (max-width:500px){
    .solar1 .roof-closing-txt h3{font-size:31px;}
    .solar1 .roof-closing-txt .desc{font-size:16px;}
}

.bg{background:#f7f9fa !important;}
.solar2 .solar-project{padding:150px 0; background:#f7f9fa;}
.solar2 .solar-project-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:70px;}
.solar2 .solar-project-head > p{font-size:17px; line-height:1.8; color:#6b7478; text-align:right; font-family:'SUIT',sans-serif;}
.solar2 .solar-project-list{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
.solar2 .solar-project-item{position:relative; height:430px; background-position:center; background-size:cover; overflow:hidden;border-radius: 10px;}
.solar2 .solar-project-item::after{content:""; position:absolute; inset:0; z-index:1; background:rgba(5,25,43,.12); transition:.5s;}
.solar2 .solar-project-overlay{position:absolute; inset:0; z-index:1; background:linear-gradient(to bottom,rgba(4,24,40,.05) 15%,rgba(4,24,40,.22) 48%,rgba(4,24,40,.9) 100%);}
.solar2 .solar-project-content{position:relative; z-index:3; display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:35px 35px 32px; box-sizing:border-box;}
.solar2 .solar-project-top{display:flex; align-items:flex-start; justify-content:space-between; gap:20px;}
.solar2 .solar-project-top > span{display:block; padding-top:8px; font-size:12px; font-weight:700; letter-spacing:.08em; color:#fff; font-family:'montserrat',sans-serif;}
.solar2 .solar-project-top > strong{display:block; font-size:44px; font-weight:600; line-height:1; color:#fff; font-family:'montserrat',sans-serif; letter-spacing:-.04em;}
.solar2 .solar-project-top > strong em{margin-left:6px; font-size:15px; font-style:normal; font-weight:600; letter-spacing:0; color:rgba(255,255,255,.7);}
.solar2 .solar-project-info{padding-top:24px; border-top:1px solid rgba(255,255,255,.3);}
.solar2 .solar-project-info h4{margin-bottom:20px; font-size:26px; font-weight:700; color:#fff; font-family:'SUIT',sans-serif;}
.solar2 .solar-project-info dl{display:flex; align-items:center; gap:0;}
.solar2 .solar-project-info dl > div{display:flex; align-items:center; padding:0 20px; border-right:1px solid rgba(255,255,255,.25);}
.solar2 .solar-project-info dl > div:first-child{padding-left:0;}
.solar2 .solar-project-info dl > div:last-child{padding-right:0; border-right:0;}
.solar2 .solar-project-info dt{margin-right:8px; font-size:16px; font-weight:600; color:rgba(255,255,255,.55); font-family:'SUIT',sans-serif;}
.solar2 .solar-project-info dd{font-size:16px; font-weight:600; color:#fff; font-family:'SUIT',sans-serif;}
@media all and (max-width:1399px){
    .solar2 .solar-project{padding:120px 0;}
    .solar2 .solar-project-item{height:400px;}
    .solar2 .solar-project-top > strong{font-size:40px;}
}
@media all and (max-width:1024px){
    .solar2 .solar-project{padding:100px 0;}
    .solar2 .solar-project-head{display:block; margin-bottom:55px;}
    .solar2 .solar-project-head > p{margin-top:25px; text-align:left;}
    .solar2 .solar-project-list{gap:18px;}
    .solar2 .solar-project-item{height:380px;}
    .solar2 .solar-project-content{padding:30px;}
    .solar2 .solar-project-info dl{flex-wrap:wrap; gap:10px 0;}
}
@media all and (max-width:768px){
    .solar2 .solar-project{padding:90px 0;}
    .solar2 .solar-project-list{grid-template-columns:1fr;}
    .solar2 .solar-project-item{height:400px;}
    .solar2 .solar-project-info h4{font-size:23px;}
}
@media all and (max-width:500px){
    .solar2 .solar-project{padding:80px 0;}
    .solar2 .solar-project-head > p{font-size:15px;}
    .solar2 .solar-project-item{height:350px;}
    .solar2 .solar-project-content{padding:24px 20px;}
    .solar2 .solar-project-top > span{padding-top:5px; font-size:10px;}
    .solar2 .solar-project-top > strong{font-size:31px;}
    .solar2 .solar-project-top > strong em{font-size:12px;}
    .solar2 .solar-project-info{padding-top:18px;}
    .solar2 .solar-project-info h4{margin-bottom:16px; font-size:21px;}
    .solar2 .solar-project-info dl{display:block;}
    .solar2 .solar-project-info dl > div{padding:0; margin-top:7px; border:0;}
    .solar2 .solar-project-info dt{width:55px; margin-right:0; font-size:11px;}
    .solar2 .solar-project-info dd{font-size:13px;}
}


.solar3 .finance-support{padding:150px 0; background:#f6f9fa;}
.solar3 .finance-support-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:70px;}
.solar3 .finance-support-head > p{font-size:17px; line-height:1.8; color:#68767c; text-align:right;}
.solar3 .finance-support-box{display:grid; grid-template-columns:1fr 1fr; min-height:520px; background:#fff;}
.solar3 .finance-support-main{position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:55px; background:#102d46; overflow:hidden;}
.solar3 .finance-support-main::before{content:""; position:absolute; right:-90px; top:-90px; width:320px; height:320px; border:1px solid rgba(255,255,255,.08); border-radius:50%;}
.solar3 .finance-support-main::after{content:""; position:absolute; right:30px; top:30px; width:180px; height:180px; border:1px solid rgba(255,255,255,.06); border-radius:50%;}
.solar3 .finance-support-label{position:relative; z-index:2; display:block; margin-bottom:auto; font-size:13px; font-weight:700; letter-spacing:.12em; color:#75d2df; font-family:'montserrat',sans-serif;}
.solar3 .finance-support-number{position:relative; z-index:2; margin-bottom:25px;}
.solar3 .finance-support-number strong{display:block; font-size:72px; font-weight:700; line-height:1; color:#fff; letter-spacing:-.05em;}
.solar3 .finance-support-number span{display:block; margin-top:10px; font-size:20px; font-weight:600; color:#75d2df;}
.solar3 .finance-support-main > p{position:relative; z-index:2; font-size:17px; line-height:1.75; color:rgba(255,255,255,.72);}
.solar3 .finance-support-points{display:grid; grid-template-columns:1fr 1fr;}
.solar3 .finance-support-point{position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:260px; padding:35px; border-right:1px solid #e5eaec; border-bottom:1px solid #e5eaec; background:#fff; box-sizing:border-box; transition:.35s;}
.solar3 .finance-support-point:nth-child(2n){border-right:0;}
.solar3 .finance-support-point:nth-child(n+3){border-bottom:0;}
.solar3 .finance-support-point .num{display:flex; align-items:center; justify-content:center; width:50px; height:50px; background:#eef7f8; color:var(--primarycolor);}
.solar3 .finance-support-point .num i{font-size:22px; line-height:1;}
.solar3 .finance-support-point .eng{display:block; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--primarycolor); font-family:'montserrat',sans-serif;}
.solar3 .finance-support-point h4{font-size:20px; font-weight:700; line-height:1.45; color:#203139;}

@media all and (max-width:1399px){
    .solar3 .finance-support{padding:120px 0;}
    .solar3 .finance-support-main{padding:45px;}
    .solar3 .finance-support-number strong{font-size:64px;}
}
@media all and (max-width:1024px){
    .solar3 .finance-support{padding:100px 0;}
    .solar3 .finance-support-head{display:block; margin-bottom:55px;}
    .solar3 .finance-support-head > p{margin-top:25px; text-align:left;}
    .solar3 .finance-support-box{grid-template-columns:1fr;}
    .solar3 .finance-support-main{min-height:380px;}
}
@media all and (max-width:768px){
    .solar3 .finance-support{padding:90px 0;}
    .solar3 .finance-support-main{min-height:340px; padding:35px;}
    .solar3 .finance-support-number strong{font-size:56px;}
    .solar3 .finance-support-point{min-height:220px; padding:28px;}
    .solar3 .finance-support-point h4{font-size:18px;}
}
@media all and (max-width:500px){
    .solar3 .finance-support{padding:80px 0;}
    .solar3 .finance-support-head > p{font-size:15px;}
    .solar3 .finance-support-main{min-height:300px; padding:28px 22px;}
    .solar3 .finance-support-label{font-size:10px;}
    .solar3 .finance-support-number strong{font-size:48px;}
    .solar3 .finance-support-number span{font-size:17px;}
    .solar3 .finance-support-main > p{font-size:15px;}
    .solar3 .finance-support-points{grid-template-columns:1fr;}
    .solar3 .finance-support-point{min-height:auto; padding:25px 22px; border-right:0; border-bottom:1px solid #e5eaec;}
    .solar3 .finance-support-point:nth-child(n+3){border-bottom:1px solid #e5eaec;}
    .solar3 .finance-support-point:last-child{border-bottom:0;}
    .solar3 .finance-support-point .num{width:44px; height:44px; margin-bottom:35px;}
    .solar3 .finance-support-point .num i{font-size:19px;}
}



.pm1 .pm-why{padding:140px 0;}
.pm1 .pm-why-head{margin-bottom:70px;}
.pm1 .pm-why-head h3{margin-top:18px; font-size:44px; font-weight:700; line-height:1.4; letter-spacing:-.04em; color:#20343d;}
.pm1 .pm-why-head h3 span{color:var(--primarycolor);}
.pm1 .pm-why-wrap{display:grid; grid-template-columns:1.1fr .9fr; min-height:520px;background: #f6f7f7;}
.pm1 .pm-why-img{overflow:hidden;}
.pm1 .pm-why-img img{display:block; width:100%; height:100%; object-fit:cover;}
.pm1 .pm-why-list{display:flex; flex-direction:column; padding:30px 50px;}
.pm1 .pm-why-item{display:flex; align-items:center; flex:1; gap:35px; border-bottom:1px solid #e1e7e9;}
.pm1 .pm-why-item:last-child{border-bottom:0;}
.pm1 .pm-why-item .num{font-size:20px; font-weight:700; color:var(--primarycolor); font-family: 'montserrat'; opacity: 0.5;}
.pm1 .pm-why-item .txt > span{display:block; margin-bottom:9px; font-size:11px; font-weight:700; letter-spacing:.12em; color:#98a5aa;}
.pm1 .pm-why-item .txt h4{font-size:25px; font-weight:700; color:#263a42;}


@media all and (max-width:1024px){
.pm1 .pm-why{padding:110px 0;}
.pm1 .pm-why-head h3{font-size:38px;}
.pm1 .pm-why-wrap{min-height:460px;}
.pm1 .pm-why-list{padding:25px 35px;}
}
@media all and (max-width:768px){
.pm1 .pm-why{padding:90px 0;}
.pm1 .pm-why-head{margin-bottom:50px;}
.pm1 .pm-why-head h3{font-size:32px;}
.pm1 .pm-why-wrap{grid-template-columns:1fr;}
.pm1 .pm-why-img{height:360px;}
.pm1 .pm-why-list{padding:10px 30px;}
.pm1 .pm-why-item{min-height:130px;}
}
@media all and (max-width:500px){
.pm1 .pm-why{padding:75px 0;}
.pm1 .pm-why-head{margin-bottom:35px;}
.pm1 .pm-why-head h3{font-size:27px;}
.pm1 .pm-why-img{height:260px;}
.pm1 .pm-why-list{padding:5px 22px;}
.pm1 .pm-why-item{min-height:110px; gap:20px;}
.pm1 .pm-why-item .txt h4{font-size:20px;}
}


.pm2 .pm-compare{padding:140px 0; background:#fff;}
.pm2 .pm-compare .roof-section-title{margin-bottom:70px;}
.pm2 .pm-compare-head{display:grid; grid-template-columns:1fr 140px 1fr; align-items:stretch; margin-bottom:20px;}
.pm2 .pm-compare-side{padding:20px; box-sizing:border-box; border-radius: 10px; text-align: center;}
.pm2 .pm-compare-side h4{font-size:25px; font-weight:700;}
.pm2 .pm-compare-side.normal{background:#f1f4f5;}
.pm2 .pm-compare-side.normal span{color:#909da2;}
.pm2 .pm-compare-side.normal h4{color:#68777d;}
.pm2 .pm-compare-side.soleil{background:#20343d;}
.pm2 .pm-compare-side.soleil span{color:#78c9d8;}
.pm2 .pm-compare-side.soleil h4{color:#fff;}
.pm2 .pm-compare-center{display:flex; align-items:center; justify-content:center;}
.pm2 .pm-compare-center span{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:var(--primarycolor); font-size:18px; font-weight:700; color:#fff; font-family: 'montserrat';}
.pm2 .pm-compare-list{display:flex; flex-direction:column; gap:10px;}
.pm2 .pm-compare-item{display:grid; grid-template-columns:1fr 140px 1fr; min-height:70px;}
.pm2 .pm-compare-value{display:flex; align-items:center; padding:15px 25px; box-sizing:border-box; font-size:20px; line-height:1.6;justify-content: center; border-radius: 10px;}
.pm2 .pm-compare-value.normal{justify-content:center; text-align:right; background:#f7f9fa; color:#7b898e; text-align: center;}
.pm2 .pm-compare-value.soleil{position:relative; background:#f2fafb; font-weight:700; color:#20343d; text-align: center;}
.pm2 .pm-compare-category{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; }
.pm2 .pm-compare-category i{font-size:19px; color:var(--primarycolor);}
.pm2 .pm-compare-category strong{font-size:20px; font-weight:700; color:#444;}

@media all and (max-width:1024px){
.pm2 .pm-compare{padding:110px 0;}
.pm2 .pm-compare .roof-section-title{margin-bottom:55px;}
.pm2 .pm-compare-head{grid-template-columns:1fr 90px 1fr;}
.pm2 .pm-compare-item{grid-template-columns:1fr 90px 1fr;}
.pm2 .pm-compare-side{padding:26px 28px;}
.pm2 .pm-compare-value{padding:20px 26px;}
.pm2 .pm-compare-value.soleil{padding-left:46px;}
.pm2 .pm-compare-value.soleil::before{left:26px;}
}
@media all and (max-width:768px){
.pm2 .pm-compare{padding:90px 0;}
.pm2 .pm-compare-head{grid-template-columns:1fr 70px 1fr;}
.pm2 .pm-compare-item{grid-template-columns:1fr 70px 1fr;}
.pm2 .pm-compare-side{padding:22px 20px;}
.pm2 .pm-compare-side h4{font-size:20px;}
.pm2 .pm-compare-value{padding:18px 20px; font-size:14px;}
.pm2 .pm-compare-value.soleil{padding-left:38px;}
.pm2 .pm-compare-value.soleil::before{left:20px;}
.pm2 .pm-compare-category i{font-size:17px;}
.pm2 .pm-compare-category strong{font-size:11px;}
}
@media all and (max-width:500px){
.pm2 .pm-compare{padding:75px 0;}
.pm2 .pm-compare .roof-section-title{margin-bottom:40px;}
.pm2 .pm-compare-head{grid-template-columns:1fr 48px 1fr;}
.pm2 .pm-compare-item{grid-template-columns:1fr 48px 1fr; min-height:86px;}
.pm2 .pm-compare-side{padding:18px 14px;}
.pm2 .pm-compare-side span{font-size:9px;}
.pm2 .pm-compare-side h4{font-size:16px;}
.pm2 .pm-compare-center span{width:38px; height:38px; font-size:10px;}
.pm2 .pm-compare-value{padding:14px 12px; font-size:12px; line-height:1.55;}
.pm2 .pm-compare-value.soleil{padding-left:25px;}
.pm2 .pm-compare-value.soleil::before{left:11px; width:6px; height:6px;}
.pm2 .pm-compare-category{gap:4px;}
.pm2 .pm-compare-category i{font-size:14px;}
.pm2 .pm-compare-category strong{font-size:9px; writing-mode:vertical-rl;}
}




.pm2 .pm-expertise{padding:140px 0;}
.pm2 .pm-expertise.bg{background:#f5f8f9;}
.pm2 .pm-expertise .roof-section-title{margin-bottom:70px;}
.pm2 .pm-expertise-wrap{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:stretch;}
.pm2 .pm-expertise-visual{position:relative; min-height:520px; overflow:hidden; border-radius: 20px;}
.pm2 .pm-expertise-visual::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(14,31,39,.05) 15%,rgba(14,31,39,.25) 45%,rgba(14,31,39,.92) 100%);}
.pm2 .pm-expertise-visual img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s ease;}
.pm2 .pm-expertise-visual:hover img{transform:scale(1.035);}
.pm2 .pm-expertise-visual-txt{position:absolute; z-index:2; left:42px; right:42px; bottom:40px;}
.pm2 .pm-expertise-visual-txt > span{display:block; margin-bottom:10px; font-size:11px; font-weight:700; letter-spacing:.13em; color:#8bd1dd;}
.pm2 .pm-expertise-visual-txt h4{margin-bottom:25px; font-size:27px; line-height:1.4; font-weight:700; color:#fff;}
.pm2 .pm-expertise-visual-txt ul{display:grid; grid-template-columns:repeat(2,1fr); gap:10px 24px; padding-top:22px; border-top:1px solid rgba(255,255,255,.25);}
.pm2 .pm-expertise-visual-txt li{position:relative; padding-left:14px; font-size:16px; line-height:1.6; font-weight:500; color:rgba(255,255,255,.88);}
.pm2 .pm-expertise-visual-txt li::before{content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background:var(--primarycolor);}
.pm2 .pm-expertise-points{display:flex; flex-direction:column; justify-content:center; border-top:1px solid #dce4e7;}
.pm2 .pm-expertise-point{display:grid; grid-template-columns:60px 1fr; gap:22px; align-items:start; padding:42px 0; border-bottom:1px solid #dce4e7;}
.pm2 .pm-expertise-point .num{font-size:30px; font-weight:700; color:var(--primarycolor); font-family: 'montserrat'; opacity: 0.5;}
.pm2 .pm-expertise-point .txt > span{display:block; margin-bottom:9px; font-size:10px; font-weight:700; letter-spacing:.12em; color:#8a989d; font-family: 'montserrat'; opacity: 0.5;}
.pm2 .pm-expertise-point .txt h4{margin-bottom:11px; font-size:25px; line-height:1.4; font-weight:700; color:#263a42;}
.pm2 .pm-expertise-point .txt p{font-size:16px; line-height:1.7; color:#68777d;}


@media all and (max-width:1024px){
.pm2 .pm-expertise{padding:110px 0;}
.pm2 .pm-expertise .roof-section-title{margin-bottom:55px;}
.pm2 .pm-expertise-wrap{gap:45px;}
.pm2 .pm-expertise-visual{min-height:480px;}
.pm2 .pm-expertise-visual-txt{left:30px; right:30px; bottom:30px;}
.pm2 .pm-expertise-visual-txt h4{font-size:23px;}
.pm2 .pm-expertise-visual-txt ul{gap:8px 15px;}
.pm2 .pm-expertise-point{grid-template-columns:60px 1fr; gap:18px; padding:34px 0;}
.pm2 .pm-expertise-point .txt h4{font-size:22px;}
.pm2 .pm-expertise-point .txt p{font-size:15px;}
}
@media all and (max-width:768px){
.pm2 .pm-expertise{padding:90px 0;}
.pm2 .pm-expertise-wrap{grid-template-columns:1fr; gap:35px;}
.pm2 .pm-expertise-visual{min-height:460px;}
.pm2 .pm-expertise-points{border-top:0;}
.pm2 .pm-expertise-point:first-child{border-top:1px solid #dce4e7;}
}
@media all and (max-width:500px){
.pm2 .pm-expertise{padding:75px 0;}
.pm2 .pm-expertise .roof-section-title{margin-bottom:40px;}
.pm2 .pm-expertise-wrap{gap:28px;}
.pm2 .pm-expertise-visual{min-height:400px;}
.pm2 .pm-expertise-visual-txt{left:22px; right:22px; bottom:22px;}
.pm2 .pm-expertise-visual-txt > span{margin-bottom:7px; font-size:9px;}
.pm2 .pm-expertise-visual-txt h4{margin-bottom:18px; font-size:23px;}
.pm2 .pm-expertise-visual-txt ul{gap:7px 10px; padding-top:17px;}
.pm2 .pm-expertise-visual-txt li{padding-left:11px; font-size:15px;}
.pm2 .pm-expertise-visual-txt li::before{top:7px; width:4px; height:4px;}
.pm2 .pm-expertise-point{grid-template-columns:35px 1fr; gap:12px; padding:25px 10px;}
.pm2 .pm-expertise-point .num{font-size:20px;}
.pm2 .pm-expertise-point .txt > span{font-size:9px;}
.pm2 .pm-expertise-point .txt h4{margin-bottom:8px; font-size:20px;}
.pm2 .pm-expertise-point .txt p{font-size:14px;}
}


.pm2 .pm-review{padding:140px 0;}
.pm2 .pm-review .roof-section-title{margin-bottom:70px;}
.pm2 .pm-review-list{display:flex; align-items:stretch; justify-content:space-between;}
.pm2 .pm-review-item{position:relative; flex:1; min-height:300px; padding:34px 26px; border:1px solid #dfe6e9; background:#fff; box-sizing:border-box; border-radius: 10px;}
.pm2 .pm-review-item .step{display:block; margin-bottom:28px; font-size:20px; font-weight:700; color:var(--primarycolor); font-family: 'montserrat'; text-align: right; opacity: 0.5;}
.pm2 .pm-review-item .icon{display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:30px; background:#edf6f8; border-radius: 1000px;}
.pm2 .pm-review-item .icon i{font-size:24px; color:var(--primarycolor);}
.pm2 .pm-review-item h4{margin-bottom:16px; font-size:21px; font-weight:700;}
.pm2 .pm-review-item p{font-size:16px; line-height:1.75; }
.pm2 .pm-review-arrow{display:flex; align-items:center; justify-content:center; width:55px; flex-shrink:0;}
.pm2 .pm-review-arrow i{font-size:24px; color:#9eb2b9;}
@media all and (max-width:1024px){
.pm2 .pm-review{padding:110px 0;}
.pm2 .pm-review .roof-section-title{margin-bottom:55px;}
.pm2 .pm-review-list{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.pm2 .pm-review-arrow{display:none;}
}
@media all and (max-width:768px){
.pm2 .pm-review{padding:90px 0;}
.pm2 .pm-review-item{min-height:280px;}
}
@media all and (max-width:500px){
.pm2 .pm-review{padding:75px 0;}
.pm2 .pm-review .roof-section-title{margin-bottom:40px;}
.pm2 .pm-review-list{grid-template-columns:1fr;}
.pm2 .pm-review-item{min-height:auto; padding:28px 22px;}
.pm2 .pm-review-item .step{margin-bottom:20px;}
.pm2 .pm-review-item .icon{margin-bottom:22px;}
.pm2 .pm-review-item h4{font-size:20px;}
}




.pm2 .solar-project-detail{display: flex; align-items: center;gap: 10px; margin-top: 5px;}
.pm2 .solar-project-detail span{display:block; font-size:16px; font-weight:600; color:rgba(255,255,255,.55);}
.pm2 .solar-project-detail p{font-size:16px; line-height:1.5; font-weight:600; color:#fff;}
@media all and (max-width:768px){
.pm2 .solar-project-detail{margin-top:18px; padding-top:15px;}
.pm2 .solar-project-detail p{font-size:14px;}
}



.portfolio .portfolio-list{display:grid; grid-template-columns:repeat(4,1fr); gap:50px 24px;}
.portfolio .portfolio-item{}
.portfolio .portfolio-item > a{display:block; height:100%; overflow:hidden; background:#fff; border:1px solid #e5e9eb; border-radius:10px; transition:border-color .3s ease, transform .3s ease;}
.portfolio .portfolio-img{overflow:hidden;}
.portfolio .portfolio-img img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.portfolio .portfolio-item:hover .portfolio-img img{transform:scale(1.08);}
.portfolio .portfolio-info{padding:26px 24px 28px;}
.portfolio .portfolio-info > span{display:block; margin-bottom:10px; font-size:16px; line-height:1.4; font-weight:600; color:var(--primarycolor);}
.portfolio .portfolio-info h4{margin-bottom:20px; font-size:30px; line-height:1; font-weight:700; letter-spacing:-.03em; color:#263a42;}
.portfolio .portfolio-info h4 em{margin-left:3px; font-size:15px; font-style:normal; font-weight:600; letter-spacing:0; color:#7d8b90;}
.portfolio .portfolio-info dl{padding-top:18px; border-top:1px solid #e7ebed;}
.portfolio .portfolio-info dl > div{display:flex; gap:15px;}
.portfolio .portfolio-info dl > div:first-child{margin-top:0;}
.portfolio .portfolio-info dt{flex:0 0 50px; font-size:16px; line-height:1.6; font-weight:600; color:#9aa4a8;}
.portfolio .portfolio-info dd{min-width:0; font-size:16px; line-height:1.6; color:#53636a;}

@media all and (max-width:1200px){
.portfolio .portfolio-list{grid-template-columns:repeat(3,1fr);}
.portfolio .portfolio-img{height:220px;}
}
@media all and (max-width:1024px){
.portfolio .portfolio-project{padding-bottom:110px;}
.portfolio .portfolio-list{gap:35px 20px;}
.portfolio .portfolio-info{padding:23px 20px 25px;}
.portfolio .portfolio-info h4{font-size:27px;}
}
@media all and (max-width:768px){
.portfolio .portfolio-project{padding-bottom:90px;}
.portfolio .portfolio-list{grid-template-columns:repeat(2,1fr); gap:25px 16px;}
.portfolio .portfolio-img{height:200px;}
.portfolio .portfolio-info{padding:20px 18px 22px;}
.portfolio .portfolio-info > span{margin-bottom:11px;}
.portfolio .portfolio-info h4{margin-bottom:20px; font-size:25px;}
}
@media all and (max-width:500px){
.portfolio .portfolio-project{padding-bottom:70px;}
.portfolio .portfolio-list{grid-template-columns:1fr; gap:22px;}
.portfolio .portfolio-img{height:230px;}
.portfolio .portfolio-info{padding:22px 20px 24px;}
.portfolio .portfolio-info h4{font-size:27px;}
}



.faq .faq-list{border-top:2px solid #263a42;}
.faq .faq-item{border-bottom:1px solid #dfe5e7;}
.faq .faq-question{display:grid; grid-template-columns:30px 1fr 30px; gap:15px; align-items:center; width:100%; padding:30px 20px; background:none; border:0; text-align:left; cursor:pointer;}
.faq .faq-question .faq-q{font-size:20px; font-weight:900; color:var(--primarycolor);}
.faq .faq-question strong{font-size:20px; line-height:1.6; font-weight:600; color:#263a42;}
.faq .faq-question i{font-size:20px; color:#859399; transition:transform .3s ease;}
.faq .faq-answer{display:none; background:#f6f8f9;}
.faq .faq-answer-inner{display:grid; grid-template-columns:30px 1fr; gap:15px; padding:28px 70px 30px 20px;}
.faq .faq-answer .faq-a{font-size:20px; font-weight:700; color:#263a42;}
.faq .faq-answer p{font-size:18px; line-height:1.8; color:#68777d;}
.faq .faq-item.on .faq-answer{display:block;}
.faq .faq-item.on .faq-question i{transform:rotate(45deg);}
@media all and (max-width:768px){
.faq .faq-section{padding-bottom:90px;}
.faq .faq-question{grid-template-columns:20px 1fr 24px; padding:24px 10px;}
.faq .faq-question strong{font-size:18px;}
.faq .faq-answer-inner{grid-template-columns:20px 1fr; padding:24px 35px 26px 10px;}
.faq .faq-answer p{font-size:16px;}
}
@media all and (max-width:500px){
.faq .faq-section{padding-bottom:70px;}
.faq .faq-question{gap:8px; padding:20px 5px;}
.faq .faq-question .faq-q{font-size:16px;}
.faq .faq-question strong{font-size:17px;}
.faq .faq-question i{font-size:16px;}
.faq .faq-answer-inner{gap:8px; padding:20px 20px 22px 5px;}
.faq .faq-answer .faq-a{font-size:16px;}
}


.inquiry-page .inquiry-form{max-width:1000px; margin:0 auto;}
.inquiry-page .inquiry-form-head{margin-bottom:55px; padding-bottom:30px; border-bottom:2px solid #263a42;}
.inquiry-page .inquiry-form-head > span{display:block; margin-bottom:10px; font-size:11px; font-weight:700; letter-spacing:.13em; color:var(--primarycolor);}
.inquiry-page .inquiry-form-head h3{font-size:32px; line-height:1.4; font-weight:700; color:#263a42;}
.inquiry-page .inquiry-form-head p{margin-top:10px; font-size:14px; color:#879398;}
.inquiry-page .inquiry-form-row{display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.inquiry-page .inquiry-field{margin-bottom:32px;}
.inquiry-page .inquiry-field label{display:block; margin-bottom:11px; font-size:18px; font-weight:600; color:#35474e;}
.inquiry-page .inquiry-field label em{font-style:normal; color:var(--primarycolor);}
.inquiry-page .inquiry-field input{width:100%; height:60px; padding:0 18px; border:1px solid #d9e0e3; background:#fff; box-sizing:border-box; outline:none; font-size:16px; color:#263a42; transition:border-color .2s ease; border-radius: 10px;}
.inquiry-page .inquiry-field select{width:100%; height:60px; padding:0 15px; border:1px solid #d9e0e3; background:#fff; box-sizing:border-box; outline:none; font-size:16px; color:#263a42; transition:border-color .2s ease; border-radius: 10px;}
.inquiry-page .inquiry-field textarea{display:block; width:100%; height:180px; padding:18px; border:1px solid #d9e0e3; background:#fff; box-sizing:border-box; outline:none; resize:none; font-size:16px; line-height:1.7; color:#263a42; transition:border-color .2s ease; border-radius: 10px;}
.inquiry-page .inquiry-field input:focus{border-color:var(--primarycolor);}
.inquiry-page .inquiry-field select:focus{border-color:var(--primarycolor);}
.inquiry-page .inquiry-field textarea:focus{border-color:var(--primarycolor);}
.inquiry-page .inquiry-field input::placeholder{color:#adb6ba;}
.inquiry-page .inquiry-field textarea::placeholder{color:#adb6ba;}
.inquiry-page .inquiry-bottom{display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:10px; padding-top:30px; border-top:1px solid #e1e6e8;}
.inquiry-page .inquiry-agree{display:flex; align-items:center; gap:8px;}
.inquiry-page .inquiry-agree input{width:17px; height:17px; accent-color:var(--primarycolor);}
.inquiry-page .inquiry-agree label{font-size:16px; color:#7a888e;}
.inquiry-page .inquiry-agree .agree_view{font-weight:600; color:#42545b; text-decoration:underline; cursor:pointer;}
.inquiry-page .inquiry-submit{display:flex; align-items:center; justify-content:center; width:180px; height:50px; padding:0 22px; border:0; background:#263a42; box-sizing:border-box; font-size:18px; font-weight:600; color:#fff; cursor:pointer; transition:background .25s ease; border-radius: 10px;}
.inquiry-page .inquiry-submit:hover{background:var(--primarycolor);}
.inquiry-page .inquiry-submit:hover i{transform:translateX(4px);}


@media all and (max-width:768px){
.inquiry-page .inquiry-section{padding-bottom:90px;}
.inquiry-page .inquiry-form-head{margin-bottom:40px;}
.inquiry-page .inquiry-form-row{gap:18px;}
.inquiry-page .inquiry-bottom{align-items:flex-start; flex-direction:column;}
.inquiry-page .inquiry-submit{width:100%;}
.inquiry-page .inquiry-field label{font-size: 16px;}
.inquiry-page .inquiry-field input{font-size: 15px;}
.inquiry-page .inquiry-field select{font-size: 15px;}
.inquiry-page .inquiry-field textarea{font-size: 15px;}
}
@media all and (max-width:500px){
.inquiry-page .inquiry-section{padding-bottom:70px;}
.inquiry-page .inquiry-form-head{margin-bottom:30px; padding-bottom:25px;}
.inquiry-page .inquiry-form-head h3{font-size:26px;}
.inquiry-page .inquiry-form-row{grid-template-columns:1fr; gap:0;}
.inquiry-page .inquiry-field{margin-bottom:22px;}
.inquiry-page .inquiry-field input{height:55px;}
.inquiry-page .inquiry-field select{height:55px;}
.inquiry-page .inquiry-field textarea{height:150px;}
.inquiry-page .inquiry-bottom{padding-top:22px;}
.inquiry-page .inquiry-agree{align-items:flex-start;}
.inquiry-page .inquiry-agree label{line-height:1.5;}
.inquiry-page .inquiry-submit{height:56px;}
}



.portfolio-view .project-view-wrap{display:grid; grid-template-columns:1fr 1fr; min-height:520px; border-top:1px solid #263a42; border-bottom:1px solid #dfe5e7;}
.portfolio-view .project-view-img{position:relative; min-width:0; overflow:hidden;}
.portfolio-view .project-view-img img{display:block; width:100%; height:100%; object-fit:cover;}
.portfolio-view .project-view-cont{display:flex; flex-direction:column; justify-content:center; padding:55px 20px 55px 70px; box-sizing:border-box;}
.portfolio-view .project-view-title > span{display:block; margin-bottom:16px; font-size:18px; font-weight:800; color:var(--primarycolor);}
.portfolio-view .project-view-title h3{font-size:35px; line-height:1.3; font-weight:400; letter-spacing:-.03em; color:#263a42;}
.portfolio-view .project-view-title h3 strong{font-weight:700;}
.portfolio-view .project-capacity{display:flex; align-items:flex-end; justify-content:space-between; margin-top:40px; padding-bottom:22px; border-bottom:1px solid #263a42;}
.portfolio-view .project-capacity > span{padding-bottom:4px; font-size:18px; font-weight:700; color:#333;}
.portfolio-view .project-capacity > strong{font-size:35px; line-height:1; font-weight:700; color:#263a42;}
.portfolio-view .project-capacity em{margin-left:4px; font-size:15px; font-style:normal; font-weight:600; color:#89969b;}
@media all and (max-width:1024px){
    .portfolio-view .project-view-wrap{min-height:460px;}
    .portfolio-view .project-view-cont{padding:45px 15px 45px 45px;}
    .portfolio-view .project-view-title h3{font-size:31px;}
}
@media all and (max-width:768px){
    .portfolio-view .project-view-wrap{grid-template-columns:1fr; min-height:0;}
    .portfolio-view .project-view-img{height:420px;}
    .portfolio-view .project-view-cont{padding:40px 10px;}
}
@media all and (max-width:500px){
    .portfolio-view .project-view-title > span{font-size: 16px;}
    .portfolio-view .project-view-img{height:280px;}
    .portfolio-view .project-view-cont{padding:32px 5px;}
    .portfolio-view .project-view-title h3{font-size:27px;}
    .portfolio-view .project-capacity{margin-top:30px;}
    .portfolio-view .project-capacity > span{font-size: 16px;}
    .portfolio-view .project-capacity > strong{font-size:29px;}
}


.portfolio-view .project-view-info{margin-top:5px;}
.portfolio-view .project-view-info > div{display:grid; grid-template-columns:110px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid #e2e7e9;}
.portfolio-view .project-view-info > div:last-child{border-bottom:0;}
.portfolio-view .project-view-info dt{font-size:18px; font-weight:600; color: #222;}
.portfolio-view .project-view-info dd{font-size:18px; font-weight:500; color: #555;}
@media all and (max-width:500px){
    .portfolio-view .project-view-info > div{grid-template-columns:85px 1fr; gap:10px; padding:14px 0;}
    .portfolio-view .project-view-info dt{font-size:16px;}
    .portfolio-view .project-view-info dd{font-size:16px;}
}

.portfolio-view .project-view-bottom{display:flex; justify-content:center; margin-top:70px;}
.portfolio-view .project-list-btn{display:flex; align-items:center; justify-content:center; gap:8px; width:150px; height:50px; border:1px solid #ccd4d7; font-size:16px; font-weight:600; color:#35474e; transition:all .25s ease; border-radius: 10px;}
.portfolio-view .project-list-btn:hover{border-color:#263a42; background:#263a42; color:#fff;}
@media all and (max-width:500px){
.portfolio-view .project-view-bottom{margin-top:45px;}
.portfolio-view .project-list-btn{width:100%;}
}

.prv_wrap{border: 10px solid #f7f7f7;padding: 5rem; color: #222; font-family: 'suit';}
.prv_wrap h3{font-size: 2rem;}
.prv_wrap .st{margin-top: 2rem;}
.prv_wrap .st h4{font-size: 1.8rem;}
.prv_wrap .st p{font-size: 1.6rem; margin-top: 1rem; line-height: 2.5rem;}
.prv_wrap .st p + p{margin-top: 0;}
.prv_wrap .line{border: 1px solid #ddd;padding: 2rem;margin: 2rem 0;}
.prv_wrap .line p{margin-top: 0;}

@media screen and (max-width:1280px){
    .prv_wrap{padding: 3rem;}
}
@media screen and (max-width:480px){
    .prv_wrap h3{font-size: 1.8rem;}
    .prv_wrap .st h4{font-size: 1.6rem;}
    .prv_wrap .st p{font-size: 1.5rem;}
}



.roof-income{padding:120px 0; background:url('/images/sub/roof-income_bg.webp') center center / cover no-repeat;}
.roof-income .roof-income-head{margin-bottom:50px;}
.roof-income .roof-income-head h3{margin-top:10px; font-size:40px; line-height:1.35; font-weight:700; letter-spacing:-.04em; color:#fff;}
.roof-income .roof-income-head > p:last-child{margin-top:18px; font-size:16px; line-height:1.7; color:#fff;}
.roof-income .roof-income-box{display:grid; grid-template-columns:34% 66%; background:#fff; border-radius:10px; position: relative;z-index: 10;}
.roof-income .roof-income-select{display:flex; flex-direction:column; justify-content:center; padding:55px 45px; background:#42a6bc; border-radius: 9px 0 0 9px;}
.roof-income .roof-income-select > span{margin-bottom:16px; font-size:18px; font-weight:600; color:rgba(255,255,255,.8);}
.roof-income .roof-income-selectbox{position:relative;}
.roof-income .roof-income-label{display:flex; align-items:flex-end; width:100%; padding:0 0 17px; border:0; border-bottom:1px solid rgba(255,255,255,.4); background:none; text-align:left; cursor:pointer; color:#fff;}
.roof-income .roof-income-label strong{font-size:32px; line-height:1; font-weight:700;}
.roof-income .roof-income-label em{margin-left:6px; font-size:16px; font-style:normal;}
.roof-income .roof-income-label i{margin-left:auto; font-size:16px; transition:transform .25s ease;}
.roof-income .roof-income-selectbox.on .roof-income-label i{transform:rotate(180deg);}
.roof-income .roof-income-selectbox ul{display:none; position:absolute; top:calc(100% + 10px); left:0; z-index:10; width:100%; padding:8px 0; background:#fff; box-shadow:0 12px 25px rgba(0,0,0,.12);}
.roof-income .roof-income-selectbox.on ul{display:block;}
.roof-income .roof-income-selectbox li{padding:12px 18px; font-size:16px; color:#405158; cursor:pointer;}
.roof-income .roof-income-selectbox li:hover{background:#f1f5f6; color:var(--primarycolor);}
.roof-income .roof-income-result{display:grid; grid-template-columns:repeat(3,1fr);}
.roof-income .roof-income-item{display:flex; flex-direction:column; justify-content:center; min-height:150px; padding:40px 32px; border-left:1px solid #e5eaec;}
.roof-income .roof-income-item > span{margin-bottom:20px; font-size:18px; font-weight:600; color:#879499;}
.roof-income .roof-income-item > div{display:flex; align-items:flex-end; flex-wrap:wrap; gap:5px;}
.roof-income .roof-income-item strong{font-size:30px; line-height:1; font-weight:700; letter-spacing:-.04em; color:#263a42;}
.roof-income .roof-income-item em{font-size:14px; line-height:1.2; font-style:normal; font-weight:600; color:#859399;}
.roof-income .roof-income-item.point strong{color:var(--primarycolor);}
.roof-income .roof-income-note{margin-top:18px; font-size:16px; line-height:1.4; color:#98a2a6;z-index: 1;}

@media all and (max-width:1280px){
    .roof-income .roof-income-box{grid-template-columns: 30% 70%;}
    .roof-income .roof-income-select{padding: 45px 35px;}
    .roof-income .roof-income-item{padding: 30px 20px;}
}
@media all and (max-width:1024px){
    .roof-income{padding:100px 0;}
    .roof-income .roof-income-box{grid-template-columns:1fr;}
    .roof-income .roof-income-select{padding:40px;}
    .roof-income .roof-income-result{border-top:0;}
    .roof-income .roof-income-item:first-child{border-left:0;}
    .roof-income .roof-income-select{border-radius: 10px 10px 0 0;}
}
@media all and (max-width:768px){
    .roof-income{padding:80px 0;}
    .roof-income .roof-income-head h3{font-size:32px;}
    .roof-income .roof-income-result{grid-template-columns:1fr;}
    .roof-income .roof-income-item{min-height:0; padding:28px 30px; border-left:0; border-top:1px solid #e5eaec;}
    .roof-income .roof-income-item > span{margin-bottom:12px;}
    .roof-income .roof-income-select > span{font-size: 16px;}
    .roof-income .roof-income-item > span{font-size: 16px;}
    .roof-income .roof-income-note{font-size: 14px;}
}
@media all and (max-width:500px){
.roof-income{padding:65px 0;}
.roof-income .roof-income-head{margin-bottom:35px;}
.roof-income .roof-income-head h3{font-size:27px;}
.roof-income .roof-income-head > p:last-child{font-size:14px;}
.roof-income .roof-income-select{padding:32px 25px;}
.roof-income .roof-income-label strong{font-size:27px;}
.roof-income .roof-income-item{padding:24px 22px;}
.roof-income .roof-income-item strong{font-size:25px;}
}




.solar2 .solar-income{padding:140px 0; background:#f9f9f9;}
.solar2 .solar-income-head{display:flex; align-items:flex-end; justify-content:space-between;}
.solar2 .solar-income-head > p{padding-bottom:8px; font-size:17px; color:#666; font-family:'SUIT',sans-serif;}
.solar2 .solar-income-img{margin-top:70px; text-align:center;}
.solar2 .solar-income-img img{display:block; width:100%; max-width:1280px; margin:80px auto;}
.solar2 .solar-income-result{display:flex; align-items:center; margin-top:45px; padding:32px 40px;}
.solar2 .solar-income-result-title{flex:0 0 190px;}
.solar2 .solar-income-result-title span{font-size:18px; font-weight:700; color:#263a42; font-family:'SUIT',sans-serif;}
.solar2 .solar-income-result-formula{display:flex; align-items:center; gap:13px; padding-left:40px; border-left:1px solid #dfe5e7;}
.solar2 .solar-income-result-formula strong{font-size:28px; font-weight:700; color:#263a42; font-family:'SUIT',sans-serif;}
.solar2 .solar-income-result-formula strong:nth-of-type(n+2){color:var(--primarycolor);}
.solar2 .solar-income-result-formula .symbol{font-size:22px; font-weight:500; color:#8a979c;}
.solar2 .solar-income-result-formula .bracket{font-size:30px; font-weight:400; color:#9ba5a9;}

@media all and (max-width:1399px){
.solar2 .solar-income{padding:120px 0;}
.solar2 .solar-income-result-formula strong{font-size:25px;}
}
@media all and (max-width:1024px){
.solar2 .solar-income{padding:100px 0;}
.solar2 .solar-income-head{display:block;}
.solar2 .solar-income-head > p{margin-top:20px; padding-bottom:0;}
.solar2 .solar-income-img{margin-top:55px;}
.solar2 .solar-income-result{display:block;}
.solar2 .solar-income-result-title{margin-bottom:20px;}
.solar2 .solar-income-result-formula{padding:20px 0 0; border-left:0; border-top:1px solid #dfe5e7;}
}
@media all and (max-width:768px){
.solar2 .solar-income{padding:90px 0;}
.solar2 .solar-income-head > p{font-size:16px;}
.solar2 .solar-income-result{margin-top:35px; padding:25px 20px;}
.solar2 .solar-income-result-formula{flex-wrap:wrap; gap:8px;}
.solar2 .solar-income-result-formula strong{font-size:21px;}
.solar2 .solar-income-result-formula .symbol{font-size:18px;}
.solar2 .solar-income-result-formula .bracket{font-size:24px;}
.solar2 .solar-income-img img{margin: 40px auto;}
}
@media all and (max-width:500px){
.solar2 .solar-income{padding:80px 0;}
.solar2 .solar-income-img{margin-top:40px;}
.solar2 .solar-income-result-title span{font-size:16px;}
.solar2 .solar-income-result-formula strong{font-size:18px;}
}

.solar2 .solar-income-result{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:45px; margin-top:45px; padding:38px 50px; background:#f4f7f8; border-radius:18px;}
.solar2 .solar-income-result-title{display:flex; align-items:center; gap:25px; white-space:nowrap;}
.solar2 .solar-income-result-title strong{font-size:22px; font-weight:700; color:#263a42; font-family:'SUIT',sans-serif;}
.solar2 .solar-income-result-title span{font-size:24px; font-weight:500; color:#263a42;}
.solar2 .solar-income-result-formula{padding-left:45px; border-left:1px solid #cdd6d9;}
.solar2 .solar-income-result-formula strong{font-size:30px; line-height:1.4; font-weight:700; letter-spacing:-.03em; color:var(--primarycolor); font-family:'SUIT',sans-serif; white-space:nowrap;}
.solar2 .solar-income-result-note{font-size:14px; line-height:1.65; font-weight:400; color:#8d999e; font-family:'SUIT',sans-serif;}

@media all and (max-width:1399px){
.solar2 .solar-income-result{gap:30px; padding:34px 40px;}
.solar2 .solar-income-result-formula{padding-left:30px;}
.solar2 .solar-income-result-formula strong{font-size:26px;}
}
@media all and (max-width:1024px){
.solar2 .solar-income-result{grid-template-columns:auto 1fr; gap:25px 30px;}
.solar2 .solar-income-result-formula{padding-left:30px;}
.solar2 .solar-income-result-note{grid-column:1 / -1; padding-left:0;}
}
@media all and (max-width:768px){
.solar2 .solar-income-result{display:block; margin-top:35px; padding:28px 25px; border-radius:14px;}
.solar2 .solar-income-result-title{gap:15px;}
.solar2 .solar-income-result-title strong{font-size:18px;}
.solar2 .solar-income-result-formula{margin-top:20px; padding:20px 0 0; border-left:0; border-top:1px solid #d6dddf;}
.solar2 .solar-income-result-formula strong{font-size:22px; white-space:normal;}
.solar2 .solar-income-result-note{margin-top:18px;}
}
@media all and (max-width:500px){
.solar2 .solar-income-result{padding:25px 20px;}
.solar2 .solar-income-result-formula strong{font-size:22px;}
}


.solar3 .finance-nav{padding:0 0 100px;}
.solar3 .finance-nav-list{display:flex; width:100%; max-width:700px; margin:0 auto; border:1px solid #e1e6e8; border-radius:12px; overflow:hidden; background:#fff;}
.solar3 .finance-nav-list a{position:relative; display:flex; align-items:center; justify-content:center; gap:12px; width:50%; height:72px; font-size:18px; font-weight:700; color:#7b878c; transition:all .3s ease;}
.solar3 .finance-nav-list a + a{border-left:1px solid #e1e6e8;}
.solar3 .finance-nav-list a span{font-size:12px; font-weight:700; color:#a7b0b4;}
.solar3 .finance-nav-list a strong{font-weight:700;}
.solar3 .finance-nav-list a:hover{color:var(--primarycolor);}
.solar3 .finance-nav-list a.on{background:#263a42; color:#fff;}
.solar3 .finance-nav-list a.on span{color:var(--primarycolor);}
@media all and (max-width:768px){
.solar3 .finance-nav{padding:0 0 70px;}
.solar3 .finance-nav-list a{height:62px; gap:8px; font-size:16px;}
}
@media all and (max-width:500px){
.solar3 .finance-nav-list{border-radius:8px;}
.solar3 .finance-nav-list a{height:56px; font-size:14px;}
.solar3 .finance-nav-list a span{display:none;}
}



.solar3 .finance-zero-structure .roof-review-points{display:grid; grid-template-columns:repeat(1,1fr);}
.solar3 .finance-zero-structure .roof-review-point{border-right: 0;}
.solar3 .finance-support-structure .roof-review-points{display:grid; grid-template-columns:repeat(2,1fr);}
.solar3 .finance-support-structure .roof-review-point:nth-child(3){grid-column:1 / -1; border-right: 0 ;}
.solar5 .roof-review-points{display:grid; grid-template-columns:repeat(1,1fr);}
.solar5 .roof-review-point{border-right: 0;}

.finance-type{padding:140px 0; background: #f9f9f9;}
.finance-type .finance-type-list{position:relative; display:grid; grid-template-columns:repeat(2,1fr); margin-top:70px; overflow:hidden; background:#fff; border:1px solid #e3e8ea; border-radius:24px;}
.finance-type .finance-type-item{position:relative; padding:55px 60px 60px; box-sizing:border-box;}
.finance-type .finance-type-item + .finance-type-item{border-left:1px solid #e3e8ea;}
.finance-type .finance-type-item.type01{background:#fff;}
.finance-type .finance-type-item.type02{background:#fbfcfc;}
.finance-type .finance-type-title .top{display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.finance-type .finance-type-title .num{font-size:15px; font-weight:800; letter-spacing:.08em; color:var(--primarycolor);}
.finance-type .finance-type-title .badge{display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:32px; padding:0 14px; border-radius:20px; background:#edf7f9; font-size:16px; font-weight:700; color:var(--primarycolor);}
.finance-type .finance-type-title h4{font-size:34px; line-height:1.3; font-weight:700; color:#1c2d38;}
.finance-type .finance-type-title p{margin-top:15px; font-size:18px; line-height:1.4; color:#7b858b;}
.finance-type .finance-type-highlight{margin-top:40px; padding:28px 30px; background:#f4f8f9; border-radius:16px;}
.finance-type .finance-type-highlight span{display:block; margin-bottom:8px; font-size:16px; font-weight:700; color:#89949a;}
.finance-type .finance-type-highlight strong{display:block; font-size:27px; line-height:1.3; font-weight:800; color:var(--primarycolor);}
.finance-type .finance-type-info{margin-top:25px; border-top:1px solid #e8ecee;}
.finance-type .finance-type-info dl{display:flex; align-items:center; justify-content:space-between; min-height:62px; border-bottom:1px solid #e8ecee;}
.finance-type .finance-type-info dl:last-child{border-bottom:0;}
.finance-type .finance-type-info dt{font-size:18px; font-weight:600; color:#8a9499;}
.finance-type .finance-type-info dd{font-size:20px; font-weight:600; color:#2e3d45; text-align:right;}

@media all and (max-width:1024px){
    .finance-type .finance-type-item{padding:45px 35px 50px;}
    .finance-type .finance-type-title h4{font-size:29px;}
    .finance-type .finance-type-highlight strong{font-size:23px;}
}
@media all and (max-width:768px){
    .finance-type{padding:90px 0;}
    .finance-type .finance-type-list{grid-template-columns:1fr; margin-top:45px; border-radius:18px;}
    .finance-type .finance-type-item{padding:35px 25px 40px;}
    .finance-type .finance-type-item + .finance-type-item{border-left:0; border-top:1px solid #e3e8ea;}
    .finance-type .finance-type-title .top{margin-bottom:22px;}
    .finance-type .finance-type-title h4{font-size:25px;}
    .finance-type .finance-type-title p{font-size:15px;}
    .finance-type .finance-type-highlight{margin-top:28px; padding:22px 20px; border-radius:12px;}
    .finance-type .finance-type-highlight strong{font-size:21px;}
    .finance-type .finance-type-info{margin-top:20px;}
    .finance-type .finance-type-info dl{min-height:56px;}
    .finance-type .finance-type-info dt{font-size:13px;}
    .finance-type .finance-type-info dd{font-size:15px;}
}

.solar3 .finance-tab{padding:0 0 60px;}
.solar3 .finance-tab-list{display:flex; max-width:700px; margin:0 auto; padding:6px; background:#fff; border:1px solid #e4e9eb; border-radius:50px;}
.solar3 .finance-tab-btn{width:50%; height:58px; border:0; border-radius:50px; background:transparent; font-family:'SUIT'; font-size:17px; font-weight:700; color:#8a9499; cursor:pointer; transition:.3s; font-family: 'pretendard';}
.solar3 .finance-tab-btn.on{background:#1d2d38; color:#fff;}
.solar3 .finance-tab-panel{display:none;}
.solar3 .finance-tab-panel.on{display:block;}
.solar3 .finance-support-note{margin-top:35px; font-size:14px; line-height:1.7; color:#999; text-align:center;}

@media all and (max-width:768px){
    .solar3 .finance-tab{padding:0 20px 40px;}
    .solar3 .finance-tab-list{padding:5px;}
    .solar3 .finance-tab-btn{height:50px; font-size:15px;}
    .solar3 .finance-support-note{margin-top:25px; font-size:13px;}
}


.fund-flow{position:relative; max-width:1400px; height:650px; margin:70px auto; background:#f3f7f9;}
.fund-flow-box{position:absolute; z-index:3; text-align:center;}
.fund-flow-box.applicant{top:30px; left:50%; width:25%; transform:translateX(-50%);}
.fund-flow-box.center{left:30px; bottom:30px; width:25%;}
.fund-flow-box.bank{right:30px; bottom:30px; width:25%;}
.fund-flow-icon{height:65px; display:flex; align-items:center; justify-content:center; font-size:48px; color:#202426;}
.fund-flow-name{height:58px; display:flex; align-items:center; justify-content:center; padding:0 20px; border-radius:30px; background:#42a6bc; font-size:19px; font-weight:700; color:#fff; box-sizing:border-box;}
.fund-flow-box.bank .fund-flow-name{background:#222;}
.fund-flow-desc{display:flex; align-items:center; justify-content:center; height:70px; margin:10px 0 0; padding:0 20px; background:#fff; border-radius:6px; font-size:17px; font-weight:700; color:#42a6bc; box-shadow:0 10px 25px rgba(0,0,0,.04); box-sizing:border-box;}
.fund-flow-box.bank .fund-flow-desc{color:#222;}
.fund-flow-line{position:absolute; z-index:1; border-color:#bfc8cc; border-style:dashed;}
.fund-flow-line.line-top{top:190px; left:14.5%; right:14.5%; border-width:1px 0 0;}
.fund-flow-line.line-left{top:190px; left:14.5%; bottom:145px; border-width:0 0 0 1px;}
.fund-flow-line.line-right{top:190px; right:14.5%; bottom:145px; border-width:0 0 0 1px;}
.fund-flow-line.line-bottom{left:14.5%; right:14.5%; bottom:145px; border-width:1px 0 0;}
.fund-flow-step{position:absolute; z-index:5; display:flex; align-items:center; gap:9px; padding:5px 10px; background:#f3f7f9; white-space:nowrap;}
.fund-flow-step span{display:flex; align-items:center; justify-content:center; width:25px; height:25px; border:1px solid #42a6bc; border-radius:50%; background:#fff; font-size:14px; font-weight:700; color:#42a6bc;}
.fund-flow-step strong{font-size:16px; font-weight:700; color:#42a6bc;}
.fund-flow-step i{font-size:25px; color:#42a6bc;}
.fund-flow-step.step01{top:170px; left:18%;}
.fund-flow-step.step02{top:290px; left: 13%;}
.fund-flow-step.step03{top:169px; right:18%;}
.fund-flow-step.step04{right:30%; bottom:124px;}
.fund-flow-step.step02-bottom{left: 30%; bottom:170px;}
.fund-flow-step.step05{left:31%; bottom:80px;}
.fund-flow-down-arrow{position:absolute; z-index:5; left:35%; bottom:130px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; background:#f3f7f9;}
.fund-flow-down-arrow i{font-size:25px; color:#42a6bc;}
.fund-flow-step.step06{top:290px; right:13%;}
.fund-flow-step.step04 span,.fund-flow-step.step06 span{border-color:#222; color:#222;}
.fund-flow-step.step04 strong,.fund-flow-step.step06 strong{color:#222;}
.fund-flow-step.step04 i,.fund-flow-step.step06 i{color:#222;}


@media all and (max-width:1024px){
    .fund-flow{height: 1100px;}
    .fund-flow-box.applicant{width: 90%;}
    .fund-flow-box.center{width: 60%; bottom: auto; top: 570px;}
    .fund-flow-box.bank{width: 50%;}
    .fund-flow-line.line-top{display: none;}
    .fund-flow-step.step01{top: 270px; left: 75px;}
    .fund-flow-step.step01 i{transform: rotate(-90deg);}
    .fund-flow-step.step02{top: 420px; left: 75px;}
    .fund-flow-step.step03{top: 270px; right: 75px;}
    .fund-flow-step.step03 i{transform: rotate(90deg);}
    .fund-flow-step.step06{top: 420px; right: 75px;}
    .fund-flow-step{flex-direction: column; gap: 5px; width: 90px;}
    .fund-flow-line.line-right{right: 120px;}
    .fund-flow-line.line-left{left: 120px; bottom: 135px;}
    .fund-flow-step.step02-bottom{left: 75px; bottom: 240px;}
    .fund-flow-down-arrow{transform: rotate(90deg); left: 105px; bottom: 210px;}
    .fund-flow-line.line-bottom{left: 120px; bottom: 135px;}
    .fund-flow-step.step05{left: 75px; bottom: 150px;}
    .fund-flow-step.step04{right: auto; bottom: 60px; left: 160px;}
}
@media all and (max-width:768px){
    .fund-flow-line.line-left{left: 13vw;}
    .fund-flow-step{width: 20vw;}
    .fund-flow-step.step01{left: 3vw;}
    .fund-flow-step.step02{left: 3vw;}
    .fund-flow-step.step03{right: 3vw;}
    .fund-flow-step.step04{left: 18vw;}
    .fund-flow-step.step06{right: 3vw;}
    .fund-flow-line.line-right{right: 13vw;}
    .fund-flow-step.step02-bottom{left: 3vw;}
    .fund-flow-down-arrow{left: 10.3vw;}
    .fund-flow-step.step05{left: 3vw;}
    .fund-flow-line.line-bottom{left: 13vw;}
}


.solar5 .equipment-tab{padding:0 0 60px;}
.solar5 .equipment-tab-list{display:flex; max-width:650px; margin:0 auto; padding:6px; background:#fff; border:1px solid #e3e8ea; border-radius:50px;}
.solar5 .equipment-tab-btn{width:50%; height:58px; border:0; border-radius:50px; background:transparent; font-family:'SUIT'; font-size:17px; font-weight:700; color:#8b969c; cursor:pointer; transition:.3s; font-family: 'pretendard';}
.solar5 .equipment-tab-btn.on{background:#1d2d38; color:#fff;}
.solar5 .equipment-tab-panel{display:none;}
.solar5 .equipment-tab-panel.on{display:block;}

@media all and (max-width:768px){
    .solar5 .equipment-tab{padding:45px 20px 0;}
    .solar5 .equipment-tab-list{padding:5px;}
    .solar5 .equipment-tab-btn{height:50px; font-size:15px;}
    }