@charset "UTF-8";

.root_daum_roughmap .cont {
  display: none;
}

/* scroll set */
::selection{background: #00a1f5;color:#fff;}

/* scroll custom */
*::-webkit-scrollbar{width:16px;background-color:#ebebeb;}
*::-webkit-scrollbar-thumb:hover{background-color: #00a1f5;;}
::-webkit-scrollbar-thumb{background-color:#C1C1C1;}

@media (max-width:860px){
	*::-webkit-scrollbar{display:none !important; width:0; height:0;}
}

/* //////////////////////////// */

.quick{position: fixed; right: 0; top: 32%; z-index: 3; display: flex; flex-direction: column; gap:2px 0px;}

.Hfull{position: relative;}
.maintext_box{height:100%; display: flex; align-items: center; justify-content:right;  }
.maintext_box img{max-width:596px; width: 100%; padding-left:7%;}
.swiper_btn_wrap{display: flex; width: 100%; justify-content: space-between; position: absolute; top: 45%; z-index: 3; left: 0; right: 0; margin: 0 auto;}
.swiper_btn_wrap div{font-family: 'SUIT-Regular'; width: 55px; height: 55px; border-radius: 50%; text-align: center; line-height: 55px; color: #888; background: rgba(255,255,255,0.7); font-size: 2.6rem;}

.main1{padding-bottom: 60px; padding-top: 60px;}
.main1 .box_wrap{display: flex; gap:0px 1%; position: relative; z-index: 10;}
.main1 .box_wrap a{width: 24%; position: relative; transition: 0.3s all;}
.main1 .box_wrap .img img{width: 100%;}
.main1 .box_wrap .text{position: absolute; width: 100%; height: 100%; padding: 10px; top: 0; left: 0;background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); transition: 0.3s all;}
.main1 .box_wrap .text .text_border{border: 1px solid #fff; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main1 .box_wrap .text .h2{position: relative; font-size: 2.4rem; color: #fff; font-weight: bold; display: block; padding-top: 10px;}
.main1 .box_wrap .text .h3{position: relative; font-size: 1.6rem; color: #fff; font-weight: 100; display: block; font-family: 'SUIT-Thin'; text-align: center;}
.main1 .box_wrap .text .h3 b{font-size: 2.2rem; font-family: 'Pretendard';}
/* .main1 .box_wrap a:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.6);} */
.main1 .box_wrap a:hover .text{background: rgba(0,0,0,0.6);}
.main1 .box_wrap .text .more{padding: 4px 20px; border-radius: 30px; background: #fff; font-family: 'SUIT-Medium'; font-size: 1.4rem; margin-top: 20px;}
.main1 .box_wrap a:nth-child(5) .h2{padding-top: 0px; padding-bottom: 10px; border-bottom: 1px solid #fff; display: block; margin-bottom: 10px;}


.main_img{display: flex;}
.main_img a{width: 33.33333%;}
.main_img a img{width: 100%;}

.main_map{background: #fff; }
.main_map .width{display: flex; justify-content: space-between; gap:30px 0px; align-items: center;}
.main_map .root_daum_roughmap{width: 55% !important;}
.main_map .text{width: 40%;}
.main_map .text h2{font-size: 3.5rem; font-weight: bold; margin-bottom: 20px;}
.main_map .text  ul li{display: flex; font-size: 2.0rem; font-weight: 500; margin-top: 15px;}
.main_map .text  ul li span{font-size: 2.0rem; font-weight: bold; margin-right: 5px; white-space: nowrap;}
.main_map .text .naver{width: 250px; height: 45px; line-height: 45px; border-radius: 5px; display: block; margin-top: 40px; background: #222; text-align: center; color: #fff; font-size: 1.8rem; font-weight: 500;}
.main_map .text .naver span{font-family: 'SUIT-Regular'; margin-left: 10px;}

#ft{background: #f7f7f7;}
.foot_info_wrap{width: 100%;}
#ft .footer{display: flex; align-items: center; gap: 25px 30px;}
#ft .foot_info{display: flex; gap:3px 1%; justify-content: flex-start;; width: 100%; flex-wrap: wrap;}
#ft .foot_info p{font-size: 1.5rem; color: #666; font-weight: 500;}
#ft .foot_info span{font-size: 1.5rem; color: #666; font-weight: 500;}
#ft .foot_info a{font-size: 1.5rem; color: #666; font-weight: 500;}
#ft .copyright{margin-top: 20px;text-align: left;}
#ft .copyright span{font-size: 1.7rem; color: #666;}

.page1 .width{display: flex; justify-content: space-between; align-items: center; gap: 30px 0px;}
.page1 .width img{width: 45%; }
.page1 .text{width: 50%;}
.page1 .text h2{font-size: 3.2rem; font-weight: bold;}
.page1 .text p{font-size: 1.8rem; font-weight: 400; margin-top: 20px; line-height: 150%; color: #666;}
.page1 .text a{font-size: 3.0rem; font-weight: bold; margin-top: 30px; display: block;}
.page1 .text span {font-weight: bold; color: var(--c-01);}

.page2 .width{display: flex; justify-content: space-between; align-items: center;}
.page2 .root_daum_roughmap{width: 50%;}
.page2 .text_wrap{width: 46%;}
.page2 .text_wrap .info{display: flex; margin-bottom: 40px;}
.page2 .text_wrap .info h2{font-size: 2.5rem; font-weight: bold; margin-bottom: 12px;}
.page2 .text_wrap .info p{font-size: 1.8rem; font-weight: 500; color: #353535;}
.page2 .text_wrap .info i{font-size: 2.5rem; margin-right: 10px;}
.page2 .text_wrap .tel{font-size: 2.6rem; font-weight: bold; display: block; margin-bottom: 20px;}
.page2 .text_wrap .map{width: 250px; height: 45px; line-height: 45px; text-align: center; display: block; background: var(--c-01); color: #fff; font-size: 1.8rem; font-weight: 500; border-radius: 5px;}
.page2 .text_wrap .map span{font-family: 'SUIT-Regular'; margin-left: 10px;}

.page3{max-width: 1200px; margin: 0 auto;}
.page3 img{width: 100%;}

.mt_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: ;
}
@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
  .Hfull{margin-top: 60px; height: 550px;}
  .maintext_box{justify-content: center;}
  .maintext_box img{max-width: 400px; padding-top:0%;}
  .main_map .text h2{font-size: 3.0rem;}
  .main_map .text ul li span{font-size: 1.8rem;}
  .main_map .text ul li{font-size: 1.8rem;}
  .board_title{padding-top: 110px;}
  .page1 .text h2{font-size: 2.8rem;}
  .page1 .text p{font-size: 1.8rem; margin-top: 14px;}
  .page1 .text a{font-size: 2.6rem;}
  .page2 .text_wrap .info h2{font-size: 2.2rem;}
  .page2 .text_wrap .info i{font-size: 2.2rem;}
  .page2 .text_wrap .tel{font-size: 2.2rem;}
}
@media all and (max-width: 900px){

  .swiper_btn_wrap{display: none;}
}
@media all and (max-width: 850px){
  .maintext_box img{max-width: 300px; margin-bottom:15% !important; }
  .maintext_box{padding-top: 0px; display: flex; padding-bottom:10%;}
  .Hfull{margin-top: 60px; height: 650px;}
  .Hfull .slide1{background: url('../img/mslide1.png')no-repeat; background-size: cover; background-position: center;}
  .Hfull .slide2{background: url('../img/mslide2.png')no-repeat; background-size: cover; background-position: center}

  .Hfull .slide3{background: url('../img/mslide3.png')no-repeat; background-size: cover; background-position: center;}
  .Hfull .slide4{background: url('../img/mslide4.png')no-repeat; background-size: cover; background-position: center}
    .Hfull .slide5{background: url('../img/mslide5.png')no-repeat; background-size: cover; background-position: center;}
  .Hfull .slide6{background: url('../img/mslide6.png')no-repeat; background-size: cover; background-position: center}
    .Hfull .slide7{background: url('../img/mslide7.png')no-repeat; background-size: cover; background-position: center;}
  .Hfull .slide8{background: url('../img/mslide8.png')no-repeat; background-size: cover; background-position: center}
    .Hfull .slide9{background: url('../img/mslide9.png')no-repeat; background-size: cover; background-position: center;}






  .main_map .width{flex-direction: column;}
  .main_map .text{width: 100%;}
  .main_map .root_daum_roughmap{width: 100% !important;}
  #ft .foot_info p{font-size: 1.5rem;}
  #ft .foot_info span{font-size: 1.5rem;}
  #ft .foot_info a{font-size: 1.5rem;}
  #ft .copyright span{font-size: 1.5rem;}
  .page2 .width{flex-direction: column;}
  .page2 .root_daum_roughmap{width: 100%; margin-bottom: 30px;}
  .page2 .text_wrap{width: 100%;}
  .page1 .width{flex-direction: column;}
  .page1 .width img{width: 100%;}
  .page1 .text{width: 100%;}
  .main1{padding-bottom: 0px; padding-top: 0px;}
  .main1 .width{width: 100% !important;}
  .main1 .box_wrap{margin-top: 0px; gap:0px; flex-wrap: wrap;}
  .main1 .box_wrap a{width: 50%;}
  .main1 .box_wrap a:nth-child(5){width: 100%; height: 250px; overflow: hidden;}
}
@media all and (max-width: 768px){

  #ft .footer{flex-direction: column;}
  #ft  .foot_logo img{width: 100px;}
  #ft .foot_info{flex-direction: column;}
  #ft .foot_info span{display: none;}
  #ft .copyright{text-align: center;}
  .maintext_box{padding-right:0%;}
  .maintext_box img{width: 80%; padding-top:25%;     padding-left: 0%;}
}
@media all and (max-width: 650px){
  /* .maintext_box img{max-width: 350px} */
  .Hfull{margin-top: 60px; height: 450px;}
}


.about_tt{width:1300px;font-size:20px; margin:0 auto;  border:0px solid red; padding-top:100px; line-height: 33px;}
.about_tt p{font-size:25px; font-weight:600; }




.cleaning_intro {
  padding: 0px 20px;
  background: #fff;
  color: #222;
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
  word-break: keep-all;
}

.cleaning_intro * {
  box-sizing: border-box;
}

.cleaning_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


/* ========================================
   공통 좌우 영역
======================================== */

.cleaning_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  width: 100%;
  padding: 20px 0;
}

.cleaning_visual {
  flex: 0 0 46%;
  width: 46%;
  text-align: center;
}

.cleaning_visual img {
  display: block;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

.cleaning_content {
  flex: 1;
  min-width: 0;
}


/* ========================================
   공통 제목
======================================== */

.cleaning_eng {
  margin: 0 0 14px;
  color: #006ae4;  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.4;
}

.cleaning_content h2,
.result_text h2 {
  margin: 0 0 32px;
  color: #1d2b26;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.04em;
}


/* ========================================
   경계선
======================================== */

.cleaning_line {
  width: 100%;
  height: 1px;
  margin: 80px 0;
  background: #d9dfdc;
}


/* ========================================
   추천 목록
======================================== */

.recommend_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.recommend_list li {
  position: relative;
  margin: 0 0 17px;
  padding-left: 31px;
  color: #444;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.recommend_list li:last-child {
  margin-bottom: 0;
}

.recommend_list li::before {
  content: "✔";
  position: absolute;
  top: 0;
  left: 0;
  color: #006ae4;
  font-size: 18px;
  font-weight: 700;
}


/* ========================================
   서비스 안내
======================================== */

.cleaning_desc {
  margin: 0 0 24px;
  color: #555;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.cleaning_tel {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  padding: 17px 29px;
  border-radius: 50px;
  background: #006ae4;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(45, 128, 103, 0.18);
  transition:
    background 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.cleaning_tel span {
  font-size: 15px;
  font-weight: 500;
}

.cleaning_tel strong {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.cleaning_tel:hover {
  background: #1f6853;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(45, 128, 103, 0.25);
}


/* ========================================
   작업 전후 안내
======================================== */

.cleaning_result {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
  min-height: 500px;
  border: 1px solid #e1e7e4;
  border-radius: 20px;
  background: #f4f7f5;
}

/* 왼쪽 문구 */
.result_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 45%;
  width: 45%;
  padding: 65px 55px;
}

.result_text h2 {
  margin-bottom: 27px;
  font-size: 35px;
}

.result_desc {
  margin: 0 0 27px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.result_point {
  display: block;
  color: #006ae4;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}

/* 오른쪽 사진 */
.result_img {
  flex: 0 0 55%;
  width: 55%;
  min-height: 500px;
  overflow: hidden;
}

.result_img img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
}

.cleaning_result:hover .result_img img {
  transform: scale(1.03);
}


/* ========================================
   태블릿
======================================== */

@media screen and (max-width: 1024px) {
  .cleaning_intro {
    padding: 80px 20px;
  }

  .cleaning_box {
    gap: 45px;
  }

  .cleaning_visual {
    flex-basis: 44%;
    width: 44%;
  }

  .cleaning_content h2,
  .result_text h2 {
    font-size: 31px;
  }

  .recommend_list li,
  .cleaning_desc {
    font-size: 16px;
  }

  .cleaning_line {
    margin: 65px 0;
  }

  .result_text {
    flex-basis: 48%;
    width: 48%;
    padding: 50px 35px;
  }

  .result_img {
    flex-basis: 52%;
    width: 52%;
  }

  .result_desc {
    font-size: 16px;
  }

  .result_point {
    font-size: 21px;
  }
}


/* ========================================
   모바일
======================================== */

@media screen and (max-width: 768px) {
  .cleaning_intro {
    padding: 60px 18px;
  }

  .cleaning_box {
    flex-direction: column;
    align-items: center;
    gap: 35px;
    padding: 0;
  }

  .cleaning_visual {
    flex: none;
    width: 100%;
  }

  .cleaning_visual img {
    max-width: 380px;
  }

  .cleaning_content {
    width: 100%;
    text-align: center;
  }

  .cleaning_content h2,
  .result_text h2 {
    margin-bottom: 24px;
    font-size: 27px;
  }

  .cleaning_eng {
    font-size: 13px;
  }

  .recommend_list {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    text-align: left;
  }

  .recommend_list li {
    margin-bottom: 12px;
    padding-left: 27px;
    font-size: 16px;
    line-height: 1.7;
  }

  .recommend_list li::before {
    font-size: 16px;
  }

  .cleaning_desc {
    font-size: 16px;
    line-height: 1.8;
  }

  .cleaning_tel {
    justify-content: center;
    padding: 15px 23px;
  }

  .cleaning_tel strong {
    font-size: 18px;
  }

  .cleaning_line {
    margin: 55px 0;
  }

  /* 두 번째 영역은 모바일에서 이미지 먼저 */
  .cleaning_service .cleaning_visual {
    order: 1;
  }

  .cleaning_service .cleaning_content {
    order: 2;
  }

  /* 마지막 영역 */
  .cleaning_result {
    flex-direction: column;
    min-height: auto;
    border-radius: 15px;
  }

  .result_text {
    order: 1;
    flex: none;
    width: 100%;
    padding: 45px 25px;
    text-align: center;
  }

  .result_img {
    order: 2;
    flex: none;
    width: 100%;
    min-height: 300px;
  }

  .result_img img {
    min-height: 300px;
    max-height: 430px;
  }

  .result_desc {
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 1.8;
  }

  .result_point {
    font-size: 20px;
  }
}


/* ========================================
   작은 모바일
======================================== */

@media screen and (max-width: 480px) {
  .cleaning_intro {
    padding: 50px 15px;
  }

  .cleaning_content h2,
  .result_text h2 {
    font-size: 24px;
  }

  .cleaning_desc br,
  .result_desc br {
    display: none;
  }

  .cleaning_tel {
    width: 100%;
    max-width: 300px;
    gap: 10px;
  }

  .cleaning_tel span {
    font-size: 14px;
  }

  .cleaning_tel strong {
    font-size: 17px;
  }

  .result_text {
    padding: 38px 20px;
  }

  .result_img,
  .result_img img {
    min-height: 250px;
  }
}






.cheong_cleaning {
  --main-color: #006ae4;
  --main-dark: #0051b2;
  --main-light: #eef6ff;
  --dark-color: #172b45;
  --text-color: #555;
  --line-color: #d9e7f7;

  padding: 0px 20px;
  background: #fff;
  color: var(--text-color);
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
  word-break: keep-all;
}

.cheong_cleaning * {
  box-sizing: border-box;
}

.cheong_inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}


/* ================================
   경계선
================================ */

.cheong_line {
  width: 100%;
  height: 1px;
  margin: 90px 0;
  background: var(--line-color);
}


/* ================================
   공통 타이틀
================================ */

.cheong_title {
  margin-bottom: 55px;
  text-align: center;
}

.cheong_title_eng {
  margin: 0 0 15px;
  color: var(--main-color);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.cheong_title_eng span {
  color: #8abcf4;
}

.cheong_title h2 {
  margin: 0;
  color: var(--dark-color);
  font-size: 42px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.05em;
}

.cheong_title h2 strong {
  color: var(--main-color);
  font-weight: 800;
}


/* ================================
   선택 이유
================================ */

.cheong_why_wrap {
  display: block;
  align-items: center;
  gap: 30px;
}

.cheong_why_img {
 
  width:100%;
  float:left;
}

.cheong_why_img img {
  display: block;
  width: 100%;
  max-width: 650px;
  height: auto;
  max-height: 650px;
  margin: 0 auto;
  object-fit: contain;
}

.cheong_reason_list {
  display: inline-block;
 border:0px solid red;
 width:100%;
 margin-top:5%;
}

.cheong_reason {
  width:46%; margin:1%; 
  display: inline-block;
  min-height: 145px;
  padding: 28px 25px;
  border: 1px solid #dce8f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 106, 228, 0.07);
  transition:
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.cheong_reason:hover {
  border-color: var(--main-color);
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 106, 228, 0.14);
}

.cheong_reason h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 700;
}

.cheong_reason h3 span {
  color: var(--main-color);
}

.cheong_reason p {
  position: relative;
  margin: 0;
  padding-left: 20px;
  color: #666;
  font-size: 19px;
  line-height: 1.7;
}

.cheong_reason p::before {
  content: "☞";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--main-color);
  font-weight: 700;
}


/* ================================
   청소 서비스 공통
================================ */

.cheong_service {
  display: flex;
  align-items: center;
  gap: 85px;
}

.cheong_service.cheong_reverse {
  flex-direction: row-reverse;
}

.cheong_service_img {
  flex: 0 0 47%;
  width: 47%;
  text-align: center;
}

.cheong_service_img img {
  display: block;
  width: 100%;
  max-width: 540px;
  height: auto;
  max-height: 550px;
  margin: 0 auto;
  object-fit: contain;
}

.cheong_service_text {
  flex: 1;
  min-width: 0;
}

.cheong_service_num {
  margin: 0 0 12px;
  color: #b7d6fa;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.cheong_service_text h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 30px;
  color: var(--dark-color);
  font-size: 38px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.cheong_service_text h2 span {
  color: var(--main-color);
  font-size: 28px;
}

.cheong_service_text > p {
  margin: 0 0 20px;
  color: var(--text-color);
  font-size: 19px;
  line-height: 1.9;
}

.cheong_service_text .cheong_service_point {
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 700;
}

.cheong_scope {
  margin-top: 30px;
  padding: 27px 30px;
  border-left: 4px solid var(--main-color);
  border-radius: 0 13px 13px 0;
  background: var(--main-light);
}

.cheong_scope h3 {
  margin: 0 0 13px;
  color: var(--main-color);
  font-size: 18px;
  font-weight: 800;
}

.cheong_scope p {
  margin: 0;
  color: #4f6072;
  font-size: 16px;
  line-height: 1.9;
}


/* ================================
   하단 문의 영역
================================ */

.cheong_contact {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
  min-height: 480px;
  border-radius: 22px;
  background: var(--dark-color);
}

.cheong_contact_text {
  display: flex;
  flex: 0 0 47%;
  width: 47%;
  flex-direction: column;
  justify-content: center;
  padding: 65px 55px;
}

.cheong_contact_eng {
  margin: 0 0 17px;
  color: #85bfff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.cheong_contact_text h2 {
  margin: 0 0 25px;
  color: #fff;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.05em;
}

.cheong_contact_text h2 strong {
  color: #70b2ff;
  font-weight: 800;
}

.cheong_contact_desc {
  margin: 0 0 35px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 19px;
  line-height: 1.8;
}

.cheong_tel {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 15px;
  padding: 17px 28px;
  border: 1px solid var(--main-color);
  border-radius: 50px;
  background: var(--main-color);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 106, 228, 0.25);
  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.cheong_tel span {
  font-size: 15px;
  font-weight: 500;
}

.cheong_tel strong {
  font-size: 21px;
  font-weight: 800;
}

.cheong_tel:hover {
  background: #fff;
  color: var(--main-color);
  transform: translateY(-3px);
}

.cheong_contact_img {
  flex: 0 0 53%;
  width: 53%;
  min-height: 480px;
  overflow: hidden;
}

.cheong_contact_img img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
}

.cheong_contact:hover .cheong_contact_img img {
  transform: scale(1.04);
}


/* ================================
   태블릿
================================ */

@media screen and (max-width: 1024px) {
  .cheong_cleaning {
    padding: 80px 20px;
  }

  .cheong_title h2 {
    font-size: 36px;
  }

  .cheong_why_wrap,
  .cheong_service {
    gap: 45px;
  }

  .cheong_why_img {
    flex-basis: 40%;
    width: 40%;
  }

  .cheong_reason {
    min-height: 135px;
    padding: 23px 20px;
  }

  .cheong_reason h3 {
    font-size: 18px;
  }

  .cheong_service_text h2 {
    font-size: 32px;
  }

  .cheong_service_text > p {
    font-size: 16px;
  }

  .cheong_line {
    margin: 70px 0;
  }

  .cheong_contact_text {
    padding: 50px 38px;
  }

  .cheong_contact_text h2 {
    font-size: 32px;
  }
}


/* ================================
   모바일
================================ */

@media screen and (max-width: 768px) {
  .cheong_cleaning {
    padding: 60px 18px;
  }

  .cheong_title {
    margin-bottom: 40px;
  }

  .cheong_title_eng {
    font-size: 16px;
  }

  .cheong_title h2 {
    font-size: 29px;
  }

  .cheong_why_wrap {
    flex-direction: column;
    gap: 40px;
  }

  .cheong_why_img {
    flex: none;
    width: 100%;
  }

  .cheong_why_img img {
    max-width: 430px;
  }

  .cheong_reason_list {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .cheong_reason {
    min-height: auto;
    padding: 22px 20px;
  }

  .cheong_reason h3 {
    font-size: 18px;
  }

  .cheong_reason p {
    font-size: 15px;
  }

  .cheong_line {
    margin: 55px 0;
  }

  .cheong_service,
  .cheong_service.cheong_reverse {
    flex-direction: column;
    gap: 38px;
  }

  .cheong_service_img {
    flex: none;
    width: 100%;
  }

  .cheong_service_img img {
    max-width: 430px;
  }

  .cheong_service_text {
    width: 100%;
    text-align: center;
  }

  .cheong_service_num {
    font-size: 14px;
  }

  .cheong_service_text h2 {
    justify-content: center;
    margin-bottom: 24px;
    font-size: 28px;
  }

  .cheong_service_text h2 span {
    font-size: 22px;
  }

  .cheong_service_text > p {
    font-size: 16px;
    line-height: 1.8;
  }

  .cheong_scope {
    padding: 24px 20px;
    border-top: 3px solid var(--main-color);
    border-left: 0;
    border-radius: 10px;
    text-align: left;
  }

  .cheong_scope h3 {
    font-size: 17px;
  }

  .cheong_scope p {
    font-size: 15px;
  }

  .cheong_contact {
    flex-direction: column;
    min-height: auto;
    border-radius: 16px;
  }

  .cheong_contact_text {
    flex: none;
    width: 100%;
    padding: 48px 25px;
    text-align: center;
  }

  .cheong_contact_text h2 {
    font-size: 29px;
  }

  .cheong_contact_desc {
    font-size: 17px;
  }

  .cheong_tel {
    align-self: center;
  }

  .cheong_contact_img {
    flex: none;
    width: 100%;
    min-height: 300px;
  }

  .cheong_contact_img img {
    min-height: 300px;
    max-height: 450px;
  }
}


/* ================================
   작은 모바일
================================ */

@media screen and (max-width: 480px) {
  .cheong_cleaning {
    padding: 0px 15px;
  }

  .cheong_title h2 {
    font-size: 25px;
  }

  .cheong_service_text h2 {
    font-size: 25px;
  }

  .cheong_service_text > p br,
  .cheong_scope p br {
    display: none;
  }

  .cheong_contact_text {
    padding: 42px 20px;
  }

  .cheong_contact_text h2 {
    font-size: 26px;
  }

  .cheong_contact_desc {
    font-size: 16px;
  }

  .cheong_tel {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
  }

  .cheong_tel strong {
    font-size: 18px;
  }

  .cheong_contact_img,
  .cheong_contact_img img {
    min-height: 250px;
  }
}




/* =========================================
   광주입주청소 청청
========================================= */

.cleaning_intro {
  --point-color: #006ae4;
  --title-color: #111;
  --text-color: #555;
  --line-color: #e5e5e5;

  width: 100%;
  color: var(--title-color);
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
  word-break: keep-all;
}

.cleaning_intro * {
  box-sizing: border-box;
}

.cleaning_intro img {
  display: block;
  max-width: 100%;
}

.cleaning_width {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
}


/* =========================================
   공통 섹션
========================================= */

.cleaning_section {
  padding: 0px 0;
}

.cleaning_box {
  display: flex;
  align-items: center;
  gap: 80px;
}

.cleaning_box.cleaning_reverse {
  flex-direction: row-reverse;
}

.cleaning_visual {
  flex: 1;
  min-width: 0;
}

.cleaning_visual img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.cleaning_content {
  flex: 1;
  min-width: 0;
}

.cleaning_eng {
  display: block;
  margin-bottom: 17px;
  color: var(--point-color);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
}

.cleaning_content h2 {
  margin: 0;
  color: var(--title-color);
  font-size: 44px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -2.3px;
}

.cleaning_content h2 strong {
  color: var(--point-color);
  font-weight: 800;
}

.cleaning_content h3 {
  margin: 0;
  color: var(--title-color);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -2px;
}

.cleaning_content > p {
  margin: 26px 0 0;
  color: var(--text-color);
  font-size: 20px;
  line-height: 1.8;
}

.cleaning_description {
  margin-bottom: 32px !important;
}


/* =========================================
   인사말 포인트 문구
========================================= */

.cleaning_point_text {
  margin-top: 34px;
  padding: 20px 0 20px 22px;
  border-left: 4px solid var(--point-color);
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.cleaning_point_text strong {
  color: var(--point-color);
  font-size: 20px;
}


/* =========================================
   경계선
========================================= */

.cleaning_line {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--line-color);
}

.cleaning_line::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  width: 70px;
  height: 5px;
  border-radius: 10px;
  background: var(--point-color);
  transform: translateX(-50%);
}


/* =========================================
   섹션 제목
========================================= */

.cleaning_title {
  margin-bottom: 50px;
  text-align: center;
}

.cleaning_title > span {
  display: block;
  margin-bottom: 14px;
  color: var(--point-color);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
}

.cleaning_title h3 {
  margin: 0;
  color: var(--title-color);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -2px;
}

.cleaning_title p {
  margin: 20px 0 0;
  color: var(--text-color);
  font-size: 17px;
  line-height: 1.8;
}


/* =========================================
   프로세스 이미지
========================================= */

.cleaning_process_img {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cleaning_process_img img {
  width: 100%;
  margin: 0 auto;
}


/* =========================================
   고객과의 약속
========================================= */

.cleaning_list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line-color);
  list-style: none;
}

.cleaning_list li {
  display: flex;
  align-items: center;
  min-height: 64px;
  border-bottom: 1px solid var(--line-color);
}

.cleaning_list li span {
  width: 55px;
  color: var(--point-color);
  font-size: 15px;
  font-weight: 800;
}

.cleaning_list li strong {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}


/* =========================================
   상담 문의
========================================= */

.cleaning_check_list {
  display: grid;
  gap: 16px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}

.cleaning_check_list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #333;
  font-size: 17px;
  font-weight: 600;
}

.cleaning_check_list li i {
  display: flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 2px solid var(--point-color);
  border-radius: 50%;
  color: var(--point-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
}

.cleaning_contact_text {
  margin-top: 28px;
}

.cleaning_contact_text strong {
  display: block;
  color: var(--point-color);
  font-size: 20px;
}

.cleaning_contact_text p {
  margin: 7px 0 0;
  color: var(--text-color);
  font-size: 16px;
}

.cleaning_tel {
  display: inline-flex;
  flex-direction: column;
  margin-top: 30px;
  padding: 19px 35px;
  border: 2px solid var(--point-color);
 
  text-decoration: none;
  transition: 0.3s;
}

.cleaning_tel span {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 700;
}

.cleaning_tel strong {
  font-size: 29px;
  font-weight: 800;
  letter-spacing: -1px;
}

.cleaning_tel:hover {
  background: var(--point-color);
  color: #fff;
}


/* =========================================
   태블릿
========================================= */

@media screen and (max-width: 1024px) {
  .cleaning_section {
    padding: 80px 0;
  }

  .cleaning_box {
    gap: 50px;
  }

  .cleaning_visual img {
    height: 440px;
  }

  .cleaning_content h2 {
    font-size: 37px;
  }

  .cleaning_content h3,
  .cleaning_title h3 {
    font-size: 36px;
  }
}


/* =========================================
   모바일
========================================= */

@media screen and (max-width: 768px) {
  .cleaning_width {
    width: calc(100% - 30px);
  }

  .cleaning_section {
    padding: 65px 0;
  }

  .cleaning_box,
  .cleaning_box.cleaning_reverse {
    flex-direction: column;
    gap: 38px;
  }

  .cleaning_visual,
  .cleaning_content {
    width: 100%;
  }

  .cleaning_visual img {
    height: 360px;
  }

  .cleaning_eng {
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: 2px;
  }

  .cleaning_content h2 {
    font-size: 31px;
    letter-spacing: -1.5px;
  }

  .cleaning_content h3,
  .cleaning_title h3 {
    font-size: 30px;
    letter-spacing: -1.3px;
  }

  .cleaning_content > p,
  .cleaning_title p {
    font-size: 15px;
  }

  .cleaning_title {
    margin-bottom: 35px;
  }

  .cleaning_point_text {
    margin-top: 25px;
    padding: 16px 0 16px 17px;
    font-size: 16px;
  }

  .cleaning_point_text strong {
    font-size: 17px;
  }

  .cleaning_list li {
    min-height: 58px;
  }

  .cleaning_list li strong {
    font-size: 16px;
  }

  .cleaning_check_list li {
    align-items: flex-start;
    font-size: 15px;
    line-height: 1.6;
  }

  .cleaning_tel {
    width: 100%;
    align-items: center;
    padding: 17px 20px;
    text-align: center;
  }

  .cleaning_tel strong {
    font-size: 26px;
  }
}


/* =========================================
   작은 모바일
========================================= */

@media screen and (max-width: 480px) {
  .cleaning_visual img {
    height: 290px;
  }

  .cleaning_content h2 {
    font-size: 27px;

  }

  .cleaning_content h3,
  .cleaning_title h3 {
    font-size: 27px;
  }

  .cleaning_process_img {
    width: 100%;
  }
}