@media screen and (max-width:1199px) {
    .sec_tit {margin-bottom: 40px;}
    .sec_tit .big {font-size: 4rem}
    .sec_tit .small {font-size: 1.125rem}
    .main_top .title .big {font-size: 5rem}
    .main_top .title .small {font-size: 1.25rem}
    .main_abt .sec_box {gap: 60px; flex-direction: column;}
    .main_abt .cont_box {order: 1; width: 90%; margin: 0 auto; max-width: unset; padding: 0;}
    .main_abt .cont_box .tit {font-size: 4rem;}
    .main_abt .cont_box .descrip {font-size: 1.125rem}
    .main_abt .img_box {order: 2; width: 100%;}
    .main_abt .img_box .img {height: auto}
    .main_biz .list {flex-direction: column}
    .main_biz .item {padding: 25px; gap: 20px;}
    .main_prc .sec_box {flex-direction: column; gap: 60px}
    .main_prc .sec_box .img {flex: unset}
    .main_prc .sec_box .list {flex: unset}
    .main_ct {padding-top: 0;}
    .main_ct .sec_box {flex-direction: column; gap: 60px;}
    .main_ct .info {width: 100%;}
    .main_ct .info .title {font-size: 4rem; margin-bottom: 40px;}
    .main_ct .form_wrap {width: 100%;}

    .pj_item .cont {padding: 20px;}
    .pj_item .cont .tit {font-size: 1.25rem;}
    .pj_item .cont .descript {font-size: 0.875rem;}
    #popProject .layer {flex-direction: column; height: auto; width: 90%; max-width: 800px;}
    #popProject .cont {flex: unset; height: auto;}
    #popProject .cont .info {margin-top: 0}

}



@media screen and (max-width:991px) {

    .pj_item .cont {display: none}

}

@media screen and (max-width:767px) {
    .sec_tit .big {font-size: 2.5rem;}
    .sec_tit .small {font-size: 1rem; margin-top: 15px;}
    .main_top .title .big {font-size: 3rem;}
    .main_top .title .small {font-size: 1.125rem; margin-top: 30px;}
    .main_abt .cont_box .tit {font-size: 2.5rem}
    .main_abt .cont_box .descrip {font-size: 1rem;}
    .main_biz .item {padding: 20px;}
    .main_biz .item .tit {font-size: 1.25rem}
    .main_biz .item .descrip {font-size: 1rem; margin-top: 5px;}
    .main_biz .item .icon {width: 60px;}
    .main_prc .sec_box {gap: 40px;}
    .main_prc .item {gap: 15px; padding: 20px 0;}
    .main_prc .item .number {font-size: 2.5rem; width: 50px; margin-top: -13px;}
    .main_prc .item .cont .tit {font-size: 1.25rem;}
    .main_prc .item .cont .descrip {font-size: 1rem; margin-top: 5px;}
    .main_ct .sec_box {gap: 40px;}
    .main_ct .info .title {font-size: 2.5rem; margin-bottom: 20px;}
    .main_ct .info .list {gap: 15px;}
    .main_ct .info .list li {flex-direction: column; gap: 3px; font-size: 1rem;}
    .main_ct .map {height: 300px;}
    .faq_item .ask, .faq_item .answer {padding: 20px 15px;}
    .faq_item .ask {font-size: 1rem;}
    .faq_item .ask::after {width: 20px;;}
    .faq_item .answer {font-size: 0.9375rem;}


}

@media screen and (max-width:479px) {

    #popProject .cont {padding: 20px}
    #popProject .cont .tit {font-size: 1.25rem}
    #popProject .cont .descrip {font-size: 0.9375rem; margin-top: 5px;}
    #popProject .cont .line {margin: 15px 0 5px;}
    #popProject .cont .info {font-size: 0.8125rem; padding-top: 0px; margin-top: 7px}
    #popProject .cont .info li {flex-direction: column; gap: 0}
    #popProject .cont .info .gu {width: 100%;}

}