/*===============================================================

====================== 공통 부분  ==============================

===============================================================*/



figcaption {

  width:0px;

  height:0px;

  overflow: hidden;

}


/*탑 리뷰 부분*/
.sub_review {
  position:relative;
  width:100%;
  min-width:1365px;
  max-width:1400px;
  margin: 0 auto 80px;
  padding:0 18px;
}

.top_review:after {
  content: "";
  display: block;
  clear: both;
}
.top_review ul {

}
.top_review li {
  position: relative;
  float: left;
  width: 50%;
  height: 200px;
  overflow:hidden;
}

.top_review li .bg_review_img {
  position: absolute;
  top:0;
  width:100%;
  height:100%;
  background-color:#006fff;
  background-image:url("../../images/img_no_review.jpg");
  z-index:-1;
}
.top_review li .bg_review_img img {
  position:absolute;
  top:50%;
  left:50%;
  width:110%;
  height:auto;
  z-index:-1;
  filter:blur(4px);
  -ms-filter:blur(4px);
  transform:translate(-50%,-50%);
}
.top_review li .bg_review_img::after {
  content:"";
  position: absolute;
  display:block;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.4);
  z-index:-1;
}


.top_review li strong {
  display: block;
  width:70%;
  padding:30px 0 5px 25px;
  margin-bottom: 30px;
  text-align: left;
  font-family: "Nanum Myeongjo", serif;
  font-size: 3em;
  font-weight: bold;
  color: #fff;
  text-shadow: 3px 3px 10px rgba(0,0,0,0.6);
  overflow:hidden;
  text-overflow: ellipsis;
  word-wrap:break-word;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top_review li p { /* 수정 코드 190123 */
  width: 70%;
  height:2.8em;
  padding:0 0 0 25px;
  line-height:1.4em;
  text-align: left;
  font-family: "NSL", serif;
  font-size: 1.4em;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}

.top_review li a {
  position: absolute;
  display: block;
  bottom: 25px;
  right: 25px;
  padding:10px 20px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 20px;
}

.top_review li a span {
  font-size: 1.4em;
  color: #eee;
}

div.info_line {
  width: 1px;
  height: 131px;
  margin: auto;
  background: #ccc;
  margin-top: 100px;
  margin-bottom: 30px;
}


/* 모바일 slogan (리뷰 다음에오는 문구) */
.m_slogan {
  display:none;
}

@media screen and (max-width:1000px) {
  .m_slogan {
    display:block;
    width:100%;
    margin:30px 0 0 0;
  }
  .m_slogan p {
    text-align:center;
    font-size:1.4em;
    color:#006fff;
  }
  .m_slogan h5 {
    margin:10px 0;
    text-align:center;
    font-family:'NSEB', sans-serif;
    font-size:2.3em;
    font-weight:bold;
    color:#006fff;
  }
}




/*=================================================================

=========================  PC ver  ==============================

===============================================================*/

#content_wrap{
    background-color: #f6f6f6;
}

.sub_wrap {

  position:relative;
  width:100%;
  padding:0 0%;
  text-align:left;

}

.sub_wrap_in {

  position:relative;

  width:100%;

  min-width:1365px;

  max-width:1400px;

  margin: 0 auto;

  padding:0 18px;

}

.sub_wrap_in::after {

  content:"";

  display:block;

  clear:both;

}



.sub_wrap h2 {

  display:block;

  margin-top:70px;

  font-size:2.6em;

  font-family:'NSEB';

  line-height:2.6em;

  border-bottom: 1px solid #CCCCCC;

}

.sub_wrap p.pagenation {

  position: absolute;

  right: 18px;

  top: 45px;

  padding: 0px 0;

  font-size: 1.2em;

  color: #ccc;

}

.sub_wrap p.pagenation a {
  color:#ccc;
}




/*

 하수구 막힘 blockage

*/

figure {

  width:48%;

  margin-top:60px;

  float:left;

}

figure img {

  width:200px;

  padding:0;

  margin:5px;

  border:1px solid #CCCCCC;

}

figure.imgFull {

  position:relative;

}

figure.imgFull img {

  width:100%;

}

.blockage figure.imgFull span.text_imgFull {

  position: absolute;

  top: 50%;

  left: 52%;

  font-size:8.5em;

  font-family:'NSEB';

  letter-spacing:1px;

  transform: translateY(-50%);

}





article {

 float:right;

 width: 48%;

 margin: 70px auto;

 padding: 0px 10px;

 text-align:left;

}

article h3 {

 margin-bottom:35px;

 font-size:2.4em;

 font-weight:bold;

}

article p {

 margin-bottom:40px;

 font-size:1.6em;

 font-weight:normal;

 line-height:1.6em;

}



.sub_wrap_in figure.float_right {

  clear:both;

  float:right;

}

.sub_wrap_in figure.float_left {

  clear:both;

  float:left;

}

.sub_wrap_in article.float_left {

  float:left;

}

.sub_wrap_in article.float_right {

  float:right;

}





/*

 부속품 교체 partChange

*/

.partChange figure.imgFull span.text_imgFull {

  position: absolute;

  top: 50%;

  left: 50%;

  font-size:8.5em;

  font-family:'NSEB';

  letter-spacing:1px;

  color:#FFFFFF;

  transform: translate(-50%,-50%);

}



 /*
 고압세척 washing
 */

.steam_img{width:674px; height:300px;}

.washing_box{width:660px; height:339px; float:right;  padding:0; clear:both;}
.washing_box img{width:100%; height:auto; border:0;}
.washing_box dl, dt, dd{text-align:center; border:0; color:#888888; font-family:'NS'; font-size:14px;}
.washing_box dt{heidht:300px; line-height:0;}
.washing_box dl{float:left; width:300px;}
.washing_box dd{margin-top:23px;}
.washing_box dl.ml60{margin-left:60px;}




/*
악취차단
*/
.trap_install_img{width:674px; height:353px; }




/* 욕실시공 */
figure.bathroom_img1{width:100%;}
figure.bathroom_img1 img{width:100%;}
.bathroom_con{width:100%; text-align:center;}
.bathroom_con p{font-size:20px; color:#222; line-height:38px;}












  /*=================================================================

  =========================  media 1365px  ==============================

  ===============================================================*/

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


    /*탑 리뷰 부분*/
    .sub_review {
      position:relative;
      width:100%;
      min-width:1000px;
      max-width:1365px;
      padding:0 18px;
    }



    .sub_wrap {

      position:relative;

      width:100%;

      padding:0 0%;

      text-align:left;

    }

    .sub_wrap_in {

      position:relative;

      width:100%;

      min-width:1000px;

      max-width:1365px;

      margin: 0 auto;

      padding:0 18px;

    }

    .sub_wrap_in::after {

      content:"";

      display:block;

      clear:both;

    }





    /*

     하수구 막힘 blockage

    */

    figure {

      width:49%;

      margin-top:60px;

      float:left;

    }

    figure img {

      width:145px;

      padding:0;

      margin:5px;

      border:1px solid #CCCCCC;

    }

    figure.imgFull {

      position:relative;

    }

    figure.imgFull img {

      width:100%;

    }

    .blockage figure.imgFull span.text_imgFull {

      position: absolute;

      top: 50%;

      left: 47%;

      font-size:7.0em;

      font-family:'NSEB';

      letter-spacing:1px;

      transform: translateY(-50%);

    }





  article {

     float:right;

     width: 48%;

     margin: 70px auto;

     padding: 0px 5px;

     text-align:left;

   }

   article h3 {

     margin-bottom:35px;

     font-size:2.2em;

     font-weight:bold;

   }

   article p {

     margin-bottom:40px;

     font-size:1.4em;

     font-weight:normal;

     line-height:1.6em;

   }



    .sub_wrap_in figure.float_right {

      clear:both;

      float:right;

    }

    .sub_wrap_in figure.float_left {

      clear:both;

      float:left;

    }

    .sub_wrap_in article.float_left {

      float:left;

    }

    .sub_wrap_in article.float_right {

      float:right;

    }





    /*

     부속품 교체 partChange

    */





    .partChange figure.imgFull span.text_imgFull {

      position: absolute;

      top: 50%;

      left: 50%;

      font-size:7.0em;

      font-family:'NSEB';

      letter-spacing:1px;

      color:#FFFFFF;

      transform: translate(-50%,-50%);

    }

	 /*
    고압세척 washing
    */


	.steam_img{width:100%; height:auto;}

	article.washing_box{margin-top:90px;width:48%; height:auto;}
	article.washing_box dl{width:47%;}
	.washing_box dl.ml60{margin-left:6%}

	/*
	악취차단 trap
	*/


	.trap_install_img{width:50%; height:auto; margin-top:30px; }
	article.mt136{margin:0; margin-top:100px;}
	p.trap_con{font-size:14px;}
	article.trap_con{margin-top:40px;}


	/*
	탑 리뷰
	*/




}



















  /*=================================================================

  ====================== media 1000px  =============================

  ===============================================================*/



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


    /*탑 리뷰 부분*/
    .sub_review {
      position:relative;
      width:100%;
      min-width:inherit;
      max-width:inherit;
      margin:0 auto 50px;
      padding:0 0px;
    }

    .top_review li {
      height: 250px;
    }
    .top_review li strong {
      width:50%;
      height:3.4em;
      padding:30px 0 0 25px;
      margin-bottom: 25px;
      text-align: left;
      line-height:1.2em;
      font-size: 2.5em;
      font-weight: bold;
      color: #fff;
      white-space: inherit;
      overflow:hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* 라인수 */
      -webkit-box-orient: vertical;
      word-wrap:break-word;
    }

    .top_review li p {
      width: 70%;
      height:2.8em;
      padding:0 0 0 25px;
      line-height:1.4em;
      text-align: left;
      font-size: 1.2em;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* 라인수 */
      -webkit-box-orient: vertical;
      word-wrap:break-word;
    }


    .top_review li a {
      position: absolute;
      display: block;
      bottom: 25px;
      right: 25px;
      padding:7px 15px;
      border: 1px solid #eee;
      border-radius: 20px;
    }

    .top_review li a span {
      font-size: 1.2em;
    }




    .sub_wrap {

      padding:0 6%;

      text-align:center;

    }

    .sub_wrap_in {

      position:relative;

      width:100%;

      min-width:inherit;

      max-width:inherit;

      margin: 0 auto;

      padding:0 0%;

    }



    .sub_wrap h2 {

      display:inline-block;

      margin-top:25px;

      font-size:2.2em;

      font-family:'NSEB';

      line-height:1.5em;

      border-bottom: 2px solid #333333;

    }

    .sub_wrap p.pagenation {

      position:relative;

      right: inherit;

      top: 0;

      padding:10px 0;

      font-size:0.9em;

      color:#cccccc;

    }





    /*

     하수구 막힘 blockage

    */

    figure {

      width:100%;

      margin-top:20px;

      float:none;

    }

    figure img {

      width:32%;

      padding:0;

      margin:2px;

      border:1px solid #CCCCCC;

    }

    figure.imgFull {

      position:relative;

    }

    figure.imgFull img {

      width:100%;

    }

    .blockage figure.imgFull span.text_imgFull {

      position: absolute;

      top: 50%;

      left: 52%;

      font-size:6.2em;

      font-family:'NSEB';

      letter-spacing:1px;

      transform: translateY(-50%);

    }





    article {

      float:none;

      width:96.8%;

      margin:25px auto;

      padding: 0px 0px;

      text-align:left;

    }

    article h3 {

      margin-bottom:15px;

      font-size:1.4em;

      font-weight:bold;

    }

    article p {

      margin-bottom:40px;

      font-size:1.2em;

      font-weight:normal;

      line-height:1.4em;

    }



    .sub_wrap_in figure.float_right {

      clear:both;

      float:none;

    }

    .sub_wrap_in figure.float_left {

      clear:both;

      float:none;

    }

    .sub_wrap_in article.float_left {

      float:none;

    }

    .sub_wrap_in article.float_right {

      clear:both;

      float:none;

    }





    /*

     부속품 교체 partChange

    */

    .partChange figure.imgFull span.text_imgFull {

      position: absolute;

      top: 50%;

      left: 50%;

      font-size:6.2em;

      font-family:'NSEB';

      letter-spacing:1px;

      color:#FFFFFF;

      transform: translate(-50%,-50%);

    }


	/*
	고압세척 washing
	*/

	article.washing_box{margin-top:0; width:100%; height:auto;}


	/*
	악취차단 trap
	*/
	.trap_install_img{width:100%; max-width:100%;}




	/*
	욕실시공 bathroom
	*/
	article.bathroom_con p{font-size:14px; line-height:20px;}


}

















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

  /*탑 리뷰 부분*/
  .sub_review {
    position:relative;
    width:100%;
    min-width:inherit;
    max-width:inherit;
    margin:0 auto 30px;
    padding:0 0px;
  }

  .top_review li {
    height: 200px;
  }

  .top_review li strong {
    width:75%;
    height:3.4em;
    padding:15px 0 0 15px;
    margin-bottom: 15px;
    line-height:1.3em;
    font-size: 1.8em;

  }

  .top_review li p {
    width: 90%;
    height: 4.0em;
    padding: 0 0 0 15px;
    line-height: 1.4em;
    font-size: 1.0em;
    -webkit-line-clamp: 3; /* 라인수 */
  }
  .top_review li .bg_review_img img {
    position:absolute;
    top:50%;
    left:50%;
    width:170%;
    height:auto;
    z-index:-1;
    filter:blur(4px);
    transform:translate(-50%,-50%);
  }

  .top_review li a {
    position: absolute;
    display: block;
    bottom: 15px;
    right: 15px;
    padding:5px 10px;
    line-height:1em;
    border: 1px solid #eee;
    border-radius: 20px;
  }

  .top_review li a span {
    display: block;
    margin-top: 2px;
    font-size: 1.0em;
    color: #eee;
  }

}







/*=================================================================

====================== media 500px  ==============================

===============================================================*/



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



  .sub_wrap {

    padding:0 6%;

    text-align:center;

  }

  .sub_wrap_in {

    position:relative;

    width:100%;

    min-width:inherit;

    max-width:inherit;

    margin: 0 auto;

    padding:0 0%;

  }



  .sub_wrap h2 {

    display:inline-block;

    margin-top:25px;

    font-size:2.2em;

    font-family:'NSEB';

    line-height:1.5em;

    border-bottom: 2px solid #333333;

  }

  .sub_wrap p.pagenation {

    position:relative;

    right: inherit;

    top: 0;

    padding:10px 0;

    font-size:0.9em;

    color:#cccccc;

  }






  /*

   하수구 막힘 blockage

  */

  figure {

    width:100%;

    margin-top:20px;

  }

  figure img {

    width:31%;

    padding:0;

    margin:2px;

    border:1px solid #CCCCCC;

  }

  figure.imgFull {

    position:relative;

  }

  figure.imgFull img {

    width:100%;

  }

  .blockage figure.imgFull span.text_imgFull {

    position: absolute;

    top: 50%;

    left: 52%;

    font-size:4.2em;

    font-family:'NSEB';

    letter-spacing:1px;

    transform: translateY(-50%);

  }



  article {

    width:96.8%;

    margin:25px auto;

    text-align:left;

  }

  article h3 {

    margin-bottom:15px;

    font-size:1.4em;

    font-weight:bold;

  }

  article p {

    margin-bottom:40px;

    font-size:1.2em;

    font-weight:normal;

    line-height:1.4em;

  }









  /*

   부속품 교체 partChange

  */

  .partChange figure.imgFull span.text_imgFull {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size:4.2em;

    font-family:'NSEB';

    letter-spacing:1px;

    color:#FFFFFF;

    transform: translate(-50%,-50%);

  }


	/*
	욕실시공 bathroom
	*/

	article.bathroom_con p{font-size:14px; text-align:left; line-height:20px;}

	article.bathroom_con h3{text-align:left;}

}