/* 
------------------------사업실적 현황---------------------
------------------------사업실적 현황---------------------
 */

.mainTab-box {
  width: 100%;
}

.mainTab-txt {
  margin-bottom: 50px;
}

.mainTab-txt .mainTab-tit {
  text-align: left;
  font-size: 28px;
  letter-spacing: -1px;
}

.mainTab-tit span {
  color: #2e75b6;
  font-size: 24px;
  padding-left: 10px;
  font-weight: bold;
}

.map-cont-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.map-cont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.mapImgWrap {
  width: 55%;
}

.mapImgWrap img {
  width: 100%;
}

.emtpy-div {
  width: 30%;
}

.map-cont2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.map-cont2 .map-explain {
  width: 60%;
  padding: 20px 0;
  box-sizing: border-box;
}

.map-cont3 {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.map-cont3 .map-explain2 {
  width: 60%;
  padding: 20px 0;
  box-sizing: border-box;
}

.map-explain .exp-tit {
  font-weight: bold;
  color: #2e75b6;
  margin-bottom: 30px;
  text-align: center;
}

.map-explain p {
  margin-bottom: 10px;
  padding-left: 10px;
  position: relative;
  letter-spacing: -1px;
  text-align: center;
}

.map-explain p::before {
  content: " · ";
  display: inline-block;
  position: absolute;
  left: 0;
}

.map-explain2 .exp-tit {
  font-weight: bold;
  color: #2e75b6;
  margin-bottom: 30px;
  text-align: center;
}

.map-explain2 p {
  margin-bottom: 10px;
  padding-left: 10px;
  position: relative;
  letter-spacing: -1px;
  text-align: center;
}

.map-explain2 p::before {
  content: " · ";
  display: inline-block;
  position: absolute;
  left: 0;
}

.map-cont2 .mapImgWrap2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 40%;
}

.mapImgWrap2-1 {
  width: 100%;
}

.mapImgWrap2-1 .img-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.mapImgWrap2-1 .img-box img {
  width: 30%;
  box-shadow: 1px 4px 5px #000;
}

.map-cont3 .mapImgWrap3 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  width: 40%;
}

.mapImgWrap3 .img-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mapImgWrap2 .img-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* 
------------------------사업실적 현황 끝---------------------
------------------------사업실적 현황 끝---------------------
 */

/* 
------------------------음식물류 폐기물 시작---------------------
------------------------음식물류 폐기물 시작---------------------
 */

.foodWaste-box {
  width: 100%;
}

.food-txt {
  margin-bottom: 50px;
}

.food-txt .food-tit {
  font-size: 28px;
  letter-spacing: -1px;
}

.food-txt .food-tit span {
  color: #2e75b6;
  font-size: 24px;
  padding-left: 15px;
}

.foodWaste-cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.foodWaste-cont .food-boxTop {
  width: 100%;
  display: flex;
  gap: 10px;
}

.food-boxTop .food-explain {
  width: 40%;
}

.food-explain .explain-tit {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.food-explain .explain1 {
  font-size: 0.9rem;
  color: #444;
  padding-left: 15px;
  position: relative;
}

.food-explain .explain1::after {
  content: " · ";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.food-boxTop .food-imgWrap {
  width: 60%;
}

.food-imgWrap .swiper-slide img {
  width: 100%;
}

.food-imgWrap .swiper4 img {
  height: 230px;
}

.foodWaste-cont .food-boxBot {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-bottom: 200px;
}

.food-boxBot .food-sub-box {
  width: 100%;
  display: flex;
}

.food-sub-box .sub-tit {
  width: 30%;
  background-color: #75a1bd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-text {
  color: white;
}

.food-sub-box .sub-menu {
  position: relative;
  z-index: 10;
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  box-sizing: border-box;
  cursor: default;
  background-color: #f5f5f5;
}

.menu-text {
  margin-bottom: 15px;
  letter-spacing: -1px;
  padding-left: 15px;
  position: relative;
}

.menu-text::before {
  content: " · ";
  display: inline-block;
  position: absolute;
  left: 0;
}

/* 
------------------------음식물류 폐기물 끝---------------------
------------------------음식물류 폐기물 끝---------------------
 */

/* 
------------------------하수슬러지 건조설비 시작---------------------
------------------------하수슬러지 건조설비 시작---------------------
 */

.sewage-wrap {
  width: 100%;
  margin-bottom: 50px;
}

.sewage-txt {
  margin-bottom: 30px;
}

.sewage-txt .sewage-tit {
  font-size: 28px;
  letter-spacing: -1px;
  margin-bottom: 30px;
}

.sewage-txt .sewage-tit span {
  color: #2e75b6;
  font-size: 24px;
  padding-left: 15px;
}

.sewage-txt .sewage-subTit {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.sewage-txt .sewage-explain {
  padding-left: 15px;
  position: relative;
}

.sewage-txt .sewage-explain::before {
  content: " · ";
  display: inline-block;
  position: absolute;
  left: 0;
}

.sewage-wrap .main-bigImg {
  width: 100%;
  margin-bottom: 50px;
}

.main-bigImg img {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.sewage-wrap .sewage-slider {
  width: 100%;
  margin-bottom: 30px;
}

.sewage-wrap .sewage-slider .swiper-container {
  height: 100%;
  padding-bottom: 10px;
}

.sewage-slider .swiper7 {
  height: 100%;
}
.sewage-slider .swiper5 img {
  width: 100%;
  height: 230px;
}

.sewage-slider .swiper5.swiper-container {
  padding-bottom: 20px;
}

.sewage-slider .swiper6.swiper-container {
  padding-bottom: 30px;
}

.sewage-slider .swiper7.swiper-container {
  padding-bottom: 30px;
}

.swiper5 .swiper-pagination5 {
  bottom: 0;
}

.sewage-slider .swiper6 img {
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.sewage-slider .swiper7 img {
  display: block;
  margin: 0 auto;
  width: 70%;
  height: 100%;
}

/* 
------------------------하수슬러지 건조설비 끝---------------------
------------------------하수슬러지 건조설비 끝---------------------
 */

/* 
 ---------------------공통 레이아웃 (사업실적현황, 음식물류폐기물 제외) 시작 ------------------------
 ---------------------공통 레이아웃 (사업실적현황, 음식물류폐기물 제외) 시작 ------------------------
 */

.explanation-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.explanation {
  width: 100%;
  display: flex;
}

.explanation-txt {
  width: 30%;
  background-color: #75a1bd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exp-tit {
  color: white;
}

.explanation-menu {
  width: 70%;
  display: flex;
  gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  box-sizing: border-box;
  cursor: default;
  background-color: #f5f5f5;
}

.explanation-menu .menu-explain {
  position: relative;
  padding-left: 15px;
  letter-spacing: -1px;
}

.explanation-menu .menu-explain::before {
  content: " · ";
  font-size: 20px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
}

.explanation-menu .menu-explain span {
  padding-left: 0;
}

/* 
 ---------------------공통 레이아웃 (사업실적현황, 음식물류폐기물 제외) 끝 ------------------------
 ---------------------공통 레이아웃 (사업실적현황, 음식물류폐기물 제외) 끝 ------------------------
 */

@media screen and (max-width: 800px) {
  .sewage-txt .sewage-explain span {
    display: block;
  }

  .menu-explain span {
    display: block;
    padding-left: 0;
  }

  .menu-text span {
    display: block;
  }
  .sewage-txt .sewage-tit span {
    display: block;
    padding-left: 0;
  }
}

@media screen and (max-width: 720px) {
  .explanation-box {
    gap: 10px;
  }

  .sewage-wrap .sewage-slider {
    width: 100%;
    margin-bottom: 30px;
  }

  .sewage-slider .swiper5 img {
    width: 100%;
    height: 180px;
  }

  .sewage-slider .swiper7 img {
    width: 100%;
    height: 180px;
  }

  .explanation {
    flex-direction: column;
  }

  .explanation-txt {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
  }

  .explanation-menu {
    width: 100%;
  }

  .mainTab-txt .mainTab-tit {
    font-size: 20px;
  }

  .mainTab-txt .mainTab-tit span {
    font-size: 16px;
  }

  .food-txt .food-tit {
    font-size: 20px;
  }

  .food-txt .food-tit span {
    font-size: 16px;
  }

  .sewage-txt .sewage-tit {
    font-size: 20px;
  }

  .sewage-txt .sewage-tit span {
    font-size: 16px;
  }

  .sewage-txt .sewage-subTit {
    font-size: 18px;
  }

  .sewage-slider .swiper7 img {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .sewage-txt .sewage-explain {
    font-size: 13px;
  }

  .explanation-menu .menu-explain {
    font-size: 13px;
  }

  .menu-text {
    font-size: 13px;
  }

  .map-explain2 p {
    font-size: 14px;
  }

  .map-explain p {
    font-size: 14px;
  }
}

@media screen and (max-width: 438px) {
  .menu-explain span {
    display: inline;
    padding-left: 0;
  }
  .explanation-menu .menu-explain span {
    padding-left: 0;
  }

  .menu-text span {
    display: inline;
    padding-left: 0;
  }
}

/* 
------------------------사업실적 현황---------------------
------------------------사업실적 현황---------------------
 */

@media screen and (max-width: 800px) {
  .map-cont {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    justify-content: center;
    margin-bottom: 50px;
  }

  .map-cont.map-cont-1 {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    justify-content: center;
    margin-bottom: 50px;
  }

  .mapImgWrap {
    width: 70%;
  }
  .emtpy-div {
    display: none;
  }

  .map-cont2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .map-cont2.map-cont2-1 {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .map-cont3 {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .map-cont2 .map-explain {
    width: 80%;
  }

  .map-cont3 .map-explain2 {
    width: 80%;
  }

  .map-cont2 .mapImgWrap2 {
    width: 80%;
    justify-content: center;
  }

  .map-cont3 .mapImgWrap3 {
    width: 80%;
    justify-content: center;
  }

  .mapImgWrap2-1 .img-box img {
    width: 50%;
  }
  .mainTab-tit span {
    display: block;
    padding-left: 0px;
  }
  .explain1 span {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .main-bigImg img {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .map-cont {
    justify-content: center;
    margin-bottom: 20px;
  }

  .mapImgWrap {
    width: 100%;
  }

  .map-cont2 .map-explain {
    width: 100%;
  }

  .map-cont3 .map-explain2 {
    width: 100%;
  }

  .map-cont2 .mapImgWrap2 {
    width: 100%;
  }

  .map-cont3 .mapImgWrap3 {
    width: 100%;
  }
}

/* 
------------------------사업실적 현황 끝---------------------
------------------------사업실적 현황 끝---------------------
 */

/* 
------------------------음식물류폐기물 시작---------------------
------------------------음식물류폐기물 시작---------------------
 */

@media screen and (max-width: 960px) {
  .foodWaste-cont .food-boxTop {
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .food-boxTop .food-explain {
    width: 80%;
  }

  .food-boxTop .food-imgWrap {
    width: 80%;
  }
}

@media screen and (max-width: 800px) {
  .food-txt .food-tit span {
    display: block;
    padding-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .food-txt .food-tit {
    font-size: 20px;
  }

  .food-boxTop .food-explain {
    width: 100%;
  }

  .food-boxTop .food-imgWrap {
    width: 100%;
  }

  .foodWaste-cont .food-boxBot {
    gap: 5px;
  }

  .food-boxBot .food-sub-box {
    flex-direction: column;
  }

  .food-sub-box .sub-tit {
    width: 100%;
    padding: 10px 0;
  }

  .food-sub-box .sub-menu {
    width: 100%;
  }
}

/* 
------------------------음식물류폐기물 끝---------------------
------------------------음식물류폐기물 끝---------------------
 */