@media (max-width: 1280px) {

    h1 img{height: 30px;}
    .header{padding: 0 25PX;}
    .header #gnb ul li a{padding: 0 40px; }

    .mainVisual_wrap .txt{left: 60px;}

    .contents_wrap{}
    .contents_wrap .mainc{width: 100%; padding: 8rem 0;}
    .contents_wrap .mainc .mainc_inner{width: 100%;}

    .contents_wrap .subc{width: 100%; padding: 8rem 0;}
    .contents_wrap .subc.full{padding: 8rem 20px;}
    .contents_wrap .subc .subc_inner{width: 100%;}
    

    .mbusinessArea_wrap{gap: 25px; padding: 0 25px;}
    .mbusinessArea_wrap .box {width: calc( (100% - 25px) / 2 );}

    .miconBox_wrap{gap: 25px; padding: 0 25px;}

    .mportfolio_wrap{padding:0 25px;}
    .mportfolio_wrap ul{gap: 25px;}
    .mportfolio_wrap ul > li{  width: calc( (100% - 50px) / 3 );}
    .mportfolio_wrap ul > li.first { width: calc( (100% - 25px) - ( (100% - 50px) / 3 ) );}


    .footer{padding: 25px;}
    .footer_bottom{gap: 30px;}




    .aboutImg_wrap, .aboutTxt_wrap{width: 100%; padding: 0 ;}
    .aboutImg_wrap img{width: 100%;}
    

    .photoList_wrap{gap: 25px; padding: 0 ;}
    .photoList_wrap li{width: calc( (100% - (25px * 2)) / 3); }
    .photoList_wrap li a .img{height: 250px;}

    .boardList_wrap{width: 100%; padding: 0 ;}

    .teamList_wrap{width: 100%; padding: 0 ; gap: 25px;}
    .teamList_wrap .box{width: calc( (100% - (25px * 3)) / 4); }

    .humanList_wrap{gap: 25px;}
    .humanList_wrap li{width: calc( ( 100% - ( 25px * 2 )) / 3 );}

    .business_wrap{padding: 0 ; flex-wrap: wrap;}
    .business_wrap .img_wrap{margin-left: 0; margin-top: 20px;}

}


@media (max-width: 1200px) {

    .header{ padding: 0 20px;}
    h1 img{height: 20px;}
    .header #gnb ul li a{font-size: 1.5rem; padding: 0 30px;}


    .aboutTxt_wrap{flex-direction: column;}
    .aboutTxt_wrap .txt_right{margin-top: 30px;}




    .subc.contactus_wrap{padding: 8rem 25px;}
    .contactus_wrap .contactus_form dl{margin-top: 50px;}

    .process_wrap{gap: 80px; margin-top: 50px}
    .process_wrap .box{ width: calc( (100% - (80px * 3)) / 4) ;}
    .process_wrap .box .icon img{max-width: 50px;}
    .process_wrap .box::before{right: -60px;}
    .process_wrap .box .desc br{display: none;}


}



@media (max-width: 1000px) {

    .process_wrap {gap: 20px;}
    .process_wrap .box{padding: 0 20px; height: 250px;  width: calc( (100% - (20px * 3)) / 4) ;}
    .process_wrap .box::before{display: none;}
    
}

@media (max-width: 960px) {

    html{font-size: 9px;}

    #gnb{display: none;}
    .header .gnbBtn{display: flex;}


    .mainVisual_wrap .img{height: 500px;}    
    .mainVisual_wrap .img{background:#000 url(../../img/bg_mainvisual.jpg) no-repeat bottom right -300px / cover;}
    .mainVisual_wrap .txt{left: 20px; right: 20px; bottom: 50px; text-align: center;}
    

    .contents_wrap .mainc h2{font-size: 4rem;}
    .contents_wrap .mainc h2 + .desc {padding: 0 25px;}
    .contents_wrap .mainc h2 + .desc br{display: none;}
    .contents_wrap .subc h3{}
    .contents_wrap .subc h3 + .desc br{display: none;}

    .miconBox_wrap .box{height: 300px;}
    .mportfolio_wrap ul > li > a > .img{height: 300px;}
    
    .mbusinessArea_wrap .box{height: 300px; padding: 0 25px;}
    .mbusinessArea_wrap .box .desc br{display: none;}


    .contents_wrap .mainc.mContact{height: 800px; padding: 8rem 25px;}
    .contents_wrap .mainc.mContact h2{font-size: 5rem;}
    .contents_wrap .mainc.mContact h2 + .desc{font-size: 2.8rem;}
    .contactBtn a{width: 30rem; height: 30rem;}

    
    .contents_wrap .subc{width: 100%; padding: 8rem 25px;}

    .sideQuick{right: 20px; bottom: 50px;}
    .qcontactBtn{ width: 80px; height: 80px; font-size: 1.6rem;}
    
    
    .contents_wrap .subc{padding: 6rem 25px;}


    .subTitle_wrap .stitle{font-size: 3rem; margin: 15px 0;}
    .subTitle_wrap .title{font-size: 6.5rem; }


    .boardList_wrap li a{padding: 30px 0;}
    .boardList_wrap li a .txt .subject{font-size: 3.5rem;}
    .boardList_wrap li a .txt .cont{font-size: 1.8rem;}
    

    



    .teamList_wrap{flex-wrap: wrap;}
    .teamList_wrap .box .img{height: 400px;}
    .teamList_wrap .box {width: calc((100% - (25px * 1)) / 2); }


    .slider_wrap .box{height: 400px;}




	.layerPopup{width:85%;}
	.layerPopup_header{padding:20px; height:auto}
	.layerPopup_header .title{font-size:20px;}
	.layerPopup_header .popClose{width:25px; height:25px;}
	.layerPopup_header .popClose img{width:25px; height:25px;}
	.layerPopup_content{padding:20px}
	.termWrap > .txtBox > .tit{font-size:16px;}


    
}


@media (max-width: 900px) {

    .footer_bottom{flex-direction: column;}

    .locationTop_wrap .info{gap: 20px;}
    .locationMap_wrap{height: 350px; margin-top: 50px;}



    .process_wrap{gap: 20px; flex-wrap: wrap;}
    .process_wrap .box{ width: calc( (100% - (20px * 1)) / 2) ;}
    .process_wrap .box .desc br{display: block;}



    
}

@media (max-width: 768px) {

    html{font-size: 8px;}

    .mportfolio_wrap ul > li.first{width: 100%;}
    .mportfolio_wrap ul > li{  width: calc( (100% - 25px) / 2 );}
    .miconBox_wrap .box{height: 250px;}
    .miconBox_wrap .box .icon img{width: 50px;}    
    .miconBox_wrap .box .title{margin-top: 30px;}
    .contactBtn a{height: 25rem; width: 25rem; font-size: 3rem; margin-top: 80px;}

    .pagingWrap{margin-top: 50px;}

    .aboutTxt_wrap{margin-top: 50px;}

    .subTitle_wrap .stitle{font-size: 2rem; padding: 0 20px; margin: 15px 0;}
    .subTitle_wrap .title{font-size: 4.5rem; }


    .photoList_wrap li{width: calc( (100% - (25px * 1)) / 2); }

    .contents_wrap .subc h3{font-size: 4rem;}
    .humanList_wrap{margin-top: 50px;}
    .humanList_wrap li { width: calc((100% - (25px * 1)) / 2);}

    .contactus_wrap .contactus_form dl{margin-top: 50px;}
    .contactus_wrap .contactus_form dl dt{margin-bottom: 10px; font-size: 2rem;}



}





@media (max-width: 640px) {

    .contents_wrap .mainc{padding: 6rem 0;}
    
    .contents_wrap .subc.full{padding: 6rem 20px;}
    

    .mainVisual_wrap .img{height: 400px; background: #000 url(../../img/bg_mainvisual.jpg) no-repeat bottom right -200px / cover;}
    .mainVisual_wrap .txt .title{font-size: 4rem;}
    .mainVisual_wrap .txt .desc{font-size: 2rem; margin-top: 20px;}

    .mbusinessArea_wrap{flex-direction: row; flex-wrap: wrap;}
    .mbusinessArea_wrap .box{width: 100%; height: 350px;}
    .mbusinessArea_wrap .box .desc br{display: none;}

    .miconBox_wrap{flex-direction: row; flex-wrap: wrap;}
    .miconBox_wrap .box{width: 100%;}

    .contents_wrap .mainc h2{font-size: 3rem;}
    .contents_wrap .mainc h2 + .desc{font-size: 1.6rem; margin-top : 10px }

    .mportfolio_wrap ul > li > a > .img{height: 350px;}
    .mportfolio_wrap ul > li{width: 100%;}
    .mportfolio_wrap ul > li > a > .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

    .contactBtn a,
    .qcontactBtn{transform: rotate(0); background: #0e4194; color: #fff; border: #0e4194;}

    .sideQuick{gap: 10px; right: 15px; bottom: 20px;}
    .qcontactBtn{width: 60px; height: 60px; font-size: 1.4rem;}
    .footer_bottom{gap: 20px;}
    .footer_bottom .foot_info > div > p {display: flex; gap: 10px; flex-wrap: wrap; flex-direction: column;}


    .photoList_wrap li a .img{height: 200px;}




    .boardList_wrap li a{justify-content: flex-start; align-items: flex-start; flex-direction: column;}
    .boardList_wrap li a .date{margin-top: 25px; font-size: 1.8rem;}


    .teamList_wrap .box {width: 100%; }

    .contactus_wrap .contactus_form dl{width: 100%;}

    .locationTop_wrap{flex-direction: column; flex-wrap: wrap;}
    .locationTop_wrap .info{width: 100%; margin-top: 40px}

    .process_wrap .box{ height: 200px;}
    .slider_wrap{width: 1000px !important;}

	.mohide{display:none}
	#bo_cate li{padding:2px;}
	#bo_cate a{padding:5px 10px; font-size:1.4rem; }

	#bo_list .td_group{width:100px;}
	.csType{width:70px}
	#bo_list tbody td{padding:8px;}
	#bo_list .td_datetime{width:80px}





	.layerPopup{width:85%;}
	.layerPopup_header{padding:20px; height:auto}
	.layerPopup_header .title{font-size:18px;}
	.layerPopup_header .popClose{width:25px; height:25px;}
	.layerPopup_header .popClose img{width:25px; height:25px;}
	.layerPopup_content{padding:20px}
	.termWrap > .txtBox > .tit{font-size:14px;}
    .termWrap > .txtBox > p{font-size: 13px;}





}




@media (max-width: 360px) {

    
    .contents_wrap .mainc{padding: 4rem 0;}
    .mainVisual_wrap .img{height: 300px; background: #000 url(../../img/bg_mainvisual.jpg) no-repeat bottom right -240px / cover;}
    .mainVisual_wrap .txt{bottom: 30px;}
    .mainVisual_wrap .txt .title{font-size: 3.5rem;}
    .mainVisual_wrap .txt .desc{font-size: 1.6rem; margin-top: 10px; }

    .mbusinessArea_wrap .box{height: 300px;}
    .mbusinessArea_wrap .box .desc br{display: none;}
    .mportfolio_wrap ul > li > a > .img{height: 300px;}

    .mbusinessArea_wrap,
    .miconBox_wrap, .mportfolio_wrap, .send-btn{margin-top: 50px;}

    .contents_wrap .mainc.mContact{height: 550px;}
    .contents_wrap .mainc.mContact h2{font-size: 3.5rem;}
    .contents_wrap .mainc.mContact h2 + .desc{font-size: 1.8rem; margin-top : 10px }

    .contactBtn a{margin-top: 60px;}

    .process_wrap {}
    .process_wrap .box{ width: 100%;}

}