@charset "utf-8";
/* ----------
main.css
---------- */

/* ******************  190830 메인리뉴얼 ********************** */

/* -------- 메인 위젯 -------- */
#widgetBar{position:fixed; bottom:80px; right:23px; z-index:11;}
.widget-online-icon{
	overflow:hidden; display:block; width:62px; height:62px; background-color:#172f39; margin-bottom:15px; color:#fff;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
	box-shadow:2px 4px 1px rgba(149, 149, 149, 0.5);
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.widget-online-icon .off{display:none; font-size:14px; line-height:20px; letter-spacing:-0.3px; text-align:center; padding-top:10px; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.widget-online-icon .icon{display:block; height:62px; line-height:62px; text-align:center;}
.widget-online-icon .icon img{line-height:62px;}
.widget-online-icon:hover{height:150px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:30px;}
.widget-online-icon:hover .off{display:block; width:15px; color:#fff; margin:0px auto; padding-top:7px; line-height:17px}
.widget-online-icon:hover .icon{display:block; height:auto; line-height:normal; margin-top:23px;}
.widget-chat-icon{display:block; width:62px; height:62px; box-shadow:2px 4px 1px rgba(149, 149, 149, 0.5);
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
/* 이벤트아이콘 */
.widget-online-icon.widget-event-icon{background-color:#be1c49}
.widget-online-icon.widget-event-icon  .icon img{line-height:50px; margin-top:-11px;}
.widget-online-icon.widget-event-icon span{position:absolute; top:40px; left:0px; width:100%; text-align:center; display:block; font-size:10px; line-height:12px;}
.widget-online-icon.widget-event-icon .off{width:32px; margin-top:5px;}
.widget-online-icon.widget-event-icon .off img{display:block; margin:0px auto;}
.widget-event-icon:hover span{display:none;}
/* -------- 메인 광고 영역 -------- */
#mainVideoPopup2{background-color:#f4f4f4; padding:68px 0 75px }
#mainVideoPopup2 h3{font-size:36px; padding:0 0 38px 0; letter-spacing:-0.5px;text-align:center; color:#484848; font-weight:400;}
.main-video-img-box{position:relative; width:1257px; height:540px; margin:0px auto; background:url(/kr/images/main/main_video_img.png) no-repeat}
.main-video-img-box:before{position:absolute; bottom:-39px; width:100%; height:39px; content:""; background:url(/kr/images/main/main_video_shadow.png) no-repeat 50% 50%}
.main-video-img-box .video-popup-btn{position:absolute; top:50%; left:50%; width:100px; height:97px; border-radius:50%; margin:-50px 0 0 -48px; background:url(/kr/images/main/main_video_play_btn.png) no-repeat}


/* -------- 메인 후기 이미지 변경 -------- */
.board-box > .notice > h2.tit{background-image:url(/kr/images/main/main_sns_review_bg.jpg) }


/* -------- 메인 하단 지도영역 -------- */
#mainBottomMapCon{height:358px; background:url(/kr/images/main/bottom_map_bg.jpg) no-repeat 50% 0}
#mainBottomMapCon > .area{position:relative;}
.map-left-tit-con{padding:62px 0 0 93px; color:#fff;}
.map-left-tit-con h3{font-size:36.24px; letter-spacing:-0.5px; line-height:48px; font-weight:400; margin-bottom:33px}
.map-left-tit-con p{font-size:16px; line-height:27px; letter-spacing:-0.25px;}
.map-right-twinkle-con{position:absolute; top:0px;right:150px; width:250px; height:100%; background:url(/kr/images/main/map_dots_bg.png) no-repeat}
.stars {
  background-color: white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  animation-iteration-count: infinite;
  display:none;
}

.star-1 {
  margin-top: 1%;
  margin-left: 60%;
  animation-duration: 1s;
  animation-name: twinkle;
}

.star-2 {
  margin-top: 5%;
  margin-left: 25%;
  animation-duration: 0.9s;
  animation-name: twinkle;
}

.star-3 {
  margin-top: 1%;
  margin-left: 50%;
  animation-duration: 1.1s;
  animation-name: twinkle;
}

.star-4 {
  margin-top: -1%;
  margin-left: 35%;
  animation-duration: 0.8s;
  animation-name: twinkle;
}

.star-5 {
  margin-top: 1%;
  margin-left: 65%;
  animation-duration: 1.5s;
  animation-name: twinkle;
}

.star-6 {
  margin-top: 1%;
  margin-left: 15%;
  animation-duration: 1.9s;
  animation-name: twinkle;
}

/* @keyframes twinkle {
  20% {
    transform: scale(0.5);
    opacity: 0.5;
  }
} */

.waves {
  position: absolute;
 /* left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); 
  background: rgba(255, 255, 255, 0.4);*/
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.waves:before,.waves:after{
  content: "";
  position: absolute;
  background: white;
 left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: wave 2s infinite linear;
          animation: wave 2s infinite linear;
}
.waves:after {
  opacity: 0;
  -webkit-animation: wave 2s 1s infinite linear;
          animation: wave 2s 1s infinite linear;
}
.waves2:before,.waves2:after{
	-webkit-animation: wave2 2s infinite linear;
          animation: wave2 2s infinite linear;
}
.waves2:after{
	  -webkit-animation: wave2 2s 1s infinite linear;
          animation: wave2 2s 1s infinite linear;
}
.waves3:before,.waves3:after{
	-webkit-animation: wave3 2s infinite linear;
          animation: wave3 2s infinite linear;
}
.waves3:after{
	  -webkit-animation: wave3 2s 1s infinite linear;
          animation: wave3 2s 1s infinite linear;
}

.delay2:before,.delay2:after{
	-webkit-animation-delay: 1.5s;
          animation-delay: 1.5s
}
.delay2:after{
	  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s
}
@keyframes wave {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    opacity: 0;
  }
}

@keyframes wave2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes wave3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 0;
  }
}

/* -------- 간편문의 -------- */
#mainEstimate{height:850px; border-top:0; background:url(/kr/images/main/main_estimate_bg.jpg) no-repeat 50% 50%}
#mainEstimate > .area > h2{color:#00b7f3; font-size:40px; font-weight:600; letter-spacing:-0.5px; padding:150px 0 22px;}
#mainEstimate  .main-squre-sub-tit{color:#4d4d4d; font-size:20px; letter-spacing:-0.3px; font-weight:400; text-align:center; margin-bottom:50px;}
.question-list2{width:1076px; margin:0px auto; overflow:hidden; margin-bottom:50px; border:1px solid #dcdcdc}
.question-list2 > dl{float:left; overflow:hidden; width:50%; height:60px; border-top:1px solid #d5d5d5; background-color:#fff;}
.question-list2 > dl:first-child,
.question-list2 > dl:nth-child(2){border-top:0px;}
.question-list2 > dl dt{float:left; width:108px; height:60px; background-color:#ececec; font-size:15px; line-height:60px; color:#262626; padding-left:30px;}
.question-list2 > dl dd{float:left; width:398px; height:60px;}
.question-list2 > dl dd > input{width:100%; height:57px; border:0px;}
.question-list2 > dl dd > input.day{width:321px; height:57px; border:0px; padding-left:20px;}
.question-list2 > dl dd.calendar{overflow:hidden;}
.question-list2 > dl dd.calendar > input{margin-right:17px;}
.question-list2 > dl.float-none{float:none; width:100%; }
.question-list2 > dl.float-none dd{width:938px}

/*.question-list2 > dl dd.calendar > a{float:right; margin-right:17px; margin-top:14px; display:inline-block;}*/
.question-list2 > dl dd > select{width:100%; height:68px; border:0px; padding-left:15px;}
.main-inquiry-btn{width:540px; margin:0px auto; display:block; height:60px; line-height:60px; color:#fff; font-size:15px; letter-spacing:-0.3px; background-color:#00b7f3; text-align:center;}
/* 메인 간편문의 추가 */
.inquiry-agree-box{text-align:center; margin-bottom:30px; margin-top:0}
.inquiry-agree-box input[type="checkbox"]{}
.inquiry-agree-box label{position:relative; color:#4d4d4d; font-weight:400; letter-spacing:-0.3px; font-size:13px; }
.inquiry-agree-box label a{color:inherit; margin-left:15px; text-decoration:none;}

/* -------- 메인 제휴서비스 -------- */
#mainCooperateCon{padding:90px 0;}
#mainCooperateCon h3{color:#2d2d2d; font-size:40px; text-align:center; font-weight:900 }
#mainCooperateCon h3:after{display:block; width:70px; height:3px; background-color:#00b7f3; content:""; margin:32px auto 78px;}
.main-cooper-list-con{max-width:1170px; margin:0px auto;}
.main-cooper-item{float:left; width:280px; margin:0 54px}
.main-cooper-inner{display:block; border:1px solid #dedede;}
.main-cooper-inner .thumb img{width:100%; height:194px}
.main-cooper-inner .cooper-info{text-align:center ; padding:30px 0 45px}
.main-cooper-inner .cooper-info .tit{display:block; font-size:22px; letter-spacing:-0.3px; color:#00b7f3; font-weight:600; margin-bottom:20px}
.main-cooper-inner .cooper-info .txt{color:#585858; font-size:16px; line-height:24px; letter-spacing:-0.3px;}
.main-cooper-list-con .slick-dots{text-align:center; margin-top:55px}
.main-cooper-list-con .slick-dots li{display:inline-block; margin:0 7px ; }
.main-cooper-list-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:18px; height:6px; border:0; background-color:#ccc; 
	border-radius:5px;
}
.main-cooper-list-con .slick-dots li.slick-active button{width:45px; background-color:#00b7f3;}		/* 버튼 active */
.main-cooper-list-con .slick-arrow{position:absolute; width:26px; height:61px; top:178px; cursor:pointer; border:0; cursor:pointer;font-size:0;}
.main-cooper-list-con .slick-arrow.slick-prev{left:-95px; background:url(/images/common/slide_prev_btn.jpg) no-repeat}
.main-cooper-list-con .slick-arrow.slick-next{right:-95px; background:url(/images/common/slide_next_btn.jpg) no-repeat}


/* -------- 메인메뉴영역 -------- */
#gnb{height:380px; }
#gnb .gnb-list-style{height:380px; }
#gnb .gnb-list-style > li{width:157.5px; }
#gnb .gnb-list-style > li > a{font-weight:600; padding-top:50px; }
#gnb .gnb-list-style > li > p.num{margin-top:0; padding-bottom:20px; font-size:22px;}
#gnb .gnb-list-style > li.gnb8 > p.num{color:#00b7f3}
/* fixed */
#gnb .fixed .gnb-list-style > li > a{padding-top:20px}





/* ****************** 210520 :: 메인 리뉴얼 ********************* */
#mainContainer.main-renewal-2021{/*padding-top:250px;*/ transition:padding-top 0.4s}
#mainContainer.main-renewal-2021.banner-close{padding-top:94px}
.main-renewal-2021 .gnb-list-box.fixed{top:194px; transition:top 0.4s}
.main-renewal-2021.banner-close .gnb-list-box.fixed{top:94px}

/* 메인 전체메뉴 */
.main-renewal-2021 #gnb{height:330px} /* height:120px 330*/
.main-renewal-2021 #gnb .gnb-list-style{margin-left:-620px; height:330px } /* height:120px 330**/
.main-renewal-2021 #gnb .gnb-list-style > li{/*width:auto; margin-right:60px*/ width:210px} /* width:139px */

/* 서비스를 찾으시나요? */
.main-renewal-2021 #mainService2{background:url("../images/main/main_service_find_bg.jpg") no-repeat 50% 0; background-size:cover}

/* 소식과 정보 */
.main-renewal-2021 .main-notice-tit strong,
.main-renewal-2021 .main-info-tab-list-con li.selected a{font-weight:900}
.main-renewal-2021 #mainNoticeCon .main-notice-tit .category-txt{background-color:#fff; padding:0 0 0 8px}
.main-renewal-2021 .main-info-tab-list-con li a .icon{width:17px; height:21px; background:url("../images/main/main_notice_tab1_off.png") no-repeat center; display:inline-block; position:relative; top:4px; vertical-align:top; margin-right:7px}
.main-renewal-2021 .main-info-tab-list-con li.selected a .icon{background:url("../images/main/main_notice_tab1_on.png") no-repeat center;}
.main-renewal-2021 .main-info-tab-list-con li:nth-child(2) a .icon{background:url("../images/main/main_notice_tab2_off.png") no-repeat center;}
.main-renewal-2021 .main-info-tab-list-con li:nth-child(2).selected a .icon{background:url("../images/main/main_notice_tab2_on.png") no-repeat center;}

/* 자랑할만한 성과들 */
.main-renewal-2021 #mainPerformanceContent{margin-bottom:240px}
.main-renewal-2021 .performance-rolling-img-box .slick-dots{position:absolute; bottom:-140px; left:0; width:100%; text-align:center; margin-top:0}
.main-renewal-2021 .performance-rolling-txt-box{position:relative; padding-top:50px}
.main-renewal-2021 .performance-rolling-txt-box:before{position:absolute; content:""; width:34px; height:1px; background-color:#c0c0c0; top:40px; left:50%; transform:translateX(-50%)}

/* 실제후기 */
.main-renewal-2021 .main-notice-tit .category-txt{background-color:#00b7f3}

/* 브랜드 스토리 */
#mainBrandStory{ margin-top:50px}
.main-brand-story-img{position:relative;}
.main-brand-story-img .brand-story-btn{display:inline-block; width:275px; height:70px; line-height:70px; border:1px solid #c0c0c0; font-weight:700; font-size:16px; letter-spacing:-0.25px; color:#c0c0c0; text-align:center; transition:all 0.3s; position:absolute; left:45px; bottom:75px}
.main-brand-story-img .brand-story-btn .arrow{display:inline-block; width:6px; height:12px; background:url("../images/main/main_brand_story_arrow.png"); transition:all 0.3s; margin-left:12px; vertical-align:middle; position:relative; top:-1px}
.main-brand-story-img .brand-story-btn:hover{background-color:#00b7f3; color:#fff; border-color:#00b7f3}
.main-brand-story-img .brand-story-btn:hover .arrow{background:url("../images/main/main_brand_story_arrow_wh.png")}



/* 귀찮은 청소 직접 하시나요? */
#mainService3{width:100%; background:url("../images/main/main_daily_hans_banner.jpg") no-repeat 50% 0; background-size:cover; padding:38px 0 63px; margin-bottom:210px}
#mainService3 > div.area{overflow:hidden; text-align:center;}
#mainService3 > div > p{float:left; display:inline-block; font-size:16px; letter-spacing:-0.5px; color:#fff; margin:119px 0 0 82px;}


/* 견적신청/온라인예약/파격이벤트/실시간상담 */
.new-cm-request .request-tab-list-con li a{height:55px; line-height:55px}
.new-cm-request .request-tab-tit{margin-bottom:40px}
.new-cm-request .main-request-form-wrapper{height:690px}
.new-cm-request .request-tab-form-inner{/*padding-top:48px*/}
.new-cm-request .online-reservation-txt{margin:-25px 0 20px 45px; font-size:16px; line-height:24px}
.new-cm-request .online-reservation-list-con{margin-bottom:27px}
.new-cm-request .online-reservation-list-con li{margin-bottom:10px}
.new-cm-request .online-promotion-img-list{margin-bottom:30px}
.new-cm-request .online-promotion-box .request-tab-tit{margin-bottom:30px}
.new-cm-request .online-promotion-img-list li img{height:185px}
.new-cm-request .contact-us-list-con{padding-top:30px}
.new-cm-request .contact-us-list-con li{margin-bottom:20px}
.new-cm-request .contact-us-list-con li a{height:60px; line-height:60px}
.new-cm-request .contact-us-list-con li a strong{font-size:18px; font-weight:600}
.new-cm-request .contact-us-list-con li:first-child a:hover{border-color:#ffcc00}
.new-cm-request .contact-us-list-con li:nth-child(2) a:hover{border-color:#454eff }
.new-cm-request .request-right-img-wrapper{padding-top:0}

/* 다양한 서비스 브랜드 */
.affliate-new .affiliate-list-box .slick-dots li{margin:0 3px}

/* Art Of Cleaning */
#mainCleanMeanContent.clean-mean-new{background:url("/kr/images/main/main_clean_mean_bg.jpg") no-repeat; background-size:100% 100%; box-shadow:none; font-family:Arial ,"Nanum Square",'NanumSquare',sans-serif}
.clean-mean-new .main-tit-box .main-cm-tit{color:#303030}
.clean-mean-new .main-clean-mean-txt{color:#303030; letter-spacing:-0.4px}
.clean-mean-new .main-clean-btn-box a{background-color:#303030}
.clean-mean-new  .main-clean-img{position:relative}
.clean-mean-new  .main-clean-img .more-btn{position:absolute; bottom:30px; left:115px; width:110px; height:31px; border:1px solid #fff; box-sizing:border-box; font-weight:500; font-size:14px; letter-spacing:2px; color:#fff; text-align:center; line-height:28px; transition:all 0.3s}
.clean-mean-new  .main-clean-img .more-btn:hover{background-color:#fff; color:#4c4c4c}

/* 하단위젯 */
/*#ch-plugin .hRFNxR::before{background-position:0px 0px !important}*/
.new-widgetbar .widget-online-icon{background:linear-gradient(140deg, #035ca8, #052253); box-shadow:1px 3px 6px -2px rgb(151 151 151 / 80%)}
.new-widgetbar .widget-online-icon.widget-event-icon{background:linear-gradient(140deg, #fff, #d1d4da);}
.new-widgetbar .widget-online-icon.widget-event-icon .icon img{margin-top:0}
.new-widgetbar .widget-online-icon.widget-event-icon .off{color:#00afff; margin-top:2px}
.new-widgetbar .widget-online-icon.widget-event-icon .off em{display:inline-block; width:12px; vertical-align:top; line-height:14.5px; letter-spacing:0}
.new-widgetbar .widget-online-icon.widget-event-icon .off em:first-child{margin-right:4px}

/* 프로모션 */
#mainPromotionContent.new-promotion{padding-bottom:70px}
/* 브랜드가치 */


#mainBrandValue{background-color:#edeef1; padding:50px 0 50px; text-align:center; margin-top:100px; }

#mainBrandValue .main-only-img-con01 img{width:300px; padding:0 5px; display:inline-block; }
#mainBrandValue .main-only-img-con02 img{width:300px; padding:0 5px; display:inline-block; margin-top:15px; }