@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	

/* MAIN */ 
/* main - 주요사업 */
.main_business .in{ gap: 3.5em;}
.main_business::after { left: -7em; bottom: -2em; zoom: .8;}

}

@media screen and (max-width:1400px){
body{ font-size:15px;}
.box1{ width:94%; }

}

@media screen and (max-width:1280px){	
.box0{ padding: 0 2vw;}

/* HEADER */
#header .top_wrap .logo > a { width: 15em;}
#header .top_wrap .gnb_wrap .gnb {gap:2em}
#header .top_wrap .gnb_wrap .gnb > li {width: auto;}
#header .top_wrap .etc_wrap { gap:0 1.5em}
#header .top_wrap .etc_wrap .mem_wrap{ gap:1.5em;}

/* MAIN */    
/*main visual - visual_con */
.visual_con .left_aboutBox > .tit {width: 30%; padding: 2em 1.5em;}
.visual_con .right_searchBox{ width: 35%; padding:2em 1.5em;}

/* main - 주요사업 */
.swiper-pagination.mainBusi{ width: calc(100% - 2.5em);}
.main_business .in .img_wrap { width: 40%;}
.main_business::after { left: -9em; bottom: -3em; opacity: .6;}

/* main - 환경정책정보 */
.main_policy .policyList_wrap .policyList > li .in { padding: 1.5em 1.5em;}

/* main - section3 */
#section3 .in { gap:1em}
#section3 .in .mainBoard { padding: 1.875em 1.625em;}
#section3 .in .banner{ width: 28%;}
#section3 .in .banner .in{ padding: 2.5em 2em; background-size: 180%;}


/* SUB *******/
/* 인사말 */
.greet_wrap .conLay .img_wrap .img.resize.s5{ padding-bottom: 100%;}
.greet_wrap .conLay .inner{ align-items: center;}

/* 오시는길 */
.contact_map .map_info .tit { width: 30%; padding: 0 2em;}
.contact_map .map_info .info_wrap{ gap:3em; padding: 0 2em;}

}

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

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

/* HEADER */
#header .top_wrap .gnb_wrap{ display: none;}

#header .allWrap .all .all_img {width: 35%;}
#header.allOpen .allWrap .all .all_gnb .gnb{ flex-wrap: wrap;}
#header .allWrap .all .all_gnb .gnb > li{ flex:0 0 calc(100% / 3);}
#header .allWrap .all .all_gnb .gnb > li:nth-child(4){ border-left: none;}
#header .allWrap .all .all_gnb .gnb > li .dp2{padding-top: 1em;}  


/* MAIN */
/* visual_con */
.visual_con .flex.gap15{ gap:1em;}

/* main - 주요사업 */
.main_business .in{ gap:2em}
.main_business .in .txt_wrap .desc br{ display: none;}
.swiper-pagination.mainBusi{ width: 100%;}

/* main - 환경정책정보 */
.main_policy .policyList_wrap{ padding-bottom: 1.5em;}
.main_policy .policyList_wrap .swiper-pagination{ display: block; bottom: 0em;}
.main_policy .policyList_wrap .swiper-pagination-bullet-active{ width:.625em;}

/* main - 레이어팝업 */
.mainLayerPop{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.4);}
.mainLayerPop .in_w{ box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto;}
.mainLayerPop .moSlide .el .popLayer{ position:static; height:auto !important; width:25em !important; max-width:100% !important; max-height:100%; border:none;}
.mainLayerPop .moSlide .el .popLayer img{ width:100%;}
.mainLayerPop .dot_wrap{ position:fixed; left:0; right:0; bottom:1em; text-align:center;}
.mainLayerPop .slick-dots > ul > li{ display:inline-block; margin:0 .125em;}
.mainLayerPop .slick-dots > ul > li button{ width:1em; height:1em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s;}
.mainLayerPop .slick-dots > ul > li.slick-active button{ width:3em; border-radius:5em;}
.mainLayerPop.hide{ display:none;}
.mainLayerPop .moHide{ display:none;}
.mainLayerPop .PC{ display:none;}
.mainLayerPop .PHONE{ display:block !important;}
.mainLayerPop .pcHide{ display:block;}
.mainLayerPop div.popLayer_closeW{ display:flex; align-content:center; align-items:center;}
.mainLayerPop div.popLayer_closeW .popLayer_close{ flex:1;}

/* SUB *******/
/* 주요사업 */
.busi_wrap{ padding: 0;}
.busi_wrap .busi_list > li .in {padding:2em 1em 2.5em;}

/* 이사명단 */
.doc.org > .box1{ padding: 0;}

/* 오시는길 */
.doc.map > .box1{ padding: 0;}

/* 회원사검색 */
.box1.membership{ padding: 0;}

/* 채용정보 */
.doc.recruit .page_btn .in.right{ justify-content: flex-end;}
.doc.recruit .page_btn .in > .input_st{ flex:0 0 auto;}

/* 주요사업 */
.mission_wrap{padding: 0;}
.mission_wrap .title{ width: 18em; height: 18em}
.mission_wrap .title span{ font-size: 1.5em;}
.mission_wrap .title::after{ width: 13em;height: 13em;}
.mission_wrap .missionList > li{ width:calc(50% - 9em);}
.mission_wrap .missionList > li:nth-child(odd){ margin-right:9em; }
.mission_wrap .missionList > li:nth-child(even){ margin-left:9em; }

/* 업무편람 */
.info_box{ width: 100%;}

}

@media screen and (max-width:1000px){
/* SUB *******/
/* 주요사업 */
.busi_wrap .busi_list{ gap:1em}
.busi_wrap .busi_list > li{ width: calc( (100% - 2em) / 3);}
.busi_wrap .busi_list > li .in .ico{ width: 9em; height: 9em;}




}


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

/* FOOTER */
#footer .menu{ flex-wrap: wrap;}
#footer .logo img{ width: 15em;}


.table_box{overflow-x: scroll;}
.table_box .scr_i{display: inline-flex; align-items: center; gap:.2em; margin-bottom: 5px;  font-size:.9375em; color:var(--siteC);  position: sticky; left: 0; top: 0; }
.table_box .table_st{ width: 900px;}


/* 주요사업 */
.mission_wrap{ flex-wrap: wrap; height: auto;}
.mission_wrap .title{ width: 26em; height: 26em; position: relative; transform: translate(-50%, 0);}
.mission_wrap .title span{ font-size: 1.75em;}
.mission_wrap .title::after{ width: 16em; height: 16em;}
.mission_wrap .missionList > li{ width:50%; padding: 1em 0;}
.mission_wrap .missionList > li:nth-child(odd){ justify-content:flex-start; margin-right:0; padding-left:3em; padding-right: 0;  text-align: left;}
.mission_wrap .missionList > li:nth-child(even){ margin-left:0; }
.mission_wrap .missionList > li:nth-child(odd) .tt::before{ left: -1.5em; right: auto;}

/* 회원사검색 */
/* .popWrap.membership.pop{}
.popWrap.membership.pop .table_st.st_pop{ display:block; width:100%;}
.popWrap.membership.pop .table_st.st_pop tr, td, th, tbody, thead, tfoot{ display:block; }
.popWrap.membership.pop .table_st.st_pop tr{ width:100%; }
.popWrap.membership.pop .table_st.st_pop tr th ,
.popWrap.membership.pop .table_st.st_pop tr td{ width: 100%!important; height:auto; box-sizing:border-box; border-left:none; border-right:none;}
.popWrap.membership.pop .table_st.st_pop tr th{ text-align:left;}
.popWrap.membership.pop .table_st.st_pop tr td.etc_txt{ min-height: 3em;} */
}

@media screen and (max-width:850px){
/* HEADER */
#header .top_wrap .etc_wrap .mem_wrap{ display: none;}

#header .allWrap .all .all_top .all_mem{ display: flex; padding-top: 1.5em;}
#header .allWrap .all .all_gnb .gnb > li{ flex: 0 0 50%}

/* FOOTER */
#footer .info_wrap{ flex-direction: column; gap:1em}

/* MAIN */
/* visual_con */
.visual_con .left_aboutBox > .con .link_list > li{ flex:0 0 calc((100% - 1em) / 2)}
#header .allWrap .all .all_gnb .gnb > li:nth-child(4){ border-left: 1px solid #ddd;}
#header .allWrap .all .all_gnb .gnb > li:nth-child(3),
#header .allWrap .all .all_gnb .gnb > li:nth-child(5){ border-left: none;}
.visual_con .left_aboutBox > .con .link_list > li a .icon {margin-bottom: 0.5em;}
.visual_con .right_searchBox .search_wrap .inner { flex-direction: column;}
.visual_con .right_searchBox .btn_wrap .search{ width: 100%;}

/* main - 주요사업 */
.main_business .in{ flex-wrap: wrap;}
.swiper-pagination.mainBusi{ width: 70%; margin-left: 0; margin-right: auto;}
.main_business .in .img_wrap{ width: 100%; height: 30vh; margin-top: 2em;}
.main_business::after{ left:auto; right: -5em; bottom:calc( 30vh + 12em); transform: scaleX(-1);}

/* main - section3 */
#section3 .in .mainBoard{}

#section3 .in .banner{ width: 40%;}

#section3 .in .relSite{display: flex; width: 100%; height: auto;}
#section3 .in .relSite .tit_wrap{ width: 25%; height: 3.5em; border-radius: 1em 0 0 1em;}
#section3 .in .relSite .tit_wrap .btn_wrap{ width: 6em; height: 100%;}
#section3 .in .relSite .tit_wrap .btn_wrap .relsite_btn{ width: 3em; border: none;}
#section3 .in .relSite .tit_wrap .btn_wrap .next .xi::before{content: '\e93b';}
#section3 .in .relSite .tit_wrap .btn_wrap .prev .xi::before{content: '\e93e';}
#section3 .in .relSite .relSiteSlide .el{ height: auto; border: none;}
#section3 .in .relSite .relSiteSlide{ flex:1; height: auto; border-radius: 0 1em 1em 0;}

/* SUB ***********/
/* 오시는길 */
.contact_map .map_info .tit { width: 100%; min-height: 8em; padding: 0 30%; }
.contact_map .map_info .tit::after{ width: 90%; height: 1px; left: 50%; top:100%; transform: translateX(-50%);}
.contact_map .map_info .info_wrap{ justify-content: center; gap:3em; min-height: 8em; padding: 1em 2em;}



}


@media screen and (max-width:768px){
body{ font-size:14px;}
/* HEADER */
#header .allWrap .all .allconWrap {padding: 10vh 3vw;}
#header .allWrap .all .all_top{ margin-bottom: 1.5em;}
#header .allWrap .all .all_top .all_logo .in{ width: 80%;}
#header .allWrap .all .all_gnb .gnb > li{ flex: 0 0 100%; border-left: none!important;}
#header .allWrap .all .all_gnb .gnb > li .dp1{ text-align: left;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a{ text-align: left;}

/* MAIN */
/* main visual */
.visualSlide_wrap .slogan .t1 { font-size: 2.75em;}

/* main visual_con */
/* .visual_con .left_aboutBox > .con .link_list > li { flex:1} */
.visual_con .right_searchBox{ width: 40%;}
.visual_con .right_searchBox .search_wrap .inner{ flex-direction: row;}
.visual_con .right_searchBox .btn_wrap .search{width: 6.75em;}

/* main - 주요사업 */
.swiper-pagination.mainBusi{ width: 80%;}


/* SUB *******/
#contents .sub_page_top { height: 20em;}
#contents .sub_page_tit .wrap_tit{ padding-top: 3em;}
#contents .sub_page_tit .wrap_tit .sub_tit { font-size: 3em;}
#contents .sub_page_menu{ display: none;}

/* 공통 */
.mo_br{ display: none;}
.conLay .inner{ gap:1em}
.conLay .img_wrap{ width: 100%;}

/* 인사말 */
.greet_wrap .conLay.layL .txt_wrap{ padding: 0;}
.greet_wrap .conLay .img_wrap .img { display: none;}
.greet_mid{ margin: 1em 0; padding:4em 20%;}

/* 연혁 */
.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em; margin-top:0;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}

/* 주요사업 */
.mission_wrap .missionList > li{ width:100%;}

/* 회원사검색 */
.memSearch_wrap .memSearch_in{ flex-wrap: wrap;}
.memSearch_wrap .memSearch_in .tit{ width: 15%;}
.memSearch_wrap .memSearch_in .con{ flex: 1 0 85%}
.input_st.sMem.search1{ margin-right: 0; margin-bottom: 1em;}


/* 관련사이트 */
.siteList_wrap .siteList > li{ width: calc((100% - 1.5em) / 2);}
.siteList_wrap .siteList > li .tit {font-size: 1.125em;}

/* 채용정보 */
/* 채용정보-등록 */
.estimate-table col {display: none !important;}
.estimate-table tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1em 0;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {width: 100%;}
.estimate-table tbody tr th:nth-of-type(2) {border-top: 1px solid #ddd; padding-top: 1em;} 
.estimate-table tbody tr th, 
.estimate-table tbody tr th {padding: 0;}
.estimate-table tbody tr td {padding: 1em 0;}
.estimate-table tbody tr td .col-wrap {gap: 0.5em; justify-content: space-between;}
.estimate-table tbody tr td .col_w3 {width: 30%; margin: 0 !important;}
.estimate-table tbody tr td #tel {width: 30%;}
.estimate-table tbody tr td .input_sec {display: inline-block; width: 3%;}
.estimate-table select.input_st {margin-left: 0 !important;}
.page_btn > button[type="submit"] {min-height: 3.5em;}
.estimate-table tbody tr td .input_st.w1{ max-width: 80%; margin-right: 0.5em;}
.estimate-table tbody tr td .input_st.w3{ width:100%; max-width: 80%;}

/* 업무편람 */
.info_box{ gap:1.5em; padding: 2em;}
.info_box .iconWrap{ width: 6em; height: 6em;}

}

@media screen and (max-width:700px){
/* MAIN */
/* main visual_con */
.visual_con .left_aboutBox > .tit { width: 32%;}
.visual_con .left_aboutBox > .con .link_list > li{ flex:1}
.visual_con .right_searchBox{ width: 100%;}

/* main - section3 */
#section3 .in .mainBoard{}
#section3 .in .banner{ width: 100%; height: auto;}
#section3 .in .banner .in{ background-size: 100%;}

}


@media screen and (max-width:600px){
/* MAIN */
/* main visual */
.swiper-pagination.mainBusi{ width: 100%;}
.visualSlide_wrap .slogan .t1{ font-size: 2.25em;}
.visualSlide_wrap .slogan .t2{ font-size: 1.125em;}

/* main - 환경정책정보 */
.main_policy .policyList_wrap .policyList > li .in{ box-shadow: none;}

/* main - section3 */
#section3 .in .relSite .tit_wrap{ flex-direction: column;height: auto; padding: .5em .5em .5em 1em}
#section3 .in .relSite .tit_wrap .tit{ margin-bottom: 0.5em;}
#section3 .in .relSite .tit_wrap .btn_wrap{ height: 1.5em;}

/* SUB *******/
/* 인사말 */
.greet_mid{ margin: 1em 0; padding:4em 10%;}

/* 오시는길 */
.contact_map .map_info .info_wrap{ flex-direction: column; gap:1em}

/* 회원사검색 */
.memSearch_wrap { padding: 1.5em 1em;}
.memSearch_in .cateList.loc > li{ width: calc((100% - 20px) / 5);}

/* 채용정보 */
.doc.recruit .page_btn .in > .input_st{ flex:1;}

/*  */
.login_wrap.w2{ width: 80%;}

}


@media screen and (max-width:500px){
/* FOOTER */
#footer .menu{ justify-content: center;}
#footer .menu > li:not(:last-child) > .in:after{ margin: 0 1em;}


/* MAIN */
/* visual_con */
.visual_con .left_aboutBox > .con .link_list > li{ flex:0 0 calc((100% - 1em) / 2)}

/* main - 주요사업 */
.main_business .in .txt_wrap .desc .c_point{ display: inline;}

/* SUB ******/
/* 주요사업 */
/* .busi_wrap .busi_list > li{ width: 100%;}
.busi_wrap .busi_list > li .in{ display: flex; align-items: center; gap: 1em; padding: 1em 2em;}
.busi_wrap .busi_list > li .in .ico{ width: 12em; height: 12em;}
.busi_wrap .busi_list > li .in .txt{ flex:1}
.busi_wrap .busi_list > li .in .txt br{ display: none;} */

/* 주요사업 */
.mission_wrap .title{ width: 100%; height: 0; padding-bottom: 100%;}
.mission_wrap .title span{ font-size: 1.75em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mission_wrap .title::after{ width: 70%; height: 70%;}


/* 관련사이트 */
.siteList_wrap .siteList{ gap:2.5em;}
.siteList_wrap .siteList > li{ width: 100%;}


/*  */
.page_step_wrap{ zoom:.8}
.login_wrap.w2{ width: 100%;}
.login_wrap .login{ padding: 1.5em;}
.login_wrap.w2 .flex.space.vc.mt20{ flex-direction: column;}

.fin_box{ padding: 3em 2em 4em;}


/* 회원사 검색 */
.memSearch_wrap .memSearch_in{ padding: 0;}

/* 업무편람 */
.info_box{ flex-direction: column; text-align: center;}

}


@media screen and (max-width:380px){
body{ font-size:12px;}

#header .allWrap .all .all_img{display: none;}

}

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

}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}