ㅇㅇㅇㅇㅇ

 

<section id="estimate_result"> 얘 밑에

- 미디어쿼리지우기

- js 추가하기

 

<section class="working-detail-img">
          <div class="working-detail-img__tab">
            <ul class="clearfix">
              <li><button class="bgc-black ftc-white">견적문의하기</button></li>
              <li><button>시공상품보기</button></li>
              <li><button>시공절차</button></li>
              <li><button>시공지역</button></li>
            </ul>
          </div>
          <div class="working-detail-img__working-intro">
            <img src="img/working-detail-img__intro.jpg" alt="상세이미지 인트로">
          </div>
          <!-- //시공인트로 -->
          <div class="working-detail-img__working-detail">
            <img src="img/working-detail-img__decotail.jpg" alt="상세이미지 데코타일">
          </div>
          <!-- //시공디테일이미지 -->
          <div class="working-detail-img__working-process">
            <img src="img/working-detail-img__process.jpg" alt="상세이미지 ">
          </div>
          <!-- //시공절차 -->
          <div class="working-detail-img__wroking-area">
            <div class="area-tit">시공가능지역</div>
            <div class="area__article-inner">
              <article class="area-article">
                <div class="area-article__tit">서울</div>
                <div class="area-article__cont">서울 전지역가능</div>
              </article>
              <article class="area-article">
                <div class="area-article__tit">인천</div>
                <div class="area-article__cont">인천 전지역가능</div>
              </article>
              <article class="area-article">
                <div class="area-article__tit">경기도</div>
                <div class="area-article__cont">경기도 전지역가능</div>
              </article>
            </div>
          </div>
          <!-- //시공가능지역 -->
      </section>
      <!-- //시공디테일이미지 -->

/* --------------시공 상세페이지-------- */

.tab-fiexd {
  /* position: fixed; */
  position: fixed;
  top: 1000px;
  left: 1000px;
}

.estimate_result-btn {
  margin-top: 10px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #e8f3ff;
  color: #144fff;
  cursor: pointer;
}

.estimate_result-btn:hover {
  color: #e8f3ff;
  background-color: #144fff;
}

.working-detail-img {
  margin: 0 auto !important;
  width: 1000px;
  position: relative;
}

.working-detail-img img {
  width: 1000px;
}
.working-detail-img__tab {
  margin-top: 50px;
}

.working-detail-img__tab ul li {
  float: left;
  width: 25%;
  text-align: center;
  height: 56px;
  line-height: 56px;
}
.working-detail-img__tab ul li button {
  text-align: center;
  background-color: #e8e8ed;
  height: 56px;
  line-height: 56px;
  cursor: pointer;
  width: 100%;
}

.working-detail-img__wroking-area {
  margin-top: 80px;
}

.working-detail-img__wroking-area .area-tit {
  margin-top: 100px;
  text-align: center;
  font-size: 32px;
}

.working-detail-img__wroking-area .area__article-inner {
  margin-top: 50px;
}

.working-detail-img__wroking-area article {
  margin: 0 auto;
  display: flex;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #e8f3ff;
  width: 700px;
}
.working-detail-img__wroking-area .area-tit {
  color: #1b64da !important;
}

.working-detail-img__wroking-area article .area-article__tit {
  text-align: center;
  background-color: #e8f3ff;
  width: 200px;
  color: #1b64da;
}

.working-detail-img__wroking-area article .area-article__cont {
  color: #1b64da;
  flex: 1;
  padding-left: 20px;
}

// 견적상세페이지 탭 픽스드
var lnb = $(".working-detail-img__tab").offset().top;
$(window).scroll(function () {
  var window = $(this).scrollTop();

  if (lnb <= window) {
    $(".working-detail-img__tab").addClass("tab-fiexd");
  } else {
    $(".working-detail-img__tab").removeClass("tab-fiexd");
  }
});

 

---

 

- go_top 지우기

- style에서 지우기

 

 

<button class="callcenter-floating-btn">
      <img src="img/callcenter-floating-btn.svg" alt="">
    </button>

.callcenter-floating-btn {
  width: 50px;
  height: 50px;
  /* background-color: red; */
  position: fixed;
  bottom: 10px;
  left: 10px;
  border-radius: 25px;
  font-size: 20px;
  cursor: pointer;
  box-shadow: rgba(27, 29, 31, 0.12) 0px 2px 10px;
  z-index: 70;
  background-color: #3f3fff;
}

.callcenter-floating-btn img {
  width: 20px !important;
  z-index: 80;
  margin-top: 5px;
}