@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1400px){
.res.w1400{ display: block}

#contents .sub_top_wrap .subTab .gnb .dp2 > li > a .va .tt{font-size: 1em;}

.board_gallery.w2 > li{flex: none;}
}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}

.mainLink .list{flex-wrap: wrap;}
.mainLink .list .el{flex: 1 1 calc((100% - 3vmin) / 2);  }
}

@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:13px}

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb{display: none;}
.main:not(.scroll):not(.allOn) #header .top_wrap .gnb_wrap .dp1{height: var(--headerH);}
.allOn #header .top_wrap .wrapF{ padding: 5vmin 6vmin;}
.allOn #header .gnb_wrap .gnb{ gap: 3vmin; padding-bottom: 7em;}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 2em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{height: 3.7em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{font-size: 1.23em;}

.mainBusiness .list{flex-direction: column;}
.mainBusiness .list > li{width: 100%;}
.mainBusiness .list > li .wrap_in{height: 10vh;}
.mainBusiness .list > li .wrap_in .tit_wrap{padding: 1.5em 0; align-items: center;}
.mainBusiness .list > li .wrap_in .tit_wrap .t1{writing-mode: unset;}
.mainBusiness .list:not(:hover) > li:nth-child(3),
.mainBusiness .list > li:hover{width: auto;}
.mainBusiness .list:not(:hover) > li:nth-child(3) .wrap_in{height: 100%;}

.mainPartnerSlide .el{ width:calc(25% - 18px)}


/* footer */
#footer .wrapF{flex-direction: column-reverse; align-items: flex-start;}
#footer .etc_wrap{ align-items: flex-start;}
#footer .site_wrap{margin-left: 0;}
#footer .info{display: flex; flex-wrap: wrap;}
#footer .info > li.copyright{flex-basis: 100%;}
#footer .logo img{height: 3.5em;}

/* sub */
#contents .sub_top_wrap{height: 23em;}
#contents .sub_top_wrap .subTab{display: none;}
#contents .sub_top_wrap .subTit .wrapF{align-items: center;}
#contents .sub_top_wrap .subTit .t1{font-size: 2.46em;}

.ci_con2{gap: 1.5em; }

.scr_content{ overflow: auto; }
.scr_content .table_wrap{width: 1000px;}
.scr_content .table_wrap .board_st2.h1 th,
.scr_content .table_wrap .board_st2.h1 td{white-space: nowrap;}

.page_con .page_tit::after,
.page_con .page_tit::before{ display: none;}

.scr_i{display: inline-flex; width: 100%; justify-content: flex-end; align-items: center; gap:.2em; margin-bottom: 5px; color:var(--siteC); }
.scr_i .xi{ transform: rotate(90deg);}

.divCon1.st1{margin: 0 0 2em; padding: 2em;}
.Active_desc br{display: none;}

/* 회사개요 */
.company_wrap .company{ width: calc((100% - 3em) / 2);}
.company_wrap .company:nth-child(1){order: 2;}
.company_wrap .company:nth-child(2){order: 3;}
.company_wrap.st2{  flex-wrap: wrap; margin-top: 2.5em;}
.company_wrap.st2 .company.st1{margin-left: 1em; width: calc(50% - 3em); order: 1;}

/* 인사말 */
.speak_Wrap .infoA > .info_area{margin-top: 1vh; }
.speak_Wrap .infoA > .pic_area{display: flex; gap: 2em; width: 100%;}
.speak_Wrap .infoA > .pic_area img{width: 14em;}
.speak_Wrap .pic_area .career{padding-top: 0;}
.speak_Wrap .pic_area > .tt{margin-top: 0; font-size: 1.23em;}
.speak_Wrap .pic_area > .tt::before,
.speak_Wrap .pic_area > .tt::after{display: none;}
.speak_Wrap .pic_area .career .t1{font-size: 1em;}

/* 연혁 */
.history>li{ flex-direction: column;}
.history_wrap .wrap_img img{ width: 100%; }
.history_wrap:before{ left: 0;}
.history>li .list{ padding: 0 0 1em;}
.history>li .hisinfo{ padding: 0 0 0 35px;}
.history>li .hisinfo:before{ width: 2em;}

/* CI */
.ci_con2 .tbox.st1{flex-direction: column; gap: 1em; text-align: center;}
.ci_con2 .tbox.st1 .fs19{width: 100%;}

/* 인사말 */
/* .visualSlide_control{left: 50%;} */
.speak_Wrap .infoA > .info_area > .t2 br{display: none;}
.speak_Wrap .infoA { flex-direction: column; align-items: center; padding: 5em;}
.speak_Wrap .infoA > .pic_area { order: -1; }

/* 조직도 */
.con_org{width: 1000px;}
.sub_org li{white-space: nowrap;}

/* 탄소중립실천국민운동 */
.active01_wrap{gap: 2em;}
.benefit_wrap .benefit_list > li .infoB{height: 14em;}

.benefit_wrap .app_top{flex-direction: column-reverse; gap: 4em;}
.benefit_wrap .app_top .app_info{width: 100%;}

/* 환경캠페인 */
.business_con1{flex-direction: column;}
.card_info.mt50{margin-top: 1em !important;}

/* ESCO */
.product_list,
.product_list2 {flex-direction: column;}
.product_list li{width: 100%;}
.product_list2::before{display: none;}

/* 개인정보처리방침 */
body.pop .popWrap{max-width: 80%;}

/* 온라인 문의 */
.inquiry-con .form_wrap{flex-direction: column;}
.inquiry-con .form_wrap .form{width: 100%;}
.inquiry-con .form_wrap .form_chk{width: 100%; align-items: center;}

.inquiry-con .page_col > li .page_txt{text-align: center;}
}

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

.visualSlide_control{height: 5em;}
.allOn #header .gnb_wrap .gnb{flex-wrap: wrap; gap: 2em;}
.allOn #header .gnb_wrap .gnb > li{width: calc((100% - 2em) / 2); flex: none;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ padding: 0 1.2em;}

.divCon1.st1 img{max-width: 800px; width: 800px;}

/* sub */
.sub_con{margin-top: 3em;}
.sub_con .tit_box{text-align: center;}
.ci_con2{flex-direction: column;}
.ci_con2 > .img_box{width: 100%;}
.ci_con2 .img_box.top{padding: 3em;}
.ci_con2.signature2 .img_box.top img{max-width: 90%;}

/* 회사개요 */
.greeting_wrap .intro_list{flex-wrap: wrap;}
.greeting_wrap .intro_list li{width: calc((100% - 1em)/ 2); flex: none;}

.company_wrap{flex-direction: column;}
.company_wrap > .img_box{width: 85%; margin: 0 auto;}
.company_wrap .info_table{width: 100%;}
.company_wrap .info_table>li>.con>.tit{min-width: 11em;}
.company_wrap.st2{flex-direction: unset;}

/* 연혁 */
.history_wrap .wrap_img{ width: auto; min-width: auto; max-width: 40em;}

/* 오시는 길 */
.location_wrap .map_wrap .map_info .addT{ align-items: flex-start;}

/* 사업개요 */
.businessA_wrap{gap: 2em;}

/* 탄소중립실천국민운동 */
.sub_tab .tab_idx{width: 100%;}
.active01_wrap{flex-direction: column;}
.active01_wrap > .AimgB,
.active01_wrap > .arrowB{width: 100%; text-align: center;}
.active01_wrap > .arrowB > .arrow_con{rotate: 90deg;}
.benefit_wrap .shop_info{flex-direction: column;}
.benefit_wrap .shop_info .shop_list,
.benefit_wrap .shop_info .arrow_list{width: 50%; justify-content: center;}


/* .benefit_wrap .benefit_list{gap: 1em;} */
.benefit_wrap .benefit_list > li{width: calc((100% - 2em) / 2); }
.benefit_wrap .benefit_list > li .infoB{padding: 1em 1.3em;}
.benefit_wrap .shop_info .img_box{ border-radius: 1em; background: #ddd; margin-right: 0;}
.benefit_wrap .shop_info .txt_box{width: 60%;}
.benefit_wrap .shop_info .shop_list,
.benefit_wrap .shop_info .arrow_list{flex-wrap: wrap; flex-direction: unset; gap: 0 1em;}
.benefit_wrap .shop_info .shop_list{width: 100%;}
.benefit_wrap .shop_info .shop_list li{ width: 120px; height: 120px; border-radius: 1000px; line-height: 120px; margin-bottom: 0;}
.benefit_wrap .shop_info .arrow_list li i{rotate: 90deg;}

.subBox{padding: 8vmin 0;}

/* 환경캠페인 */
.divCon1.st3{padding: 2em;}
.esco_list li{width: 100%;}
.bu_list{flex-direction: column;}
.bu_list > li .line{ bottom: -7%; left: 50%; transform: translateY(0); width: 1em; height: 3em; top: auto;}
.business_con2 ul{text-align: center; justify-content: flex-start !important;}
.business_con2 ul li{ width: calc((100% - 1em) / 2);}

}

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

.visualSlide_wrap .slogan .t1{font-size: 2.91em;}
.mainTit{ gap: 1em;}
.mainTit .tit1.s1,
.mainTit .tit1{font-size: 2em;}
.mainLink .list .el{flex: 1 1 100%;}
.mainLink .list .el .in{height: 6em;}
.mainTit .tit1.s2{font-size: 1.54em;}
.mainNewsSt{padding: 2.3em;}
.mainPartner .mainTit{gap: 0;}
.mainPartner .mainTit .tit2{font-size: 1.23em;}

/* sub */
.sub_tit{font-size: 1.85em;}
.sub_tit br{display: none;}
.page_tit{font-size: 2.15em;}
.page_tit br{display: none;}

/* 회사개요 */
/* .greeting_wrap .page_con .page_tit{width: 7em;} */
/* .page_con .page_tit::after,
.page_con .page_tit::before{ background-size: 25px; top: -20px;}
.page_con .page_tit::after{right: -60px;}
.page_con .page_tit::before{left: -60px;} */

.company_wrap .company{width: 100% ;}
.company_wrap.st2 .company.st1{width: calc(100% - 2em);}

/* 회장 인사말 */
.speak_Wrap .infoA { padding: 5em 4em; }
.speak_Wrap .infoA > .pic_area{flex-direction: column; gap: 1em;}
.speak_Wrap .infoA > .pic_area img{margin: 0 auto;}
.speak_Wrap .pic_area > .tt::before,
.speak_Wrap .pic_area > .tt::after{display: block;}
.speak_Wrap .pic_area > .tt::after{width: 72%;}
.speak_Wrap .infoA > .info_area{margin-top: 37vh; }
.speak_Wrap .infoA > .info_area > .tt { font-size: 1.125em; }
.speak_Wrap .infoA > .info_area > .t2{font-size: 1.69em;}

/* 사업개요 */
.businessA_wrap{ flex-direction: column; align-items: flex-start !important;}
.businessA_wrap .img_box{width: 100%;}
.businessA_wrap .img_box img{height: 31em;}
.businessA_wrap .txt_box{margin-top: 0; padding: 0 0.8em;}
}

@media screen and (max-width:500px){
.allOn #header .gnb_wrap .gnb > li{width: 100%;}

.mainPartnerSlide .el{ width:calc(50% - 18px)}
#contents .sub_tit_wrap .titW .t1{ font-size: 2.46em;}
#contents .sub_tit_wrap .nav{gap: 0.5em;}

.allOn #header .gnb_wrap .gnb > li .dp1 .tt{font-size: 1.54em;}

/* sub */
.page_con .page_tit{}
.sub_con{margin-top: 4em;}
.sub_tit.st1{font-size: 1.65em;}
.page_tt.mb40{margin-bottom: 0.5em !important;}
.Active_desc{font-size: 1.08em; padding: 1.5em 1em; line-height: 1.4;}
.intro_list{flex-direction: column;}

/* 회사개요 */
.greeting_wrap .intro_list li{width: 100%;}
.intro_list li .icon{width: 40px; height: 40px;}
.company_wrap .info_table>li>.con>.tit{min-width: 10em;}

/* 인사말 */
.speak_Wrap .infoA{ padding: 5em 2em; border-top-left-radius: 4em; border-bottom-right-radius: 4em;}
.academy_wrap .tit .t1{font-size: 1.85em;}
.academy_wrap .tit .t2{font-size: 1.23em;}
.academy_wrap .txt .t2{font-size: 1em;}
.academy_wrap ~ .icon_list{ flex-direction: column; align-items: start; gap: 1em;}

/* 연혁 */
.history_wrap .wrap_img{ width: auto; min-width: auto; max-width: auto; padding: 0 1em 0 0em;}
.history_wrap .wrap_img img{ margin: 0 0 15px 2%; }
.history_wrap .wrap_con {padding: 1.34em 0;}
.history>li .hisinfo{ padding: 0 0 0 28px;}
.history>li .list>li .con .t1{font-size: 1.08em;}

/* 조직도 */
.con_org{width: 700px;}
.org_wrap.divCon1{padding: 5em 4em;}
.scr_content .table_wrap{width: 700px;}
.scr_content .table_wrap .w_date3{width: 8em !important;}

/* ci소개 */
.color_wrap{flex-direction: column; gap: 1em;}


/* 오시는 길 */
.location_wrap .map_wrap .map_info{ padding: 2em 1.5em;}
.location_wrap .map_wrap .map_info .addT{ gap: .5em;}
.location_wrap .map_wrap .map_info .addT > .tt{font-size: 1.38em;}
.location_wrap .contact_list > li > p{font-size: 1.15em;}

/* 사업개요 */
.businessA_wrap .txt_box .info_box{ display: flex ; flex-direction: column; text-align: center; width: 100%; box-sizing: border-box;}


/* 탄소중립실천국민운동 */
.sub_tab .tab_idx > li{font-size: 1em; padding: 1em 0em;}
.benefit_wrap .benefit_list{}
.benefit_wrap .benefit_list > li{width: 100%;}
.benefit_wrap .shop_info .arrow_list{width: 70%;}

.benefit_wrap .shop_info .img_box{ width: 76%;}
.benefit_wrap .point_top .img_box{width: 100%; margin: 0; }
.benefit_wrap .app_top .img_box.shadow{width: 50%; gap: 3em;}
.benefit_wrap .app_top .app_info{text-align: center;}
.benefit_wrap .app_top .app_info .page_tt{font-size: 1.38em;}
.benefit_wrap .app_top .app_list{ justify-content: center;}

.benefit_wrap .shop_info .txt_box{width: 90%;}

/* .benefit_wrap .benefit_list > li .infoB{height: 21em;} */

/* 환경캠페인 */
.divCon1.st3{padding: 0;}
.benefit_wrap .page_tt.s4.mb50{margin-bottom: 1em !important;}

/* ESCO */
.esco_list li .info_box .tt br{display: none;}
.product_list2{gap: 4em;}
.product_result{ box-sizing: border-box; padding: 1em; font-size: 1.125em;}
}

@media screen and (max-width:380px){
/* body{ font-size:11px} */

}
@media all and (orientation:landscape){

}