@charset "utf-8";



@media screen and (max-width: 1024px) {
    .inner{ width: 100%;}
    .main_visual {margin-bottom: 140px;}
    .main_visual .nav{width: 100%;}
    .main_visual .nav .logo a{width: 140px; height: 30px;}
    .main_visual .bxslide_wrap a.bx-prev,
    .main_visual .bxslide_wrap a.bx-next{display: none;}

    .section .sec_txt_sub{ letter-spacing: -1px; font-weight: 400; padding: 0 10px; text-align: left;word-break: keep-all;}
    
    .main_visual .main_txt{text-align: center; top: 30%; width: 100%; padding: 0 15px; box-sizing: border-box;}

    .txt_back{width:100%;}
    .section_tit{padding: 0 10px;}
    .section1 .sec_txt_sub{text-align: center;}
    .section_tit .tit{font-size: 42px;}
    .section_tit .sub_tit{font-size: 17px;}

    .section1 .sec1_txt {font-size: 60px;}
    .section1 .sec1_txt .dot{width: 8px; height: 8px;}
    .section1 .txt_back{font-size: 100px; text-align: center;}

    .section2 {padding-top: 120px; margin-bottom: 140px;}
    .section2 .bg_sec2{width: 100%; height: 1000px;}
    .section2 .txt_back {font-size: 120px; top: 38%; line-height: 120px; left: 30%;}
    .section2 .top{width: 100%; margin-bottom: 250px;}
    .section2 .top .top_txt{width: 100%;}
    .section2 .top_pic{/*width: 100%;*/ display: none;}
    .section2 .bxslide_wrap .bxslide li{display: block; text-align: center;}
    .section2 .bx-viewport{height: auto !important;}
    .section2 .bx-viewport ul li img{width: 600px; margin: 0 auto;}
    .section2 .bxslide_wrap .bx-controls a.bx-prev,
    .section2 .bxslide_wrap .bx-controls a.bx-next{display: none;}
    .section2 .slide_txt{text-align: left;}
    .section2 .slide_txt .slide_txt_sub {font-size: 16px; font-weight: 400; color: #222; text-align: center;}
    .slide_txt {padding: 40px 0px;}
    .slide_txt .slide_txt_tit {text-align: center; margin-bottom: 50px;}

    .section3 .box_ul ul li{margin-bottom: 10px; width: calc(50% - 10px);}
    .section3 .box_ul ul li:last-child{margin-bottom: 0;}
    .consulting_form {font-size: 18px;font-weight: 500; margin: 0 15px 60px 15px;}
    .consulting_form input[type="text"], .select, .consulting_form textarea {width: 100%; box-sizing: border-box;}

    .section4 .sec_txt_sub{text-align: center;}
    .consulting_form .fl_r label, .consulting_form .fl_l label{width: 120px;}
    .consulting_form .fl_r > span{width: 110px;}
    .footer .nav_footer{height: 100%; flex-direction: column-reverse; padding-top: 25px;}
    .footer .footer_info .footer_sns > li:nth-child(1){display: none;}
    .footer .footer_info ul{font-size: 15px; padding-left: 10px;}

    .footer .copyright{text-align: center;}

    /*sub*/
    .mt_200{margin-top: 100px;}
    .sub_visual .nav, .sub_visual_02 .nav, .sub_visual_03 .nav, .sub_visual_04 .nav, .sub_visual_05 .nav, .sub_visual_06 .nav{width: 100%;}
    .sub_visual_02{background: url(../img/sub_visual_02.png) no-repeat right center;}
    .sub_visual_03{background: url(../img/sub_visual_03.png) no-repeat right center;}
    .sub_visual .nav .logo a,
    .sub_visual_02 .nav .logo a,
    .sub_visual_03 .nav .logo a,
    .sub_visual_04 .nav .logo a,
    .sub_visual_05 .nav .logo a,
    .sub_visual_06 .nav .logo a{width: 140px; height: 30px;}
    #sub_content{width: 100%; box-sizing: border-box;}
    .sub_c_tit{width: 100%;}
    .sub_c_cont{width: 100%; text-align: center; margin-top: 30px; word-break: keep-all;}
    .sub_c_cont > p {width: 50%; margin: 0 auto; word-break: keep-all;}
    .bg_crosscare{width: 100%;}
    .crosscare{background: #f6f2e9; padding: 80px 0 0 0; margin-bottom: 140px;}
    .svis_txt{left: 10%;}
    .busi_btm .table_wrap{padding: 0 15px;}
    .busi_btm .busi_btm_img > img{width: 100%;}

    .project_list .projectbox {width: 100%;}
    span.project_sub {display: block;}
    .project_list ul li {width: calc((100% - 10px) / 2); margin-right:10px; margin-bottom:30px;}
    #sub_content .sub_content .consulting_form{margin-top: 100px;}

    .sub_content .tit span{word-break: keep-all;  }
    .project_detail .tit {margin: 100px 0 35px 0;}
    .bodtit{font-size:22px !important;}
    .bodcont{font-size:16px !important; margin: 30px 0;}
    .news_inner{width: 100%;}
    .notice_img{width: 100%;}
}


@media screen and (max-width: 1000px) {
.allmenu_pc {display: none;}
#hamburger-wrapper{display: block; margin:0 15px 0 0;}

}

@media screen and (max-width: 768px) {
    .pc{display:none;}
    .mobile{display: block;}

    .inner{ padding: 0 15px; box-sizing: border-box;}

    .section2 br{display: none;}

    .sec_txt_sub > p{font-size: 16px; word-break: keep-all;}
    .main_visual {margin-bottom: 100px;}
    .main_visual .bxslide_wrap .img_container {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 660px;}
    .main_visual .main_txt.center_txt{top: 30%;}
    .main_visual .main_txt .txt1{font-size: 22px;}
    .main_visual .main_txt .txt2{font-size: 24px; margin-bottom: 10px;}
    .main_visual .main_txt .txt3{font-size: 14px; margin-bottom: 15px;}
    .main_visual .main_txt > div{margin-bottom: 0;}
    .main_visual .more_btn_white{font-size: 12px; padding: 10px 80px 10px 0; margin-bottom: 0;}
    .main_visual .nav{margin-top: 15px;}
    .main_visual .bxslide li{height: 310px;}
    .bx-viewport{height: 310px !important;}

    .more_btn_black, .main_visual .more_btn_white {font-size: 12px; padding: 10px 50px 10px 0;}

    .section_tit .tit {font-size: 35px;}


    .section1 {margin-bottom: 100px;}
    .section1 .section_tit{margin-bottom: 55px;}
    .section3 .sec_txt_sub > div {margin-bottom: 0;}
    .section1 .sec1_txt {margin-bottom: 55px;}

    .section2 {padding-top: 80px; margin-bottom: 150px;}
    .section2 .bg_sec2 {height: 850px;}
    .section_tit {margin-bottom: 35px;}
    .section2 .top {margin-bottom: 0px;}
    .section2 .top .top_txt {/*text-align: center; padding: 0 30px;*/}
    .section2 .top .top_txt .sec_txt_sub p{margin-bottom: 55px; /*text-align: center;*/ }
    .section2 .bxslide_wrap .img_container2 {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 300px;}
    .section2 .slide_txt {padding: 0 30px;}
    .slide_txt .slide_txt_tit {font-size: 24px; margin: 40px 0 30px 0;}
    .section2 .slide_txt .slide_txt_sub {font-size: 14px; word-break: keep-all;}

    .section1 .sec1_txt {font-size: 35px;}
    .section1 .sec_txt_sub{word-break: keep-all;}
    .sec_txt_sub {line-height: 28px;}

    .section3 {margin-bottom: 50px;}
    .section3 .box_ul ul{margin: 0 15px;}
    .section3 .box_ul ul li{margin-bottom: 10px; width: calc(50% - 10px);}
    .section3 .box_ul ul li .li_tit {font-size: 24px; padding-bottom: 0px;}
    .section3 .sec_txt_sub > p {margin-bottom: 20px;}
    .section3 .box_ul ul li{height: 300px;}
    .section4{margin-bottom: 50px;}
    .section4 .sec_txt_sub {margin-bottom: 20px;}
    .consulting_form{margin: 0 0 40px 0;}

    .inner{padding: 0;}
    form.Chkform {display: flex; flex-direction: column; padding: 0 10px;}
    .footer .footer_info .info_basic li:after{width: 0; height: 0;}
    .Chkform > div.d_flex{width: 100%; flex-direction: column; padding-left: 0; margin-bottom:10px !important;} 
    .consulting_form .fl_r label, .consulting_form .fl_l label{display: inherit; align-self: baseline; margin-left: 5px; display: none;}
    .consulting_form .fl_r > span{align-self: baseline; margin-left: 5px; display: none;}
    .Chkform > div.clear.mb_15.d_flex > span{display: inherit; align-self: baseline; margin-left: 5px; display: none;}

    .Chkform .agree_chk.chkstyle{margin-left: 0;}
    .footer .footer_info .info_basic li:after{width: 0; height: 0;}

    .section1 .sec1_txt {font-size: 30px;}
    .section1 .sec1_txt .dot{width: 6px; height: 6px;}
    .section3 .box_ul ul li{margin-bottom: 5px; width: 100%; width: calc(50% - 5px); margin-bottom: 5px;}
    .section3 .box_ul ul li:nth-child(1){margin-bottom: 10px;}
    .section3 .box_ul ul li:nth-child(2){margin-bottom: 10px;}
    .section3 .box_ul ul li .li_tit{font-size: 18px; font-weight: 400;}
    .section3 p.li_txt {font-size: 13px; word-break: keep-all;}
    .section.section3 .inner .box_ul li{width: calc( (100% - 10px) / 2 ); float: left; height:150px; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
    .section.section3 .inner .box_ul li:nth-child(2n+2){margin-right: 0;}
    .section.section3 .inner .box_ul li:last-child{margin-bottom: 0;}
    .section3 .box_ul ul li:nth-child(1) .li_tit,
    .section3 .box_ul ul li:nth-child(2) .li_tit,
    .section3 .box_ul ul li:nth-child(3) .li_tit,
    .section3 .box_ul ul li:nth-child(4) .li_tit{background-position: center 20%; background-size: 20%; padding-top: 90px;}


    /*sub*/
    .sub_content{padding: 0 15px; box-sizing: border-box;}
    #sub_content{margin-bottom: 100px;}
    .sub_visual, .sub_visual_02, .sub_visual_03, .sub_visual_04{height: 310px;}
    .svis_txt{top: 275px; font-size: 40px;}

    /* 인사말 */
    .greeting{margin: 50px 0 140px 0 }
    .sub_c_cont span, .sub_c_cont strong, .sub_c_cont strong span.pink{font-size:20px;}
    .sub_c_cont .greeting_img{padding: 0; box-sizing: border-box;}
    .sub_c_cont .greeting_img img{width: 100%;}
    .sub_c_cont > p{width: 100%; font-size: 16px;}
    .sub_c_tit::before{width: 50px;}
    .sub_c_tit{font-size: 24px;}
    .crosscare{padding:50px 0;}
    .bg_crosscare{top:0; right:-15px; bottom:0; left:-15px; height: auto; width: auto;}

    .crosscare .crosscare_img{padding: 0; box-sizing: border-box;}
    .crosscare .crosscare_img img{width: 100%;}
    .location{margin-bottom: 100px;}
    .location .map iframe{height:350px;}


    /* 사업영역 */
    .tabmenu{margin-top: 50px !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 15px;}
    .tabmenu li{width: calc(100% / 2); font-size: 20px; height: 55px; line-height: 55px;}
    .tabmenu li.on{}
    .busi_txt > p {font-size: 16px; word-break: keep-all;}
    .busi_cnt:nth-child(1){margin-top: 50px;}
    .busi_cnt .busi_img, .busi_cnt .busi_txt{width: 100%; height: auto;}
    .busi_cnt .busi_txt strong {font-size: 24px;}
    .busi_cnt .busi_txt span {font-size: 14px;}
    .busi_cnt .busi_txt{padding: 30px 0;}
    .busi_cnt .busi_img{padding: 0; box-sizing: border-box; box-shadow: none;}
    .busi_cnt .busi_img img{width: 100%;}
    .busi_btm{margin-top: 100px;}
    .busi_btm p{font-size: 24px;}
    .business_table{overflow: auto;}
    .business_table table{font-size: 16px; margin-bottom: 0;}
    .business_table table colgroup col:nth-child(1){width: 150px;}
    .business_table table colgroup col:nth-child(2){width: 400px;}
    .business_table table colgroup col:nth-child(3){width: 200px;}
    .kit_table{overflow: auto;}
    .kit_table table colgroup col:nth-child(1){width: 150px;}
    .kit_table table colgroup col:nth-child(2){width: 190px;}
    .kit_table table colgroup col:nth-child(3){width: 200px;}
    .kit_table table colgroup col:nth-child(4){width: 50px;}
    /*
    .business_table table colgroup col{display: none;}
    .business_table table thead,
    .business_table table thead tr th{display: none;}
    .business_table{}
    .business_table table,
    .business_table table tr,
    .business_table table thead,
    .business_table table thead th,    
    .business_table table tbody,
    .business_table table tbody td{display: block; text-align: left;}
    .business_table table tbody tr td:nth-child(1)::before{display: inline-block; content:"유지관리 항목 : "}
    .business_table table tbody tr td:nth-child(2)::before{display: inline-block; content:"세부 관리내용 : "}
    .business_table table tbody tr td:nth-child(3)::before{display: inline-block; content:"관리주기(안) : "}
    */

    .busi_btm .busi_bg_04 {height: 1450px;}

    /*레퍼런스*/
    .project_list ul li {width: 100%; margin-bottom: 40px;}
    .project_detail img {height: auto; max-width: 100%; margin: 0 auto 20px;}
    .bodtit{font-size:18px !important;}
    .bodcont{font-size:14px !important; margin:20px 0;}

    /*공지사항*/
    .news_inner{width: 100%; margin-top: 50px !important;}
    .sub_select_section{flex-direction: column; align-items: baseline;}
    .sub_select_section .total{margin-bottom: 5px;}
    .news_inner .sub_select input{width: 100%;}
    .table_wrap .new_table tbody tr td:first-child,
    .table_wrap .new_table tbody tr td:nth-child(3),
    .table_wrap .new_table tbody tr td:nth-child(5){display: none;}
    .news_inner .table_wrap table > thead > tr > th:first-child,
    .news_inner .table_wrap table > thead > tr > th:nth-child(3),
    .news_inner .table_wrap table > thead > tr > th:nth-child(5){display: none;}
    .news_inner .table_wrap table > colgroup{width: 75%;}
    .new_table{width: 100%; table-layout: fixed;}
    .new_table colgroup col{display: none;}
    table tbody td.txt_l{border-left:none;}
    .paging_wrap a{margin: 0 12px; }
    .paging_wrap a.dis_none{display: none;}


}

@media screen and (max-width: 425px) {
    .main_visual .main_txt .txt1{font-size: 18px;}
    .main_visual .main_txt .txt2{font-size: 22px; margin-bottom: 10px;}
    .main_visual .main_txt .txt3{font-size: 13px;}

    .section1 br{display: none;}
    .section2 .slide_txt .slide_txt_sub {font-size: 14px; word-break: keep-all;}
    .section3 .box_ul ul li:nth-child(1) .li_tit,
    .section3 .box_ul ul li:nth-child(2) .li_tit,
    .section3 .box_ul ul li:nth-child(3) .li_tit,
    .section3 .box_ul ul li:nth-child(4) .li_tit{background-position: center 20%; background-size: 30%; padding-top: 90px;}

    .busi_btm .busi_bg_04 {height: 1200px;}
    .footer .footer_info ul li{letter-spacing: -1px;}
}



@media screen and (max-width: 360px) {
    .main_visual .bxslide_wrap .bx-viewport li:nth-child(2) > img{transform: translateX(-25%);}
    .main_visual .bxslide li{height: 350px;}
    .bx-viewport{height: 310px !important;}


    .bodtit{font-size:16px !important;}
    .bodcont{font-size:13px !important; margin:15px 0;}

    

}


/* 레퍼런스 목록 */
@media screen and (min-width: 1025px) {
    .refer_cnt .refer_list > ul > li:nth-child(4n) {margin-right: 0;}
    .project_list ul li:nth-child(3n){margin-right: 0;}
}
@media screen and (min-width: 501px) and (max-width: 1024px) {
    .refer_cnt .refer_list > ul > li {width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px; height: auto; background: #fff;}    
    .refer_cnt .refer_list > ul > li a img {height: auto;}
    .refer_cnt .refer_list > ul > li:nth-child(3n) {margin-right: 0;}
    .project_list ul li:nth-child(2n+2){margin-right: 0;}
}
@media screen and (max-width: 500px) {
    .refer_cnt .refer_list > ul > li {width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px;  height: auto; background: #fff;}
    .refer_cnt .refer_list > ul > li a img {height: auto;}

    .refer_cnt .refer_list > ul > li:nth-child(2n) {margin-right: 0;}

}