@charset "UTF-8";

/* ========== 비주얼 ========== */
.visual{position: relative; height: 950px; overflow: hidden;}
.visual_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.visual_bg img{width: 100%; height: 100%; object-fit: cover;}
/* .visual_overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1;} */
.visual .width{position: relative; z-index: 2; height: 100%; display: flex; align-items: center;}
.visual_text h2{font-size: 56px; font-weight: 700; color: #fff; letter-spacing: -2.5%; line-height: 130%;}
.visual_text p{margin-top: 28px; font-size: var(--fs22); font-weight: 500; color: #fff; letter-spacing: -2.5%; line-height: 130%;}

@media all and (max-width: 1400px){
    .visual{height: 750px;}
    .visual_text h2{font-size: 46px;}
}
@media all and (max-width: 1024px){
    .visual{height: 600px;}
    .visual_text h2{font-size: 38px;}
    .visual_text p{font-size: var(--fs18);}
}
@media all and (max-width: 768px){
    .visual{height: 500px;}
    .visual_text h2{font-size: 30px;}
    .visual_text p{font-size: 17.5px; margin-top: 20px;}
}

.latest{position: fixed; bottom: 0; width: 100%; z-index: 99; transition: transform 0.3s ease;}
.latest2{width: 92%; max-width: 1540px; margin: 0 auto; padding: 0 0 120px;}

/* ========== main1 시세 정보 ========== */
.main1{padding: 140px 0;}
.main1_top{display: flex; flex-direction: column; gap: 12px;}
.main1_top > p{font-size: var(--fs22); font-weight: 400; color: #505050; letter-spacing: -0.55px; line-height: 140%;}
.main1_title{display: flex; align-items: center; justify-content: space-between;}
.main1_title h2{font-size: 40px; font-weight: 700; color: #111; letter-spacing: -1px; line-height: 130%;}
.main1_title h2 span{color: #F39800; font-weight: bold;}
.main1_tab{display: flex; align-items: center; gap: 4px; background: #F7F7F7; padding: 4px; border-radius: 100px;}
.main1_tab button{border: none; background: none; padding: 0 24px; border-radius: 100px; font-size: 17.5px; font-weight: 600; color: #999; letter-spacing: -0.4px; line-height: 300%; font-family: 'Pretendard', sans-serif; cursor: pointer; white-space: nowrap; transition: 0.3s all;}
.main1_tab button.on{background: #111; color: #fff;}
.main1_table{display: none; align-items: stretch; border: 1px solid #E5E5EC; border-radius: 16px 4px 16px 4px; margin-top: 60px;}
.main1_table.on{display: flex;}
.main1_rec{width: 25%; background: linear-gradient(68deg, #0132AD 0%, #0B318F 100%); border-radius: 12px; position: relative; display: flex; align-items: center; justify-content: center;}
.main1_rec_select{position: relative; z-index: 2; padding: 0 10%;}
.main1_rec p{font-size: var(--fs32); font-weight: 600; color: #fff; letter-spacing: -0.8px; line-height: 130%; display: flex; align-items: center; gap: 8px; white-space: nowrap; cursor: pointer;}
.main1_rec p .arrow{display: inline-block; width: 12px; height: 12px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); transition: 0.3s; margin-top: -6px; flex-shrink: 0;}
.main1_rec p .arrow.up{transform: rotate(-135deg); margin-top: 6px;}
.main1_rec_options{display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #E5E5EC; border-radius: 8px; list-style: none; padding: 8px 0; margin: 8px 0 0; box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.main1_rec_options.open{display: block;}
.main1_rec_options li{padding: 10px 20px; font-size: 17.5px; font-weight: 400; color: #333; cursor: pointer; white-space: nowrap;}
.main1_rec_options li:hover{background: #F7F7F7;}
.main1_rec_options li.on{font-weight: 600; color: #0132AD;}
.main1_rec > img{position: absolute; bottom: 0; left: 15px; width: 52px; opacity: 0.12;}
.main1 .box_wrap{display: flex; width: 75%;}
.main1 .box{flex: 1; border-right: 1px solid #E5E5EC; padding: 34px 48px; display: flex; flex-direction: column; gap: 24px; justify-content: center;}
.main1 .box:last-child{border-right: none;}
.main1_label{display: flex; align-items: center; gap: 10px;}
.main1_label strong{font-size: var(--fs20); font-weight: 600; color: #111; line-height: 130%;}
.main1_label span{font-size: 17.5px; font-weight: 400; color: #999; line-height: 130%;}
.main1_value{display: flex; align-items: center; gap: 8px;}
.main1_value strong{font-size: 40px; font-weight: 600; color: #111; letter-spacing: -1px; line-height: 130%;}
.main1_value span{font-size: 17.5px; font-weight: 400; color: #505050; letter-spacing: -0.4px; line-height: 130%;}
.main1_value em{font-size: 17.5px; font-weight: 400; color: #C40000; letter-spacing: -0.4px; line-height: 130%; font-style: normal;}
.main1_value em.down{color: #0066CC;}

/* ========== main2 사업소개 ========== */
.main2{background: #FEF9F0; padding: 140px 0;}
.main2_top{display: flex; flex-direction: column; gap: 12px;}
.main2_top h2{font-size: 40px; font-weight: 700; color: #000; letter-spacing: -1px; line-height: 130%;}
.main2_top p{font-size: var(--fs22); font-weight: 400; color: #505050; letter-spacing: -0.55px; line-height: 140%;}
.main2_content{display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-top: 60px;}
.main2_cards{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.main2_banners{display: flex; flex-direction: column; gap: 20px;}
/* 흰 카드 */
.main2_card{background: #fff; border-radius: 24px 8px 8px 24px; padding: 40px 48px; display: flex; flex-direction: column; gap: 16px; border: 1px solid transparent; transition: 0.3s;}
.main2_card:hover{border-color: #F39800;}
.main2_ico{width: 80px;}
.main2_info{display: flex; flex-direction: column; gap: 32px;}
.main2_cate{font-size: 17.5px; font-weight: 500; color: #F39800; letter-spacing: -0.4px; line-height: 140%;}
.main2_name{font-size: 28px; font-weight: 600; color: #111; letter-spacing: -0.7px; line-height: 130%; margin-top: -20px;}
.main2_desc{font-size: 17.5px; font-weight: 400; color: #505050; letter-spacing: -0.4px; line-height: 140%;}
.main2_link{display: inline-flex; align-items: center; gap: 8px; border: 1px solid #E5E5EC; border-radius: 100px; padding: 0 24px; font-size: 17.5px; font-weight: 600; color: #999; letter-spacing: -0.4px; line-height: 300%; text-decoration: none; transition: 0.3s; white-space: nowrap; width: fit-content;}
.main2_link_arrow{width: 16px;}
.main2_card:hover .main2_link{border-color: #F39800; color: #F39800;}
/* 컬러 배너 */
.main2_banner{flex: 1; border-radius: 24px 8px 24px 8px; padding: 32px 48px; display: flex; flex-direction: column; justify-content: center; gap: 16px; text-decoration: none; transition: 0.3s;}
.main2_banner:hover{opacity: 0.9;}
.main2_banner.navy{background: #0B318F;}
.main2_banner.green{background: #49AB52;}
.main2_banner.blue{background: #0132AD;}
.main2_banner_logo{width: 138px;}
.main2_banner_bottom{display: flex; align-items: center; justify-content: space-between;}
.main2_banner_bottom strong{font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -0.7px; line-height: 140%;}
.main2_banner_left{display: flex; align-items: center; gap: 12px;}
.main2_banner_ico{width: 56px;}
.main2_circle_btn{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #fff; border-radius: 100px;}
.main2_circle_btn img{width: 18px;}

/* ========== main3 시공사례 ========== */
.main3{padding: 140px 0;}
.main3_wrap{display: flex; align-items: stretch; gap: 3%;}
.main3_left{width: 22%; display: flex; flex-direction: column;}
.main3_left h2{font-size: 40px; font-weight: 700; color: #111; letter-spacing: -1px; line-height: 130%;}
.main3_tab{display: flex; flex-direction: column; gap: 12px; margin-top: 40px;}
.main3_tab button{border: 1px solid #E5E5EC; background: none; padding: 0 24px; border-radius: 100px; font-size: 17.5px; font-weight: 600; color: #999; letter-spacing: -0.4px; line-height: 290%; font-family: 'Pretendard', sans-serif; cursor: pointer; white-space: nowrap; transition: 0.3s all; text-align: center; width: fit-content;}
.main3_tab button.on{background: #111; color: #fff; border-color: #111;}
.main3_nav{display: flex; gap: 8px; margin-top: auto;}
.main3_prev, .main3_next{width: 50px; height: 50px; border-radius: 100px; border: 1px solid #E5E5EC; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s all;}
.main3_prev:hover, .main3_next:hover{border-color: #111;}
.main3_prev span, .main3_next span{font-family: 'SUIT-Thin', sans-serif; font-size: 24px; color: #111; line-height: 100%;}
.main3_right{width: 75%; overflow: hidden;}
.main3_swiper{overflow: visible;}
.main3_swiper .swiper-slide a{text-decoration: none; display: block;}
.main3_img{border-radius: 20px; overflow: hidden; aspect-ratio: 350/240;}
.main3_img img{width: 100%; object-fit: cover; transition: 0.5s all;}
.main3_swiper .swiper-slide:hover .main3_img img{transform: scale(1.05);}
.main3_text{padding: 28px 12px 0;}
.main3_cate{font-size: var(--fs18); font-weight: 500; color: #F39800; line-height: 140%; letter-spacing: -0.45px;}
.main3_title{display: block; margin-top: 8px; font-size: var(--fs20); font-weight: 600; color: #111; line-height: 140%; letter-spacing: -0.5px;}
.main3_capacity{margin-top: 16px; font-size: var(--fs20); font-weight: 500; color: #505050; line-height: 140%; display: none;}
.main3_empty{padding: 60px 0; text-align: center; color: #999; font-size: 17.5px;}

/* ========== main4 뉴스 ========== */
.main4{background: #F7F7F7; padding: 140px 0;}
.main4_top{display: flex; align-items: center; justify-content: space-between;}
.main4_top h2{font-size: 40px; font-weight: 700; color: #000; letter-spacing: -1px; line-height: 130%;}
.main4_more{display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(68deg, #0132AD 0%, #0B318F 100%); padding: 0 24px; border-radius: 100px; font-size: 17.5px; font-weight: 600; color: #fff; letter-spacing: -0.4px; line-height: 300%; text-decoration: none; white-space: nowrap; transition: 0.3s all;}
.main4_more:hover{opacity: 0.85;}
.main4_more span{font-family: 'SUIT-Thin', sans-serif; font-size: 18px; line-height: 100%;}
.main4_content{margin-top: 40px; overflow: hidden;}
.main4Swiper{overflow: visible;}
.main4Swiper .swiper-slide a{text-decoration: none; display: block;}
.main4_img{border-radius: 20px; overflow: hidden; aspect-ratio: 350/240;}
.main4_img img{width: 100%; object-fit: cover; transition: 0.5s all;}
.main4Swiper .swiper-slide:hover .main4_img img{transform: scale(1.05);}
.main4_text{padding: 20px 12px 0; display: flex; flex-direction: column; gap: 24px;}
.main4_source{font-size: var(--fs18); font-weight: 500; color: #0B318F; line-height: 140%; letter-spacing: -0.45px;}
.main4_title{display: block; margin-top: -16px; font-size: var(--fs20); font-weight: 600; color: #111; line-height: 140%; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main4_date{font-size: 17.5px; font-weight: 400; color: #999; line-height: 150%;}
.main4_empty{padding: 60px 0; text-align: center; color: #999; font-size: 17.5px;}

/* ========== main6 파트너스 ========== */
.main6{background: #F7F7F7; padding: 140px 0; position: relative; overflow: hidden;}
.main6_deco{position: absolute; top: 58%; left: -1%; width: 18%; opacity: 0.5; pointer-events: none;}
.main6 h2{font-size: 40px; font-weight: 700; color: #000; letter-spacing: -1px; line-height: 130%;}
.main6 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 1.5%; margin-top: 60px;}
.main6 .box{width: calc(20% - 1.2%);}
.main6 .box img{width: 100%;}

/* ========== footer ========== */
#ft{background: #111 !important; padding: 56px 0 !important; text-align: left;}
.ft_info{border-bottom: 1px solid #767676; padding-bottom: 40px;}
.ft_title{display: block; font-size: 17px; font-weight: 600; color: #fff; letter-spacing: -0.375px; line-height: 150%;}
.ft_list{display: flex; flex-direction: column; gap: 8px; margin-top: 24px;}
.ft_row{display: flex; gap: 0 4%; font-size: 17.5px; letter-spacing: -0.4px; line-height: 150%;}
.ft_item{color: #767676; font-weight: 400;}
.ft_item b{color: #fff; font-weight: 600; margin-right: 8px;}
.ft_copy{font-size: 17px; font-weight: 400; color: #767676; letter-spacing: -0.375px; line-height: 150%; margin-top: 40px;}

/* ========== 서브 탭 네비게이션 ========== */
.sub_tab_wrap{background: #F7F7F7; border-bottom: 1px solid #E5E5EC; z-index: 90; transition: box-shadow 0.3s;}
.sub_tab_wrap.fixed{position: fixed; left: 0; width: 100%; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.sub_tab{display: flex; align-items: stretch;}
.sub_tab_btn{flex: 1; display: flex; align-items: center; justify-content: center; padding: 20px 10px; font-size: 17.5px; font-weight: 500; color: #767676; letter-spacing: -0.4px; text-decoration: none; position: relative; transition: 0.3s all; background: none; border: none; cursor: pointer; white-space: nowrap;}
.sub_tab_btn::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--color); transform: scaleX(0); transition: 0.3s;}
.sub_tab_btn:hover{color: #333; background: #EFEFEF;}
.sub_tab_btn.on{color: #111; font-weight: 700;}
.sub_tab_btn.on::after{transform: scaleX(1);}

/* ========== a1 인사말 ========== */
.a1_greet{padding: 120px 0; position: relative; overflow: hidden;}
.a1_deco{position: absolute; top: 50%; right: -2%; width: 18%; opacity: 0.08; pointer-events: none; transform: translateY(-50%);}
.a1_label{display: inline-block; font-size: var(--fs18); font-weight: 600; color: var(--color); letter-spacing: 2px; line-height: 150%; font-family: 'SUIT-SemiBold'; text-transform: uppercase;}
.a1_row{display: flex; gap: 0 5%; margin-top: 40px;}
.a1_row_left{width: 40%; padding-bottom: 60px; background: url('/theme/nero/img/main6_bg.png') no-repeat left bottom; background-size: 50%;}
.a1_row_left h3{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%;}
.a1_sign{margin-top: 40px; display: flex; flex-direction: column; gap: 4px;}
.a1_sign span{font-size: 17.5px; font-weight: 400; color: #767676; line-height: 150%;}
.a1_sign strong{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 150%;}
.a1_row_right{width: 55%; display: flex; flex-direction: column; gap: 24px;}
.a1_row_right p{font-size: 17.5px; font-weight: 400; color: #505050; letter-spacing: -0.4px; line-height: 150%;}
.a1_thanks{font-weight: 600; color: #111;}

/* ========== a1 경영이념 ========== */
.a1_philo{padding: 120px 0; background: #F7F7F7; text-align: center;}
.a1_philo_title{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%; margin-top: 20px;}
.a1_philo_img{margin-top: 60px; border-radius: 20px; overflow: hidden;}
.a1_philo_img img{width: 100%;}

/* ========== a1 그룹정보 ========== */
.a1_group{padding: 120px 0; background: #fff;}
.a1_group_stat{display: flex; flex-wrap: wrap; gap: 0 8%; margin-top: 40px; padding: 32px 0; border-top: 2px solid #111; border-bottom: 1px solid #E5E5EC;}
.a1_group_stat dl{display: flex; align-items: center; gap: 0 12px; width: 42%; padding: 12px 0;}
.a1_group_stat dt{font-size: 17.5px; font-weight: 600; color: #111; line-height: 150%; white-space: nowrap;}
.a1_group_stat dd{font-size: 17.5px; font-weight: 400; color: #505050; line-height: 150%;}
.a1_network{margin-top: 60px;}
.a1_network_title{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 150%;}
.a1_network_desc{font-size: 17.5px; font-weight: 400; color: #505050; line-height: 150%; margin-top: 12px;}
.a1_group_wrap{display: flex; gap: 0 5%; margin-top: 40px; align-items: flex-start;}
.a1_group_left{width: 40%;}
.a1_branch{display: flex; flex-direction: column; gap: 24px;}
.a1_branch dl{display: flex; flex-direction: column; gap: 6px;}
.a1_branch dt{font-size: 17.5px; font-weight: 700; color: #111; line-height: 150%; padding-left: 12px; border-left: 3px solid var(--color);}
.a1_branch dd{font-size: 17px; font-weight: 400; color: #505050; line-height: 150%; padding-left: 15px;}
.a1_group_img{width: 55%; position: sticky; top: 160px;}
.a1_group_img img{width: 100%;}

/* ========== a1 그룹연혁 ========== */
.a1_history{padding: 120px 0; background: #F7F8FA; text-align: center;}
.a1_timeline{position: relative; margin-top: 60px; padding: 10px 0;}
.a1_timeline::before{content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #ddd; transform: translateX(-50%);}
.a1_timeline_item{position: relative; margin-bottom: 60px;}
.a1_timeline_item:last-child{margin-bottom: 0;}
.a1_timeline_item::before{content: ''; position: absolute; left: 50%; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--color); transform: translateX(-50%); z-index: 1;}
.a1_timeline_content{width: 45%;}
.a1_timeline_item.left .a1_timeline_content{margin-right: auto; padding-right: 50px; text-align: right;}
.a1_timeline_item.left .a1_timeline_content li{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.a1_timeline_item.left .a1_timeline_content li span{order: 1; margin-right: 0; margin-left: 10px;}
.a1_timeline_item.left .a1_timeline_content li p{padding-left: 0; width: 100%; order: 2;}
.a1_timeline_item.right .a1_timeline_content{margin-left: auto; padding-left: 50px; text-align: left;}
.a1_timeline_year{font-size: var(--fs28); font-weight: 700; color: #111; line-height: 150%; margin-bottom: 20px;}
.a1_timeline_content ul{list-style: none; padding: 0; margin: 0;}
.a1_timeline_content li{padding: 6px 0; font-size: 17px; color: #505050; line-height: 150%;}
.a1_timeline_content li span{font-weight: 600; color: #111; margin-right: 10px; display: inline-block; min-width: 36px;}
.a1_timeline_content li p{font-size: 17.5px; color: #888; line-height: 150%; margin-top: 4px; padding-left: 46px;}

/* ========== a1 차별화된 기술 ========== */
.a1_tech{padding: 120px 0; background: #fff;}
.a1_tech_title{font-size: var(--fs32); font-weight: 700; color: #111; line-height: 150%; margin-top: 16px;}
.a1_tech_tab{display: flex; gap: 0; margin-top: 48px; border-radius: 8px; overflow: hidden; border: 1px solid #E5E5EC;}
.a1_tech_btn{flex: 1; padding: 20px 16px; font-size: 17.5px; font-weight: 500; color: #505050; background: #F5F5F5; border: none; cursor: pointer; transition: 0.3s; line-height: 150%; border-right: 1px solid #E5E5EC;}
.a1_tech_btn:last-child{border-right: none;}
.a1_tech_btn.on{background: #2B3A4E; color: #fff; font-weight: 600;}
.a1_tech_btn:hover:not(.on){background: #eee;}
.a1_tech_panels{margin-top: 48px;}
.a1_tech_panel{display: none; gap: 0 5%; align-items: center;}
.a1_tech_panel.on{display: flex;}
.a1_tech_text{width: 45%;}
.a1_tech_sub{display: block; font-size: 17px; font-weight: 500; color: var(--color); line-height: 150%; margin-bottom: 12px;}
.a1_tech_text h4{font-size: var(--fs28); font-weight: 700; color: #111; line-height: 150%;}
.a1_tech_text > p{font-size: 17.5px; font-weight: 400; color: #505050; line-height: 150%; margin-top: 20px;}
.a1_tech_features{margin-top: 32px; display: flex; flex-direction: column; gap: 24px;}
.a1_tech_features dl{padding-left: 18px; position: relative;}
.a1_tech_features dl::before{content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--color);}
.a1_tech_features dt{font-size: 18px; font-weight: 600; color: #111; line-height: 150%;}
.a1_tech_features dd{font-size: 17px; font-weight: 400; color: #505050; line-height: 150%; margin-top: 6px;}
.a1_tech_img{width: 50%; border-radius: 16px; overflow: hidden;}
.a1_tech_img img{width: 100%;}
.a1_tech_panel.full{flex-direction: column; gap: 40px 0;}
.a1_tech_panel.full .a1_tech_text{width: 100%;}
.a1_tech_video{width: 100%; border-radius: 16px; overflow: hidden;}
.a1_tech_video video{width: 100%; display: block;}

/* ========== a2 조직도 ========== */
.a2 .board_title{margin-bottom: 0; text-align: left;}
.a2 .board_title h2{font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 130%;}
.a2_desc{font-size: var(--fs22); font-weight: 400; color: #505050; line-height: 140%; margin-top: 12px; letter-spacing: -0.55px;}
.a2_org{margin-top: 60px;}
.a2_org img{width: 100%;}

/* a3 오시는 길 */
.a3{padding: 120px 0;}
.a3 .board_title{margin-bottom: 0; text-align: left;}
.a3_tab{display: flex; gap: 0; margin-top: 48px; border-bottom: 1px solid #E5E5EC;}
.a3_tab_btn{flex: 1; padding: 20px 16px; font-size: 17.5px; font-weight: 500; color: #767676; background: none; border: none; cursor: pointer; transition: 0.3s; line-height: 150%; position: relative;}
.a3_tab_btn::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: transparent; transition: 0.3s;}
.a3_tab_btn.on{color: #111; font-weight: 600;}
.a3_tab_btn.on::after{background: var(--color);}
.a3_tab_btn:hover:not(.on){color: #505050;}
.a3_panels{margin-top: 40px; position: relative;}
.a3_panel{position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; pointer-events: none;}
.a3_panel.on{position: relative; visibility: visible; pointer-events: auto;}
.a3_map{aspect-ratio: 5/2; border-radius: 16px; overflow: hidden; background: #E5E5EC;}
.a3_map .root_daum_roughmap{width: 100% !important; height: 100% !important;}
.a3_info{margin-top: 28px; padding: 36px 40px; background: #F7F7F7; border-radius: 16px;}
.a3_info dl{display: flex; align-items: flex-start; gap: 0 20px;}
.a3_info dt{font-size: 17.5px; font-weight: 700; color: #111; line-height: 150%; white-space: nowrap; padding-left: 14px; border-left: 3px solid var(--color);}
.a3_info dd{font-size: 17.5px; font-weight: 400; color: #505050; line-height: 150%;}

.root_daum_roughmap .cont .section{display: none;}
.root_daum_roughmap_landing{width: 100% !important;}ㅇ
.root_daum_roughmap .wrap_map{height: 100% !important;}

/* ========== b1 산업단지 태양광 ========== */
.b1_intro{background: #F7F8FA; padding: 160px 0; text-align: center;}
.b1_intro .ptxt{margin-bottom: 0;}
.b1_intro .ptxt h2{color: #111; font-size: var(--fs42); font-weight: 700; letter-spacing: -1px; line-height: 140%; display: block;}
.b1_intro .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px auto 0;}
.b1_intro .ptxt p{color: #505050; font-size: var(--fs28); font-weight: 400; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}

.b1_define{padding: 160px 0 80px; text-align: center;}
.b1_define h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.b1_define_desc{font-size: var(--fs20); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 32px;}

.b1_merit{padding: 0 0 160px;}
.b1_merit .ptxt{margin-bottom: 48px;}
.b1_merit .ptxt h2{font-size: var(--fs22); font-weight: 600; color: #222; letter-spacing: -0.5px; line-height: 140%; display: block;}
.b1_merit .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b1_merit .box{width: 15%; background: #F7F8FA; border-radius: 16px; padding: 40px 16px; display: flex; flex-direction: column; align-items: center; gap: 16px; transition: 0.3s;}
.b1_merit .box:hover{background: #fff; box-shadow: 0 8px 24px rgba(0,78,115,0.1); transform: translateY(-4px);}
.b1_merit .box .img{width: 50%;}
.b1_merit .box .img img{width: 100%;}
.b1_merit .box p{font-size: var(--fs18); font-weight: 600; color: #111; letter-spacing: -0.45px; line-height: 150%;}

.b1_reason{padding: 160px 0; background: #F7F8FA; text-align: center;}
.b1_reason .ptxt{margin-bottom: 60px;}
.b1_reason .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 150%;}
.b1_reason .ptxt p{font-size: var(--fs20); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 32px;}
.b1_reason .box_wrap{display: flex; flex-wrap: wrap; gap: 40px 2%;}
.b1_reason .box{width: 32%; text-align: center; background: #fff; border-radius: 12px; padding: 16px 16px 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: 0.3s;}
/* .b1_reason .box:hover{transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,78,115,0.12);} */
.b1_reason .box .img{border-radius: 8px; overflow: hidden; }
.b1_reason .box .img img{width: 100%; display: block; object-fit: cover;}
.b1_reason .box .logo{margin-top: 16px; display: flex; align-items: center; justify-content: center; min-height: 40px;}
.b1_reason .box .logo img{max-width: 100px;}
.b1_reason .box p{font-size: 17px; font-weight: 500; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 16px;}
.b1_consult{margin-top: 100px; padding: 60px; background: #fff; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.06);}
.b1_consult h3{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.7px; line-height: 140%;}
.b1_consult_desc{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 16px;}
.b1_consult .box_wrap{display: flex; gap: 0 2%; margin-top: 48px;}
.b1_consult .box{width: 32%; text-align: left; background: #F7F8FA; border-radius: 12px; padding: 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; border: 1px solid #eee; transition: 0.3s;}
.b1_consult .box:hover{border-color: var(--color); box-shadow: 0 4px 16px rgba(0,0,0,0.08);}
.b1_consult .box .ico{width: 48px;}
.b1_consult .box .ico img{width: 100%;}
.b1_consult .box .txt strong{font-size: var(--fs20); font-weight: 700; color: #222; letter-spacing: -0.5px; line-height: 140%; display: block;}
.b1_consult .box .txt strong span{font-weight: 500; color: #888;}
.b1_consult .box .txt p{font-size: 17.5px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; margin-top: 8px;}

.b1_finance{padding: 160px 0; background: #fff; display: none;}
.b1_finance .ptxt{margin-bottom: 60px;}
.b1_finance .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-top: 12px;}
.b1_finance_form{background: #F7F8FA; border-radius: 16px; padding: 48px;}
.b1_finance_step{margin-bottom: 32px;}
.b1_finance_step dt{font-size: var(--fs18); font-weight: 400; color: #333; letter-spacing: -0.4px; line-height: 140%; margin-bottom: 12px;}
.b1_finance_step dt strong{font-weight: 700; color:#222;}
.b1_finance_btns{display: flex; gap: 0 12px;}
.b1_finance_btns button{flex: 1; padding: 16px 20px; background: #fff; border: 1px solid #ddd; border-radius: 8px; font-size: 17.5px; font-weight: 500; color: #555; letter-spacing: -0.4px; cursor: pointer; transition: 0.3s;}
.b1_finance_btns button:hover{border-color: var(--color); color: var(--color);}
.b1_finance_btns button.active{background: var(--color); border-color: var(--color); color: #fff; font-weight: 600;}
.b1_finance_submit{width: 100%; padding: 18px; background: #333; border: none; border-radius: 8px; font-size: var(--fs18); font-weight: 600; color: #fff; letter-spacing: -0.4px; cursor: pointer; transition: 0.3s; margin-top: 8px;}
.b1_finance_submit:hover{background: #111;}
.b1_finance_result{display: none; margin-top: 32px; background: #fff; border-radius: 12px; padding: 32px; border-left: 4px solid var(--color);}
.b1_finance_result.active{display: block;}
.b1_finance_result strong{font-size: var(--fs22); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; display: block;}
.b1_finance_result p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; margin-top: 12px;}

.b1_solution{padding: 160px 0; background: #fff;}
.b1_solution .ptxt{margin-bottom: 60px;}
.b1_solution .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.b1_solution .ptxt p{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b1_portfolio{padding: 160px 0; background: #f9f9f9; text-align: center;}
.b1_portfolio .ptxt{margin-bottom: 60px;}
.b1_portfolio .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%;}
.b1_portfolio .ptxt p{font-size: var(--fs20); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 24px;}
.b1_portfolio_table{overflow-x: auto;}
.b1_portfolio_table table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b1_portfolio_table thead th{background: var(--color); color: #fff; font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 16px 20px; text-align: center; white-space: nowrap;}
.b1_portfolio_table tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 16px 20px; text-align: center; border-bottom: 1px solid #f0f0f0;}
.b1_portfolio_table tbody tr:last-child td{border-bottom: none;}
.b1_portfolio_table tbody td:first-child{font-weight: 600; color: #111; text-align: center; white-space: nowrap;}
.b1_portfolio_table tbody td:nth-child(2){text-align: center; color: #666;}
.b1_badge{display: inline-block; width: 28px; line-height: 28px; border-radius: 50%; font-size: 13px; font-weight: 700; text-align: center;}
.b1_badge.on{background: rgba(243,152,0,0.12); color: var(--color);}
.b1_badge.off{background: #f0f0f0; color: #bbb;}
.b1_zero{font-weight: 700; color: var(--color) !important;}

.b1_solution_list{display: flex; flex-direction: column; gap: 32px 0;}
.b1_solution_item{display: flex; gap: 0 32px; padding: 40px; background: #F7F8FA; border-radius: 12px; border: 1px solid #eee; align-items: flex-start;}
.b1_solution_num{flex-shrink: 0; width: 48px; line-height: 48px; text-align: center; background: var(--color); color: #fff; font-size: var(--fs22); font-weight: 700; border-radius: 50%; aspect-ratio: 1;}
.b1_solution_cont{flex: 1;}
.b1_solution_tag{display: inline-block; font-size: var(--fs14); font-weight: 600; color: var(--color); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px;}
.b1_solution_cont > strong{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; display: block;}
.b1_solution_cont > p{font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 12px;}
.b1_solution_cont > p b{color: #222; font-weight: 600;}
.b1_solution_subs{margin-top: 20px; display: flex; flex-direction: column; gap: 16px 0;}
.b1_solution_subs dl{padding: 24px; background: #fff; border-radius: 8px; border: 1px solid #eee;}
.b1_solution_subs dt{font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b1_solution_subs dd{font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 8px;}

.b1_plan{padding: 160px 0; background: var(--color);}
.b1_plan .ptxt{margin-bottom: 60px;}
.b1_plan .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #fff; letter-spacing: -0.8px; line-height: 140%;}
.b1_plan .ptxt p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b1_plan .box_wrap{display: flex; gap: 0 2%;}
.b1_plan .box{width: 32%; padding: 40px; background: rgba(255,255,255,0.1); border-radius: 12px; border: 1px solid rgba(255,255,255,0.15); text-align: center; transition: 0.3s;}
.b1_plan .box:hover{background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.3);}
.b1_plan_num{font-size: var(--fs32); font-weight: 800; color: rgba(255,255,255,0.3); letter-spacing: -1px; line-height: 100%; display: block;}
.b1_plan .box strong{font-size: var(--fs24); font-weight: 700; color: #fff; letter-spacing: -0.6px; line-height: 140%; display: block; margin-top: 12px;}
.b1_plan .box ul{margin-top: 24px; list-style: none; padding: 0;}
.b1_plan .box ul li{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.8); letter-spacing: -0.4px; line-height: 150%;}

/* b2 자가소비 */
.b2_intro{padding: 160px 0; background: #fff;}
.b2_intro .ptxt{margin-bottom: 80px;}
.b2_intro .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.b2_intro .ptxt p{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b2_list{display: flex; flex-direction: column; gap: 120px 0;}
.b2_item{display: flex; align-items: center; gap: 0 6%;}
.b2_item.reverse{flex-direction: row-reverse;}
.b2_txt{width: 50%;}
.b2_img{width: 44%; border-radius: 16px; overflow: hidden;}
.b2_img img{width: 100%; display: block;}
.b2_num{display: inline-block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: 2px; margin-bottom: 16px;}
.b2_txt strong{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; display: block;}
.b2_txt p{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b2_accent{color: #111 !important; font-weight: 500 !important; padding-left: 16px; border-left: 3px solid var(--color);}

/* b2_reason */
.b2_reason{padding: 160px 0; background: #F7F8FA; text-align: center;}
.b2_reason .ptxt{margin-bottom: 20px;}
.b2_reason .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.b2_reason .ptxt p{font-size: var(--fs20); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b2_reason_sub{margin-top: 60px; margin-bottom: 30px;}
.b2_reason_sub h3{font-size: var(--fs22); font-weight: 600; color: #222; letter-spacing: -0.5px; line-height: 140%; display: block; text-align: left;}
.b2_reason .box_wrap{display: flex; flex-wrap: wrap; gap: 40px 2%;}
.b2_reason .box{width: 32%; display: flex; flex-direction: column; align-items: center; text-align: center;}
.b2_reason .box .img{width: 100%; border-radius: 12px; overflow: hidden;}
.b2_reason .box .img img{width: 100%;}
.b2_reason .box strong{margin-top: 16px; font-size: var(--fs20); font-weight: 600; color: #111; letter-spacing: -0.45px; line-height: 150%;}
.b2_reason .box p{margin-top: 8px; font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%;}

/* b2_table */
.b2_table{padding: 160px 0; background: #fff; text-align: center;}
.b2_table .ptxt{margin-bottom: 60px;}
.b2_table .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%;}
.b2_table .ptxt p{font-size: var(--fs20); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b2_table_wrap{overflow-x: auto;}
.b2_table_wrap table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b2_table_wrap thead th{background: var(--color); color: #fff; font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 16px 20px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(255,255,255,0.2);}
.b2_table_wrap thead th:last-child{border-right: none;}
.b2_table_wrap tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 16px 20px; text-align: center; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
/* .b2_table_wrap tbody td:last-child{border-right: none;} */
/* .b2_table_wrap tbody tr:last-child td{border-bottom: none;} */
.b2_table_wrap tbody td:first-child{font-weight: 600; color: #111; white-space: nowrap; background: #F7F8FA;}

/* b2_compare */
.b2_compare{padding: 160px 0; background: #F7F8FA; text-align: center;}
.b2_compare .ptxt{margin-bottom: 60px;}
.b2_compare .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%;}
.b2_compare_wrap{overflow-x: auto;}
.b2_compare_wrap table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b2_compare_wrap thead th{font-size: var(--fs18); font-weight: 700; letter-spacing: -0.4px; padding: 20px; text-align: center; white-space: nowrap; border-bottom: 1px solid #f0f0f0;}
.b2_th_left, .b2_th_right{width: 38%;}
.b2_th_center, .b2_td_center{width: 24%;}
.b2_th_left{background: #F39800; color: #fff;}
.b2_th_center{background: #1E2D44; color: #fff;}
.b2_th_right{background: #4DB8D5; color: #fff;}
.b2_compare_wrap tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 28px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid #f0f0f0;}
.b2_td_center{background: #1E2D44; color: #fff !important; font-weight: 600 !important; font-size: var(--fs18) !important; white-space: nowrap;}

/* b2_economy */
.b2_economy{padding: 160px 0; background: #fff;}
.b2_economy .ptxt{margin-bottom: 60px;}
.b2_economy .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 150%;}
.b2_economy .ptxt p{font-size: var(--fs20); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b2_economy_sec{margin-top: 60px;}
.b2_economy_sec:first-of-type{margin-top: 0;}
.b2_economy_sec h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 150%; padding-bottom: 20px; border-bottom: 2px solid #111;}
.b2_economy_sec h3 span{font-weight: 400; color: var(--color);}
.b2_economy .box_wrap{display: flex; gap: 0 2%; margin-top: 28px;}
.b2_economy .box{width: 32%; padding: 32px; background: #F7F8FA; border-radius: 12px; text-align: left;}
.b2_economy .box strong{font-size: var(--fs18); font-weight: 700; color: #222; letter-spacing: -0.45px; line-height: 150%; display: block;}
.b2_economy .box p{margin-top: 12px; font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%;}
.b2_economy_note{margin-top: 20px; font-size: 17px; font-weight: 400; color: #888; letter-spacing: -0.4px; line-height: 150%;}
.b2_economy_table{overflow-x: auto; margin-top: 24px;}
.b2_economy_table table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b2_economy_table thead th{background: var(--color); color: #fff; font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 16px 20px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(255,255,255,0.2);}
.b2_economy_table thead th:last-child{border-right: none;}
.b2_economy_table tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 16px 20px; text-align: center; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.b2_economy_table tbody td:first-child{font-weight: 600; color: #111; white-space: nowrap; background: #F7F8FA;}

/* b3_intro */
.b3_intro{padding: 160px 0; background: #fff;}
.b3_intro .ptxt{margin-bottom: 80px;}
.b3_intro .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b3_intro .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px 0 0 0;}
.b3_intro .ptxt p{font-size: var(--fs18); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b3_intro .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.b3_intro .box{width: calc(25% - 1.5%); padding: 36px 28px; background: #F7F8FA; border-radius: 16px; text-align: center;}
.b3_intro .box strong{font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.45px; line-height: 150%; display: block;}
.b3_intro .box p{margin-top: 12px; font-size: var(--fs20); font-weight: 600; color: var(--color); letter-spacing: -0.5px; line-height: 150%;}

/* b3_total */
.b3_total{padding: 140px 0; background: #f9f9f9; text-align: center;}
.b3_total_title{font-family: 'SUIT-SemiBold', sans-serif; font-size: var(--fs32); font-weight: 600; color: #111; letter-spacing: 4px; line-height: 140%;}
.b3_total_title::after{content: ''; display: block; width: 60px; border-top: 3px solid var(--color); margin: 32px auto 0;}
.b3_total_text{margin-top: 40px;}
.b3_total_text p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b3_total_text p:first-child{margin-top: 0;}
.b3_about{margin-top: 100px; padding: 48px; background: #fff; border-radius: 16px; text-align: left; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b3_about h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 20px;}
.b3_about p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 12px;}
.b3_about p:first-of-type{margin-top: 0;}
.b3_about_accent{color: #111 !important; font-weight: 500 !important; padding-left: 16px; border-left: 3px solid var(--color); margin-top: 20px !important;}
.b3_process{margin-top: 100px; text-align: left;}
.b3_process h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; text-align: center;}
.b3_process_sub{font-size: var(--fs18); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px; text-align: center;}
.b3_process .box_wrap{display: flex; gap: 0 2%; margin-top: 40px;}
.b3_process .box{width: 32%; padding: 40px 32px; background: #fff; border-radius: 16px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b3_step{display: inline-block; font-family: 'SUIT-SemiBold', sans-serif; font-size: var(--fs14); font-weight: 600; color: #fff; background: var(--color); width: 36px; line-height: 36px; border-radius: 100px; letter-spacing: 1px;}
.b3_process .box strong{display: block; margin-top: 20px; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b3_process .box p{margin-top: 12px; font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%;}

/* b3_revenue */
.b3_revenue{padding: 140px 0; background: #fff;}
.b3_revenue_wrap{max-width: 1000px; margin: 0 auto; background: #F7F8FA; border-radius: 20px; padding: 60px; text-align: center;}
.b3_revenue_img{width: 80%; margin: 0 auto;}
.b3_revenue_img img{width: 100%;}
.b3_revenue_formula{margin-top: 48px; font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; padding: 28px 0; background: #fff; border-radius: 12px;}
.b3_revenue_desc{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px 0; margin-top: 32px;}
.b3_revenue_desc dl{display: flex; align-items: center; gap: 0 8px;}
.b3_revenue_desc dt{font-size: var(--fs18); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 150%;}
.b3_revenue_desc dd{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b3_revenue_note{margin-top: 24px; font-size: 17px; font-weight: 500; color: #888; letter-spacing: -0.4px; line-height: 150%;}

/* b4_carbon */
.b4_carbon{padding: 140px 0; background: #f9f9f9;}
.b4_carbon .ptxt{margin-bottom: 40px;}
.b4_carbon .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b4_carbon_about{padding: 48px; background: #fff; border-radius: 16px; text-align: left; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b4_carbon_about h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 20px;}
.b4_carbon_about p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 12px;}
.b4_carbon_about p:first-of-type{margin-top: 0;}
.b4_carbon_accent{color: #111 !important; font-weight: 500 !important; padding-left: 16px; border-left: 3px solid var(--color); margin-top: 20px !important;}
.b4_carbon_target{margin-top: 60px;}
.b4_carbon_target h3{font-size: var(--fs22); font-weight: 600; color: #222; letter-spacing: -0.5px; line-height: 140%; display: block; text-align: left;}
.b4_carbon_target .box_wrap{display: flex; gap: 0 2%; margin-top: 32px;}
.b4_carbon_target .box{width: 49%; padding: 40px 32px; background: #fff; border-radius: 16px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b4_carbon_icon{display: inline-block; font-family: 'SUIT-SemiBold', sans-serif; font-size: var(--fs14); font-weight: 600; color: #fff; background: var(--color); width: 36px; line-height: 36px; border-radius: 100px; letter-spacing: 1px;}
.b4_carbon_target .box strong{display: block; margin-top: 20px; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}

/* b4_need */
.b4_need{padding: 140px 0; background: #fff;}
.b4_need_title{margin-bottom: 80px; text-align: center;}
.b4_need_title h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b4_need_title h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px auto 0;}
.b4_need_list{display: flex; flex-direction: column; gap: 120px 0;}
.b4_need_item{display: flex; align-items: center; gap: 0 6%;}
.b4_need_item.reverse{flex-direction: row-reverse;}
.b4_need_txt{width: 50%;}
.b4_need_txt strong{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; display: block;}
.b4_need_txt p{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b4_need_img{width: 44%; border-radius: 16px; overflow: hidden;}
.b4_need_img img{width: 100%; display: block;}

/* b4_merit */
.b4_merit{padding: 140px 0; background: #f9f9f9;}
.b4_merit .ptxt{margin-bottom: 40px;}
.b4_merit .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b4_merit .box_wrap{display: flex; flex-wrap: wrap; gap: 32px 2%;}
.b4_merit .box{width: calc(50% - 1%); padding: 40px; background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b4_merit_img{width: 100%; margin-bottom: 24px; border-radius: 12px; overflow: hidden;}
.b4_merit_img img{width: 100%; display: block;}
.b4_merit .box strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b4_merit .box p{margin-top: 16px; font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%;}

/* b4_type */
.b4_type{padding: 140px 0; background: #fff;}
.b4_type .ptxt{margin-bottom: 40px;}
.b4_type .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
/* .b4_type .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px auto 0;} */
.b4_type_table{overflow-x: auto;}
.b4_type_table table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b4_type_table thead th{background: var(--color); color: #fff; font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 16px 20px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(255,255,255,0.2);}
.b4_type_table thead th:last-child{border-right: none;}
.b4_type_table tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 20px 24px; text-align: center; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.b4_type_table tbody td:first-child{font-weight: 600; color: #111; white-space: nowrap; background: #F7F8FA;}
/* .b4_type_table tbody tr:last-child td{border-bottom: none;} */
.b4_type_table tbody td b{font-weight: 700; color: var(--color);}
.b4_type_table .b4_type_support{background: #F7F8FA; font-weight: 500; color: #333; letter-spacing: -0.3px;}

/* b4_step */
.b4_step{padding: 140px 0; background: #f9f9f9;}
.b4_step .ptxt{margin-bottom: 60px;}
.b4_step .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b4_step_flow{display: flex; gap: 0 2%; position: relative;}
.b4_step_item{width: 18.4%; text-align: center; position: relative; padding: 40px 20px; background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b4_step_num{display: inline-block; font-family: 'SUIT-SemiBold', sans-serif; font-size: var(--fs20); font-weight: 600; color: #fff; background: var(--color); width: 48px; line-height: 48px; border-radius: 100px; letter-spacing: 1px;}
.b4_step_item strong{display: block; margin-top: 20px; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b4_step_item p{margin-top: 12px; font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%;}

/* b4_esco */
.b4_esco{padding: 140px 0; background: #fff;}
.b4_esco .ptxt{margin-bottom: 60px;}
.b4_esco .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b4_esco .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b4_esco .box_wrap{display: flex; gap: 0 2%;}
.b4_esco .box{width: 32%; padding: 40px 32px; background: #f9f9f9; border-radius: 16px; text-align: center;}
.b4_esco_img{max-width: 900px; margin: 0 auto 48px; border-radius: 16px; overflow: hidden;}
.b4_esco_img img{width: 100%; display: block;}
.b4_esco .box strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b4_esco .box p{margin-top: 16px; font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%;}
.b4_esco .box b{font-weight: 700; color: var(--color);}

/* b5_parking */
.b5_parking{padding: 140px 0; background: #f9f9f9;}
.b5_parking .ptxt{margin-bottom: 40px;}
.b5_parking .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b5_parking_about{padding: 48px; background: #fff; border-radius: 16px; text-align: left; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b5_parking_about h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 20px;}
.b5_parking_about p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 12px;}
.b5_parking_about p:first-of-type{margin-top: 0;}
.b5_parking_accent{color: #111 !important; font-weight: 500 !important; padding-left: 16px; border-left: 3px solid var(--color); margin-top: 20px !important;}
.b5_parking_model{margin-top: 60px;}
.b5_parking_model h3{font-size: var(--fs22); font-weight: 600; color: #222; letter-spacing: -0.5px; line-height: 140%; display: block; text-align: left;}
.b5_parking_model .box_wrap{display: flex; gap: 0 2%; margin-top: 32px;}
.b5_parking_model .box{width: 49%; padding: 40px 32px; background: #fff; border-radius: 16px; text-align: left; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b5_parking_model .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b5_parking_model .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b5_parking b{font-weight: 600; color: #222;}

/* b5_benefit */
.b5_benefit{padding: 140px 0; background: #fff;}
.b5_benefit .ptxt{margin-bottom: 60px;}
.b5_benefit .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b5_benefit .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b5_benefit .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b5_benefit .box{width: calc(33% - 1.5%); padding: 36px 24px; background: #f9f9f9; border-radius: 16px; text-align: center;}
.b5_benefit .box strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b5_benefit .box p{margin-top: 12px; font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%;}
.b5_benefit .box b{font-weight: 700; color: var(--color);}
.b5_benefit_icon{margin: -36px -24px 20px; border-radius: 16px 16px 0 0; overflow: hidden;}
.b5_benefit_icon img{width: 100%; display: block;}

/* b6_repower */
.b6_repower{padding: 140px 0; background: #fff;}
.b6_repower .ptxt{margin-bottom: 60px;}
.b6_repower .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.b6_repower .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_repower .ptxt b{font-weight: 600; color: #222;}
.b6_repower .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b6_repower .box{width: calc(50% - 1%); padding: 40px 32px; background: #f9f9f9; border-radius: 16px; text-align: left;}
.b6_repower .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b6_repower .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%;}
.b6_repower_accent{margin-top: 60px; padding: 40px; background: var(--color); border-radius: 16px; text-align: center;}
.b6_repower_accent p{font-size: var(--fs20); font-weight: 600; color: #fff; letter-spacing: -0.5px; line-height: 150%;}

/* b6_reason */
.b6_reason{padding: 140px 0; background: #f5f7fa;}
.b6_reason .ptxt{margin-bottom: 0; text-align: center;}
.b6_reason .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_reason .ptxt p{font-size: var(--fs20); font-weight: 600; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_reason_img{margin-top: 60px; text-align: center;}
.b6_reason_img img{max-width: 900px; width: 100%; display: block; margin: 0 auto;}
.b6_reason .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%; margin-top: 60px;}
.b6_reason .box{width: calc(33.333% - 1.4%); padding: 40px 32px; background: #fff; border-radius: 16px; text-align: center;}
.b6_reason .box img{width: 64px; display: block; margin: 0 auto 20px;}
.b6_reason .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b6_reason .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%;}

/* b6_after */
.b6_after{padding: 140px 0; background: #fff;}
.b6_after .ptxt{margin-bottom: 60px; text-align: center;}
.b6_after .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_after_img{text-align: center;}
.b6_after_img img{max-width: 900px; width: 100%; display: block; margin: 0 auto;}

/* b6_compare */
.b6_compare{padding: 140px 0; background: #f5f7fa;}
.b6_compare .ptxt{margin-bottom: 60px;}
.b6_compare .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_compare .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_compare_wrap{overflow-x: auto;}
.b6_compare_wrap table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b6_compare_wrap thead th{font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 20px; text-align: center; white-space: nowrap; border-bottom: 1px solid #f0f0f0;}
.b6_th_label{width: 20%; background: #1E2D44; color: #fff;}
.b6_th_before{width: 40%; background: #888; color: #fff;}
.b6_th_after{width: 40%; background: var(--color); color: #fff;}
.b6_compare_wrap tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 24px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid #f0f0f0;}
.b6_td_label{font-weight: 600 !important; color: #fff !important; background: #1E2D44; white-space: nowrap;}
.b6_td_after{font-weight: 600 !important; color: var(--color) !important;}

/* b6_effect */
.b6_effect{padding: 140px 0; background: #fff;}
.b6_effect .ptxt{margin-bottom: 60px;}
.b6_effect .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_effect .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_effect .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b6_effect .box{width: calc(50% - 1%); padding: 40px 32px; background: #f5f7fa; border-radius: 16px;}
.b6_effect .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #E5E5EC;}
.b6_effect .box dl{margin-top: 16px;}
.b6_effect .box dl:first-of-type{margin-top: 0;}
.b6_effect .box dt{font-size: 17px; font-weight: 700; color: var(--color); letter-spacing: -0.4px; line-height: 150%;}
.b6_effect .box dd{font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 4px;}

/* b6_step */
.b6_step{padding: 140px 0; background: #fff;}
.b6_step .ptxt{margin-bottom: 60px;}
.b6_step .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_step .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_step .ptxt p b{font-weight: 700; color: #111;}
.b6_step_wrap{overflow-x: auto;}
.b6_step_wrap table{width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b6_step_wrap thead th{font-size: 17px; font-weight: 600; letter-spacing: -0.4px; padding: 20px; text-align: center; white-space: nowrap; border-right: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid #f0f0f0;}
.b6_step_wrap thead th:last-child{border-right: none;}
.b6_step_th1{width: 20%; background: #1E2D44; color: #fff;}
.b6_step_th2{width: 20%; background: #888; color: #fff;}
.b6_step_th3{width: 60%; background: var(--color); color: #fff;}
.b6_step_wrap tbody td{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.4px; line-height: 150%; padding: 24px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.b6_step_wrap tbody td:last-child{border-right: none;}
.b6_step_label{font-weight: 600 !important; color: #fff !important; background: #1E2D44; white-space: nowrap;}
.b6_step_detail{text-align: left !important; color: #444 !important; line-height: 150%;}

/* b6_finance */
.b6_finance{padding: 140px 0; background: #f5f7fa;}
.b6_finance .ptxt{margin-bottom: 60px;}
.b6_finance .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_finance .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b6_finance .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b6_finance .box{width: calc(50% - 1%); padding: 40px 32px; background: #fff; border-radius: 16px;}
.b6_finance .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #E5E5EC;}
.b6_finance .box strong span{color: var(--color); font-weight: 600;  font-family: 'SUIT-Bold';}
.b6_finance .box dl{margin-top: 16px;}
.b6_finance .box dl:first-of-type{margin-top: 0;}
.b6_finance .box dt{font-size: 17px; font-weight: 700; color: #222; letter-spacing: -0.4px; line-height: 150%;}
.b6_finance .box dd{font-size: 17px; font-weight: 400; color: #666; letter-spacing: -0.4px; line-height: 150%; margin-top: 4px;}

/* b6_special */
.b6_special{padding: 140px 0; background: #fff;}
.b6_special .ptxt{margin-bottom: 60px;}
.b6_special .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b6_special .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b6_special .box{width: calc(33.333% - 1.4%); padding: 40px 32px; background: #f5f7fa; border-radius: 16px;}
.b6_special .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b6_special .box strong::before{content: '✔'; color: var(--color); margin-right: 8px;}
.b6_special .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%;}

/* b6_cta */
.b6_cta{padding: 200px 0; background: url(../img/b6_cta_bg.png) center/cover no-repeat; position: relative;}
.b6_cta::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.b6_cta .width2{position: relative;}
.b6_cta p{font-size: var(--fs24); font-weight: 600; color: #fff; letter-spacing: -0.5px; line-height: 150%; text-align: center;}

/* b7_intro */
.b7_intro{padding: 140px 0; background: #fff;}
.b7_intro .ptxt{margin-bottom: 60px;}
.b7_intro .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b7_intro .ptxt .b7_sub{font-size: var(--fs24); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 24px;}
.b7_intro .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b7_intro_img{text-align: center;}
.b7_intro_img img{width: 100%; border-radius: 16px;}
.b7_intro .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%; margin-top: 60px;}
.b7_intro .box{width: calc(33.333% - 1.4%); padding: 40px 32px; background: #f5f7fa; border-radius: 16px; text-align: center;}
.b7_intro .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b7_intro .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.5px; line-height: 150%;}

/* b7_standard */
.b7_standard{padding: 140px 0; background: url(../img/b7_standard_bg.png) center/cover no-repeat; position: relative; background-attachment: fixed;}
.b7_standard::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 78, 115, 0.65);}
.b7_standard .width{position: relative; z-index: 1;}
.b7_standard .ptxt{margin-bottom: 60px;}
.b7_standard .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 140%;}
.b7_standard .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b7_standard .box{width: calc(25% - 1.5%); padding: 40px 32px; background: #fff; border-radius: 16px; text-align: center;}
.b7_standard .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: var(--color2); letter-spacing: -0.5px; line-height: 150%;}
.b7_standard .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b7_longevity */
.b7_longevity{padding: 140px 0; background: #fff;}
.b7_longevity .ptxt{margin-bottom: 60px;}
.b7_longevity .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b7_longevity .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b7_longevity_sub{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; text-align: center; margin-bottom: 32px;}
.b7_longevity .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b7_longevity .box{width: calc(33.333% - 1.4%); padding: 40px 32px; background: #f5f7fa; border-radius: 16px; text-align: center;}
.b7_longevity .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #222; letter-spacing: -0.5px; line-height: 150%;}
.b7_longevity .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b7_longevity_arrow{text-align: center; margin: 32px 0;}
.b7_longevity_arrow img{width: 48px;}
.b7_longevity_solution{padding: 40px 48px; background: var(--color); border-radius: 16px; text-align: center;}
.b7_longevity_solution strong{display: block; font-size: var(--fs22); font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 12px;}
.b7_longevity_solution p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.85); letter-spacing: -0.5px; line-height: 150%;}

/* b8_guide */
.b8_guide{padding: 140px 0; background: #fff;}
.b8_guide .ptxt{margin-bottom: 60px;}
.b8_guide .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b8_guide .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b8_guide .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b8_guide .box{width: calc(50% - 1%); background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.b8_guide .box .img{overflow: hidden; border-radius: 16px 16px 0 0;}
.b8_guide .box .img img{width: 100%; display: block;}
.b8_guide .box .text{padding: 28px 24px;}
.b8_guide .box .text strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b8_guide .box .text p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b8_housing */
.b8_housing{padding: 140px 0; background: #f5f7fa;}
.b8_housing .ptxt{margin-bottom: 32px;}
.b8_housing .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b8_housing .ptxt p{font-size: var(--fs18); font-weight: 400; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b8_housing_desc{margin-bottom: 60px;}
.b8_housing_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b8_housing_desc dl{display: flex; flex-wrap: wrap; gap: 12px 0; margin-top: 24px; padding: 24px 28px; background: #fff; border-radius: 12px; border: 1px solid #E5E5EC;}
.b8_housing_desc dt{width: 120px; font-size: var(--fs18); font-weight: 700; color: var(--color); line-height: 150%;}
.b8_housing_desc dd{width: calc(100% - 120px); font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}
.b8_housing_sub{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px;}
.b8_housing .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%; margin-bottom: 80px;}
.b8_housing .box{width: calc(33.333% - 1.4%); padding: 32px 28px; background: #fff; border-radius: 16px; text-align: center; border: 1px solid #E5E5EC;}
.b8_housing .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b8_housing .box p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b8_housing_process_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 32px;}
.b8_step_wrap{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 40px 3%;}
.b8_step{width: calc(33.33% - 2%); text-align: center; background: #fff; border-radius: 16px; padding: 36px 24px;}
.b8_step i{display: block; font-size: 48px; color: var(--color); margin-bottom: 16px; line-height: 100%;}
.b8_step strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b8_step p{font-size: var(--fs18); font-weight: 500; color: #333; letter-spacing: -0.5px; line-height: 150%; margin-top: 4px;}
.b8_step span{display: block; font-size: 14px; font-weight: 400; color: #888; letter-spacing: -0.3px; line-height: 150%; margin-top: 4px;}
.b8_arrow{display: none;}

/* b8_building */
.b8_building{padding: 140px 0;}
.b8_building .ptxt{margin-bottom: 32px;}
.b8_building .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b8_building .ptxt p{font-size: var(--fs18); font-weight: 400; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b8_building_desc{margin-bottom: 60px;}
.b8_building_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b8_building_desc dl{display: flex; flex-wrap: wrap; gap: 12px 0; margin-top: 24px; padding: 24px 28px; background: #f5f7fa; border-radius: 12px; border: 1px solid #E5E5EC;}
.b8_building_desc dt{width: 120px; font-size: var(--fs18); font-weight: 700; color: var(--color); line-height: 150%;}
.b8_building_desc dd{width: calc(100% - 120px); font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}
.b8_building_sub{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px; display: flex; align-items: center; gap: 0 8px;}
.b8_building_sub i{font-size: var(--fs24); color: var(--color);}
.b8_building_sub_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px;}
.b8_building_table{margin-bottom: 80px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden;}
.b8_building_table table{width: 100%; border-collapse: collapse;}
.b8_building_table thead th{padding: 20px 24px; background: var(--color); font-size: var(--fs18); font-weight: 600; color: #fff; text-align: center; line-height: 150%;}
.b8_building_table tbody td{padding: 20px 24px; font-size: var(--fs18); font-weight: 400; color: #555; text-align: center; line-height: 150%; border-bottom: 1px solid #E5E5EC; background: #fff;}
.b8_building_table tbody tr:last-child td{border-bottom: none;}
.b8_building_table tbody td:first-child{font-weight: 600; color: #111;}
.b8_building_effect{display: flex; flex-wrap: wrap; gap: 16px 0; padding: 28px 32px; background: #f5f7fa; border-radius: 12px; border: 1px solid #E5E5EC;}
.b8_building_effect dt{width: 150px; font-size: var(--fs18); font-weight: 700; color: var(--color); line-height: 150%;}
.b8_building_effect dd{width: calc(100% - 150px); font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}

/* b8_convergence */
.b8_convergence{padding: 140px 0; background: #f5f7fa;}
.b8_convergence .ptxt{margin-bottom: 32px;}
.b8_convergence .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b8_convergence .ptxt p{font-size: var(--fs18); font-weight: 400; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b8_convergence_desc{margin-bottom: 60px;}
.b8_convergence_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b8_convergence_sub{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 24px; display: flex; align-items: center; gap: 0 8px;}
.b8_convergence_sub i{font-size: var(--fs24); color: var(--color);}
.b8_convergence_info{display: flex; flex-wrap: wrap; gap: 12px 0; padding: 28px 32px; background: #fff; border-radius: 12px; border: 1px solid #E5E5EC; margin-bottom: 80px;}
.b8_convergence_info dt{width: 120px; font-size: var(--fs18); font-weight: 700; color: #222; line-height: 150%;}
.b8_convergence_info dd{width: calc(100% - 120px); font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}
.b8_convergence_process_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 32px;}
.b8_convergence_step_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b8_convergence_step{width: calc(33.333% - 1.4%); padding: 32px 28px; background: #fff; border-radius: 16px; border: 1px solid #E5E5EC;}
.b8_convergence_step strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%;}
.b8_convergence_step p{margin-top: 12px; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b8_partner */
.b8_partner{padding: 140px 0;}
.b8_partner .ptxt{margin-bottom: 32px;}
.b8_partner .ptxt h2{font-size: var(--fs32); font-family: 'SUIT-SemiBold'; color: #111; letter-spacing: -1px; line-height: 140%;}
.b8_partner .ptxt p{font-size: var(--fs18); font-weight: 400; color: var(--color); letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b8_partner_desc{margin-bottom: 60px;}
.b8_partner_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b8_partner_info{display: flex; flex-wrap: wrap; gap: 16px 0; padding: 28px 32px; background: #f5f7fa; border-radius: 12px; border: 1px solid #E5E5EC;}
.b8_partner_info dt{width: 150px; font-size: var(--fs18); font-weight: 700; color: 
    #222; line-height: 150%;}
.b8_partner_info dd{width: calc(100% - 150px); font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}

/* b9_case */
.b9_case{padding: 140px 0;}
.b9_case .ptxt{margin-bottom: 60px;}
.b9_case .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b9_case .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b9_case .ptxt p strong{font-weight: 700; color: #111;}
.b9_case_item{display: flex; align-items: center; gap: 0 4%; background: #f5f7fa; border-radius: 16px; border: 1px solid #E5E5EC; overflow: hidden;}
.b9_case_item .img{width: 38%; position: relative;}
.b9_case_item .img img{width: 100%; display: block;}
.b9_case_item .img span{display: block; text-align: center; padding: 12px 0; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px;}
.b9_case_info{width: 58%; display: grid; grid-template-columns: auto 1fr; gap: 20px 16px; align-content: center;}
.b9_case_info dt{display: inline-flex; align-items: center; justify-content: center; padding: 8px 20px; background: var(--color); color: #fff; font-size: 17px; font-weight: 600; border-radius: 8px; letter-spacing: -0.3px; line-height: 150%;}
.b9_case_info dd{font-size: var(--fs18); font-weight: 400; color: #555; line-height: 150%;}

/* b9_onestop */
.b9_onestop{padding: 140px 0; background: #f5f7fa;}
.b9_onestop .ptxt{margin-bottom: 60px;}
.b9_onestop .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: flex; align-items: center; gap: 0 10px;}
.b9_onestop .ptxt h2 i{font-size: var(--fs32); color: var(--color);}
.b9_onestop .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.b9_onestop_item{padding: 36px 40px; background: #fff; border-radius: 16px; border: 1px solid #E5E5EC; margin-bottom: 24px;}
.b9_onestop_item:last-child{margin-bottom: 0;}
.b9_onestop_item h3{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 20px;}
.b9_onestop_item ul{list-style: none; display: flex; flex-direction: column; gap: 10px 0;}
.b9_onestop_item li{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; padding-left: 16px; position: relative;}
.b9_onestop_item li::before{content: ''; position: absolute; left: 0; top: 11px; width: 6px; border-radius: 50%; background: var(--color); aspect-ratio: 1;}

/* b9_feature */
.b9_feature{padding: 140px 0;}
.b9_feature .ptxt{margin-bottom: 60px;}
.b9_feature .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b9_feature .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b9_feature_list{display: flex; flex-direction: column; gap: 16px 0;}
.b9_feature_item{display: flex; align-items: stretch; border-radius: 12px; overflow: hidden;}
.b9_feature_item dt{width: 35%; padding: 24px 28px; background: var(--color); font-size: var(--fs20); font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 150%; display: flex; align-items: center; justify-content: center; text-align: center;}
.b9_feature_item dd{width: 65%; padding: 24px 28px; background: #f5f7fa; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b9_target */
.b9_target{padding: 140px 0; background: #f5f7fa;}
.b9_target .ptxt{margin-bottom: 40px;}
.b9_target .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b9_target .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b9_target .ptxt p strong{font-weight: 700; color: #111;}
.b9_target_sub{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 24px;}
.b9_target .box_wrap{display: flex; flex-direction: column; gap: 16px 0;}
.b9_target .box{padding: 24px 28px; background: #fff; border-radius: 12px; border: 1px solid #E5E5EC;}
.b9_target .box p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.b9_target .box p strong{font-weight: 700; color: #111;}

/* b9_why */
.b9_why{padding: 140px 0;}
.b9_why .ptxt{margin-bottom: 40px;}
.b9_why .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.b9_why .ptxt h2 i{font-size: var(--fs32); color: #111;}
.b9_why .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px; text-align: center;}
.b9_why_intro{font-size: var(--fs20); font-weight: 500; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 40px;}
.b9_why .box_wrap{display: flex; flex-direction: column; gap: 24px 0;}
.b9_why .box{padding: 32px 36px; background: #f5f7fa; border-radius: 12px;}
.b9_why .box h3{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px;}
.b9_why .box p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 8px;}
.b9_why .box p:first-of-type{margin-top: 0;}
.b9_why .box p strong{font-weight: 700; color: #111;}

/* b9_process */
.b9_process{padding: 140px 0; background: #f5f7fa;}
.b9_process_banner{text-align: center; margin-bottom: 40px;}
.b9_process_banner p{display: inline-block; background: var(--color); border-radius: 100px; padding: 20px 40px; font-size: var(--fs18); font-weight: 600; color: #fff; letter-spacing: -0.5px; line-height: 150%;}
.b9_process .box_wrap{display: flex; align-items: center; gap: 0;}
.b9_process .box{flex: 1; padding: 44px 10px; background: #fff; border: 1px solid #E5E5EC; border-radius: 12px; text-align: center; position: relative; margin-right: 36px;}
.b9_process .box:last-child{margin-right: 0;}
.b9_process .box::after{content: "▶"; position: absolute; right: -26px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--color);}
.b9_process .box:last-child::after{display: none;}
.b9_process .box p{font-size: var(--fs18); font-weight: 600; color: #111; letter-spacing: -0.5px; line-height: 150%;}

/* b10_om */
.b10_om{padding: 140px 0;}
.b10_om .ptxt{margin-bottom: 60px;}
.b10_om .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b10_om .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b10_om .box_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.b10_om .box{width: 48.5%; padding: 36px 32px; background: #f5f7fa; border-radius: 16px; display: flex; flex-direction: column; gap: 12px 0;}
.b10_om .box i{font-size: 40px; color: var(--color); line-height: 100%;}
.b10_om .box strong{font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b10_om .box p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b10_area */
.b10_area{padding: 140px 0; background: #f5f7fa;}
.b10_area .ptxt{margin-bottom: 60px; }
.b10_area .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; text-align: center;}
.b10_area .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px; text-align: center;}
.b10_area .ptxt p strong{font-weight: 700; color: var(--color);}
.b10_area_con{position: relative; margin: 0 auto;}
.b10_area_list{position: absolute; z-index: 1; left: 9%; top: 120px; width: 290px; list-style: none; display: flex; flex-wrap: wrap;}
.b10_area_list li{width: 25%; padding: 4px; box-sizing: border-box;}
.b10_area_list li button{width: 100%; padding: 8px 0; font-size: 17.5px; font-weight: 600; color: #fff; background: var(--color); border: 2px solid var(--color); border-radius: 8px; cursor: pointer; font-family: 'Pretendard', sans-serif; line-height: 150%; transition: 0.2s all;}
.b10_area_list li button.active{color: var(--color); background: #fff;}
.b10_area_list li button:hover{color: var(--color); background: #fff;}
.b10_area_map{position: relative; max-width: 700px; width: 70%; margin-left: auto; margin-right: 3%;}
.b10_area_map::after{display: block; padding-top: 100%; content: '';}
/* ECharts 필수: 차트 컨테이너는 명시적 height 필요 (visual 예외와 동일) */
#area_map{position: absolute; right: -10%; top: -20%; width: 100%; height: 140%;}

/* b10_diff */
.b10_diff{padding: 140px 0;}
.b10_diff .ptxt{margin-bottom: 60px;}
.b10_diff .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b10_diff .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b10_diff .box_wrap{display: flex; flex-wrap: wrap; gap: 32px 3%;}
.b10_diff .box{width: 31.3%; padding: 36px 32px; background: #f5f7fa; border-radius: 16px; display: flex; flex-direction: column; gap: 12px 0;}
.b10_diff .box i{font-size: 40px; color: var(--color); line-height: 100%;}
.b10_diff .box strong{font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.b10_diff .box p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b10_inspect */
.b10_inspect{padding: 140px 0; background: #f5f7fa;}
.b10_inspect .ptxt{margin-bottom: 40px;}
.b10_inspect .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; text-align: center;}
.b10_inspect .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px; text-align: center;}
.b10_inspect_tab{display: flex; align-items: center; justify-content: center; gap: 0 8px; margin-bottom: 40px;}
.b10_inspect_tab button{border: 2px solid var(--color); background: #fff; padding: 14px 36px; border-radius: 100px; font-size: var(--fs18); font-weight: 600; color: var(--color); cursor: pointer; font-family: 'Pretendard', sans-serif; letter-spacing: -0.5px; line-height: 150%; transition: 0.3s all;}
.b10_inspect_tab button.on{background: var(--color); color: #fff;}
.b10_inspect_tab button:hover{background: var(--color); color: #fff;}
.b10_inspect_con{background: #fff; border-radius: 16px; padding: 48px 52px; border: 1px solid #E5E5EC;}
.b10_inspect_panel{display: none;}
.b10_inspect_panel.on{display: flex; align-items: center; gap: 0 5%;}
.b10_inspect_panel .img{width: 30%; flex-shrink: 0;}
.b10_inspect_panel .img img{width: 100%; border-radius: 12px;}
.b10_inspect_panel .text{flex: 1;}
.b10_inspect_panel h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 24px;}
.b10_inspect_panel ul{list-style: none; display: flex; flex-wrap: wrap; gap: 12px 4%;}
.b10_inspect_panel li{width: 48%; font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; padding-left: 16px; position: relative;}
.b10_inspect_panel li::before{content: ''; position: absolute; left: 0; top: 11px; width: 6px; border-radius: 50%; background: var(--color); aspect-ratio: 1;}

/* b11_intro */
.b11_intro{padding: 160px 0 0 0;}
.b11_intro .ptxt{background: url(../img/b11_intro_bg.png) center/cover no-repeat; position: relative; border-radius: 16px; overflow: hidden; padding: 80px 40px;}
.b11_intro .ptxt::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55);}
.b11_intro .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #FFD080; letter-spacing: -1px; line-height: 140%; position: relative; z-index: 1;}
.b11_intro .ptxt p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.8); letter-spacing: -0.5px; line-height: 150%; margin-top: 20px; position: relative; z-index: 1;}

/* b11_what */
.b11_what{padding: 100px 0 160px;}
.b11_what .ptxt{margin-bottom: 50px;}
.b11_what .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b11_what .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b11_what_banner{background: #3a3a3a; border-radius: 16px; padding: 48px 40px; text-align: center;}
.b11_what_top{display: flex; align-items: center; justify-content: center; gap: 0 24px; margin-bottom: 24px;}
.b11_what_top span{font-size: var(--fs28); font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 140%;}
.b11_what_top em{font-size: var(--fs28); font-weight: 300; color: #fff; font-style: normal; line-height: 140%;}
.b11_what_top i{font-size: 28px; color: #F39800;}
.b11_what_banner > p{font-size: var(--fs18); font-weight: 400; color: #ccc; letter-spacing: -0.5px; line-height: 150%;}
.b11_what_banner > p strong{color: #F39800; font-weight: 700;}

/* b11_type */
.b11_type{padding: 160px 0; background: #f5f7fa;}
.b11_type .ptxt{margin-bottom: 20px;}
.b11_type .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; text-align: center;}
.b11_type .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px; text-align: center;}
.b11_type_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; text-align: center; margin-bottom: 50px;}
.b11_type .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.b11_type .box{width: calc(25% - 1.5%); background: #fff; border-radius: 12px; overflow: hidden;}
.b11_type .box .img img{width: 100%;}
.b11_type .box strong{display: block; font-size: var(--fs18); font-weight: 700; color: #222; letter-spacing: -0.5px; line-height: 140%; padding: 20px 20px 12px;}
.b11_type .box p{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; padding: 0 20px 24px;}

/* b11_value */
.b11_value{padding: 160px 0;}
.b11_value .ptxt{margin-bottom: 60px;}
.b11_value .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b11_value .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b11_value .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.b11_value .box{width: calc(33.333% - 1.4%); background: #f5f7fa; border-radius: 0 0 16px 16px; padding: 36px 28px; border-top: 4px solid var(--color);}
.b11_value .box h3{font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 24px;}
.b11_value .box dl{margin-bottom: 20px;}
.b11_value .box dl:last-child{margin-bottom: 0;}
.b11_value .box dt{font-size: var(--fs18); font-weight: 700; color: #222; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.b11_value .box dd{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* b11_fence */
.b11_fence{padding: 160px 0; background: #f5f7fa;}
.b11_fence .ptxt{margin-bottom: 20px;}
.b11_fence .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.b11_fence .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.b11_fence_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;  margin-bottom: 50px;}
.b11_fence_desc strong{color: var(--color); font-weight: 700;}
.b11_fence .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.b11_fence .box{width: calc(50% - 1%); background: #fff; border-radius: 12px; padding: 32px 28px;}
.b11_fence .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.b11_fence .box p{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* c1_intro */
.c1_intro{padding: 160px 0;}
.c1_intro .ptxt{margin-bottom: 40px; text-align: center;}
.c1_intro .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c1_intro .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c1_intro_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 50px; text-align: center;}
.c1_intro_desc strong{color: var(--color); font-weight: 700;}
.c1_intro_sub{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; text-align: center; margin-bottom: 40px;}
.c1_intro .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.c1_intro .box{width: calc(33.333% - 1.4%); background: #f5f7fa; border-radius: 0 0 12px 12px; padding: 32px 28px; border-top: 3px solid var(--color);}
.c1_intro .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c1_intro .box p{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
/* c1_step */
.c1_step{padding: 0 0 160px;}
.c1_step .ptxt{margin-bottom: 40px; text-align: center;}
.c1_step .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c1_step .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c1_step_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; text-align: center; margin-bottom: 50px;}
.c1_step_banner{background: #3a3a3a; border-radius: 12px; padding: 32px; text-align: center; margin-bottom: 50px;}
.c1_step_banner strong{font-size: var(--fs24); font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 140%;}
.c1_step_banner p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.8); letter-spacing: -0.5px; line-height: 150%; margin-top: 12px;}
.c1_step .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%;}
.c1_step .box{width: calc(20% - 1.6%); background: #f5f7fa; border-radius: 0 0 12px 12px; padding: 28px 20px; border-top: 3px solid var(--color);}
.c1_step .box span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.c1_step .box strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 10px;}
.c1_step .box p{font-size: var(--fs14); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
/* c1_consult */
.c1_consult{padding: 0 0 160px;}
.c1_consult .ptxt{margin-bottom: 50px; text-align: center;}
.c1_consult .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c1_consult .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c1_consult .box_wrap{display: flex; flex-direction: column; gap: 24px 0;}
.c1_consult .box{background: #f5f7fa; border-radius: 0 12px 12px 0; padding: 40px 36px; border-left: 4px solid var(--color);}
.c1_consult .box strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c1_consult .box > p{font-size: 17.5px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 20px;}
.c1_consult .box dl{margin-top: 12px;}
.c1_consult .box dt{font-size: 17.5px; font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 4px;}
.c1_consult .box dd{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
/* c1_effect */
.c1_effect{padding: 0 0 160px;}
.c1_effect_card{border: 1px solid #ddd; border-radius: 12px; padding: 50px 40px;}
.c1_effect_card h2{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; margin-bottom: 12px;}
.c1_effect_quote{font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 28px;}
.c1_effect_desc{font-size: 17.5px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 28px;}
.c1_effect_img{max-width: 700px; margin: 0 auto 28px auto;}
.c1_effect_img img{width: 100%; border-radius: 8px;}
.c1_effect .box_wrap{display: flex; flex-direction: column; gap: 25px 0; margin-bottom: 28px;}
.c1_effect .box{padding-left: 16px; position: relative;}
.c1_effect .box::before{content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: var(--color); border-radius: 50%;}
.c1_effect .box strong{display: block; font-size: 19px; font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 10px;}
.c1_effect .box p{font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.c1_effect_footer{font-size: 17.5px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* ========== c2 개발행위 허가 ========== */
.c2_hero{background: #F7F8FA; text-align: center;}
.c2_hero .ptxt{margin-bottom: 60px;}
.c2_hero .ptxt h2{font-size: var(--fs42); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%; display: block;}
.c2_hero .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px auto 0;}
.c2_hero .ptxt p{font-size: var(--fs20); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 24px;}
.c2_hero .box_wrap{display: flex; gap: 0 2%;}
.c2_hero .box{width: 32%; background: #fff; border-radius: 0 0 12px 12px; padding: 48px 36px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); border-top: 3px solid var(--color); transition: 0.3s;}
.c2_hero .box:hover{box-shadow: 0 12px 32px rgba(0,78,115,0.12); transform: translateY(-6px);}
.c2_hero .box span{display: block; font-size: 52px; font-weight: 800; color: var(--color); opacity: 0.15; letter-spacing: -2px; line-height: 100%;}
.c2_hero .box strong{display: block; font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-top: 24px; padding-top: 24px; border-top: 1px solid #eee;}
.c2_hero .box p{font-size: 17.5px; font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}

/* c2_info */
.c2_info .ptxt{margin-bottom: 60px;}
.c2_info .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c2_info .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c2_info_section{margin-top: 60px;}
.c2_info_section h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 28px;}
.c2_info_section h3 i{color: var(--color); margin-right: 8px;}
.c2_strength{margin-top: 60px;}
.c2_strength h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 28px;}
.c2_strength h3 i{color: var(--color); margin-right: 8px;}
.c2_str_wrap{display: flex; gap: 0;}
.c2_str{flex: 1; background: #F7F8FA; padding: 36px 28px; border-right: 1px solid #E8E8E8;}
.c2_str:first-child{border-radius: 16px 0 0 16px;}
.c2_str:last-child{border-radius: 0 16px 16px 0; border-right: none;}
.c2_str i{font-size: 36px; color: var(--color); line-height: 100%; margin-bottom: 20px;}
.c2_str strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c2_str p{font-size: var(--fs18); font-weight: 400; color: #666; letter-spacing: -0.3px; line-height: 160%;}
.c2_info_desc{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 28px;}
.c2_info_section .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%; text-align: center;}
.c2_info_section .box{width: calc(16.666% - 1.7%); display: flex; flex-direction: column; align-items: center; gap: 12px 0; border: 1px solid #E5E5EC; border-radius: 12px; padding: 28px 12px;}
.c2_info_section .box i{font-size: 40px; color: #333; line-height: 100%;}
.c2_info_section .box strong{display: block; font-size: var(--fs14); font-weight: 600; color: #333; letter-spacing: -0.5px; line-height: 140%;}
.c2_info_section .box p{font-size: var(--fs14); font-weight: 400; color: #888; letter-spacing: -0.5px; line-height: 140%;}
/* c2_guide */
.c2_guide .ptxt{margin-bottom: 60px;}
.c2_guide .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c2_guide .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c2_guide_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.c2_guide_item{width: calc(50% - 1%); background: #f5f7fa; border-radius: 0 0 12px 12px; border-top: 3px solid var(--color); padding: 36px 32px;}
.c2_guide_item span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.c2_guide_item strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c2_guide_item > p{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 20px;}
.c2_guide_sub{border-top: 1px solid #E5E5EC; padding-top: 20px;}
.c2_guide_sub dl{display: flex; gap: 0 3%; padding: 8px 0;}
.c2_guide_sub dt{font-size: var(--fs15); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; width: 25%;}
.c2_guide_sub dd{font-size: var(--fs15); font-weight: 400; color: #666; letter-spacing: -0.3px; line-height: 150%; width: 72%;}
/* c2_docs */
.c2_docs{background: #fff;}
.c2_docs .ptxt{margin-bottom: 40px;}
.c2_docs .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c2_docs .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c2_docs_desc{margin-bottom: 60px;}
.c2_docs_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 180%;}
.c2_docs_title{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 28px; padding-bottom: 28px; border-bottom: 2px solid #111;}
.c2_docs_list{display: flex; flex-wrap: wrap; gap: 0 4%;}
.c2_docs_item{width: calc(50% - 2%); display: flex; gap: 0 16px; padding: 24px 0; border-bottom: 1px solid #E8E8E8;}
.c2_docs_item span{font-size: var(--fs18); font-weight: 700; color: var(--color); line-height: 150%; flex-shrink: 0;}
.c2_docs_item strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 150%; margin-bottom: 6px;}
.c2_docs_item p{font-size: var(--fs16); font-weight: 400; color: #666; letter-spacing: -0.3px; line-height: 160%;}
/* c2_review */
.c2_review{background: #f5f7fa;}
.c2_review .ptxt{margin-bottom: 40px;}
.c2_review .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
.c2_review .ptxt p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c2_review_desc{margin-bottom: 60px;}
.c2_review_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 180%;}
.c2_review_title{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 28px;}
.c2_review_wrap{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.c2_review_item{width: calc(50% - 1%); background: #fff; border-radius: 0 0 12px 12px; border-top: 3px solid var(--color); padding: 32px 28px;}
.c2_review_item span{font-size: var(--fs18); font-weight: 700; color: var(--color); line-height: 150%; flex-shrink: 0;}
.c2_review_item strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px;}
.c2_review_item ul{margin-top: 16px; padding-top: 16px; border-top: 1px solid #E8E8E8;}
.c2_review_item li{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 160%; padding-left: 14px; position: relative; margin-bottom: 8px;}
.c2_review_item li::before{content: ''; position: absolute; left: 0; top: 10px; width: 5px; border-top: 1px solid #999;}
/* c2_design */
.c2_design{padding: 140px 0; background: url(../img/c2_design_bg.png) center/cover no-repeat; position: relative; background-attachment: fixed;}
.c2_design::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 78, 115, 0.75);}
.c2_design .width2{position: relative; z-index: 1;}
.c2_design .ptxt{margin-bottom: 40px; text-align: center;}
.c2_design .ptxt h2{font-size: var(--fs42); font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 140%;}
.c2_design .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid #fff; margin: 24px auto 0;}
.c2_design .ptxt p{font-size: var(--fs20); font-weight: 400; color: rgba(255,255,255,0.85); letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
.c2_design_desc{margin-bottom: 48px; text-align: center;}
.c2_design_desc p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.8); letter-spacing: -0.5px; line-height: 180%;}
.c2_design_sub{background: #fff; border-radius: 16px; padding: 48px 40px;}
.c2_design_sub strong{display: block; font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 20px;}
.c2_design_sub p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 180%; margin-bottom: 12px;}
.c2_design_sub p:last-child{margin-bottom: 0;}
.c2_design_sub ul{margin: 12px 0; padding-left: 20px;}
.c2_design_sub li{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 180%; list-style: disc; margin-bottom: 4px;}

/* ========== c3 설계 ========== */
/* c3 공통 ptxt */
[class*="c3_"] .ptxt, [class*="c4_"] .ptxt, [class*="c5_"] .ptxt, [class*="c6_"] .ptxt{margin-bottom: 40px;}
[class*="c3_"] .ptxt h2, [class*="c4_"] .ptxt h2, [class*="c5_"] .ptxt h2, [class*="c6_"] .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -1px; line-height: 140%;}
[class*="c3_"] .ptxt h2::after, [class*="c4_"] .ptxt h2::after, [class*="c5_"] .ptxt h2::after, [class*="c6_"] .ptxt h2::after{content: ''; display: block; width: 40px; border-top: 3px solid var(--color); margin: 24px auto 0;}
[class*="c3_"] .ptxt p, [class*="c4_"] .ptxt p, [class*="c5_"] .ptxt p, [class*="c6_"] .ptxt p{font-size: var(--fs20); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 20px;}
/* c3_process */
.c3_process{background: #F7F8FA; text-align: center;}
.c3_process_desc{margin-bottom: 80px;}
.c3_process_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
/* c3_elec */
.c3_elec_head{margin-bottom: 40px;}
.c3_elec_head span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.c3_elec_head h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.c3_elec_head p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.c3_elec_wrap{display: flex; gap: 0 2%;}
.c3_elec_item{width: calc(33.333% - 1.4%); background: #fff; border-top: 3px solid var(--color); border-radius: 0 0 12px 12px; padding: 32px 28px;}
.c3_elec_item strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E5E5EC;}
.c3_elec_item li{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-bottom: 8px;}
/* c3_struct */
.c3_struct_head{margin-top: 80px; margin-bottom: 40px;}
.c3_struct_head span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.c3_struct_head h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.c3_struct_head p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.c3_struct_wrap{display: flex; gap: 0 2%;}
.c3_struct_item{width: calc(33.333% - 1.4%); background: #fff; border-top: 3px solid var(--color); border-radius: 0 0 12px 12px; padding: 32px 28px;}
.c3_struct_item strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E5E5EC;}
.c3_struct_item li{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-bottom: 8px;}
/* c3_civil */
.c3_civil_head{margin-top: 80px; margin-bottom: 40px;}
.c3_civil_head span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 8px;}
.c3_civil_head h3{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%;}
.c3_civil_head p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.c3_civil_wrap{display: flex; gap: 0 2%;}
.c3_civil_item{width: calc(33.333% - 1.4%); background: #fff; border-top: 3px solid var(--color); border-radius: 0 0 12px 12px; padding: 32px 28px;}
.c3_civil_item strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E5E5EC;}
.c3_civil_item li{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-bottom: 8px;}
.c3_civil_note{font-size: var(--fs15); font-weight: 600; color: var(--color); letter-spacing: -0.3px; line-height: 150%; margin-top: 16px; padding-top: 16px; border-top: 1px solid #E5E5EC;}
/* c3_closing */
.c3_closing_inner{margin-top: 80px; background: #3a3a3a; border-radius: 20px; padding: 60px 40px; text-align: center;}
.c3_closing_inner strong{display: block; font-size: var(--fs28); font-weight: 700; color: #fff; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 24px;}
.c3_closing_inner p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.85); letter-spacing: -0.5px; line-height: 150%;}
/* c3_electric */
.c3_electric{text-align: center;}
.c3_electric_desc{margin-bottom: 80px;}
.c3_electric_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.c3_electric_desc p + p{margin-top: 20px;}
.c3_electric_title{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 40px;}
.c3_electric .box_wrap{display: flex; gap: 0 2%; text-align: left;}
.c3_electric .box{width: calc(33.333% - 1.4%); background: #F7F8FA; border-top: 3px solid var(--color); border-radius: 0 0 12px 12px; padding: 32px 28px;}
.c3_electric .box span{display: block; font-size: var(--fs14); font-weight: 700; color: var(--color); letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c3_electric .box strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E5E5EC;}
.c3_electric .box li{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-bottom: 8px;}
.c3_electric_closing{margin-top: 80px; background: #3a3a3a; border-radius: 20px; padding: 60px 40px;}
.c3_electric_closing strong{display: block; font-size: var(--fs28); font-weight: 700; color: #fff; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 24px;}
.c3_electric_closing > p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.85); letter-spacing: -0.5px; line-height: 150%;}
.c3_electric_check{margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.2);}
.c3_electric_check p{font-size: var(--fs18); font-weight: 400; color: rgba(255,255,255,0.85); letter-spacing: -0.5px; line-height: 150%;}
.c3_electric_check ul{display: flex; justify-content: center; gap: 0 4%; margin: 20px 0;}
.c3_electric_check li{font-size: var(--fs18); font-weight: 600; color: #fff; letter-spacing: -0.5px; line-height: 150%;}
.c3_electric_check li::before{content: '✔ '; color: #7BC67E;}
/* c3_structure */
.c3_structure{background: #F7F8FA; text-align: center;}
.c3_structure_label{display: inline-block; font-size: var(--fs14); font-weight: 600; color: var(--color); letter-spacing: -0.3px; line-height: 140%; border: 1px solid var(--color); border-radius: 100px; padding: 6px 20px; margin-bottom: 16px;}
.c3_structure_desc{margin-bottom: 60px;}
.c3_structure_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.c3_structure .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%; text-align: left;}
.c3_structure .box{width: calc(50% - 1%); background: #fff; border-radius: 16px; padding: 40px 36px;}
.c3_structure .box i{display: flex; align-items: center; justify-content: center; width: 56px; font-size: 28px; color: #fff; background: var(--color); border-radius: 12px; padding: 14px; margin-bottom: 24px;}
.c3_structure .box strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 6px;}
.c3_structure .box > span{display: block; font-size: var(--fs14); font-weight: 400; color: #999; letter-spacing: -0.3px; line-height: 140%; font-family: 'Poppins', sans-serif; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5E5EC;}
.c3_structure .box dl{margin-bottom: 12px;}
.c3_structure .box dt{font-size: var(--fs16); font-weight: 600; color: #222; letter-spacing: -0.3px; line-height: 150%; margin-bottom: 4px;}
.c3_structure .box dd{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%;}
/* c3_civileng */
.c3_civileng{text-align: center;}
.c3_civileng_desc{margin-bottom: 60px;}
.c3_civileng_desc p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}
.c3_civileng_title{font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 40px;}
.c3_civileng .box_wrap{display: flex; gap: 0 2%;}
.c3_civileng .box{width: calc(33.333% - 1.4%); background: #F7F8FA; border-radius: 16px; overflow: hidden;}
.c3_civileng .box .img{overflow: hidden;}
.c3_civileng .box .img img{width: 100%; display: block; transition: transform 0.4s;}
.c3_civileng .box:hover .img img{transform: scale(1.05);}
.c3_civileng .box .text{padding: 28px 24px;}
.c3_civileng .box .text strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c3_civileng .box .text p{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; text-align: left;}
/* c3_construct */
.c3_construct{text-align: center;}
.c3_construct_subtitle{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 40px;}
.c3_construct_flow{display: flex; position: relative; margin-bottom: 80px;}
.c3_construct_flow::before{content: ''; position: absolute; top: 22px; left: 8%; right: 8%; border-top: 2px dashed #ccc;}
.c3_construct_step{flex: 1; text-align: center;}
.c3_construct_step span{display: inline-flex; align-items: center; justify-content: center; width: 44px; aspect-ratio: 1; margin: 0 auto 16px; font-size: var(--fs18); font-weight: 700; color: #fff; background: var(--color); border-radius: 50%; font-family: 'Poppins', sans-serif; position: relative; z-index: 1;}
.c3_construct_step strong{display: block; font-size: var(--fs16); font-weight: 600; color: #222; letter-spacing: -0.3px; line-height: 140%;}
.c3_construct_step p{font-size: var(--fs14); font-weight: 400; color: #888; letter-spacing: -0.3px; line-height: 140%; margin-top: 4px;}
.c3_construct .box_wrap{display: flex; gap: 0 2%;}
.c3_construct .box{width: calc(20% - 1.6%); background: #F7F8FA; border-radius: 16px; padding: 32px 20px;}
.c3_construct .box i{display: block; font-size: 32px; color: var(--color); line-height: 100%; margin-bottom: 20px;}
.c3_construct .box strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c3_construct .box p{font-size: var(--fs14); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; text-align: left;}

/* c4_supervise */
.c4_supervise{text-align: center;}
.c4_supervise_subtitle{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 40px;}
.c4_supervise .box_wrap{display: flex; flex-direction: column; gap: 16px 0;}
.c4_supervise .box{display: flex; align-items: center; gap: 0 28px; background: #F7F8FA; border-radius: 16px; padding: 28px 36px; text-align: left;}
.c4_supervise .box span{flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 100px; font-size: var(--fs14); font-weight: 700; color: #fff; background: var(--color); border-radius: 100px; padding: 10px 0; font-family: 'Poppins', sans-serif; letter-spacing: 1px;}
.c4_supervise .box p{font-size: var(--fs18); font-weight: 500; color: #333; letter-spacing: -0.5px; line-height: 140%;}

/* c4_process */
.c4_process{text-align: center;}
.c4_process_subtitle{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 32px;}
.c4_process_law{display: flex; align-items: flex-start; gap: 0 20px; background: #F7F8FA; border-left: 4px solid var(--color); border-radius: 0 16px 16px 0; padding: 32px 36px; text-align: left; margin-bottom: 60px;}
.c4_process_law i{flex-shrink: 0; font-size: 28px; color: var(--color); line-height: 140%;}
.c4_process_law p{font-size: var(--fs16); font-weight: 400; color: #444; letter-spacing: -0.3px; line-height: 150%;}
.c4_process_law p strong{font-weight: 700; color: #111;}
.c4_process .box_wrap{display: flex; gap: 0 2%;}
.c4_process .box{width: calc(25% - 1.5%); background: #F7F8FA; border-radius: 16px; padding: 32px 24px; text-align: left;}
.c4_process .box i{display: block; font-size: 32px; color: var(--color); line-height: 100%; margin-bottom: 20px;}
.c4_process .box strong{display: block; font-size: var(--fs18); font-weight: 700; color: #111; letter-spacing: -0.5px; line-height: 140%; margin-bottom: 12px;}
.c4_process .box p{font-size: var(--fs14); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%;}

/* c5_construct */
.c5_construct{text-align: center;}
.c5_construct_highlight{display: flex; align-items: flex-start; gap: 0 20px; background: #F7F8FA; border-left: 4px solid var(--color); border-radius: 0 16px 16px 0; padding: 32px 36px; text-align: left; margin-bottom: 60px;}
.c5_construct_highlight i{flex-shrink: 0; font-size: 28px; color: var(--color); line-height: 140%;}
.c5_construct_highlight p{font-size: var(--fs16); font-weight: 400; color: #444; letter-spacing: -0.3px; line-height: 150%;}
.c5_construct_highlight p strong{font-weight: 700; color: #111;}
.c5_construct_subtitle{font-size: var(--fs24); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 40px;}
.c5_construct_flow{display: flex; position: relative;}
.c5_construct_flow::before{content: ''; position: absolute; top: 22px; left: 8%; right: 8%; border-top: 2px dashed #ccc;}
.c5_construct_step{flex: 1; text-align: center;}
.c5_construct_step span{display: inline-flex; align-items: center; justify-content: center; width: 44px; aspect-ratio: 1; margin: 0 auto 16px; font-size: var(--fs18); font-weight: 700; color: #fff; background: var(--color); border-radius: 50%; font-family: 'Poppins', sans-serif; position: relative; z-index: 1;}
.c5_construct_step strong{display: block; font-size: var(--fs16); font-weight: 600; color: #222; letter-spacing: -0.3px; line-height: 140%;}
.c5_construct_step p{font-size: var(--fs14); font-weight: 400; color: #888; letter-spacing: -0.3px; line-height: 140%; margin-top: 4px;}
.c5_construct_manage{text-align: center;}
.c5_construct_manage_head{margin-bottom: 40px;}
.c5_construct_manage_head span{display: inline-block; font-size: var(--fs18); font-weight: 600; color: var(--color); letter-spacing: -0.4px; line-height: 150%; margin-bottom: 16px;}
.c5_construct_manage_head h3{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.c5_construct_manage_head p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-top: 16px;}
.c5_construct_manage .box_wrap{display: flex; flex-direction: column; gap: 20px 0;}
.c5_construct_manage .box{display: flex; align-items: center; gap: 0 28px; background: #F7F8FA; border-radius: 16px; padding: 28px 36px; text-align: left;}
.c5_construct_manage .box span{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 80px; aspect-ratio: 1; border-radius: 50%; font-size: var(--fs28); font-weight: 700; font-family: 'Poppins', sans-serif; color: #fff; line-height: 100%;}
.c5_construct_manage .box:nth-child(1) span{background: #B85A30;}
.c5_construct_manage .box:nth-child(2) span{background: #9E4570;}
.c5_construct_manage .box:nth-child(3) span{background: #5C4090;}
.c5_construct_manage .box:nth-child(4) span{background: #3E6098;}
.c5_construct_manage .box:nth-child(5) span{background: #5E8A30;}
.c5_construct_manage .box .text strong{display: block; font-size: var(--fs22); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 10px;}
.c5_construct_manage .box .text p{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%;}
.c5_construct_test{text-align: center;}
.c5_construct_test_head{margin-bottom: 40px;}
.c5_construct_test_head span{display: inline-block; font-size: var(--fs18); font-weight: 600; color: var(--color); letter-spacing: -0.4px; line-height: 150%; margin-bottom: 16px;}
.c5_construct_test_head h3{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.c5_construct_test_head p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-top: 16px;}
.c5_construct_test .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 2%; text-align: left;}
.c5_construct_test .box{width: 32%; background: #F7F8FA; border-radius: 16px; padding: 32px 28px;}
.c5_construct_test .box span{display: inline-flex; align-items: center; justify-content: center; width: 48px; aspect-ratio: 1; background: var(--color); border-radius: 50%; font-size: var(--fs18); font-weight: 700; color: #fff; font-family: 'Poppins', sans-serif; line-height: 100%; margin-bottom: 20px;}
.c5_construct_test .box .text strong{display: block; font-size: var(--fs20); font-weight: 700; color: #111; letter-spacing: -0.6px; line-height: 140%; margin-bottom: 16px;}
.c5_construct_test .box .text p{font-size: var(--fs16); font-weight: 400; color: #555; letter-spacing: -0.3px; line-height: 150%; margin-top: 6px;}

/* c6_commission */
.c6_commission .ptxt h2::after{margin: 24px 0 0;}
.c6_commission .ptxt{text-align: left;}
.c6_commission .box_wrap{display: flex; flex-direction: column; gap: 80px 0;}
.c6_commission .box{display: flex; align-items: center; gap: 0 5%;}
.c6_commission .box.reverse{flex-direction: row-reverse;}
.c6_commission .box .img{width: 55%; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 10;}
.c6_commission .box .img img{width: 100%; display: block; object-fit: cover; transition: transform 0.4s; height: 100%;;}
.c6_commission .box:hover .img img{transform: scale(1.05);}
.c6_commission .box .text{width: 40%;}
.c6_commission .box .text span{display: inline-block; font-size: 40px; font-weight: 800; color: var(--color); font-family: 'Poppins', sans-serif; line-height: 100%; margin-bottom: 16px; opacity: 0.3;}
.c6_commission .box .text strong{display: block; font-size: var(--fs28); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%; margin-bottom: 16px;}
.c6_commission .box .text p{font-size: var(--fs18); font-weight: 400; color: #555; letter-spacing: -0.5px; line-height: 150%;}

/* ========== p1 프로모션 ========== */
.p1_promo {padding-top: 180px;}
.p1_promo .ptxt{margin-bottom: 60px;}
.p1_promo .ptxt h2{font-size: var(--fs32); font-weight: 700; color: #111; letter-spacing: -0.8px; line-height: 140%;}
.p1_promo .ptxt p{font-size: var(--fs18); font-weight: 400; color: #505050; letter-spacing: -0.5px; line-height: 150%; margin-top: 16px;}
.p1_promo .box_wrap{display: flex; flex-wrap: wrap; gap: 40px 2%;}
.p1_promo .box{width: calc(25% - 1.5%);}
.p1_promo .box a{display: block; text-decoration: none;}
.p1_promo .box .img{border-radius: 12px; overflow: hidden;}
.p1_promo .box .img img{width: 100%; display: block; transition: transform 0.4s;}
.p1_promo .box:hover .img img{transform: scale(1.05);}
.p1_promo .p1_btn{display: block; text-align: center; margin-top: 20px; padding: 0 20px; font-size: 17.5px; font-weight: 500; color: #111; letter-spacing: -0.4px; line-height: 300%; border: 1px solid #E5E5EC; border-radius: 100px; transition: 0.3s;}
.p1_promo .box:hover .p1_btn{border-color: var(--color); color: var(--color);}
.p1_promo_empty{padding: 80px 0; text-align: center; background: #F7F8FA; border-radius: 12px;}
.p1_promo_empty p{font-size: 18px; font-weight: 400; color: #999; letter-spacing: -0.4px;}

@media all and (max-width: 1400px){
    .b1_intro{padding: 100px 0;}
    .b1_define{padding: 100px 0 60px;}
    .b1_merit{padding: 0 0 100px;}
    .b1_merit .box{padding: 36px 20px;}
    .main1{padding: 100px 0;}
    .main1_title h2{font-size: 34px;}
    .main1_rec p{font-size: var(--fs24);}
    .main1_value strong{font-size: 32px;}
    .main1 .box{padding: 28px 32px; gap: 20px;}
    /* main2 */
    .main2{padding: 100px 0;}
    .main2_top h2{font-size: 34px;}
    .main2_card{padding: 32px 36px;}
    .main2_name{font-size: 24px;}
    .main2_banner{padding: 28px 36px;}
    .main2_banner_bottom strong{font-size: 24px;}
    /* main3 */
    .main3{padding: 100px 0;}
    .main3_left h2{font-size: 34px;}
    .main3_tab{margin-top: 32px;}
    /* main4 */
    .main4{padding: 100px 0;}
    .main4_top h2{font-size: 34px;}
    /* main6 */
    .main6{padding: 100px 0;}
    .main6 h2{font-size: 34px;}
}
@media all and (max-width: 1200px){
    .main1_title{flex-direction: column; align-items: flex-start; gap: 16px;}
    .main1_table{margin-top: 40px;}
    .main1_rec{width: 30%;}
    .main1 .box_wrap{width: 70%;}
    /* main2 */
    .main2_content{margin-top: 40px;}
    .main2_desc{font-size: 14px;}
}
@media all and (max-width: 1024px){
    /* sub_tab */
    .sub_tab_btn{padding: 16px 8px; font-size: 15px;}
    /* a1 인사말 */
    .a1_greet{padding: 80px 0;}
    .a1_row{flex-direction: column; gap: 40px 0; margin-top: 32px;}
    .a1_row_left{width: 100%; background: none; padding-bottom: 0;}
    .a1_row_left h3{font-size: var(--fs28);}
    .a1_sign{margin-top: 32px; flex-direction: row; align-items: center; gap: 12px;}
    .a1_row_right{width: 100%;}
    .a1_deco{display: none;}
    /* a2 조직도 */
    .a2 .board_title{text-align: center;}
    .a2 .board_title h2{font-size: 34px;}
    .a2_desc{font-size: var(--fs18); text-align: center;}
    /* a1 그룹정보 */
    .a1_group{padding: 80px 0;}
    .a1_group_stat{gap: 0 6%;}
    .a1_group_stat dl{width: 44%;}
    .a1_network{margin-top: 48px;}
    .a1_group_wrap{flex-direction: column; gap: 48px 0; margin-top: 32px;}
    .a1_group_left{width: 100%;}
    .a1_group_img{width: 100%; max-width: 480px; margin: 0 auto; position: static;}
    /* a1 그룹연혁 */
    .a1_history{padding: 80px 0;}
    .a1_timeline{margin-top: 40px;}
    .a1_timeline::before{left: 20px;}
    .a1_timeline_item::before{left: 20px; transform: translateX(-50%);}
    .a1_timeline_content{width: 100%;}
    .a1_timeline_item.left .a1_timeline_content{padding-right: 0; padding-left: 50px; text-align: left;}
    .a1_timeline_item.left .a1_timeline_content li{justify-content: flex-start;}
    .a1_timeline_item.left .a1_timeline_content li span{order: 0; margin-left: 0; margin-right: 10px;}
    .a1_timeline_item.right .a1_timeline_content{margin-left: 0; padding-left: 50px;}
    .a1_timeline_item{margin-bottom: 48px;}
    /* a1 차별화된 기술 */
    .a1_tech{padding: 80px 0;}
    .a1_tech_tab{margin-top: 36px;}
    .a1_tech_btn{padding: 16px 12px; font-size: 15px;}
    .a1_tech_panels{margin-top: 36px;}
    .a1_tech_panel.on{flex-direction: column; gap: 32px 0;}
    .a1_tech_text{width: 100%;}
    .a1_tech_img{width: 100%;}
    /* a3 오시는 길 */
    .a3{padding: 80px 0;}
    .a3_tab{margin-top: 36px;}
    .a3_tab_btn{padding: 16px 12px; font-size: 15px;}
    .a3_panels{margin-top: 32px;}
    .a3_map{aspect-ratio: 2/1;}
    .a3_info{padding: 28px 32px;}
    .main1{padding: 60px 0;}
    .main1_title h2{font-size: 28px;}
    .main1_top > p{font-size: var(--fs18);}
    .main1_table{flex-direction: column; border-radius: 16px;}
    .main1_rec{width: 100%; padding: 28px 0; justify-content: center;}
    .main1 .box_wrap{width: 100%;}
    .main1 .box{padding: 24px 28px;}
    .main1_value strong{font-size: 28px;}
    .b1_intro{padding: 60px 0;}
    .b1_intro .ptxt h2{font-size: var(--fs32);}
    .b1_intro .ptxt p{font-size: var(--fs20);}
    .b1_define{padding: 60px 0 40px;}
    .b1_define h2{font-size: var(--fs24);}
    .b1_define_desc{font-size: var(--fs18);}
    .b1_merit{padding: 0 0 60px;}
    .b1_merit .ptxt{margin-bottom: 40px;}
    .b1_merit .box{width: calc(33.33% - 1.34%); padding: 32px 16px;}
    .b1_reason{padding: 80px 0;}
    .b1_reason .ptxt{margin-bottom: 48px;}
    .b1_reason .ptxt h2{font-size: var(--fs24);}
    .b1_reason .ptxt p{font-size: var(--fs18); margin-top: 20px;}
    .b1_reason .box_wrap{gap: 32px 2%;}
    .b1_consult{margin-top: 60px; padding: 40px;}
    .b1_consult .box_wrap{margin-top: 36px;}
    .b2_reason{padding: 80px 0;}
    .b2_reason .ptxt{margin-bottom: 16px;}
    .b2_reason_sub{margin-top: 40px; margin-bottom: 40px;}
    .b2_reason .box_wrap{gap: 32px 2%;}
    .b2_table{padding: 80px 0;}
    .b2_table .ptxt{margin-bottom: 48px;}
    .b2_compare{padding: 80px 0;}
    .b2_compare .ptxt{margin-bottom: 48px;}
    .b2_economy{padding: 80px 0;}
    .b2_economy .ptxt{margin-bottom: 48px;}
    .b2_economy_sec{margin-top: 48px;}
    .b2_intro{padding: 80px 0;}
    .b2_intro .ptxt{margin-bottom: 60px;}
    .b2_list{gap: 80px 0;}
    .b2_txt strong{font-size: var(--fs24);}
    .b3_intro{padding: 80px 0;}
    .b3_intro .ptxt{margin-bottom: 60px;}
    .b3_intro .box{width: calc(50% - 1%); padding: 28px 24px;}
    .b3_total{padding: 80px 0;}
    .b3_about{margin-top: 60px; padding: 36px;}
    .b3_process{margin-top: 60px;}
    .b3_process .box{padding: 32px 24px;}
    .b3_revenue{padding: 80px 0;}
    .b3_revenue_wrap{padding: 48px 40px;}
    .b3_revenue_img{width: 90%;}
    .b4_carbon{padding: 80px 0;}
    .b4_carbon .ptxt{margin-bottom: 60px;}
    .b4_carbon_about{padding: 36px;}
    .b4_carbon_target{margin-top: 48px;}
    .b4_carbon_target .box{padding: 32px 24px;}
    .b5_parking{padding: 80px 0;}
    .b5_parking_about{padding: 36px;}
    .b5_parking_model{margin-top: 48px;}
    .b5_parking_model .box{padding: 32px 24px;}
    .b5_benefit{padding: 80px 0;}
    .b5_benefit .ptxt{margin-bottom: 48px;}
    .b5_benefit .box{width: calc(25% - 1.5%); padding: 28px 20px;}
    .b6_repower{padding: 80px 0;}
    .b6_repower .ptxt{margin-bottom: 48px;}
    .b6_repower .box{padding: 32px 24px;}
    .b6_repower_accent{margin-top: 48px; padding: 32px;}
    .b6_reason{padding: 80px 0;}
    .b6_reason .box_wrap{margin-top: 48px;}
    .b6_reason .box{padding: 32px 24px;}
    .b6_after{padding: 80px 0;}
    .b6_after .ptxt{margin-bottom: 48px;}
    .b6_compare{padding: 80px 0;}
    .b6_compare .ptxt{margin-bottom: 48px;}
    .b6_effect{padding: 80px 0;}
    .b6_effect .ptxt{margin-bottom: 48px;}
    .b6_effect .box{padding: 32px 24px;}
    .b6_step{padding: 80px 0;}
    .b6_step .ptxt{margin-bottom: 48px;}
    .b4_need{padding: 80px 0;}
    .b4_need_title{margin-bottom: 60px;}
    .b4_need_list{gap: 80px 0;}
    .b4_need_txt strong{font-size: var(--fs24);}
    .b4_merit{padding: 80px 0;}
    .b4_merit .ptxt{margin-bottom: 60px;}
    .b4_merit .box{padding: 32px;}
    .b4_type{padding: 80px 0;}
    .b4_type .ptxt{margin-bottom: 48px;}
    .b4_step{padding: 80px 0;}
    .b4_step .ptxt{margin-bottom: 48px;}
    .b4_step_flow{flex-wrap: wrap; gap: 20px 2%;}
    .b4_step_item{width: calc(33.33% - 1.34%);}
    .b4_esco{padding: 80px 0;}
    .b4_esco .ptxt{margin-bottom: 48px;}
    .b4_esco .box{padding: 32px 24px;}
    .b1_finance{padding: 80px 0;}
    .b1_solution{padding: 80px 0;}
    .b1_solution .ptxt{margin-bottom: 48px;}
    .b1_solution_item{padding: 32px;}
    .b1_plan{padding: 80px 0;}
    .b1_plan .ptxt{margin-bottom: 48px;}
    /* main2 */
    .main2{padding: 60px 0;}
    .main2_top h2{font-size: 28px;}
    .main2_top p{font-size: var(--fs18);}
    .main2_content{grid-template-columns: 1fr;}
    .main2_card{padding: 28px 32px;}
    .main2_banners{flex-direction: row; flex-wrap: wrap;}
    .main2_banners .main2_banner{flex: 1 1 calc(50% - 10px); min-width: calc(50% - 10px);}
    .main2_ico{width: 60px;}
    .main2_name{font-size: 22px;}
    .main2_banner{padding: 24px 32px;}
    .main2_banner_bottom strong{font-size: 22px;}
    /* main3 */
    .main3{padding: 60px 0;}
    .main3_wrap{flex-direction: column; gap: 32px;}
    .main3_left{width: 100%; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 20px;}
    .main3_left h2{font-size: 28px; margin-right: auto;}
    .main3_tab{flex-direction: row; margin-top: 0; gap: 8px;}
    .main3_nav{margin-top: 0;}
    .main3_right{width: 100%;}
    /* main4 */
    .main4{padding: 60px 0;}
    .main4_top h2{font-size: 28px;}
    /* main6 */
    .main6{padding: 60px 0;}
    .main6 h2{font-size: 28px;}
    .main6 .box{width: calc(33.33% - 1%);}
    .main6_deco{display: none;}
    /* p1 프로모션 */
    .p1_promo{padding-top: 110px;}
    .p1_promo .box{width: calc(50% - 1%);}
    /* 공통 ptxt 반응형 (--fs32 → --fs24) */
    .common .ptxt h2{font-size: var(--fs24);}
    .b1_intro .ptxt h2{font-size: var(--fs32);}
    .b1_intro .ptxt p{font-size: var(--fs20);}
    .b1_merit .ptxt h2{font-size: var(--fs22);}
    .c2_hero .ptxt h2{font-size: var(--fs32);}
    .c2_design .ptxt h2{font-size: var(--fs32);}
    /* 비ptxt --fs32 셀렉터 */
    .b3_total_title, .b4_need_title h2, .b1_plan_num{font-size: var(--fs24);}
    .a1_philo_title, .a1_tech_title{font-size: var(--fs24);}
    /* --fs28 셀렉터 (--fs28 → --fs22) */
    .a1_tech_text h4, .b1_consult h3, .c1_effect_card h2, .c3_electric_title, .c3_electric_closing strong, .c3_civileng_title{font-size: var(--fs22);}
    /* --fs18 변수 재정의 (18px → 17px) */
    :root{--fs18: 17px;}
}
@media all and (max-width: 900px){}
@media all and (max-width: 850px){}
@media all and (max-width: 768px){
    .latest2{padding: 0 0 60px;}
    .pic_lt_block li .last_title{font-size: 15px;}
    /* p1 프로모션 */
    .p1_promo{padding-top: 80px;}
    .p1_promo .ptxt{margin-bottom: 36px;}
    .p1_promo .box{width: calc(50% - 1%);}
    .p1_promo .box_wrap{gap: 20px 2%;}
    .p1_promo .p1_btn{font-size: 14px; margin-top: 14px; line-height: 260%;}
    /* b1 */
    .b1_solution .ptxt{text-align: center;}
    .b1_intro .ptxt h2{font-size: 22px;}
    .b1_intro .ptxt p{font-size: 16px;}
    .b1_define h2{font-size: 20px;}
    .b1_define_desc{font-size: 16px; margin-top: 20px;}
    .b1_merit .box{width: calc(50% - 1%); padding: 28px 20px; border-radius: 16px;}
    .b1_merit .box .img{width: 16%;}
    .b1_reason .ptxt h2{font-size: 20px;}
    .b1_reason .ptxt p{font-size: 16px;}
    .b1_reason .box{width: calc(50% - 1%);}
    .b2_reason{padding: 60px 0;}
    .b2_reason .box_wrap{gap: 28px 2%;}
    .b2_reason .box{width: calc(50% - 1%);}
    .b2_reason_sub h3{font-size: 18px;}
    .b2_table{padding: 60px 0;}
    .b2_table .ptxt{margin-bottom: 36px;}
    .b2_table_wrap table{font-size: 14px;}
    .b2_table_wrap thead th{font-size: 14px; padding: 14px 12px;}
    .b2_table_wrap tbody td{font-size: 14px; padding: 14px 12px;}
    .b2_compare{padding: 60px 0;}
    .b2_compare .ptxt{margin-bottom: 36px;}
    .b2_compare_wrap thead th{font-size: 14px; padding: 14px 12px;}
    .b2_compare_wrap tbody td{font-size: 14px; padding: 14px 12px;}
    .b2_economy{padding: 60px 0;}
    .b2_economy .ptxt{margin-bottom: 36px;}
    .b2_economy .box_wrap{flex-direction: column; gap: 16px 0;}
    .b2_economy .box{width: 100%; padding: 24px;}
    .b2_economy_table thead th{font-size: 14px; padding: 14px 12px;}
    .b2_economy_table tbody td{font-size: 14px; padding: 14px 12px;}
    .b1_consult{padding: 28px 24px; margin-top: 48px;}
    .b1_consult .box_wrap{flex-direction: column; gap: 16px;}
    .b1_consult .box{width: 100%; padding: 24px; flex-direction: row; align-items: center; gap: 16px;}
    .b1_consult .box .ico{width: 40px; flex-shrink: 0;}
    .b2_intro{padding: 60px 0;}
    .b2_intro .ptxt{margin-bottom: 48px; text-align: center;}
    .b2_list{gap: 60px 0;}
    .b2_item{flex-direction: column; gap: 32px 0;}
    .b2_item.reverse{flex-direction: column;}
    .b2_txt{width: 100%;}
    .b2_img{width: 100%;}
    .b2_txt strong{font-size: var(--fs22);}
    /* c2 */
    .c2_str_wrap{flex-direction: column; gap: 0;}
    .c2_str{padding: 28px 20px; border-right: none; border-bottom: 1px solid #E8E8E8; border-radius: 0;}
    .c2_str:first-child{border-radius: 16px 16px 0 0;}
    .c2_str:last-child{border-radius: 0 0 16px 16px; border-bottom: none;}
    .c2_info_section .box_wrap{gap: 16px 3%;}
    .c2_info_section .box{width: calc(50% - 1.5%); padding: 20px 12px;}
    .c2_guide_wrap{flex-direction: column; gap: 16px 0;}
    .c2_guide_item{width: 100%; padding: 28px 20px;}
    .c2_guide_sub dl{flex-direction: column; gap: 4px 0;}
    .c2_guide_sub dt{width: 100%;}
    .c2_guide_sub dd{width: 100%;}
    .c2_docs_list{flex-direction: column; gap: 0;}
    .c2_docs_item{width: 100%; padding: 20px 0;}
    .c2_review_wrap{flex-direction: column; gap: 16px 0;}
    .c2_review_item{width: 100%; padding: 28px 20px;}
    .c2_design{padding: 80px 0; background-attachment: scroll;}
    .c2_design_sub{padding: 28px 20px;}
    /* c3 */
    .c3_process_desc{margin-bottom: 48px;}
    .c3_struct_head{margin-top: 48px;}
    .c3_civil_head{margin-top: 48px;}
    .c3_elec_wrap{flex-direction: column; gap: 16px 0;}
    .c3_elec_item{width: 100%; padding: 28px 20px;}
    .c3_struct_wrap{flex-direction: column; gap: 16px 0;}
    .c3_struct_item{width: 100%; padding: 28px 20px;}
    .c3_civil_wrap{flex-direction: column; gap: 16px 0;}
    .c3_civil_item{width: 100%; padding: 28px 20px;}
    .c3_closing_inner{margin-top: 48px; padding: 40px 24px; border-radius: 16px;}
    .c3_closing_inner strong{font-size: var(--fs22);}
    /* c3_electric */
    .c3_electric_desc{margin-bottom: 48px;}
    .c3_electric_title{margin-bottom: 28px;}
    .c3_electric .box_wrap{flex-direction: column; gap: 16px 0;}
    .c3_electric .box{width: 100%; padding: 28px 20px;}
    .c3_electric_closing{margin-top: 48px; padding: 40px 24px; border-radius: 16px;}
    .c3_electric_closing strong{font-size: var(--fs22);}
    .c3_electric_check ul{flex-direction: column; gap: 12px 0;}
    /* c3_structure */
    .c3_structure_desc{margin-bottom: 40px;}
    .c3_structure .box_wrap{gap: 16px 0;}
    .c3_structure .box{width: 100%; padding: 32px 24px;}
    .c3_structure .box i{width: 48px; font-size: 24px; padding: 12px; margin-bottom: 20px;}
    /* c3_civileng */
    .c3_civileng_desc{margin-bottom: 40px;}
    .c3_civileng_title{margin-bottom: 28px;}
    .c3_civileng .box_wrap{flex-direction: column; gap: 16px 0;}
    .c3_civileng .box{width: 100%;}
    .c3_civileng .box .text{padding: 24px 20px;}
    /* c3_construct */
    .c3_construct_subtitle{margin-bottom: 28px;}
    .c3_construct_flow{flex-wrap: wrap; gap: 24px 0; margin-bottom: 48px;}
    .c3_construct_flow::before{display: none;}
    .c3_construct_step{flex: 0 0 33.333%; margin-bottom: 0;}
    .c3_construct .box_wrap{flex-wrap: wrap; gap: 16px 2%;}
    .c3_construct .box{width: calc(33.333% - 1.4%); padding: 28px 16px;}
    /* c4_supervise */
    .c4_supervise_subtitle{margin-bottom: 28px;}
    .c4_supervise .box{flex-direction: column; align-items: flex-start; gap: 12px 0; padding: 24px 20px;}
    .c4_supervise .box span{width: auto; padding: 8px 16px; font-size: 13px; margin-bottom: 12px;}
    /* c4_process */
    .c4_process_subtitle{margin-bottom: 24px;}
    .c4_process_law{flex-direction: column; gap: 12px 0; padding: 24px 20px; margin-bottom: 40px;}
    .c4_process .box_wrap{flex-wrap: wrap; gap: 16px 0;}
    .c4_process .box{width: 100%; padding: 24px 20px;}
    /* c5_construct */
    .c5_construct_highlight{flex-direction: column; gap: 12px 0; padding: 24px 20px; margin-bottom: 40px;}
    .c5_construct_subtitle{margin-bottom: 28px;}
    .c5_construct_flow{flex-wrap: wrap; gap: 24px 0;}
    .c5_construct_flow::before{display: none;}
    .c5_construct_step{flex: 0 0 33.333%;}
    .c5_construct_manage .box_wrap{gap: 16px 0;}
    .c5_construct_manage .box{gap: 0 20px; padding: 24px 20px;}
    .c5_construct_manage .box span{width: 68px; font-size: var(--fs24);}
    .c5_construct_manage .box .text strong{font-size: var(--fs20);}
    .c5_construct_manage_head{margin-bottom: 28px;}
    .c5_construct_manage_head h3{font-size: var(--fs28);}
    .c5_construct_manage_head p{font-size: var(--fs16);}
    .c5_construct_test_head{margin-bottom: 28px;}
    .c5_construct_test_head h3{font-size: var(--fs28);}
    .c5_construct_test_head p{font-size: var(--fs16);}
    .c5_construct_test .box{width: 100%; padding: 24px 20px;}
    .c5_construct_test .box span{width: 40px; font-size: var(--fs16); margin-bottom: 16px;}
    .c5_construct_test .box .text strong{font-size: var(--fs18);}
    .c5_construct_test .box .text p{font-size: var(--fs16);}
    /* c6_commission */
    .c6_commission .box_wrap{gap: 40px 0;}
    .c6_commission .box{flex-direction: column; gap: 24px 0;}
    .c6_commission .box.reverse{flex-direction: column;}
    .c6_commission .box .img{width: 100%;}
    .c6_commission .box .text{width: 100%;}
    .c6_commission .box .text span{font-size: 32px; margin-bottom: 12px;}
    .c6_commission .box .text strong{font-size: var(--fs22);}
    .b3_intro{padding: 60px 0;}
    .b3_intro .ptxt{margin-bottom: 48px;}
    .b3_intro .box_wrap{gap: 16px 2%;}
    .b3_intro .box{width: calc(50% - 1%); padding: 24px 20px;}
    .b3_intro .box p{font-size: 16px;}
    .b3_total{padding: 60px 0;}
    .b3_total_title{letter-spacing: 2px;}
    .b3_total_text p br{display: none;}
    .b3_about{margin-top: 48px; padding: 28px 24px;}
    .b3_process{margin-top: 48px;}
    .b3_process .box_wrap{flex-direction: column; gap: 16px;}
    .b3_process .box{width: 100%; padding: 28px 24px;}
    .b3_revenue{padding: 60px 0;}
    .b3_revenue_wrap{padding: 36px 24px;}
    .b3_revenue_img{width: 100%;}
    .b3_revenue_formula{font-size: var(--fs20); padding: 24px 16px; margin-top: 36px;}
    .b3_revenue_desc{flex-direction: column; gap: 12px 0; align-items: flex-start;}
    .b3_revenue_desc dl{align-items: flex-start;}
    .b3_revenue_desc dt{white-space: nowrap;}
    .b3_revenue_desc dd{text-align: left;}
    .b4_carbon{padding: 60px 0;}
    .b4_carbon .ptxt{margin-bottom: 48px;}
    .b4_carbon_about{padding: 28px 24px;}
    .b4_carbon_target{margin-top: 36px;}
    .b4_carbon_target .box_wrap{flex-direction: column; gap: 16px;}
    .b4_carbon_target .box{width: 100%; padding: 28px 24px;}
    .b4_carbon_target .box strong{font-size: 16px;}
    .b5_parking{padding: 60px 0;}
    .b5_parking .ptxt{margin-bottom: 36px;}
    .b5_parking_about{padding: 28px 24px;}
    .b5_parking_model{margin-top: 36px;}
    .b5_parking_model .box_wrap{flex-direction: column; gap: 16px;}
    .b5_parking_model .box{width: 100%; padding: 28px 24px;}
    .b5_parking_model .box strong{font-size: 16px;}
    .b5_benefit{padding: 60px 0;}
    .b5_benefit .ptxt{margin-bottom: 36px;}
    .b5_benefit .box_wrap{gap: 16px 3%;}
    .b5_benefit .box{width: calc(50% - 1.5%); padding: 24px 20px;}
    .b5_benefit .box p{font-size: 14px;}
    .b6_repower{padding: 60px 0;}
    .b6_repower .ptxt{margin-bottom: 36px;}
    .b6_repower .box_wrap{flex-direction: column; gap: 16px 0;}
    .b6_repower .box{width: 100%; padding: 28px 24px;}
    .b6_repower .box strong{font-size: 16px;}
    .b6_repower_accent{margin-top: 36px; padding: 28px 24px;}
    .b6_repower_accent p{font-size: 16px;}
    .b6_reason{padding: 60px 0;}
    .b6_reason .box_wrap{flex-direction: column; gap: 16px 0; margin-top: 36px;}
    .b6_reason .box{width: 100%; padding: 28px 24px;}
    .b6_after{padding: 60px 0;}
    .b6_after .ptxt{margin-bottom: 36px;}
    .b6_compare{padding: 60px 0;}
    .b6_compare .ptxt{margin-bottom: 36px;}
    .b6_compare_wrap thead th{font-size: 14px; padding: 14px 12px;}
    .b6_compare_wrap tbody td{font-size: 14px; padding: 14px 12px;}
    .b6_effect{padding: 60px 0;}
    .b6_effect .ptxt{margin-bottom: 36px;}
    .b6_effect .box_wrap{flex-direction: column; gap: 16px 0;}
    .b6_effect .box{width: 100%; padding: 28px 24px;}
    .b6_effect .box strong{margin-bottom: 20px; padding-bottom: 16px;}
    .b6_step{padding: 60px 0;}
    .b6_step .ptxt{margin-bottom: 36px;}
    .b6_step_wrap thead th{font-size: 14px; padding: 14px 12px;}
    .b6_step_wrap tbody td{font-size: 14px; padding: 14px 12px;}
    .b6_step_label{font-size: 13px !important;}
    .b6_finance{padding: 60px 0;}
    .b6_finance .ptxt{margin-bottom: 36px;}
    .b6_finance .box_wrap{flex-direction: column; gap: 16px 0;}
    .b6_finance .box{width: 100%; padding: 28px 24px;}
    .b6_finance .box strong{font-size: 17px; margin-bottom: 20px; padding-bottom: 16px;}
    .b6_special{padding: 60px 0;}
    .b6_special .ptxt{margin-bottom: 36px;}
    .b6_special .box_wrap{flex-direction: column; gap: 16px 0;}
    .b6_special .box{width: 100%; padding: 28px 24px;}
    .b6_special .box strong{font-size: 16px;}
    .b6_cta{padding: 60px 0;}
    .b6_cta p{font-size: var(--fs18);}
    .b7_intro{padding: 60px 0;}
    .b7_intro .ptxt{margin-bottom: 36px;}
    .b7_intro .box_wrap{flex-direction: column; gap: 16px 0; margin-top: 36px;}
    .b7_intro .box{width: 100%; padding: 28px 24px;}
    .b7_standard{padding: 60px 0;}
    .b7_standard .ptxt{margin-bottom: 36px;}
    .b7_standard .box_wrap{flex-direction: column; gap: 16px 0;}
    .b7_standard .box{width: 100%; padding: 28px 24px;}
    .b7_longevity{padding: 60px 0;}
    .b7_longevity .ptxt{margin-bottom: 36px; text-align: center;}
    .b7_longevity_sub{font-size: var(--fs18); margin-bottom: 24px;}
    .b7_longevity .box_wrap{flex-direction: column; gap: 16px 0;}
    .b7_longevity .box{width: 100%; padding: 28px 24px;}
    .b7_longevity_solution{margin-top: 24px; padding: 24px 20px;}
    .b8_guide{padding: 60px 0;}
    .b8_guide .ptxt{margin-bottom: 36px;}
    .b8_guide .box_wrap{flex-direction: column; gap: 16px 0;}
    .b8_guide .box{width: 100%;}
    .b8_housing{padding: 60px 0;}
    .b8_housing .ptxt{margin-bottom: 24px;}
    .b8_housing_desc{margin-bottom: 40px;}
    .b8_housing_desc dl{flex-direction: column; gap: 8px 0;}
    .b8_housing_desc dt{width: 100%;}
    .b8_housing_desc dd{width: 100%;}
    .b8_housing .box_wrap{flex-direction: column; gap: 16px 0; margin-bottom: 48px;}
    .b8_housing .box{width: 100%; padding: 24px 20px;}
    .b8_step_wrap{flex-wrap: wrap; gap: 24px 2%;}
    .b8_step{width: calc(50% - 1%);}
    .b8_arrow{display: none;}
    .b8_building{padding: 60px 0;}
    .b8_building .ptxt{margin-bottom: 24px;}
    .b8_building_desc{margin-bottom: 40px;}
    .b8_building_desc dl{flex-direction: column; gap: 8px 0;}
    .b8_building_desc dt{width: 100%;}
    .b8_building_desc dd{width: 100%;}
    .b8_building_table{margin-bottom: 48px; overflow-x: auto;}
    .b8_building_table thead th{padding: 16px 12px; font-size: 14px;}
    .b8_building_table tbody td{padding: 16px 12px; font-size: 14px;}
    .b8_building_effect{flex-direction: column; gap: 8px 0; padding: 24px 20px;}
    .b8_building_effect dt{width: 100%;}
    .b8_building_effect dd{width: 100%;}
    .b8_convergence{padding: 60px 0;}
    .b8_convergence .ptxt{margin-bottom: 24px;}
    .b8_convergence_desc{margin-bottom: 40px;}
    .b8_convergence_info{flex-direction: column; gap: 8px 0; padding: 24px 20px; margin-bottom: 48px;}
    .b8_convergence_info dt{width: 100%;}
    .b8_convergence_info dd{width: 100%;}
    .b8_convergence_step_wrap{flex-direction: column; gap: 16px 0;}
    .b8_convergence_step{width: 100%; padding: 24px 20px;}
    .b8_convergence_step strong{font-size: 16px;}
    .b8_partner{padding: 60px 0;}
    .b8_partner .ptxt{margin-bottom: 24px;}
    .b8_partner_desc{margin-bottom: 40px;}
    .b8_partner_info{flex-direction: column; gap: 8px 0; padding: 24px 20px;}
    .b8_partner_info dt{width: 100%;}
    .b8_partner_info dd{width: 100%;}
    .b9_case{padding: 60px 0;}
    .b9_case .ptxt{margin-bottom: 36px;}
    .b9_case_item{flex-direction: column; gap: 24px 0;}
    .b9_case_item .img{width: 100%;}
    .b9_case_info{width: 100%; padding: 0 20px 24px; grid-template-columns: auto 1fr; gap: 12px 12px;}
    .b9_onestop{padding: 60px 0;}
    .b9_onestop .ptxt{margin-bottom: 36px;}
    .b9_onestop_item{padding: 24px 20px; margin-bottom: 16px;}
    .b9_feature{padding: 60px 0;}
    .b9_feature .ptxt{margin-bottom: 36px;}
    .b9_feature_item{flex-direction: column;}
    .b9_feature_item dt{width: 100%; padding: 16px 20px;}
    .b9_feature_item dd{width: 100%; padding: 16px 20px;}
    .b9_target{padding: 60px 0;}
    .b9_target .ptxt{margin-bottom: 24px;}
    .b9_target_sub{font-size: var(--fs20); margin-bottom: 16px;}
    .b9_target .box{padding: 20px;}
    .b9_why{padding: 60px 0;}
    .b9_why .ptxt{margin-bottom: 24px;}
    .b9_why_intro{font-size: var(--fs18); margin-bottom: 28px;}
    .b9_why .box{padding: 24px 20px;}
    .b9_why .box h3{font-size: var(--fs20);}
    .b9_process{padding: 60px 0;}
    .b9_process_banner{padding: 16px 24px; border-radius: 12px;}
    .b9_process .box_wrap{flex-direction: column; gap: 0;}
    .b9_process .box{width: 100%; margin-right: 0; margin-bottom: 36px; padding: 20px; flex: none;}
    .b9_process .box:last-child{margin-bottom: 0;}
    .b9_process .box::after{right: auto; top: auto; bottom: -28px; left: 50%; transform: translateX(-50%); content: "▼";}
    .b10_om{padding: 60px 0;}
    .b10_om .ptxt{margin-bottom: 36px;}
    .b10_om .box_wrap{gap: 16px 0;}
    .b10_om .box{width: 100%; padding: 28px 20px;}
    .b10_om .box i{font-size: 32px;}
    .b10_om .box strong{font-size: var(--fs18);}
    .b10_area{padding: 60px 0;}
    .b10_area .ptxt{margin-bottom: 36px;}
    .b10_area_list{position: relative; left: auto; top: auto; width: 100%; margin: 0 auto;}
    .b10_area_list li button{font-size: 14px;}
    .b10_area_map{width: 100%; margin: 30px 0 0;}
    .b10_diff{padding: 60px 0;}
    .b10_diff .ptxt{margin-bottom: 36px;}
    .b10_diff .box_wrap{gap: 16px 0;}
    .b10_diff .box{width: 100%; padding: 28px 20px;}
    .b10_diff .box i{font-size: 32px;}
    .b10_diff .box strong{font-size: var(--fs18);}
    .b10_inspect{padding: 60px 0;}
    .b10_inspect .ptxt{margin-bottom: 24px;}
    .b10_inspect_tab{flex-wrap: wrap; gap: 8px; margin-bottom: 24px;}
    .b10_inspect_tab button{padding: 8px 16px; font-size: 13px;}
    .b10_inspect_con{padding: 28px 20px;}
    .b10_inspect_panel.on{position: relative; flex-direction: column; gap: 0;}
    .b10_inspect_panel .img{position: absolute; right: 0; bottom: 0; width: 35%; margin: 0;}
    .b10_inspect_panel h3{font-size: var(--fs20);}
    .b10_inspect_panel ul{gap: 8px 0;}
    .b10_inspect_panel li{width: 100%;}
    .b11_intro{padding: 60px 0;}
    .b11_intro .ptxt{padding: 48px 24px; border-radius: 12px;}
    .b11_what{padding: 60px 0;}
    .b11_what .ptxt{margin-bottom: 28px;}
    .b11_what_banner{padding: 32px 20px;}
    .b11_what_top{gap: 0 16px; margin-bottom: 16px;}
    .b11_what_top span{font-size: var(--fs20);}
    .b11_what_top em{font-size: var(--fs20);}
    .b11_what_top i{font-size: 22px;}
    .b11_type{padding: 60px 0;}
    .b11_type .ptxt{margin-bottom: 12px;}
    .b11_type_desc{margin-bottom: 28px;}
    .b11_type .box_wrap{gap: 20px 3%;}
    .b11_type .box{width: calc(50% - 1.5%);}
    .b11_type .box p{font-size: 15px;}
    .b11_value{padding: 60px 0;}
    .b11_value .ptxt{margin-bottom: 32px;}
    .b11_value .box_wrap{gap: 20px 0;}
    .b11_value .box{width: 100%; padding: 28px 20px;}
    .b11_value .box h3{font-size: var(--fs20); margin-bottom: 16px;}
    .b11_fence{padding: 60px 0;}
    .b11_fence .ptxt{margin-bottom: 12px;}
    .b11_fence_desc{margin-bottom: 28px;}
    .b11_fence .box_wrap{gap: 16px 0;}
    .b11_fence .box{width: 100%; padding: 24px 20px;}
    .c1_intro{padding: 60px 0;}
    .c1_intro .ptxt{margin-bottom: 24px;}
    .c1_intro_desc{margin-bottom: 28px;}
    .c1_intro_sub{font-size: var(--fs20); margin-bottom: 24px;}
    .c1_intro .box_wrap{gap: 16px 0;}
    .c1_intro .box{width: 100%; padding: 24px 20px;}
    .c1_step{padding: 0 0 60px;}
    .c1_step .ptxt{margin-bottom: 24px;}
    .c1_step_desc{margin-bottom: 28px;}
    .c1_step_banner{padding: 24px 20px; margin-bottom: 28px;}
    .c1_step_banner strong{font-size: var(--fs20);}
    .c1_step .box_wrap{gap: 16px 3%;}
    .c1_step .box{width: calc(50% - 1.5%); padding: 24px 20px;}
    .c1_consult{padding: 0 0 60px;}
    .c1_consult .ptxt{margin-bottom: 28px;}
    .c1_consult .box{padding: 28px 20px;}
    .c1_consult .box strong{font-size: var(--fs20);}
    .c1_effect{padding: 0 0 60px;}
    .c1_effect_card{padding: 28px 20px;}
    /* c2 */
    .c2_hero .ptxt{margin-bottom: 40px;}
    .c2_hero .box_wrap{flex-direction: column; gap: 20px 0;}
    .c2_hero .box{width: 100%; padding: 32px 24px;}
    .c2_info{padding: 60px 0;}
    .c2_info .ptxt{margin-bottom: 40px;}
    .c2_info_section{margin-top: 40px;}
    .c2_strength{margin-top: 40px;}
    .c2_str{padding: 28px 20px;}
    .c2_info_section .box_wrap{gap: 12px 3%;}
    .c2_info_section .box{width: calc(33.333% - 2%); padding: 24px 12px;}
    .c2_guide .ptxt{margin-bottom: 40px;}
    .c2_guide_item{padding: 28px 24px;}
    .c2_guide_sub dl{flex-direction: column; gap: 4px 0;}
    .c2_guide_sub dt{width: 100%;}
    .c2_guide_sub dd{width: 100%;}
    .c2_docs .ptxt{margin-bottom: 28px;}
    .c2_docs_desc{margin-bottom: 40px;}
    .c2_docs_title{margin-bottom: 20px; padding-bottom: 20px;}
    .c2_docs_item{padding: 20px 0;}
    .c2_review .ptxt{margin-bottom: 28px;}
    .c2_review_desc{margin-bottom: 40px;}
    .c2_review_title{margin-bottom: 20px;}
    .c2_review_item{padding: 28px 24px;}
    .c2_review_item span{display: block; margin-bottom: 8px;}
    .c2_design{padding: 100px 0; background-attachment: scroll;}
    .c2_design .ptxt{margin-bottom: 28px;}
    .c2_design_desc{margin-bottom: 36px;}
    .c2_design_desc p{font-size: 15px;}
    .c2_design_sub{padding: 36px 28px;}
    /* c3 */
    .c3_process .ptxt{margin-bottom: 28px;}
    .c3_process_desc{margin-bottom: 60px;}
    .c3_elec_head{margin-bottom: 28px;}
    .c3_elec_item{padding: 28px 24px;}
    .c3_struct_head{margin-top: 60px; margin-bottom: 28px;}
    .c3_struct_item{padding: 28px 24px;}
    .c3_civil_head{margin-top: 60px; margin-bottom: 28px;}
    .c3_civil_item{padding: 28px 24px;}
    .c3_closing_inner{margin-top: 60px; padding: 48px 32px;}
    .c3_closing_inner strong{font-size: var(--fs24);}
    /* c3_electric */
    .c3_electric_desc{margin-bottom: 60px;}
    .c3_electric_title{margin-bottom: 28px;}
    .c3_electric .box{padding: 28px 24px;}
    .c3_electric_closing{margin-top: 60px; padding: 48px 32px;}
    .c3_electric_closing strong{font-size: var(--fs24);}
    /* c3_structure */
    .c3_structure_desc{margin-bottom: 48px;}
    .c3_structure .box{padding: 36px 28px;}
    /* c3_civileng */
    .c3_civileng_desc{margin-bottom: 48px;}
    .c3_civileng_title{margin-bottom: 28px;}
    .c3_civileng .box .text{padding: 24px 20px;}
    /* c3_construct */
    .c3_construct_subtitle{margin-bottom: 28px;}
    .c3_construct_flow{margin-bottom: 60px;}
    .c3_construct_step strong{font-size: var(--fs14);}
    .c3_construct .box_wrap{gap: 16px 2%;}
    .c3_construct .box{width: calc(33.333% - 1.4%); padding: 28px 16px;}
    /* c4_supervise */
    .c4_supervise_subtitle{margin-bottom: 28px;}
    .c4_supervise .box{padding: 24px 28px; gap: 0 20px;}
    /* c4_process */
    .c4_process_subtitle{margin-bottom: 24px;}
    .c4_process_law{padding: 28px 28px; margin-bottom: 48px;}
    .c4_process .box{padding: 28px 20px;}
    /* c5_construct */
    .c5_construct_highlight{padding: 28px 28px; margin-bottom: 48px;}
    .c5_construct_subtitle{margin-bottom: 28px;}
    .c5_construct_step strong{font-size: var(--fs14);}
    .c5_construct_manage .box{flex-direction: column; gap: 16px 0; text-align: center;}
    .c5_construct_manage .box span{width: 64px; font-size: var(--fs22);}
    .c5_construct_manage .box .text strong{font-size: var(--fs18); margin-bottom: 8px;}
    .c5_construct_manage .box .text p{font-size: var(--fs14);}
    .c5_construct_manage_head span{font-size: var(--fs16); margin-bottom: 12px;}
    .c5_construct_manage_head h3{font-size: var(--fs24);}
    .c5_construct_manage_head p{font-size: var(--fs16); margin-top: 12px;}
    .c5_construct_test_head span{font-size: var(--fs16); margin-bottom: 12px;}
    .c5_construct_test_head h3{font-size: var(--fs24);}
    .c5_construct_test_head p{font-size: var(--fs16); margin-top: 12px;}
    .c5_construct_test .box{width: 100%; padding: 24px 20px;}
    .c5_construct_test .box span{width: 36px; font-size: var(--fs14); margin-bottom: 14px;}
    .c5_construct_test .box .text strong{font-size: var(--fs18); margin-bottom: 10px;}
    .c5_construct_test .box .text p{font-size: var(--fs14);}
    /* c6_commission */
    .c6_commission .box_wrap{gap: 60px 0;}
    .c6_commission .box .text span{font-size: 36px;}
    .b4_need{padding: 60px 0;}
    .b4_need_title{margin-bottom: 48px;}
    .b4_need_list{gap: 60px 0;}
    .b4_need_item{flex-direction: column; gap: 32px 0;}
    .b4_need_item.reverse{flex-direction: column;}
    .b4_need_txt{width: 100%;}
    .b4_need_txt strong{font-size: var(--fs22);}
    .b4_need_img{width: 100%;}
    .b4_merit{padding: 60px 0;}
    .b4_merit .ptxt{margin-bottom: 48px;}
    .b4_merit .box_wrap{gap: 20px 0;}
    .b4_merit .box{width: 100%; padding: 28px 24px;}
    .b4_type{padding: 60px 0;}
    .b4_type .ptxt{margin-bottom: 36px;}
    .b4_type_table thead th{font-size: 14px; padding: 14px 12px;}
    .b4_type_table tbody td{font-size: 14px; padding: 14px 12px;}
    .b4_step{padding: 60px 0;}
    .b4_step .ptxt{margin-bottom: 36px;}
    .b4_step_flow{flex-direction: column; gap: 24px 0;}
    .b4_step_item{width: 100%; display: flex; align-items: center; gap: 0 5%; text-align: left; padding: 24px 28px;}
    .b4_step_num{flex-shrink: 0; text-align: center;}
    .b4_step_item strong{margin-top: 0;}
    .b4_step_item p{margin-top: 4px;}
    .b4_esco{padding: 60px 0;}
    .b4_esco .ptxt{margin-bottom: 36px;}
    .b4_esco .box_wrap{flex-direction: column; gap: 20px 0;}
    .b4_esco .box{width: 100%; padding: 28px 24px;}
    .b1_finance{padding: 60px 0;}
    .b1_finance_form{padding: 24px 20px;}
    .b1_finance_btns{flex-direction: column; gap: 8px 0;}
    .b1_finance_result{padding: 24px;}
    .b1_solution{padding: 60px 0;}
    .b1_solution_item{padding: 24px; gap: 0 20px;}
    .b1_solution_num{width: 36px; line-height: 36px; font-size: var(--fs18);}
    .b1_solution_subs dl{padding: 16px;}
    .b1_plan{padding: 60px 0;}
    .b1_plan .box_wrap{flex-direction: column; gap: 16px;}
    .b1_plan .box{width: 100%; padding: 28px 24px;}
    /* sub_tab */
    .sub_tab{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .sub_tab_btn{padding: 14px 16px; font-size: 14px; min-width: fit-content;}
    /* a1 인사말 */
    .a1_greet{padding: 60px 0;}
    .a1_label{font-size: 16px;}
    .a1_row_left h3{font-size: var(--fs24);}
    .a1_row_right p{font-size: 15px; line-height: 150%;}
    /* a1 그룹정보 */
    .a1_group{padding: 60px 0;}
    .a1_group_stat{flex-direction: column; gap: 0; padding: 24px 0;}
    .a1_group_stat dl{width: 100%; padding: 10px 0;}
    .a1_network{margin-top: 40px;}
    .a1_network_title{font-size: var(--fs20);}
    /* a1 그룹연혁 */
    .a1_history{padding: 60px 0;}
    .a1_timeline_item{margin-bottom: 40px;}
    .a1_timeline_year{font-size: var(--fs24); margin-bottom: 16px;}
    .a1_timeline_content li{font-size: 14px; padding: 5px 0;}
    /* a1 차별화된 기술 */
    .a1_tech{padding: 60px 0;}
    .a1_tech_title{font-size: var(--fs24);}
    .a1_tech_tab{flex-wrap: wrap; margin-top: 28px; border-radius: 0;}
    .a1_tech_btn{flex: 1 1 50%; padding: 14px 12px; font-size: 14px; border-bottom: 1px solid #E5E5EC;}
    .a1_tech_btn:nth-child(2){border-right: none;}
    .a1_tech_text h4{font-size: var(--fs22);}
    .a1_tech_text p{font-size: 15px;}
    /* a3 오시는 길 */
    .a3{padding: 60px 0;}
    .a3_tab{margin-top: 28px;}
    .a3_tab_btn{padding: 14px 12px; font-size: 14px;}
    .a3_panels{margin-top: 24px;}
    .a3_map{aspect-ratio: 4/3; border-radius: 12px;}
    .a3_info{margin-top: 20px; padding: 24px 20px; border-radius: 12px;}
    .a3_info dl{flex-direction: column; gap: 6px 0;}
    .main1_table{margin-top: 28px;}
    .main1 .box_wrap{flex-direction: column;}
    .main1 .box{border-right: none; border-bottom: 1px solid #E5E5EC;}
    .main1 .box:last-child{border-bottom: none;}
    .main1_tab button{padding: 0 16px; font-size: 14px;}
    /* main2 */
    .main2_content{margin-top: 28px;}
    .main2_cards{grid-template-columns: 1fr;}
    .main2_banners{flex-direction: column;}
    .main2_banners .main2_banner{flex: none; min-width: 0;}
    .main2_banner{padding: 24px 28px;}
    .main2_banner_bottom strong{font-size: 20px;}
    .main2_banner_ico{width: 44px;}
    .main2_link{font-size: 14px; padding: 0 20px;}
    /* a2 조직도 */
    .a2 .board_title h2{font-size: 28px;}
    .a2_desc{font-size: 16px;}
    /* main3 */
    .main3_left h2{width: 100%;}
    .main3_tab{margin-top: 0; gap: 8px;}
    .main3_tab button{font-size: 14px; padding: 0 16px; line-height: 250%;}
    .main3_nav{margin-left: auto;}
    .main3_prev, .main3_next{width: 36px; height: 36px;}
    .main3_prev span, .main3_next span{font-size: 18px;}
    .main3_text{padding: 20px 8px 0;}
    /* main4 */
    .main4_more{font-size: 14px; padding: 0 16px; line-height: 250%;}
    .main4_more span{font-size: 16px;}
    /* main6 */
    .main6 .box{width: calc(33.33% - 1%);}
    /* footer */
    .ft_row{flex-wrap: wrap; gap: 4px 4%; font-size: 14px;}
    .ft_copy{font-size: 13px; margin-top: 24px;}
    /* 공통 ptxt 반응형 (고정값) */
    .common .ptxt h2{font-size: 20px;}
    .common .ptxt p{font-size: 16px;}
    .b1_intro .ptxt h2{font-size: 22px;}
    .b1_intro .ptxt p{font-size: 16px;}
    .b1_merit .ptxt h2{font-size: 18px;}
    .c2_hero .ptxt h2{font-size: 22px;}
    .c2_design .ptxt h2{font-size: 22px;}
    /* 비ptxt --fs32 셀렉터 (고정값) */
    .b3_total_title, .b4_need_title h2, .b1_plan_num{font-size: 20px;}
    .a1_philo_title, .a1_tech_title{font-size: 20px;}
    /* --fs28 셀렉터 */
    .a1_tech_text h4, .b1_consult h3, .c1_effect_card h2, .c3_electric_title, .c3_electric_closing strong, .c3_civileng_title{font-size: 18px;}
    /* 변수 재정의 (sub h3, box strong 등 자동 축소) */
    :root{--fs24: 19.5px; --fs22: 18px; --fs18: 16px;}
}
@media all and (max-width: 650px){
    .sub_tab_btn{padding: 14px 4px; font-size: 13px;}
}
@media all and (max-width: 510px){
    .b4_step_item{flex-direction: column; text-align: center; gap: 0; padding: 24px 20px;}
    .b4_step_item strong{margin-top: 16px;}
    .b4_step_item p{margin-top: 8px;}
    .b8_convergence_desc p br{display: none;}
    .b8_partner_desc p br{display: none;}
    .b11_what{padding-top: 0;}
    .c2_info_section .box{width: calc(50% - 1.5%);}
    .c3_closing_inner p br{display: none;}
    .c3_electric_desc p br{display: none;}
    .c3_structure_desc p br{display: none;}
    .c3_construct .box{width: 100%;}
    .c3_construct .box strong{font-size: 18px;}
    .c3_construct .box p{text-align: center;}
    .common .ptxt p br{display: none;}
}

/* ========== quick 퀵메뉴 ========== */
.quick{position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 100; display: flex; flex-direction: column; box-shadow: -4px 4px 20px rgba(0,0,0,0.12), -1px 1px 4px rgba(0,0,0,0.08); border-radius: 12px 0 0 12px; overflow: hidden;}
.quick_top, .quick_tel, .quick_kakao{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 76px; aspect-ratio: 1 / 1; text-align: center; text-decoration: none; transition: all 0.3s ease;}
.quick_top{background: linear-gradient(70deg, #0132AD 0%, #0B318F 100%); border-radius: 12px 0 0 0; position: relative;}
.quick_top::after{content: ''; position: absolute; bottom: 0; left: 15%; width: 70%; border-bottom: 1px solid rgba(255,255,255,0.15);}
.quick_top p{font-size: 15px; font-weight: 700; color: #fff; line-height: 160%; letter-spacing: -0.3px;}
.quick_tel{background: #fff; position: relative;}
.quick_tel::after{content: ''; position: absolute; bottom: 0; left: 15%; width: 70%; border-bottom: 1px solid rgba(0,0,0,0.06);}
.quick_tel span{display: block; font-size: 20px; font-weight: 800; color: #0B318F; letter-spacing: -0.5px; line-height: 130%;}
.quick_tel:hover{background: #f0f4ff;}
.quick_kakao{background: #FAE100; border-radius: 0 0 0 12px;}
.quick_kakao i{font-size: 32px; color: #3C1E1E; transition: transform 0.3s ease;}
.quick_kakao:hover{background: #f5d800;}
.quick_kakao:hover i{transform: scale(1.1);}

/* 모바일 하단 고정 바 */
.quick_mob{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none;}
.quick_mob_btn{display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 10px 0; text-decoration: none; gap: 4px;}
.quick_mob_btn i{font-size: 22px; line-height: 100%;}
.quick_mob_btn span{font-size: 12px; font-weight: 600; line-height: 100%;}
.quick_mob_estimate{background: #C62828; color: #fff;}
.quick_mob_call{background: #222; color: #fff;}
.quick_mob_kakao{background: #FAE100; color: #3C1E1E;}

/* 모바일 견적 팝업 */
.quick_mob_overlay{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 998;}
.quick_mob_overlay.on{display: block;}
.quick_mob_popup{display: none; position: fixed; bottom: 50px; left: 0; width: 100%; z-index: 999; background: #fff; border-radius: 20px 20px 0 0; padding: 0 5% 30px; max-height: calc(85vh - 50px); overflow-y: auto; transform: translateY(100%); transition: transform 0.3s ease;}
.quick_mob_popup.on{display: block; transform: translateY(0);}
.quick_mob_popup_head{display: flex; justify-content: space-between; align-items: center; padding: 20px 0 10px; position: sticky; top: 0; background: #fff; z-index: 1;}
.quick_mob_popup_head strong{font-size: 18px; font-weight: 700; color: #222;}
.quick_mob_popup_close{background: none; border: none; font-size: 24px; color: #666; cursor: pointer; padding: 5px;}
.quick_mob_popup .fm_tab{display: none;}
.quick_mob_popup #formmail-write{position: static; transform: none; width: 100%; padding: 0;}
.quick_mob_popup .fm_form{padding: 0;}
.quick_mob_popup .fm_body{box-shadow: none;}

@media all and (max-width: 850px){
    .quick_mob{display: flex; flex-direction: row;}
    .all_wrap .latest{display: none;}
}