@media (max-width: 1400px) {
    .header {
        padding: 0 20px;
    }

    .content_back > .main_banner > .comment_box > .comment {
        padding: 0 40px;
    }
    .content_back > .main_banner > .comment_box > .comment.sub {
        padding: 0;
    }
    .content_back > .main_part.simul > .bar1 {
        padding: 20px;
    }
    .content_back > .main_part.simul > .bar2 {
        padding: 0 20px;
    }
    .main_banner > .comment_box.sub {
        padding: 200px 40px 350px 40px;
    }
    .main_banner > .comment_box.sub > .img_list_box {
        gap: 30px;
    }

    .content_back > .main_banner > .comment_box > .compony_comment {
        padding: 0;
    }
} 

@media (max-width: 1300px) {
    .main_banner > .comment_box.sub > .img_list_box > .img_box > .img_info > p {
        font-size: 14px;
    }
    .main_banner > .comment_box.sub > .img_list_box > .img_box > .img_info > span {
        font-size: 12px;
    }
    .content_container > .content.swiper_box .img_view_next, .content_container > .content.swiper_box .img_view_prev{
        display:none
    }
    .content_container > .content.feature{
        padding:0px 40px;;
    }
}

@media (max-width: 1200px) {
    .main_banner > .comment_box.sub {
        gap: 60px;
        padding: 40px;
    }
    .main_banner > .comment_box.sub > .img_list_box {
        flex-wrap: wrap;
        gap: 20px;
    }
    .main_banner > .comment_box.sub > .img_list_box > .img_box {
        flex: 0 0 calc(50% - 10px);
        max-width: unset;
    }
    .main_part.swiper_con {
        margin-top: 40px;
        height: unset;
        padding: 0 20px;
    }
    .swiper.main_content {
        left: unset;
        top: unset;
        position: unset;
    }

    .main_part.compare {
        padding: 40px 20px;
    }

    .footer > .footer_box {
        padding: 40px 20px;
    }

    .main_banner.company > .comment_box {
        left: 0;
        width: 100%;
        max-width: unset;  
        padding: 100px 20px; 
    }

    .main_part.video {
        padding: 100px 20px;
    }
    .main_part.map {
        padding: 100px 20px;
    }
    .main_part.map > .map_info_box > .info_box {
        width: 100%;
        flex: 1;
    }
    .main_part.map > .map_info_box > #map {
        flex: 1;
        aspect-ratio: 720 / 400;
        width: 100%;
        height: auto;
    }
    .solution_top_bar > .content_box{
        padding:0 20px;
    }
    .content_container .content.img_text_box > .img_grid_wrap > .img_grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .content_container .content.img_text_box > .img_grid_wrap > .img_grid > .img_grid_content > .right_arrow{
        display: none;
    }
    .content_container > .img_table_list{
        padding:0 20px;
    }
    .product_main{
        padding:0 20px;
    }
    .portfolio_main > .portfolio_grid_wrap{
        padding:0px 20px;
    }
    .solar_news_main > .solar_news_grid_wrap{
        padding:0px 20px;
    }
   
    .content_container{
        padding:0px 20px;
    }
    .notice_wrap{
        padding:0px 20px;
    }
    .detail_main_wrap{
        padding: 20px;
    }

    .detail_header_wrap > .detail_header{
        padding:20px;
    }
}

@media (max-width: 1100px) {
    .content_back > .main_part.simul > .bar1 > .content > .line {
        margin: 0 20px;
    }
    .content_back > .main_banner > .comment_box.sub {
        height: unset;
        padding: 40px;
    }

    .header > .header_btn_box > .btn_box.pc {
        display: none;
    }
    .header > .header_btn_box > .btn_box.mobile {
        display: flex;
    }
    .header_mobile_drop {
        display: flex;
    }
    .content_back > .main_banner > .comment_box > .comment > p,
    .content_back > .main_banner > .comment_box > .comment.sub > p {
        font-size: 26px;   
    }
    .content_back > .main_banner > .comment_box > .comment > span,
    .content_back > .main_banner > .comment_box > .comment.sub > span {
        font-size: 34px;
        line-height: 1.5;
    }

    .content_back > .main_banner > .comment_box > .compony_comment > p {
        font-size: 72px !important;
    }
   
    .content_back > .main_banner > .comment_box > .comment > a {
        padding: 15px 30px;
        font-size: 24px;
        max-width: 360px;
        margin-top: 50px;
    }
    .content_back > .main_banner > .comment_box > .comment > a > img {
        width: 24px;
    }
    .main_part.compare {
        gap: 20px;
    }
    .main_part.compare > .comment_box {
        margin-top: 0;
    }
    .main_part.compare > .title_box {
        gap: 12px;
    }
    .main_part.compare > .title_box > p {
        font-size: 26px;
        line-height: 1.5;
    } 
    .main_part.compare > .title_box > span {
        font-size: 20px;
    }

    .main_part.support {
        padding: 60px 20px;
    }

    .main_part.service {
        padding: 100px 20px;
    }

    .main_part.service > .service_box > .sub_content > .sub_box {
        height: 300px;
        width: 100%;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .sub_con > img {
        /* width: 60px; */
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 46px;
        line-height: 57px;
    }
}

@media (max-width: 1000px) {
    .header > .header_btn_box > .btn_box {
        gap: 20px;
    }
    
    .content_back > .main_part.simul > .bar1 > .content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box {
        width: calc(50% - 16px);
        justify-content: space-between;
        gap: unset;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box.sub {
        margin-left: 20px;
    }
    .content_back > .main_part.simul > .bar1 > .content > p.title {
        width: 100%;
        font-size: 20px;
    }
    .content_back > .main_part.simul > .bar1 > .content > .line {
        display: none;
    }
    .main_part.support > .support_box > .support_menu > .icon {
        bottom: 20px;
        right: 20px;
    }

    .main_part.start > .start_box {
        gap: 20px;
        padding: 0 20px;
    }
    .main_part.start > .start_box > p {
        font-size: 42px;
    }
    .main_part.start > .start_box > .btn_box > .button {
        height: 60px;
        padding: 12px;
        font-size: 24px;
    }

    .main_part.map {
        padding: 60px 20px;
    }
    .main_part.map > .map_info_box {
        gap: 20px;
        flex-direction: column;
    }
    .main_part.map > .map_info_box > .info_box {
        gap: 20px;
        width: 100%;
    }
    .main_part.map > .map_info_box > .info_box > .title {
        font-size: 24px;
        line-height: 1.5;
    }
    .main_part.map > .map_info_box > .info_box > .info {
        width: 100%;
    }
    .main_part.map > .map_info_box > .info_box > .info > img {
        width: 24px;
    }
    .main_part.map > .map_info_box > .info_box > .info > p {
        font-size: 16px;
        width: 80px;
    }
    .main_part.map > .map_info_box > .info_box > .info > span {
        font-size: 14px;
        width: 100%;
        flex: 1;
    }
}
@media (max-width: 950px) {
    .category_tab > .tab_button {
        gap:40px;
    }
}

@media (max-width: 900px) {
    .header > .header_btn_box > .btn_box > a {
        font-size: 14px;
    }
    .header > .header_btn_box > .btn_box > a.set {
        width: 100px;
        height: 30px;
    }

    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text1 {
        font-size: 50px;
    }
    .content_container > .content > .img_box > .comment_box{
        position:static;
        max-width:none;
    }
    .content_container > .content.top{
        padding-bottom:0px;
    }
    .content_container > .content > .img_part2 > .img_box > .comment_box{
        position:static;
        max-width:none;
        padding:16px;
    }
    .content_container > .content > .title_box > .img_info_box{
        flex-direction: column;
        gap: 40px;
    }
    .content_container > .content.detail > .title.left{
        font-size: 28px;
    }
    .content_container > .content.detail{
        padding:0px 20px;
    }
    .content_container > .content.detail .text_box {
        gap:10px;
    }
    .content_container > .content.detail .text_box p{
        font-size: 28px;
        line-height: 38px;
    }
    .content_container > .content.swiper_box > .title.center {
        font-size: 28px;
    }
    .content_container > .content > .img_part2 > .img_box > .comment_box{
        font-size: 20px;
    }
    .content_container > .content.feature{
        gap:20px;
    }
    .content_container > .content.feature > .content_box{
        width:50%;
    }
    .solution_top_bar > .content_box > .text_box > .title{
        font-size: 38px;
    }
    .solution_top_bar > .content_box > .text_box > .comment{
        font-size: 16px;
    }
    .content_container > .content.img_text_box{
        padding:40px 20px;
    }
    .content_container > .content.img_text_box > .img_group{
flex-direction: column;
    }
    .content_container > .content.img_text_box > .img_group > img, .content_container > .content.img_text_box > .img_group > .text_box{
        width: 100%;
    }
    .content_container > .content.img_text_box > .img_group > .text_box{
        height:auto;
        padding:0px;
    }
    .portfolio_main > .portfolio_grid_wrap > .portfolio_grid{
        grid-template-columns: repeat(2,1fr);
    }
    .solar_news_main > .solar_news_grid_wrap > .solar_news_grid{
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 850px) {
    .content_back > .main_part.simul > .bar1 > .content > .box {
        width: 100%;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box.sub {
        margin-left: 0;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box > .title {
        width: 44px;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box > p {
        width: 110px;
    }
    .location_gen_time {
        padding-top: 100px;
    }
    .location_gen_time > .location_gen_time_content_wrap {
        padding: 0;
        width: calc(100% - 100px);
        margin: 0 auto;
    }
    .location_gen_time >.location_gen_time_content_wrap >.content {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }
    .location_gen_time >.location_gen_time_content_wrap >.content >.content_img >.content_exp{
        width: 100px;
    }
    .location_gen_time >.location_gen_time_content_wrap >.content >.content_img >.content_exp >p {
        font-size: 12px;
    }
    .location_gen_time >.location_gen_time_content_wrap >.title {
        font-size: 36px;
    }
    .content_chart_wrap {
        left: unset;
        right: 20px;
        bottom: 20px;
        transform: unset;
    }
    
    .main_part.service > .service_box > .main_content {
        gap: 40px;
    }
    .main_part.service > .service_box > .main_content > img {
        width: 100px;
    }
    .main_part.service > .service_box > .main_content > .comment, 
    .main_part.service > .service_box > .main_content > .comment > span {
        font-size: 24px;
        line-height: 1.3;
    }
    .main_part.service > .service_box > .title {
        font-size: 42px;
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 40px;
        line-height: 50px; 
    }
 
}
@media (max-width: 800px) {
    .content_container > .content.feature{
        flex-direction: column-reverse;
    }
    .content_container > .content.feature > .content_box{
        width:100%;
    }
}
@media (max-width: 769px) { /* 모바일 기준점 */

    .header > .header_btn_box {
        height: 60px;
    }
    
    .header > .header_btn_box > .btn_box.logo > img,
    .footer > .footer_box > img {
        width: 200px;
    }
  

    
    .content_back > .main_part.simul > .bar2 {
        padding: 30px 20px;
    }
    .content_back > .main_part.simul > .bar2 > .content {
        padding: 0;
        gap: 12px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > p {
        font-size: 20px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text1 {
        font-size: 36px;
        margin: 8px 0 12px 0
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text2 {
        font-size: 16px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > img {
        width: 140px;
    }
    .content_back > .main_part.simul > .bar2 > .content > form > .main_address_input,
    .content_back > .main_part.simul > .bar2 > .content > form > .main_address_input::placeholder {
        font-size: 18px;
        height: 44px;
    }
    .content_back > .main_part.simul > .bar2 > .content > form > .main_address_input {
        background-size: 24px;
        border-radius: 8px;
        padding: 0px 50px 0 20px;
    }

    .swiper.main_content {
    }
    .swiper.main_content .swiper-slide > .info_box {
        padding: 12px;
    }
    .swiper.main_content .swiper-slide > .info_box > .title > p {
        font-size: 14px;
    }
    .swiper.main_content .swiper-slide > .info_box > .sub_title {
        font-size: 24px;
        line-height: 2;
        margin: 12px 0 20px 0;
    }
    .swiper-pagination.main_content {
        left: 0% !important;
        bottom: -30px !important;
        justify-content: center;
        gap: 2px;
    }

    .main_part.compare > .comment_box {
        align-items: flex-start;
    }
    .main_part.compare > .comment_box > .comment {
        line-height: 1.5;
        word-break: keep-all;
    }

    .main_part.support > .support_box {
        flex-wrap: wrap;
    }
    .main_part.support > .support_box > .support_menu.long {
        width: 100%;
    }
    .main_part.support > .support_box > .support_menu {
        width: calc(50% - 10px);
        padding: 20px;
        height: 140px;
    }
    .main_part.support > .support_box > .support_menu > p {
        font-size: 24px;
    }
    .main_part.support > .support_box > .support_menu > b {
        font-size: 26px;
    }
    .main_part.support > .support_box > .support_menu > span {
        font-size: 14px;
    }
    .main_part.support > .support_box > .support_menu > .icon {
        width: 48px;
        height: 48px;
    }
    .content_container > .content > .img_box > .comment_box{
padding:20px;
    }
    .content_container > .content > .title_box > .title {
        font-size: 28px;
        line-height: 40px;
    }
    /* .category_tab > .tab_button {
        gap:20px;
    } */
    .category_tab > .tab_button > a{
        font-size: 16px;
    }
    .category_tab{
        display: none;
    }
    .category_tab_small{
        display: flex;
    }
    .content_container{
        margin-top: 40px;
    }
    .content_container .content.img_text_box > .img_grid_wrap > .img_grid > .img_grid_content > .img_content_exp{
        font-size: 16px;
    }
    .content_container > .img_table_list > .table_list_wrap > table > tbody > tr:first-child > th{
        font-size: 16px;
    }
    .content_container > .img_table_list > .table_list_wrap > table > tbody > tr:first-child > th:nth-child(2) {
        font-size: 16px;

    }
    .content_container > .img_table_list .table_list_wrap > table > tbody > tr > *:first-child{
        font-size: 16px;
        padding:20px;
        min-width: 100px;
    }
    .content_container > .img_table_list > .table_list_wrap > table > tbody > tr > *:nth-child(2){
        font-size: 16px;
    }
    .product_main > .product_grid_wrap > .product_grid{
        grid-template-columns: repeat(2, 1fr);
    }.product_swiper_wrap > .swiper-button-prev, .product_swiper_wrap > .swiper-button-next{
        display: none;
    }
    .price_wrap >.price_exp_wrap{
        flex-direction: column;
        gap:20px;
    }
    .price_wrap{
        gap:20px;
    }
    /* .power_gen_wrap{
        flex-direction: column-reverse;
    } */
    /* .power_gen_wrap > .left_wrap {
        width:100%;
    }
    .power_gen_wrap > .right_wrap{
        width:100%;
    } */
    .power_gen_wrap > .right_wrap{
        width:100%;
        height: calc(100vh - 60px);
    }

    .power_gen_wrap .left_wrap_mobile_clk{
        display:flex;
    }
    .solution_top_bar > .content_box >img {
        width: 15%;
        height:15%;
        min-width: 80px;
    }
    .content_container > .content.sub{
        margin:20px 0px;
    }
    .portfolio_main{
        margin:40px 0px;
    }
    .solar_news_main{
        margin:40px 0px;
    }
    .product_main{
        margin:40px 0px;
    }
    .asking_wrap > form > .form_wrap > .form_header > p{
        font-size: 16px;
    }
    .asking_wrap > form > .form_wrap > .form_text_wrap > input{
        height: 52px;
    }
    .asking_wrap > form > .form_wrap > .form_text_wrap > input::placeholder{
        font-size: 16px;
    }
    .asking_wrap > form > .form_wrap > .form_textarea_wrap > .form_textarea{
        font-size: 16px;
    }
    .asking_wrap > form > .form_wrap > .form_textarea_wrap > .form_textarea::placeholder{
        font-size: 16px;
    }
    .asking_wrap > form > .form_wrap > .form_file_wrap > .clk_file{
        font-size: 16px;
    }
    .asking_wrap > form > .agree_chk_box_wrap > .agree_chk_box > input + label p{
        font-size: 16px;
    }
    .asking_wrap > form > .agree_chk_box_wrap > .agree_chk_box > input + label p > span{
        font-size: 16px;
    }

    .content_container > .content.swiper_box{
        padding:40px 0;
    }
    .company_video{
        display: none;
    }
    .main_part.compare > .comment_box > .comment{
        font-size: 16px;
    }
    .content_back > .main_part.simul > .bar2 > .content >form >.main_address_input_wrap {
        height: 40px;
        border-radius: 10px;
        
    }
    .content_back > .main_part.simul > .bar2 > .content >form >.main_address_input_wrap img{
        width:20px;

        
    }
}

@media (max-width: 650px) {
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > p {
        font-size: 18px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text1 {
        font-size: 24px;
        margin: 4px 0;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text2 {
        font-size: 14px;
    }

    .main_part.start {
        padding: 60px 0;
    }
    .main_part.start > .start_box > p {
        font-size: 32px;
    }
    .main_part.start > .start_box > .btn_box > .button {
        height: 50px;
        font-size: 20px;
    }
    .main_part.start > .start_box > .btn_box > .button > img {
        width: 32px;
        height: 32px;
    } 
    .main_banner.company {
        height: auto;
    }
    .main_banner.company > .comment_box {
        position: relative;
        padding: 60px 20px;
    }
    .content_back > .main_banner > .comment_box > .compony_comment > p {
        font-size: 48px !important;
        line-height: 1.5;
    }

    
    .main_banner.company > .comment_box > .company_file {
        max-width: 120px;
        height: 40px;
        font-size: 16px;
        margin: 10px 0 20px 0;
    }

    .main_banner.company > .comment_box > .company_comment {
        font-size: 14px;
        line-height: 1.5;
    }

    .main_banner.company > .comment_box > .ceo {
        margin-top: 20px;
    }
    .main_banner.company > .comment_box > .ceo > p {
        font-size: 14px;
        line-height: 1.5;
    }
    .main_banner.company > .comment_box > .ceo > span {
        font-size: 24px;
    }


    .main_part.service {
        padding: 60px 20px;
    }
    .main_part.service > .service_box > .main_content {
        gap: 20px;
    }
    .main_part.service > .service_box > .main_content > img {
        width: 60px;
    }
    .main_part.service > .service_box > .main_content > .comment, 
    .main_part.service > .service_box > .main_content > .comment > span {
        font-size: 18px;
    }
    .main_part.service > .service_box > .line {
        height: 60px;
    }
    .main_part.service > .service_box > .title {
        font-size: 24px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box {
        height: auto;
        width: 100%;
        padding: 20px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .sub_con {
        gap: 20px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .sub_con > img {
        width: 60px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .title {
        font-size: 20px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .sub_con > .comment > p {
        font-size: 16px;
    }
    .main_part.service > .service_box > .sub_content > .sub_box > .sub_con > .comment > span {
        font-size: 13px;
        line-height: 1.5;
    }
    .main_part.video {
        padding: 60px 20px;
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 32px;
        line-height: 40px; 
    }
    .content_container .content.img_text_box > .img_grid_wrap > .img_grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .popup_layout > .product_swiper_wrap{
        max-width: 450px;
    }
    .popup_layout > .product_swiper_wrap > .product_swiper > .swiper-wrapper > .swiper-slide{
        padding:20px;
    }
    .portfolio_main > .portfolio_grid_wrap > .portfolio_grid{
        grid-template-columns: repeat(1,1fr);
    }
    .price_wrap >.title{
        font-size: 36px;
    }
    .price_wrap >.price_exp_wrap >.price_exp{
        gap:10px;
    }
    .price_wrap >.price_exp_wrap >.price_exp >.price_exp_content >p:first-child{
        font-size: 36px;
    }
    .price_wrap >.price_exp_wrap >.price_exp >.price_exp_content >p:nth-child(2){
        font-size: 16px;
    }
    .price_wrap >.price_exp_wrap >.price_exp >.price_exp_content >p:nth-child(3){
        font-size: 16px;
    }
    .price_wrap >.price_exp_wrap >.price_exp >.price_exp_title >p:first-child{
        font-size: 16px;
    }
    .price_wrap >.price_exp_wrap >.price_exp >.price_exp_title >p:nth-child(2){
        font-size: 16px;
    }

}

@media (max-width: 600px) {
    .content_back > .main_banner > .comment_box > .comment > p,
    .content_back > .main_banner > .comment_box > .comment.sub > p {
        font-size: 22px;   
    }
    .content_back > .main_banner > .comment_box > .comment > span,
    .content_back > .main_banner > .comment_box > .comment.sub > span {
        font-size: 28px;
    }
    .content_back > .main_banner > .comment_box > .comment.sub {
        gap: 0;
    }

    .content_back > .main_part.simul > .bar2 > .content > .title_box > img {
        width: 110px;
    }
    .content_back > .main_banner > .comment_box > .comment.sub > span {
        font-size: 20px;
    }
    .content_back > .main_banner > .comment_box > .comment > a {
        padding: 10px 20px;
        font-size: 24px;
        max-width: unset;
        margin-top: 20px;
        align-self: flex-start;
    }
    .location_gen_time {
        padding-top: 60px;
    }
    .location_gen_time >.location_gen_time_content_wrap >.title {
        font-size: 24px;
    }
    .location_gen_time >.location_gen_time_content_wrap >.content {
        padding: 20px 0;
    }
    .content_chart_wrap {
        position: relative;
        padding: 12px;
        gap: 6px;
        left: 0;
        margin-top: 20px;
    }
    .content_chart_wrap >.content_chart >.color {
        width: 16px;
        height: 16px;
    }
    .content_chart_wrap >.content_chart >p {
        font-size: 13px;
    }

    .main_part.compare {
        padding: 60px 20px;
    }
    .content_back > .main_banner > .comment_box.sub {
        gap: 40px;
    }
    .product_main > .product_grid_wrap > .product_grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .content_container {
        margin-top: 20px;
    }

   
}



@media (max-width: 500px) {
   
    .main_part.start > .start_box > p {
        font-size: 24px;
    }
    .main_part.start > .start_box > .btn_box > .button {
        height: 40px;
        font-size: 16px;
    }
    .main_part.start > .start_box > .btn_box > .button > img {
        width: 24px;
        height: 24px;
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 25px;
        line-height: 30px; 
    }
    .content_container > .content > .img_box > .comment_box > .title{
        font-size: 26px;
    }
    .content_container > .content > .title_box > .title {
        font-size: 28px;
        line-height: 40px;
    }
    .content_container > .content > .title_box > .title {
        font-size: 24px;
        line-height: 35px;
    }
    .content_container > .content > .title_box > .img_info_box > .img_box > .text_box > p{
        font-size: 20px;
    }
    .content_container > .content > .title_box > .img_info_box > .img_box > .text_box > span{
        font-size: 20px;
    }
    .content_container > .content > .img_part2{
        margin-top: 40px;
    }
    .content_container > .content.detail .text_box p{
        font-size: 22px;
        line-height: 30px;
    }
    .popup_layout > .product_swiper_wrap{
        max-width: 340px;
    }
    .popup_layout > .product_swiper_wrap > .product_swiper > .swiper-wrapper > .swiper-slide > .swiper_table > table > tbody > tr > td{
        font-size: 12px;
    }
    .popup_layout > .product_swiper_wrap > .product_swiper > .swiper-wrapper > .swiper-slide > .swiper_table > table > tbody > tr > th{
        font-size: 12px;
    }
    .main_part.compare > .comment_box > .comment{
        font-size: 14px;
    }

}


@media (max-width: 450px) {
    .content_back > .main_banner > .comment_box > .comment > p {
        font-size: 18px;
    }
    .content_back > .main_banner > .comment_box > .comment > span {
        font-size: 20px;
    }
    .content_back > .main_part.simul > .bar1 {
        padding: 30px 20px;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box {
        width: calc(50% - 6px);
        flex-direction: column;
        gap: 8px;
    }
    .content_back > .main_part.simul > .bar1 > .content > .box > p {
        width: unset;
    }
    .content_back > .main_part.simul > .bar1 > .content > p.title {
        text-align: center;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > p {
        font-size: 14px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > .title > .text1 {
        font-size: 18px;
    }

    .content_back > .main_banner > .comment_box > .comment > a {
        font-size: 16px;
        margin-top: 12px;
        padding: 6px 12px;
        gap: 6px;
    }
    .content_back > .main_banner > .comment_box > .comment > a > img {
        width: 20px;
    }

    .main_banner > .comment_box.sub > .img_list_box {
        gap: 12px;
    }
    .main_banner > .comment_box.sub > .img_list_box > .img_box {
        flex: 0 0 100%;
    }
    .swiper.main_content .swiper-slide > .info_box > .more {
        display: none;
    }
    .swiper.main_content .swiper-slide > .info_box > .title > p {
        font-size: 12px;
    }
    .swiper.main_content .swiper-slide > .info_box > .sub_title {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .main_part.compare > .compare_box > .compare_part > .img_box > .text {
        top: 10px;
        left: 10px;
        font-size: 13px;
    }
    .main_part.compare > .compare_box > .compare_part > .img_box > .text.sub {
        left: unset;
        right: 10px;
    }

    .content_back > .main_banner > .comment_box > .compony_comment > p {
        font-size: 36px !important;
    }

    .header > .up_btn {
        right: 20px;
        bottom: 20px;
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 20px;
        line-height: 25px; 
    }

    .content_container > .content > .title_box > .title {
        font-size: 20px;
        line-height: 35px;
    }
    .content_container > .content.feature{
        padding:0 10px;
    }
    .content_container > .content.feature > .content_box > .text_box > .title{
        font-size: 28px;
    }
    .content_container > .content.feature > .content_box > .text_box > .sub_title{
        font-size: 16px;
        margin:20px 0; 
    }
    .content_container > .content.feature > .content_box > .text_box > .list{
        font-size: 16px;
    }
    .content_container > .content.feature > .content_box > .text_box > .list span{
        font-size: 16px;
    }
    .solution_top_bar > .content_box > .text_box > .title{
        font-size: 32px;
        margin: 0px;
        line-height: 36px;
    }
    .solution_top_bar > .content_box > .text_box > .comment{
        font-size: 14px;
    }
    .content_container > .content.img_text_box > .img_group > .text_box > .text > p{
        font-size: 20px;
    }

    .content_container > .content.img_text_box > .img_group > .text_box > .text > span {
        font-size: 16px;
    }
    .content_container > .content > .img_box > .comment_box > .title{
        font-size: 24px;
    }
    .solar_news_main > .solar_news_grid_wrap > .solar_news_grid{
        grid-template-columns: repeat(1,1fr);
    }
    .content_container > .content.detail .text_box p{
        font-size: 20px;
        line-height: 24px;
    }

}

@media (max-width: 400px) {
    .content_back > .main_banner > .comment_box > .comment > p {
        font-size: 18px;
    }
    .content_back > .main_banner > .comment_box > .comment > span {
        font-size: 20px;
        line-height: 24px;
        margin-top: 4px;
    }
    .content_back > .main_part.simul > .bar2 > .content > .title_box > img {
        width: 90px;
    }
    .content_back > .main_banner > .comment_box > .comment.sub > span {
        font-size: 16px;
    }
    .content_container > .content.detail .text_box p{
        font-size: 16px;
        line-height: 24px;
    }
    .content_container > .content.swiper_box > .swiper_btn_box > .btn > span{
        font-size: 16px;
    }
}

@media (max-width: 350px) {
    .content_back > .main_part.simul > .bar2 > .content > .title_box > img {
        width: 70px;
    }
    .content_container  .title_img .title_img_box > p{
        font-size: 16px;
        line-height: 20px; 
    }

    .content_container > .content.detail .text_box p span{
        font-size: 22px;
    }
}