@charset "utf-8";
/* ----------
서브 리뉴얼 작업 CSS
---------- */
#subContainer{font-family:"Nanum Square",'NanumSquare',sans-serif }
#subContainer table,
#subContainer th,
#subContainer td{font-family:"Nanum Square",'NanumSquare',sans-serif }
.sub-area{max-width:1170px; margin:0 auto}
.sub-area-big{max-width:1300px; margin:0 auto}
.nowrap-txt{white-space:nowrap}
/* ******** 전문청소팀 ******* */
/* ------------ 공통컨텐츠 ----------- */
/* ------------ 공통컨텐츠 :: 예약배너 ----------- */
.reservation-banner{width:100%; height:900px; }
.reserve-banner-inner{position:relative; height:100%; z-index:1; }
.reserve-banner-logo{position:absolute; left:27%; /*top:33%*/top:-95%; }
.reserve-banner-logo img{ width:70%; }
.reserve-banner-txt{position:absolute; left:23%; /*top:33%*/top:-62%; transform:translateY(-50%); }
.reserve-banner-txt strong{display:block; font-weight:400; font-size:24px; letter-spacing:-0.15px; color:#838383; line-height:1.5em}
.reserve-banner-txt h4{font-weight:900; font-size:38px; letter-spacing:-0.15px; color:#303030; line-height:1.3em; }
.reserve-banner-txt.white-banner-txt h4,
.reserve-banner-txt h4.wh{color:#fff; text-shadow:5px 5px 5px rgba(0,0,0,0.2)}
.reserve-banner-txt .no-shadow{text-shadow:inherit !important}
.reserve-banner-txt .reserve-banner-bottom-sub{display:block; font-weight:400; font-size:22px; letter-spacing:-0.15px; color:#ffffff; line-height:1.5; padding:20px 0 55px; text-shadow: 2px 2px 2px #6a6a6a;}
.reserve-banner-txt .reserve-banner-bottom-sub.wh{color:#fff}
.reserve-banner-txt .reserve-banner-bottom-sub.sm-txt{font-size:20px}
.reserve-banner-txt .reserve-banner-btn{margin-top:40px;}
.reserve-banner-txt .reserve-banner-btn a{display:inline-block; width:190px; height:55px; font-weight:400; font-size:18px; letter-spacing:-0.15px; text-align:center; line-height:53px; /*border-radius:10px; */margin-right:13px; border:3px solid transparent; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.reserve-banner-txt .reserve-banner-btn a:last-child{margin-right:0}
.reserve-banner-txt .reserve-banner-btn a.blue-btn{background:#00b7f3; color:#fff}
.reserve-banner-txt .reserve-banner-btn a.blue-btn:hover{border:3px solid #fff;}
.reserve-banner-txt .reserve-banner-btn a.white-btn{background:#fff; color:#00b7f3}
.reserve-banner-txt .reserve-banner-btn a.white-btn:hover{border:3px solid #00b7f3;}
/* ------------ 공통컨텐츠 :: 철학과 이념 ----------- */
.philosophy-con{padding:200px 0 173px; text-align:center}
.philosophy-con .philosophy-inner span{display:inline-block;}
/* ------------ 공통컨텐츠 :: 집중투자 ----------- */
.common-tit{text-align:center; }
.common-tit span{display:block; font-weight:400; font-size:24px; letter-spacing:-0.15px; color:#797979; line-height:1.5em; padding-bottom:2px}
.common-tit h4{display:block; font-weight:400; color:#303030; letter-spacing:-0.15px; line-height:1.5em; font-size:46px;}
.common-tit h4 strong{font-weight:600; color:#00b7f3}
.common-tit p{font-weight:300; font-size:16px; letter-spacing:-0.15px; color:#797979; line-height:1.5em; padding-top:5px}
.invest-con{background-color:#edeef4; padding:106px 0 110px}
.invest-con.wh-bg{background-color:#fff}
.invest-box{margin-top:78px}
.invest-con .common-sub-tit .invest-tit-sub{display:block; font-weight:400; font-size:24px; color:#797979; letter-spacing:-0.15px; padding-bottom:10px;}
.invest-con .common-sub-tit .common-tit-bottom{font-size:16px; line-height:1.5em; padding-top:15px}
/* ------------ 공통컨텐츠 :: 성과 ----------- */
.result-con{margin:162px 0 183px}
.result-slide{margin-top:77px}
.result-slide .result-slide-inner .result-txt,
.result-slide .result-slide-inner .result-img{display:inline-block; vertical-align:middle; margin:0 -1px}
.result-slide .result-slide-inner .result-txt{width:calc(50% - 50px); padding-right:50px}
.result-slide .result-slide-inner .result-txt .result-num{display:block; font-weight:300; font-size:110px; letter-spacing:-0.15px; color:#00b7f3}
.result-slide .result-slide-inner .result-txt .result-tit{font-weight:400; font-size:34px; letter-spacing:-0.5px; color:#303030; line-height:1.411em; padding:48px 0 35px; white-space:nowrap}
.result-slide .result-slide-inner .result-txt .result-tit b{font-weight:900}
.result-slide .result-slide-inner .result-txt .result-explain{font-weight:300; font-size:16px; letter-spacing:-0.15px; color:#707070; line-height:1.875em; word-break:keep-all; border-top:1px solid #00b7f3; padding-top:34px}
.result-slide-inner .result-img{width:50%; }
.result-slide-inner .result-img span{position:relative; display:block; padding-top:93.8%}
.result-slide-inner .result-img span img{position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%}
.blue-dots .slick-dots{text-align:center;}
.blue-dots .slick-dots li{display:inline-block; margin:0 3px}
.blue-dots li button{font-size:0; border:0; width:17px; height:8px; background:#bfbfbf; border-radius:5px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.blue-dots .slick-dots li.slick-active button{width:58px; background:#00b7f3}
.blue-dots.result-slide .slick-dots,
.blue-dots.false-advertising-slide .slick-dots{margin-top:82px}
/* ------------ 공통컨텐츠 :: 모방 ----------- */
.copy-con{background:#edeef4; /*padding:155px 0 230px*/padding:130px 0 140px; text-align:center;}
.copy-containner span img{max-width:100%}
/*.copy-containner{text-align:center; margin-top:90px}
.copy-containner .copy-con-img:first-child{margin-bottom:187px;}
.copy-containner .copy-con-img span{display:inline-block;}
.copy-containner .copy-con-img span img{max-width:100%}*/
/* ------------ 공통컨텐츠 :: 직접 서비스제공 ----------- */
.invest-service{margin:185px 0 210px}
/* ------------ 공통컨텐츠 :: 현명하게 선택 ----------- */
.wise-choice{background:#edeef4; text-align:center; padding:165px 0 180px}
.wise-choice span img{max-width:100%}
/* ------------ 공통컨텐츠 :: 허위광고 ----------- */
.false-advertising{background:#565656; padding:114px 0 87px}
.advertising-tit{font-weight:400; font-size:34px; letter-spacing:-0.15px; color:#fff; text-align:center}
.advertising-tit strong{font-weight:600; color:#00b7f3; }
.false-advertising-slide{margin-top:55px}
.false-advertising-slide .advertising-slide-img span{position:relative; display:block; padding-top:33.5%}
.false-advertising-slide .advertising-slide-img span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.false-advertising-slide .advertising-slide-txt{text-align:center; margin-top:43px}
.false-advertising-slide .advertising-slide-txt .advertising-tit{display:inline-block;}
.false-advertising-slide .advertising-slide-txt .advertising-explain{font-weight:300; font-size:16px; letter-spacing:-0.3px; color:#c8c8c8; line-height:1.875em; word-break:keep-all; padding-top:33px}
/* ------------ 공통컨텐츠 :: 현장관리, 사후관리 ----------- */
.field-management .field-management-img{display:inline-block; margin-top:70px}
.hans-as{margin:325px 0 275px}
.hans-as-img{text-align:center; margin-top:90px}
.hans-as-img span{display:inline-block;}
/* ----------- 공통컨텐츠 :: 100% 당첨 이벤트 ------------- */
.winning-event{background:#222942}
.winning-event .winning-event-inner{padding:170px 0 120px}
.winning-event .common-sub-tit .common-main-tit{color:#fff; font-weight:600}
.winning-event .common-sub-tit .common-tit-bottom{color:#fff}
.winning-event .winning-event-list{text-align:center; margin-top:85px;}
.winning-event .winning-event-list li{display:inline-block; width:324px; margin:0 23px}
.winning-event .winning-event-list li .winning-event-txt{text-align:left; margin-top:20px}
.winning-event .winning-event-list li .winning-event-txt strong{display:block; font-weight:600; font-size:15px; letter-spacing:0; color:#00b7f3; padding-bottom:14px}
.winning-event .winning-event-list li .winning-event-txt p{font-weight:300; font-size:18px; letter-spacing:0; color:#fff;}
.winning-event-btn{text-align:center; margin-top:115px}
.winning-event-btn a{display:inline-block; width:280px; height:70px; background:#00b7f3; text-align:center; font-weight:600; font-size:20px; letter-spacing:-0.15px; color:#fff; line-height:70px}
.winning-event-btn a span{display:inline-block; padding-left:10px}
/* ----------- 공통컨텐츠 :: 클리닉 패키지 ------------- */
.cleaning-package-banner{background:#cbf3ff}
.package-banner-inner{position:relative; padding:95px 0 110px}
.package-banner-inner .package-banner-txt{padding-left:40px}
.package-banner-inner .package-banner-txt p{font-weight:400; font-size:22px; letter-spacing:-0.15px; color:#2d8ced; text-transform:uppercase; padding-bottom:25px}
.package-banner-inner .package-banner-txt h3{font-weight:400; font-size:120px; letter-spacing:0; color:#2d8ced; line-height:1em}
.package-banner-inner .package-banner-txt h3 em{font-size:100px}
.package-banner-inner .package-banner-txt h3 strong{font-weight:900; color:#303030}
.package-banner-inner .package-banner-txt h3 b{font-weight:900}
.package-banner-inner .go-detail-btn{display:inline-block; width:280px; height:70px; line-height:70px; text-align:center; background:#2d8ced; color:#fff; font-weight:600; font-size:22px; letter-spacing:-0.15px; margin-top:85px}
.package-banner-img{position:absolute; right:0; top:0; margin-top:72px; margin-right:34px}
.cleaning-package-event .package-event-wrap{padding:57px 40px 315px}
.cleaning-package-event .package-event-tit strong{display:block; font-weight:900; font-size:42px; letter-spacing:-0.15px; color:#303030; line-height:1.5em}
.cleaning-package-event .package-event-tit span{display:block; font-weight:300; font-size:18px; letter-spacing:0; color:#7b7b7b; line-height:1.66em; padding-top:15px}
.cleaning-package-event .package-event-list{margin-top:70px}
.cleaning-package-event .package-event-list li{float:left; width:20%; text-align:center}
.cleaning-package-event .package-event-list li .package-event-txt{font-weight:400; font-size:18px; letter-spacing:0; color:#303030; padding-top:19px}
.cleaning-package-event .package-event-list li .package-event-txt strong{display:block; font-weight:600; font-size:16px; color:#2d8ced; padding-bottom:14px}
/* ---------------- 공통컨텐츠 :: counsel -------------------*/
.renewal-counsel.counsel-box{height:auto; padding:85px 0 78px}
.renewal-counsel.counsel-box > h2{font-size:36px}
.renewal-counsel.counsel-box > p{font-size:18px; margin:20px 0 47px 0}
.renewal-counsel.counsel-box > .counsel-btn{width:610px}
.renewal-counsel.counsel-box .counsel-btn > p > img{margin-left:36px}
.renewal-counsel.counsel-box .counsel-btn > p > img:first-child{margin-left:0}
/* ---------------- 공통컨텐츠 :: 끊임없는 노력, 브랜드 가치 -------------------*/
.common-sub-tit{text-align:center}
.common-sub-tit .common-main-tit{display:block; font-weight:400; font-size:46px; letter-spacing:-0.15px; color:#303030; line-height:1.4em}
.common-sub-tit .common-main-tit em{display:block; font-weight:400; font-size:32px; line-height:1.1em; padding-bottom:5px}
.common-sub-tit .common-main-tit strong{font-weight:600; color:#00b7f3}
.common-sub-tit .common-tit-bottom{display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#797979; padding-top:20px}
.common-sub-tit .common-tit-bottom.value-tit-bottom{font-size:24px; line-height:36px; padding-top:30px}
.hans-effort{margin-top:187px}
.common-sub-tit .common-tit-top{display:block; font-weight:400; font-size:22px; letter-spacing:-0.15px; color:#797979; padding-bottom:20px}
.hans-effort-con{display:block; margin-top:87px;}
.brand-value{margin-top:200px}
.brand-value-slide{max-width:1030px; margin:0 auto; padding:70px 0 240px}
.brand-value-slide .value-slide-con{position:relative; text-align:center; margin:20px 32px;}
.brand-value-slide .value-slide-con .value-slide-wrap{display:table; width:100%; height:303px}
.brand-value-slide .value-slide-con .value-slide-inner{display:table-cell; vertical-align:middle}
.brand-value-slide .value-slide-con .brand-value-icon{display:inline-block}
.brand-value-slide .value-slide-con .brand-value-tit{display:block; font-weight:600; font-size:18px; letter-spacing:-0.15px; color:#303030; padding-top:25px}
.brand-value-slide .value-slide-con .brand-value-sub{font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#797979; line-height:1.57em; padding-top:30px}
.brand-value-slide .value-slide-con.slick-center:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; top:0; left:0; box-shadow:1px 1px 16px rgba(0,0,0,0.13); z-index:-1;}
/* ---------------- 공통컨텐츠 :: 믿고 맡기는 한스클린 -------------------*/
.verified-company{background:#edeef4}
.verified-company .verified-company-inner{padding:75px 0 100px}
.verified-company .verified-company-con{margin-top:60px}
.verified-company .verified-company-con .verified-company-sec{float:left; width:50%; box-sizing:border-box; padding:50px 0}
.verified-company .verified-company-con .verified-company-sec:first-child{border-right:1px solid #9d9d9d}
.verified-company .verified-company-con .verified-company-sec:last-child{padding-left:53px;}
.verified-company .verified-company-tit{text-align:center; font-weight:600; font-size:26px; letter-spacing:-0.15px; color:#00b7f3; padding-bottom:56px}
.verified-company-graph{background:url("../images/sub/clean/verified_company_graph_bg.png") no-repeat; width:535px; height:411px; margin-top:72px}
.verified-company-graph .verified-graph-bar{padding-left:64px; width:100%; box-sizing:border-box}
.verified-company-graph .verified-graph-bar li{float:left; width:8px; height:34px; margin:0 10.5px; border-radius:5px}
.verified-company-graph .verified-graph-bar li.blue-bar{background:#00b7f3; height:0; transition: all 1s 0.5s;}
.verified-company-graph .verified-graph-bar li.gray-bar{background:#9d9d9d}
.verified-company-graph .verified-graph-bar li:first-child{margin-top:230px; }
.verified-company-graph .verified-graph-bar li:nth-child(2){margin-top:295px}
.verified-company-graph .verified-graph-bar li:nth-child(3){margin-top:250px; height:50px}
.verified-company-graph .verified-graph-bar li:nth-child(4){margin-top:200px; }
.verified-company-graph .verified-graph-bar li:nth-child(5){margin-top:265px}
.verified-company-graph .verified-graph-bar li:nth-child(6){margin-top:205px}
.verified-company-graph .verified-graph-bar li:nth-child(7){margin-top:160px; }
.verified-company-graph .verified-graph-bar li:nth-child(8){margin-top:215px; height:50px;}
.verified-company-graph .verified-graph-bar li:nth-child(9){margin-top:165px; height:50px}
.verified-company-graph .verified-graph-bar li:nth-child(10){margin-top:110px; }
.verified-company-graph .verified-graph-bar li:nth-child(11){margin-top:175px; height:45px}
.verified-company-graph .verified-graph-bar li:nth-child(12){margin-top:110px; height:30px;}
.verified-company-graph .verified-graph-bar li:nth-child(13){margin-top:50px; }
.verified-company-graph .verified-graph-bar li:nth-child(14){margin-top:110px; height:60px;}
.verified-company-graph .verified-graph-bar li:nth-child(15){margin-top:40px; height:75px}
.verified-company-graph .verified-graph-bar li:nth-child(16){margin-top:0px; }
.verified-company-graph .verified-graph-bar.scroll-active-animate li:first-child{height:130px;}
.verified-company-graph .verified-graph-bar.scroll-active-animate li:nth-child(4){height:140px; transition-delay:0.7s}
.verified-company-graph .verified-graph-bar.scroll-active-animate li:nth-child(7){height:140px; transition-delay:1s}
.verified-company-graph .verified-graph-bar.scroll-active-animate li:nth-child(10){height:140px; transition-delay:1.3s}
.verified-company-graph .verified-graph-bar.scroll-active-animate li:nth-child(13){height:160px; transition-delay:1.5s}
.verified-company-graph .verified-graph-bar.scroll-active-animate li:nth-child(16){height:243px; transition-delay:1.7s}
/* ---------------- 공통컨텐츠 :: 선택 그래프 -------------------*/
.hans-choice{margin:210px 0 215px}
.hans-choice.new-gragh{margin:210px 0 100px}
.hans-choice-graph{width:100%; height:342px; margin-top:85px}
.hans-choice-graph .choice-graph-inner{position:relative; width:100%; height:100%; background:url("../images/sub/clean/choice_graph_bg_01.png") no-repeat center}
.hans-choice-graph .choice-graph-inner .choice-graph-bar-hans{position:absolute; width:0; height:100%; transition:all 3s 0.5s; background:url("../images/sub/clean/choice_graph_bar_hans.png") no-repeat 0; z-index:9}
.hans-choice-graph .choice-graph-inner .choice-graph-bar-a{position:absolute; width:100%; height:100%; background:url("../images/sub/clean/choice_graph_bar_a.png") no-repeat center}
.hans-choice-graph .choice-graph-inner .choice-graph-bar-b{position:absolute; width:100%; height:100%; background:url("../images/sub/clean/choice_graph_bar_b.png") no-repeat center}
.hans-choice-graph .choice-graph-hans-logo{position:absolute; top:62px; right:0; margin-right:137px; transition:all 0.7s 1.7s; opacity:0; transform:scale(0.5)}
.choice-graph-bottom{margin-top:70px}
.choice-graph-bottom p{width:690px; margin:0 auto; background:#f2f2f2; text-align:center; padding:17px 0; border-radius:30px}
.choice-graph-bottom p span{position:relative; display:inline-block; margin-right:50px; font-weight:600; font-size:14px; letter-spacing:-0.15px; color:#696969; padding-left:18px}
.choice-graph-bottom p span:last-child{margin-right:0}
.choice-graph-bottom p span:before{position:absolute; display:inline-block; content:""; width:11px; height:11px; background:#fff; border:3px solid #00b7f3; left:0; top:0; border-radius:50%; box-sizing:border-box}
.choice-graph-bottom p span:nth-child(2):before{border-color:#8c8c8c}
.choice-graph-bottom p span:last-child:before{border-color:#ccc}
.hans-choice-graph .choice-graph-inner.scroll-active-animate .choice-graph-bar-hans{width:100%; transform:perspective(500px) rotate(.001deg);}
.hans-choice-graph .scroll-active-animate .choice-graph-hans-logo{opacity:1.0;filter:Alpha(opacity=100); transform:scale(1.0) perspective(500px) rotate(.001deg);}
.choice-graph-tit{display:inline-block; color:#fff; padding:5px 15px 4px; border-radius:30px; position:absolute; right:0; margin-right:160px; font-weight:400; font-size:14px; letter-spacing:-0.2px}
.choice-graph-tit.choice-graph-a-logo{background-color:#8c8c8c; top:114px}
.choice-graph-tit.choice-graph-b-logo{background-color:#ccc; top:158px}
/* ******* 전문청소팀 :: 신축입주청소 ********/
/* ----------- 신축입주청소 :: 예약배너 ------------- */
.reservation-banner.build-cleaning-banner{background:url("../images/sub/clean/build_cleaning_banner.jpg") no-repeat 50% 0; /*margin-top:138px*/}
.reservation-banner.build-cleaning-banner .reserve-banner-txt{top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.reservation-banner.build-cleaning-banner .reserve-banner-txt h4{font-size:72px; color:#fff; font-weight:600}
.reserve-banner-txt .banner-category{display:inline-block; font-weight:400; font-size:20px; letter-spacing:-0.15px; color:#fff; background:#00b7f3; padding:7px 13px; margin-bottom:26px}
.reserve-banner-txt .banner-explain{font-weight:300; font-size:24px; letter-spacing:-0.15px; color:#fff; line-height:1.66em; word-break:keep-all; margin:40px 0 10px}
/* ----------- 신축입주청소 :: 입주청소 ------------- */
.border-tit{text-align:center}
.border-tit .border-tit-box{position:relative; display:inline-block; border:2px solid #303030; padding:13px 25px}
.border-tit .border-tit-box h3{font-weight:400; font-size:46px; letter-spacing:-0.15px; color:#303030; line-height:1.5em; }
.border-tit .border-tit-box h3 strong{font-weight:600; color:#00b7f3}
.border-tit .border-tit-box span{position:absolute; top:-10px; left:-3px; font-weight:400; font-size:16px; line-height:1.2em; padding:0 8px 0 6px}
.border-tit .border-tit-box span.bg-white{background:#fff}
.border-tit .border-tit-box span.bg-gray{background:#f6f7f8}
.border-tit .border-tit-sub{font-weight:400; font-size:20px; letter-spacing:-0.15px; color:#303030; line-height:1.5em; padding-top:25px}
.border-tit .border-tit-sub.only-txt{margin:15px 0 100px}
.border-tit .border-tit-sub b{font-weight:500}
.special-cleaning{margin-top:215px; text-align:center}
.special-cleaning .special-cleaning-img{display:inline-block; margin-top:110px}
.special-cleaning .special-cleaning-img img{max-width:100%}
/* ----------- 신축입주청소 :: 정확한 프로세스 ------------- */
.correct-process{margin-top:340px}
.correct-process-bar{margin-top:80px}
.correct-process-slider{background-color:#f6f7f8; padding:60px 0 51px; text-align:center}
.correct-process-slider .sub-icon-slider-inner{width:14.285%}
.correct-process-slider.col-08 .sub-icon-slider-inner{width:12.5%}
.sub-icon-img.correct-process-txt{/*width:60.41%;*/width:100%; margin:0 auto; position:relative; padding-top:85px;}
.sub-icon-img.correct-process-txt span{font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#737373; line-height:1.28em}
.sub-icon-img.correct-process-txt span strong{display:block; font-size:22px; font-weight:900; padding-bottom:12px}
.correct-process-slider .sub-icon-slider-inner.on .sub-icon-img.correct-process-txt span{color:#00b7f3}
.correct-process-slider .sub-icon-slider-inner .sub-icon-img-wrap{margin-bottom:24px}
.correct-process-slider .sub-icon-slider-inner .sub-icon-img-wrap::after{width:12px; height:12px; background-color:#fff; border:3px solid #737373; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.correct-process-slider .sub-icon-slider-inner.on .sub-icon-img-wrap::after { background-color:#00b7f3; border:3px solid #00b7f3; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.correct-process-kind{margin-top:130px; text-align:center}
.correct-process-kind span{display:inline-block;}
.correct-process-kind span img{max-width:100%}
.correct-process-notice{text-align:center; margin-top:55px; font-weight:400; font-size:22px; letter-spacing:-0.15px; /*color:#303030;*/ color:#9b9b9b; line-height:1.5; word-break:keep-all}
.correct-process-notice span{display:inline-block; padding-right:14px}
.correct-process-notice em{display:block; font-weight:300; font-size:18px; margin-top:10px}
/* ----------- 신축입주청소 :: 현장팀 ------------- */
.field-team{margin:300px 0 270px}
.field-team .guide-book{display:inline-block; margin-top:100px}
.field-team .field-team-list{display:block; margin-top:136px}
.field-team .field-team-list ul li{float:left; width:25%}
.field-team .field-team-list ul li .field-list-inner{text-align:center}
.field-team .field-team-list ul li .field-list-inner strong{display:block; font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#303030; padding-top:27px}
.field-team .field-team-list ul li .field-list-inner p{font-weight:300; font-size:16px; letter-spacing:-0.15px; color:#303030; line-height:24px; padding-top:28px}
.cm-recommend-service{margin-top:370px}
.premium-cleaning{position:relative; margin-top:140px}
.recommend-banner.premium-cleaning{margin-top:60px}
.premium-cleaning .premium-cleaning-inner{background:url("../images/sub/clean/premium_cleaning_bg.jpg") no-repeat 50% 0; height:384px; position:relative}
.premium-cleaning.premium-cleaning-construction .premium-cleaning-inner{background:url("../images/sub/clean/premium_construction_cleaning_bg.jpg") no-repeat 50% 0; height:384px}
.premium-cleaning .premium-cleaning-txt{padding:80px 0 0 60px}
.premium-cleaning .premium-cleaning-txt span{display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#303030; margin-bottom:25px}
.premium-cleaning .premium-cleaning-txt h3{font-weight:300; font-size:42px; letter-spacing:-0.4px; color:#303030; line-height:1.2; font-family: 'KoPub Batang', serif; }
.premium-cleaning .premium-cleaning-txt h3 strong{font-weight:600; color:#00b7f3}
.premium-cleaning .premium-cleaning-btn{position:absolute; bottom:0; left:0; margin-bottom:56px; margin-left:60px; width:260px; height:48px; display:inline-block; font-weight:400; font-size:16px; letter-spacing:-0.15px; color:#707070; background:#fff; border-radius:10px; line-height:48px; text-align:center; border:1px solid #707070; box-sizing:border-box}
.premium-cleaning .premium-cleaning-btn b{padding-left:10px}
/* ----------- 신축입주청소 :: 마켓한스 ------------- */
.market-hans{background:#edeef4; margin:0 0 260px}
.market-hans-inner{padding:144px 0 105px}
.market-hans-expalin{text-align:center; margin-top:70px}
.market-hans-expalin span{display:inline-block}
.market-hans-slide-con{background:#fff; margin-top:70px; padding:70px 67px; box-shadow:0 2px 20px rgba(0,0,0,0.15)}
.market-hans-slide .market-hans-txt,
.market-hans-slide .market-hans-img{display:inline-block; margin:0 -1px; width:50%; vertical-align:bottom}
.market-hans-slide .market-hans-txt .market-hans-txt-inner{padding-bottom:35px}
.market-hans-slide .market-hans-txt h4{font-weight:600; font-size:42px; letter-spacing:-0.15px; color:#303030}
.market-hans-slide .market-hans-txt p{font-weight:400; font-size:19.63px; line-height:30px; color:#515151; padding-top:25px}
.market-hans-slide .market-hans-img span{position:relative; display:block; padding-top:65.4%}
.market-hans-slide .market-hans-img span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.market-hans-slide .slick-dots{position:absolute; top:0; left:0}
.market-hans-slide .slick-dots li{display:inline-block}
/* ----------- 신축입주청소 :: 청소범위 ------------- */
.cm-cleaning-area{margin-top:300px; text-align:center}
.cleaning-area .cleaning-area-box{display:inline-block; margin-top:70px}
/* ----------- 신축입주청소 :: 작업사진 실제후기 ------------- */
.real-review{background:#edeef4}
.real-review-inner{padding:145px 0 125px}
.process.real-review-img{padding:70px 0 0}
.process.real-review-img .proc02{background:#fff; padding:0 43px; width:958px; height:538px}
.process.real-review-img .proc02 > div.proc-view{background-color:#fff}
.process.real-review-img .proc02 > p{text-align:center; font-weight:400; font-size:32px; letter-spacing:-0.2px; color:#303030; line-height:1.5em; padding:40px 0 20px}
.process.real-review-img .proc02 > p strong{font-weight:600;}
.process.real-review-img .proc02 .proc-view > p{font-weight:400; font-size:14px}
.process.real-review-img .proc02 .proc-view > .total{/*margin-right:75px; */ margin-right:70px; width:450px; height:365px;}
.process.real-review-img .proc02 .proc-view > .total img{width:450px; height:365px}
.process.real-review-img .proc02 .proc-view > .img-list{/*width:430px; height:365px*/width:438px; height:369px}
.process.real-review-img .proc02 .proc-view > .img-list ul{margin:-4px 0 -4px 4px}
.process.real-review-img .proc02 .proc-view > .img-list ul li{width:138px; height:117px; margin:4px}
.process.real-review-img .proc02 .proc-view > .img-list ul li.maln{margin:4px}
.process.real-review-img .proc02 .proc-view > .img-list ul li a img{width:138px; height:117px}
.real-review-txt{max-width:1044px; margin:33px auto 0; background-color:#fff}
.real-review-txt .review-slide-inner{background:#fff; text-align:center; padding:100px 0 56px}
/*.real-review-txt .review-slide-inner .review-txt-wrap{padding:0 140px}*/
.real-review-txt .review-slide-inner .review-txt-tit{text-align:center; font-weight:400; font-size:32px; letter-spacing:-0.2px; color:#303030; line-height:1.5em}
.real-review-txt .review-slide-inner .review-txt-sub{position:relative; font-weight:400; font-size:16px; letter-spacing:-0.15px; color:#303030; line-height:1.874em; text-align:left; padding:50px 140px 40px}
.real-review-txt .review-slide-inner .review-txt-sub:after,
.real-review-txt .review-slide-inner .review-txt-sub:before{font-weight:600; position:absolute; display:inline-block; top:80px; font-family:"나눔고딕", sans-serif; font-size:180px; color:#cfcfcf}
.real-review-txt .review-slide-inner .review-txt-sub:after{content:"“"; left:0; margin-left:60px;}
.real-review-txt .review-slide-inner .review-txt-sub:before{content:"”"; right:0; margin-right:60px}
.real-review-txt .review-slide-inner .go-review-btn{display:inline-block; width:235px; height:42px; line-height:42px; font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#fff; background:#00b7f3; border-radius:10px}
.real-review-txt .review-slide-inner .go-review-btn b{display:inline-block; padding-left:5px}
.review-txt-slide.blue-dots .slick-dots{position:absolute; top:0; width:100%; margin-top:50px}
/* ----------- 신축입주청소 :: 가격안내 ------------- */
.price-notice{margin:240px 0 225px}
.price-notice-inner{max-width:1040px; margin:0 auto}
.price-notice-img{display:block; margin-top:90px}
.go-price-btn{display:block; text-align:center; margin-top:78px}
.go-price-btn a{display:inline-block; width:318px; height:48px; line-height:48px; font-weight:600; font-size:18px; letter-spacing:-0.15px; color:#fff; background:#00b7f3; text-align:center; border-radius:10px}
.go-price-btn a b{display:inline-block; padding-left:7px;}
.go-price-btn.construction-price-btn{margin-top:60px}
.go-price-btn a.go-promotion-btn{background-color:#222942; margin-left:30px}
.price-notice-txt{text-align:center; font-weight:600; font-size:24px; color:#f80000; margin-top:40px}
/* ******* 전문청소팀 :: 부분청소 ********/
/* ---------- 부분청소 :: 파출부 ----------- */
.housekeeper-maid{text-align:center; margin-top:155px}
.housekeeper-maid .housekeeper-maid-inner span img{max-width:100%}
/* ---------- 부분청소 :: 4개의 서비스 ----------- */
.four-service{text-align:center; margin-top:300px;}
.four-service .four-service-inner .img{display:block; margin-top:65px}
.four-service .four-service-inner span img{max-width:100%}
/* ---------- 부분청소 :: 어플리케이션 배너 ----------- */
.homes-application{margin-top:295px}
.homes-application span img{width:100%}
/* ---------- 부분청소 :: 정확한 프로세스 슬라이드 ----------- */
.correct-process-slide{margin-top:250px}
.process-step-slide{margin-top:70px}
.process-step-slide-con{background:#f1f2f3}
.process-step-slide-con .process-step-con-inner{padding:60px 65px}
.process-step-slide-con .process-step-left,
.process-step-slide-con .process-step-right{display:inline-block; margin:0 -1px; vertical-align:top}
.process-step-slide-con .process-step-left{width:420px}
.process-step-slide-con .process-step-right{width:calc(100% - 420px)}
.process-step-slide-con .process-step-right .process-step-right-inner{padding:17px 0 0 25px}
.process-step-slide-con .process-step-right .process-step-right-inner .process-step-right-txt{padding-left:35px}
.process-step-slide-con .process-step-right .process-step-tit strong{display:block; font-weight:400; font-size:24px; letter-spacing:-0.15px; color:#00b7f3}
.process-step-slide-con .process-step-right .process-step-tit span{display:block; font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#343434; margin-top:17px}
.process-step-slide-con .process-step-right .process-step-explain{font-weight:400; font-size:16px; letter-spacing:-0.15px; color:#343434; line-height:24px; word-break:keep-all; margin-top:60px}
.correct-process-slide .blue-dots .slick-dots{position:absolute; top:0; right:0; margin-top:83px; margin-right:55px;}
.sub-icon-slider2 .correct-process-kind{margin-top:190px}
.clean-part-slider.step-bar-4 .sub-icon-slider-inner{width:25%}
.clean-part-slider.step-bar-5 .sub-icon-slider-inner{width:20%}
.clean-part-slider.step-bar-6 .sub-icon-slider-inner{width:16.666%}
.process-step-slide-con .sub-icon-slider2{background:transparent; padding:90px 0 0}
.process-step-slide-con .sub-icon-slider2 .sub-icon-img{padding-top:38px}
.process-step-slide-con .sub-icon-img span{font-size:22px; letter-spacing:-0.15px}
.process-step-slide-con .sub-icon-slider2 .sub-icon-img-wrap{margin-bottom:15px}
.process-step-slide-con .sub-icon-slider-inner p{font-size:14px; letter-spacing:-0.15px}
.process-step-slide-con .sub-icon-slider-inner.on .sub-icon-img span{color:#00b7f3}
.process-step-slide-con .sub-icon-slider-inner .sub-icon-img-wrap::after{width:12px; height:12px; background-color:#fff; border:3px solid #737373; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.process-step-slide-con .sub-icon-slider-inner.on .sub-icon-img-wrap::after { background-color:#00b7f3; border:3px solid #00b7f3; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/* ---------- 부분청소 :: 부분청소 홈즈 ----------- */
.partial-cleaning-homes{margin:390px 0 240px}
.partical-homes-content{margin-top:90px}
.partical-homes-content .partial-homes-img{display:block; text-align:center}
.partial-homes-slide-con{margin-top:80px}
.partial-homes-slide-con .partial-homes-slide-top{margin-bottom:45px}
.partial-homes-slide-con .partial-homes-slide-top .partial-homes-tit{float:left; font-weight:600; font-size:34px; letter-spacing:-0.15px; color:#303030; text-align:left}
.partial-homes-slide-con .partial-homes-slide-top .partial-homes-tit span{display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; margin-top:10px}
.partial-homes-slide-con .partial-homes-slide-top .go-homes-btn{float:right; display:inline-block; width:220px; height:55px; text-align:center; line-height:55px; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#00b9ef; border:2px solid #00b9ef; background:url("../images/sub/clean/partial_homes_btn_icon.png") no-repeat 37px center; transition:all 0.3s; }
.partial-homes-slide-con .partial-homes-slide-top .go-homes-btn span{display:inline-block; margin-right:-20px}
.partial-homes-slide-con .partial-homes-slide-top .go-homes-btn:hover{background:#00b9ef url("../images/sub/clean/partial_homes_btn_icon_on.png") no-repeat 37px center; color:#fff}
.partial-homes-slide-con .partial-homes-slide .slick-list{margin:0 -13px}
.partial-homes-slide-con .partial-homes-slide .slick-slide{margin:0 13px; text-align:left}
.partial-homes-slide-con .partial-homes-slide .slick-arrow{position:absolute; top:50%; z-index:999; border:0; background-color:transparent}
.partial-homes-slide-con .partial-homes-slide .slick-arrow.slick-prev{left:-65px}
.partial-homes-slide-con .partial-homes-slide .slick-arrow.slick-next{right:-65px}
.partial-homes-slide-con .partial-homes-slide .partial-slide-tit{padding:20px 0; border-bottom:1px solid #d2d2d2}
.partial-homes-slide-con .partial-homes-slide .partial-slide-tit .partial-homes-cate{display:block; font-size:18px; color:#00b9ef; letter-spacing:-0.15px; margin-bottom:10px}
.partial-homes-slide-con .partial-homes-slide .partial-slide-tit .partial-homes-service{font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#303030; margin-top:8px}
.partial-homes-slide-con .partial-homes-slide .partial-homes-explain{margin-top:20px}
.partial-homes-slide-con .partial-homes-slide .partial-homes-explain li{position:relative; font-weight:300; font-size:15px; letter-spacing:-0.15px; line-height:26px; color:#303030; padding-left:13px}
.partial-homes-slide-con .partial-homes-slide .partial-homes-explain li:before{position:absolute; display:inline-block; content:""; width:5px; height:5px; background-color:#303030; border-radius:50%; left:0; top:8px}
/* ******** 전문청소팀 :: 거주대청소 ******* */
/* ---------- 거주대청소 :: 솔루션 제공 ----------- */
.residence-solution{text-align:center; margin:240px 0}
/* ---------- 거주대청소 :: 옵션 ----------- */
.residence-option-img{text-align:center; margin-top:90px}
/* ---------- 거주대청소 :: 옵션범위 ----------- */
.residence-option-area{margin-top:50px}
/* ---------- 거주대청소 :: 정확한 프로세스 ----------- */
.option-step.sub-icon-slider-inner{position:relative;}
.option-step.sub-icon-slider-inner:after{position:absolute; content:""; width:100%; /*height:calc(100% + 111px);*/height:300px; background-color:#dbe8f6; top:-60px; left:0; z-index:0}
.option-step .sub-icon-img-wrap,.option-step .sub-icon-info{position:relative; z-index:1}
.option-step .sub-icon-img.correct-process-txt span strong.option{font-weight:400; font-size:12px;}
.option-step .sub-icon-img.correct-process-txt span strong.option em{display:inline-block; background-color:#74abdb; color:#fff; padding:5px 10px; line-height:1}
/* ******** 전문청소팀 :: 인테리어청소 ******* */
/* ---------- 인테리어청소 :: 왜 해야할까 ----------- */
.interior-why{margin-top:235px; text-align:center}
.interior-why .interior-why-img{margin-top:85px}
/* ---------- 인테리어청소 :: 서비스소개 ----------- */
.interior-service{margin-top:315px; text-align:center; padding-bottom:155px}
.interior-service .interior-service-img{margin-top:85px}
/* ---------- 인테리어청소 :: 어디를 어떻게 ----------- */
.interior-cleaning-area{margin-top:50px}
/* ******** 전문청소팀 :: 프리미엄청소 ******* */
/* ---------- 프리미엄청소 :: 중간배너 ----------- */
.premium-middle-banner .reserve-banner-txt h4{white-space:nowrap}
/* ---------- 프리미엄청소 :: 고객만족을 위한 노력 ----------- */
.premium-effort{margin-top:175px; text-align:center}
.premium-effort span img{max-width:100%}
/* ---------- 프리미엄청소 :: 프리미엄 청소는 다릅니다 ----------- */
.premium-different{margin-top:210px}
.premium-different .premium-different-img{display:block; text-align:center; margin-top:50px}
.premium-different .premium-different-img img{max-width:100%}
.premium-different-slide{margin-top:110px}
.premium-different-slide .premium-different-con{height:600px}
.premium-different-slide .premium-different-con.different-slide-1{background:url("../images/sub/clean/premium_different_slide_bg01.jpg") no-repeat}
.premium-different-slide .premium-different-con.different-slide-2{background:url("../images/sub/clean/premium_different_slide_bg02.jpg") no-repeat}
.premium-different-slide .premium-different-con.different-slide-3{background:url("../images/sub/clean/premium_different_slide_bg03.jpg") no-repeat}
.premium-different-slide .premium-different-con.different-slide-4{background:url("../images/sub/clean/premium_different_slide_bg04.jpg") no-repeat}
.premium-different-slide .premium-different-con.different-slide-5{background:url("../images/sub/clean/premium_different_slide_bg05.jpg") no-repeat}
.premium-different-slide .premium-different-con.different-slide-6{background:url("../images/sub/clean/premium_different_slide_bg06.jpg") no-repeat}
.premium-different-slide .premium-different-con .premium-different-inner{position:relative; }
.premium-different-slide .premium-different-con .premium-different-inner .premium-different-txt{position:absolute; left:0; top:0; margin-left:65px; /*margin-top:235px*/margin-top:140px}
.premium-different-slide .premium-different-con .premium-different-inner em{display:inline-block; font-weight:400; font-size:20px; letter-spacing:-0.15px; color:#222942; margin-bottom:25px; background-color:#fff; padding:7px 20px 5px; border-radius:20px}
.premium-different-slide .premium-different-con .premium-different-inner h3{/*font-weight:300; */ font-weight:600; font-size:62px; letter-spacing:-0.15px; color:#fff}
.premium-different-slide .premium-different-con .premium-different-inner h3 strong{color:#23bff4}
.premium-different-slide .premium-different-con .premium-different-inner p{font-weight:300; font-size:18px; letter-spacing:-0.15px; color:#fff; line-height:30px; padding-top:70px}
.premium-different-slide .premium-different-con .premium-different-inner .premium-different-num{position:absolute; top:0; right:0; margin-right:80px; margin-top:65px; font-weight:300; font-size:120px; letter-spacing:-0.15px; color:#fff}
.premium-different-slide .blue-dots .slick-dots{position:absolute; bottom:0; margin-bottom:30px; width:100%}
/* ---------- 프리미엄청소 :: 최우수팀 ----------- */
.best-team{margin-top:150px; text-align:center}
.best-team .best-team-tit{display:inline-block; font-weight:300; font-size:36px; letter-spacing:-0.15px; color:#000107; line-height:1.4; border-bottom:1px solid #222942; padding-bottom:8px}
.best-team .best-team-tit strong{font-weight:600; color:#00b7f3}
.best-team-slide-wrap{margin-top:70px}
.best-team-slide{width:90%; margin:0 auto}
.best-team-slide .best-team-con{margin:0 10px}
.best-team-slide .best-team-img img{display:inline-block; max-width:100%}
.best-team-slide .best-team-txt{margin-top:15px; word-break:keep-all}
.best-team-slide .best-team-txt strong{font-weight:600; font-size:24px; letter-spacing:-0.25px; color:#303030; }
.best-team-slide .best-team-txt em{display:block; font-weight:600; font-size:20px; letter-spacing:-0.25px; color:#303030; margin-top:8px}
.best-team-slide .best-team-txt p{font-weight:300; font-size:21px; letter-spacing:0.5px; color:#303030; line-height:27px; margin-top:30px}
.best-team-slide .slick-arrow{position:absolute; top:50%; margin-top:-50px; background:transparent; border:0; z-index:99}
.best-team-slide .slick-arrow.slick-next{right:-70px}
.best-team-slide .slick-arrow.slick-prev{left:-70px}
/* ---------- 프리미엄청소 :: 차별점 배너 ----------- */
.premium-different-banner{margin-top:225px;}
.premium-different-banner span img{width:100%}
/* ---------- 프리미엄청소 :: 기본제공 서비스 ----------- */
.special-cleaning.premium-special-cleaning{margin-top:190px}
.premium-service-cleaning-img{display:inline-block; margin-top:85px}
.premium-service-cleaning-img img{width:100%;}
/* ---------- 프리미엄청소 :: 정확한 프로세스 ----------- */
.correct-process .premium-process-img{display:inline-block; margin-top:110px}
.correct-process .premium-process-img img{width:100%}
.premium-correct-process .correct-process-slider{background-color:#222942}
.premium-correct-process .sub-icon-img.correct-process-txt span{color:#fff}
/* ---------- 프리미엄청소 :: 마켓한스 ----------- */
.premium-market-hans{text-align:center; margin:85px 0 120px}
.premium-market-hans span img{max-width:100%}
/* ---------- 프리미엄청소 :: 사후관리 ----------- */
.premium-hans-as{margin-top:65px}
.premium-hans-as span img{max-width:100%}
/* ---------- 프리미엄청소 :: 어디를 청소할까요 ----------- */
.premium-area-img{display:block; margin-top:95px}
.premium-area-img img{max-width:100%}
/* ******** 전문시공팀 ******* */
/* ******* 전문시공팀 :: 외창청소 ********/
/* ---------- 외창청소 :: 예약배너 ----------- */
/*.oechang-top-banner .reserve-banner-txt{top:30%}*/
.oechang-top-banner .reserve-banner-txt h4{line-height:1.35; padding-bottom:80px}
.reserve-banner-txt .small-txt{display:block; font-size:40px}
/* ---------- 외창청소 :: 중간배너 ----------- */
.oechang-middle-banner .reserve-banner-txt .reserve-banner-btn{margin-top:100px}
/* ---------- 외창청소 :: 외창문 관리 ----------- */
.oechang-management{text-align:center; margin:195px 0 -80px}
/* ---------- 외창청소 :: 한스시설관리 바로가기 ----------- */
.go-facility-page{margin-top:90px}
.go-facility-page .go-facility-inner{position:relative; background-color:#141a50; text-align:center; color:#fff; letter-spacing:-0.15px; padding:40px 0 45px}
.go-facility-page .go-facility-inner .tit{font-weight:600; font-size:42px; margin-top:40px}
.go-facility-page .go-facility-inner .sub{font-weight:300; font-size:22px; margin-top:15px}
.go-facility-page .go-facility-inner .go-facility-btn{display:inline-block; width:660px; height:50px; line-height:50px; font-weight:400; font-size:18px; border:2px solid #fff; color:#fff; letter-spacing:-0.15px; margin-top:40px; transition:all 0.2s}
.go-facility-page .go-facility-inner .go-facility-btn i{font-size:25px; vertical-align:sub; margin-right:5px}
.go-facility-page .go-facility-inner .go-facility-logo{position:absolute; top:40px; right:40px}
.go-facility-page .go-facility-inner .go-facility-btn:hover{background-color:#fff; color:#141a50}
/* ******* 전문시공팀 :: 줄눈시공 ********/
/* ---------- 줄눈시공 :: 줄눈시공 왜 해야할까 ----------- */
.why-construction{margin-top:180px}
.special-cleaning-img{margin-top:75px; display:block}
/* ---------- 줄눈시공 :: 정확한 프로세스 ----------- */
.joint.correct-process{margin-top:285px}
/* ---------- 줄눈시공 :: 서비스종류 ----------- */
.joint-servide-kind{margin-top:370px}
.joint-servide-kind .inner{max-width:1115px; margin:0 auto}
/* 서비스종류 :: 슬라이드 */
/* 탭스타일 */
.joint-service{position:relative; margin-top:68px}
.slide-tab-category{text-align:right; border-bottom:2px solid #00b9ef; height:60px}
.slide-tab-category .slick-list{padding:0 !important}
.slide-tab-category .slick-track{width:100% !important; transform:none !important}
.slide-tab-category .cate-con{position:relative; display:inline-block !important; float:none !important; width:235px; text-align:center; margin-left:2px; cursor:pointer}
.slide-tab-category .cate-con span{position:relative; display:block; height:60px; line-height:60px; background-color:#edeef4; border:2px solid #edeef4; /*border-bottom:2px solid #00b9ef; */border-top-left-radius:5px; border-top-right-radius:5px; box-sizing:border-box; font-weight:400; font-size:20px; letter-spacing:0; color:#797979; }
.slide-tab-category .cate-con.slick-current span{background-color:#fff; border-color:#00b9ef; border-bottom:0; color:#00b9ef}
.slide-tab-category .cate-con span:after{position:absolute; content:""; width:calc(100% + 4px); height:2px; background-color:#00b9ef; bottom:-2px; left:-2px}
.slide-tab-category .cate-con.slick-current span:after{background-color:#fff}
/* 슬라이드 내용 */
.joint-service-slide{margin-top:60px; padding-bottom:30px}
.joint-service-slide .slide-t{height:285px}
.joint-service-slide .slide-t .top-img{float:left; width:535px; text-align:center}
.joint-service-slide .slide-t .top-img img{display:inline-block; max-height:258px}
.joint-service-slide .slide-t .top-txt{float:left; width:calc(100% - 535px); margin-top:15px; color:#303030; }
.joint-service-slide .slide-t .top-txt .category{display:block; font-weight:400; font-size:16px; letter-spacing:0; color:#303030; margin-bottom:18px}
.joint-service-slide .slide-t .top-txt .tit{display:block; font-weight:600; font-size:28px; letter-spacing:0; margin-bottom:20px}
.joint-service-slide .slide-t .top-txt .explain{font-weight:300; font-size:16px; letter-spacing:-0.15px; line-height:30px}
.joint-service-slide .slide-bt{border-top:1px solid #dadde7; border-bottom:1px solid #dadde7; padding-top:30px; height:260px}
.joint-service-slide .slide-bt .num-txt-list{}
.joint-service-slide .slide-bt .num-txt-list li{float:left; width:16.666%; text-align:center}
.joint-service-slide .slide-bt .num-txt-list li .num{display:inline-block; width:34px; height:34px; text-align:center; line-height:35px; background-color:#00b7f3; color:#fff; font-weight:900; font-size:15px; border-radius:50%}
.joint-service-slide .slide-bt .num-txt-list li .tit{display:block; font-weight:700; font-size:18px; letter-spacing:0; color:#303030; margin-top:28px}
.joint-service-slide .slide-bt .num-txt-list li .explain{font-weight:400; font-size:14px; letter-spacing:0; color:#797979; line-height:21px; margin-top:30px}
.joint-service-slide .slick-dots{position:absolute; right:0; bottom:0}
/* 서비스종류 :: 차별성 */
.joint-different{text-align:center; margin-top:95px}
/* 서비스종류 :: 관련인증서 */
.joint-certification{margin-top:135px}
.joint-certification .joint-certifi-inner{position:relative; background-color:#edf4fc; padding:68px 0 55px}
.joint-certification .joint-certifi-inner > div{position:relative}
.joint-certification .top-tit{display:block; text-align:center; font-weight:700; font-size:28px; letter-spacing:-0.15px; color:#303030; margin-bottom:30px}
.joint-certification .joint-certifi-slide{padding:0 82px}
.joint-certification .joint-certifi-slide li{margin:0 20px}
.joint-certification .joint-certifi-slide li .tit{text-align:center; font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#303030; line-height:1.4; white-space:nowrap; margin-top:18px;}
.joint-certification .joint-certifi-slide .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); background-color:transparent; border:0}
.joint-certification .joint-certifi-slide .slick-arrow.slick-prev{left:-15px}
.joint-certification .joint-certifi-slide .slick-arrow.slick-next{right:-15px}
.joint-certification .joint-certifi-slide .slick-arrow i{font-size:32px; color:#caccd4}
/* ---------- 줄눈시공 :: 어디에 시공하면 좋을까요? ----------- */
.construction-area{margin-top:370px; text-align:center}
.construction-area .cleaning-area-box{display:block; margin-top:70px}
/* ---------- 줄눈시공 :: 줄눈색상 슬라이드 ----------- */
.joint-color-con{margin-top:300px}
.joint-color-con .inner{max-width:1117px; margin:0 auto}
.joint-color-con .joint-color{margin-top:70px}
.joint-color-con .joint-color .joint-color-slide{border:2px solid #00b9ef; border-top:0; padding:45px 0 75px}
.joint-color-con .joint-color .joint-color-slide .color-con .color-con-inner{padding:0 40px}
.joint-color-con .joint-color .joint-color-slide .color-con .color-con-inner .notice-txt{text-align:right; font-weight:400; font-size:16px; letter-spacing:-0.15px; color:#303030; margin-bottom:15px}
.joint-color-con .joint-color .joint-color-slide .slick-dots{position:absolute; bottom:40px; right:45px}
/* ---------- 줄눈시공 :: 가격안내 ----------- */
.no-homes-price.new-price-style .price-bottom-sec{margin-top:135px}
.joint-price .price-tbl-style02 tr th,
.joint-price .price-tbl-style02 tr td{height:40px; padding:13px 0; font-size:16px}
.joint-price .price-tbl-style02 tr:first-child th,
.joint-price .price-tbl-style02 tr:first-child td{font-size:18px}
.joint-price .price-tbl-style02.simple-tbl{margin-top:30px}
.joint-price .price-tbl-style02.simple-tbl th{border:1px solid #00b7f3}
.joint-price .price-tbl-style02.simple-tbl td{background-color:#fff; color:#303030; border:1px solid #00b7f3; font-size:16px !important}
.multiple-tbl table:first-child{margin-bottom:25px}
/* ******** 실내공기정화 ******* */
/* ---------- 소독 및 감염예방 :: 상단배너 ----------- */
.infection-top-banner .reserve-banner-txt h4{white-space:nowrap;}
/* ---------- 소독 및 감염예방 :: 중간배너 ----------- */
.infection-middle-banner .reserve-banner-txt h4{white-space:nowrap;}
/* ---------- 소독 및 감염예방 :: 소독 및 감염예방 이유 ----------- */
.prevention-reason{margin-top:255px; text-align:center}
.prevention-reason .prevention-reason-img{display:inline-block; margin-top:88px}
.prevention-reason .prevention-reason-img img{max-width:100%}
/* ---------- 소독 및 감염예방 :: 특허보유 ----------- */
.hans-certification{background:#edeef4; padding:115px 0 130px; margin-top:270px}
.hans-certification-top .hans-certifi-top-img,
.hans-certification-top .hans-certifi-top-txt{display:inline-block; vertical-align:top; margin:0 -1px}
.hans-certification-top .hans-certifi-top-img{width:499px}
.hans-certification-top .hans-certifi-top-txt{width:calc(100% - 559px); padding-left:60px; margin-top:80px}
.hans-certification-top .hans-certifi-top-txt h3{font-weight:600; font-size:32px; letter-spacing:-0.15px; color:#303030; margin-bottom:30px}
.hans-certification-top .hans-certifi-top-txt p{font-weight:400; font-size:20px; letter-spacing:-0.15px; color:#303030; line-height:32px}
.hans-certification-top .hans-certifi-top-txt a{display:inline-block; width:170px; height:45px; line-height:45px; text-align:center; font-weight:300; font-size:18px; letter-spacing:-0.15px; color:#fff; background:#00b7f3; border-radius:10px; margin-top:40px}
.hans-certification-top .hans-certifi-top-txt a i{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); vertical-align:middle; padding-top:10px}
#decreeCon .modal-close-btn{top:0; right:2px}
.hans-certification-list{margin-top:90px; background:#fff; padding:60px 55px 55px}
.hans-certification-list h4{font-weight:600; font-size:32px; letter-spacing:-0.15px; color:#000;}
.hans-certification-list strong{display:block; font-weight:400; font-size:22px; letter-spacing:-0.15px; color:#000; margin:20px 0 40px}
.hans-certification-list span img{max-width:100%}
/* ---------- 소독 및 감염예방 :: 서비스종류 ----------- */
.infection-service{margin-top:235px;}
.infection-service-tab{margin-top:75px}
.infection-tab-list ul{position:relative; height:50px; text-align:center; }
/*.infection-tab-list ul:after{position:absolute; display:inline-block; content:""; width:calc(100% - 4px); height:2px; background:#00b7f3; left:1px; bottom:-2px}*/
.infection-tab-list ul li{float:left; position:relative; width:165px; position:relative; margin-right:2.5px}
.infection-tab-list ul li:last-child{margin-right:0}
.infection-tab-list ul li a{display:block; height:50px; line-height:50px; font-weight:400; color:#797979; font-size:20px; letter-spacing:-0.15px; text-align:center; background-color:#edeef4; border-top-left-radius:5px; border-top-right-radius:5px; border:2px solid #edeef4; box-sizing:border-box}
.infection-tab-list ul li.selected a{position:relative; background:#fff; color:#00b7f3; border-color:#00b7f3; border-bottom-color:#fff; }
.infection-tab-list ul li.selected a:after{position:absolute; display:inline-block; content:""; width:100%; height:3px; background:#fff; left:0; bottom:-3px; z-index:999}
.infection-service-tab-content{position:relative; top:-2px; border:2px solid #00b7f3;}
.infection-service-tab-content .infection-tab-inner{background:#fff; padding:40px ;}
.infection-service-tab-content .infection-tab-inner .infection-tab-list{margin-bottom:40px}
.infection-service-tab-content .infection-tab-inner .infection-tab-list:last-child{margin-bottom:0}
.infection-service-tab-content .infection-tab-inner .infection-tab-list strong{position:relative; display:block; font-weight:600; font-size:26px; letter-spacing:-0.15px; color:#000; padding-left:19px}
.infection-service-tab-content .infection-tab-inner .infection-tab-list strong:before{position:absolute; display:inline-block; content:""; width:4px; height:24px; background:#00b7f3; top:0; left:0}
.infection-service-tab-content .infection-tab-inner .infection-tab-list span{display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#000; line-height:30px; word-break:keep-all; margin-top:15px}
.infection-service-slide{margin-top:45px}
.infection-slide-con .infection-slide-img,
.infection-slide-con .infection-slide-right{display:inline-block; vertical-align:top; margin:0 -1px}
.infection-slide-con .infection-slide-img{width:450px; padding-left:1px}
.infection-slide-con .infection-slide-right{width:calc(100% - 479px); padding-left:28px;}
.infection-slide-con .infection-slide-right .infection-slide-tit{font-weight:600; font-size:32px; letter-spacing:-0.15px; color:#000;}
.infection-slide-con .infection-slide-right .infection-slide-tit strong{position:relative; display:inline-block; color:#00b7f3; border-right:2px solid #00b7f3; padding-right:20px; margin-right:20px}
.infection-slide-con .infection-slide-right .infection-slide-sub{font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#000; line-height:1.5; word-break:keep-all; margin-top:45px}
.infection-slide-con .infection-slide-right .infection-slide-right-img{display:inline-block; margin-top:135px}
.infection-slide-con .infection-slide-right .infection-slide-right-img.img2{margin-top:45px}
.infection-slide-con .infection-slide-right .infection-slide-right-img img{max-width:100%}
.infection-service-slide .blue-dots .slick-dots{position:absolute; right:0; bottom:0}
/* 슬라이드 표추가 */
.infection-tbl{margin-top:30px}
.infection-tbl table{width:100%}
.infection-tbl table tr th{text-align:center; font-weight:700; font-size:18px; letter-spacing:-0.15px; color:#000; background-color:#abe6f9; padding:13px 0; border-right:1px solid #fff}
.infection-tbl table tr td{text-align:center; background-color:#f0f1f2; font-weight:300; font-size:16px; letter-spacing:-0.15px; color:#000; padding:24px 0; border-right:1px solid #fff}
.infection-banner{margin-bottom:235px}
.infection-banner .infection-banner-inner img{max-width:100%}
/* ---------- 소독 및 감염예방 :: 200529 이미지 추가 ----------- */
.infection-img-con{text-align:center; margin-top:100px}
.infection-img-con span{display:block;}
.infection-img-con span:first-child{margin-bottom:40px}
.infection-img-con span img{max-width:100%}
/* ---------- 소독 및 감염예방 :: 가격 ----------- */
.infection-price-img{margin-top:65px}
/* ******* 전문청소팀 :: 가사도우미 ********/
/* ---------- 가사도우미 :: 서비스안내 ----------- */
.helper-service{margin-top:285px;}
.helper-service .img{display:block; margin-top:85px;}
.helper-service .img img{max-width:100%}
/* ---------- 가사도우미 :: 정확한 프로세스 ----------- */
.correct-process-notice.helper-page{margin-top:110px}
/* ---------- 가사도우미 :: 가격안내 ----------- */
.price-table .price-tbl.helper-price tbody tr td{padding:30px 0}
/* ********* 위생용품몰 ********** */
/* 생활연구소 랜딩페이지 */
.life-lab { background-color:#efefee; padding:98px 0; width:100%; }
.life-lab-container { width:930px; margin: 0 auto;}
.life-lab-top-txt h3{font-weight:300; font-size:36px; letter-spacing:-0.25px; color:#181717; margin-top:30px}
.life-lab-top-txt h3 strong{font-weight:600}
.life-lab-top-txt p{font-weight:300; font-size:15.8px; letter-spacing:-0.25px; color:#181717; margin-top:16px}
.life-lab-top-txt p strong{font-weight:600}
.life-lab-contents{margin-top:93px}
.life-lab-box li{float:left; width:445px;}
.life-lab-box li:first-child{margin-right:40px}
.life-lab-box li .life-lab-box-inner{background:#fff; padding:35px 40px 42px}
.life-lab-box li .life-lab-box-inner h4{position:relative; font-weight:600; font-size:23px; letter-spacing:-0.25px; color:#181717; margin-bottom:10px}
.life-lab-box li .life-lab-box-inner p{font-weight:300; font-size:16px; letter-spacing:-0.25px; color:#242424; line-height:20.44px; padding:15px 0 25px; border-top:1px solid #a0a0a0}
.life-lab-box li .life-lab-box-btn{display:block; background:#00b4ed; color:#fff; text-align:center; height:49px; line-height:49px; font-weight:400; font-size:20px; letter-spacing:-0.25px}
.life-lab-box li .life-lab-box-btn span{display:inline-block; padding-left:18px}
/* ******** 파트너모집 ******* */
/* ---------- 파트너모집 :: 상단 배너 ----------- */
.partner-top-banner{height:779px; background:#00c0ff url("../images/sub/partner/partner_top_bg.jpg") no-repeat center; }
.partner-top-banner .partner-banner-txt{padding-top:130px}
.partner-top-banner .partner-banner-txt h4{font-weight:600; font-size:68px; letter-spacing:-0.15px; color:#fff; line-height:87.43px}
.partner-top-banner .partner-banner-txt h4 strong{color:#fff159}
.partner-top-banner .partner-banner-txt span{display:block; font-weight:400; font-size:24px; letter-spacing:-0.1px; color:#fff; margin-top:20px}
.partner-top-banner .partner-banner-txt .partner-apply-btn{display:inline-block; width:190px; height:55px; line-height:55px; text-align:center; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#00c0ff; background:#fff; border:3px solid #fff; margin-top:105px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.partner-top-banner .partner-banner-txt .partner-apply-btn:hover{background:#00c0ff; color:#fff}
/* ---------- 파트너모집 :: 서비스업 적합한 인재 ----------- */
.service-staff{margin-top:250px}
.staff-interview-img{display:block; text-align:center; margin-top:100px}
.staff-interview-img img{max-width:100%}
.staff-article-img{display:block; margin-top:180px}
.staff-article-img img{max-width:100%}
/* ---------- 파트너모집 :: 추구하는 인재상 ----------- */
.hans-talent{margin-top:290px}
.hans-talent-img{display:block; margin-top:100px}
.hans-talent-img img{max-width:100%}
/* ---------- 파트너모집 :: 모집분야 ----------- */
.border-tit .border-tit-box span.bg-blue{background:#00c0ff; color:#fff; }
.recruit-field{background:#00c0ff; padding:155px 0 200px; margin-top:247px}
.recruit-field .border-tit .border-tit-box{border-color:#fff; padding:13px 100px}
.recruit-field .border-tit .border-tit-box h3 strong{color:#fcff00}
.recruit-field-img{display:block; margin-top:107px}
.recruit-field-img img{max-width:100%}
/* ---------- 파트너모집 :: 한스클린만의 특별함 ----------- */
.hans-partner-special{margin-top:230px}
.hans-partner-special .partner-special-img{display:block; text-align:center; margin-top:125px}
.hans-partner-special .partner-special-img img{max-width:100%}
/* ---------- 파트너모집 :: 격차 그래프 ----------- */
.share-graph{background:#00c0ff; padding:130px 0 140px; margin-top:200px}
.share-graph .common-sub-tit .common-tit-top,
.share-graph .common-sub-tit .common-main-tit{color:#fff}
.share-graph .common-sub-tit .common-main-tit strong{color:#fcff00}
.share-graph .common-sub-tit .common-tit-top{padding-bottom:5px}
.share-graph-con{margin-top:100px}
.share-graph-con li{width:613px; height:473px;}
.share-graph-con li .share-graph-inner{position:relative; width:100%; height:100%;}
.share-graph-con li:first-child{float:left; }
.share-graph-con li:first-child .share-graph-inner{ background:url("../images/sub/partner/share_gragh_online_bg.jpg")}
.share-graph-con li:nth-child(2){float:right}
.share-graph-con li:nth-child(2) .share-graph-inner{ background:url("../images/sub/partner/share_gragh_offline_bg.jpg")}
.share-graph-con li .share-graph-inner .share-graph-hans{position:absolute; width:0; height:100%; -webkit-transition:all 3s 0.3s; transition:all 3s 0.3s; }
.share-graph-con li:first-child .share-graph-inner .share-graph-hans{background:url("../images/sub/partner/share_gragh_online_hans.png") no-repeat 0; }
.share-graph-con li:nth-child(2) .share-graph-inner .share-graph-hans{background:url("../images/sub/partner/share_gragh_offline_hans.png") no-repeat 0; }
.share-graph-con li .share-graph-inner.scroll-active-animate .share-graph-hans{width:100%; -webkit-transform:perspective(500px) rotate(.001deg); -moz-transform:perspective(500px) rotate(.001deg); -ms-transform:perspective(500px) rotate(.001deg); -o-transform:perspective(500px) rotate(.001deg); transform:perspective(500px) rotate(.001deg);}
.share-graph-con li .share-graph-tit{font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#fff; text-align:center; margin-top:40px}
/* ---------- 파트너모집 :: 본사노력 ----------- */
.company-effort{margin:175px 0 150px}
.company-effort .common-sub-tit .common-tit-top{padding-bottom:5px; color:#303030}
.company-effort-img{display:block; margin-top:145px; text-align:center}
.company-effort-img img{max-width:100%}
/* ---------- 파트너모집 :: 온라인 간편지원 ----------- */
#simplaApply{height:670px; border-top:0; background:#e4e4e4; text-align:center}
#simplaApply > .area > h2{color:#303030; font-size:46.07px; font-weight:400; letter-spacing:-0.15px; padding:150px 0 22px;}
#simplaApply > .area > h2 strong{font-weight:600; color:#00b7f3}
#simplaApply .main-squre-sub-tit{color:#666; font-size:20px; letter-spacing:-0.15px; font-weight:400; text-align:center; margin-bottom:50px;}
#simplaApply .question-list2 > dl:first-child,
#simplaApply .question-list2 > dl:nth-child(2){border-top:1px solid #d2d2d2}
.simple-apply-form{max-width:900px; margin:0 auto 40px}
.simple-apply-tbl{width:100%}
.simple-apply-tbl tr td{background:#fff; height:65px; line-height:65px; border:1px solid #d2d2d2}
.simple-apply-tbl tr td input{width:100%; height:100%; border:0; text-align:center; font-weight:400; font-size:20px; letter-spacing:-0.1px; color:#909090; box-sizing:border-box}
.simple-apply-tbl tr td input::placeholder{font-weight:400; font-size:20px; letter-spacing:-0.1px; color:#909090;}
.simple-apply-btn{display:inline-block; width:420px; height:60px; text-align:center; background:#00aeff; font-weight:300; font-size:22px; letter-spacing:-0.1px; color:#fff; line-height:60px}
.simple-apply-btn:hover{color:#fff}
.simple-apply-box .simple-apply-select {width:100%; height:100%; display:inline-block; vertical-align:top; position:relative; background: #fff url("../images/sub/partner/simple_apply_select_arrow.png") 95% 50% no-repeat ; }
.simple-apply-box .simple-apply-select > a {position:relative; display:block; height:100%; }
.simple-apply-box .simple-apply-select > a span {display:table; width:100%; height:100%;}
.simple-apply-box .simple-apply-select > a span em {display:table-cell; vertical-align:middle; font-weight:400; font-size:20px; letter-spacing:-0.1px; color:#909090; word-break:keep-all;}
.simple-apply-box .simple-apply-select .apply-select-con {display:none;position:absolute; width: calc(100% + 2px); border:1px solid #c8c8c8;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:999; left:-1px}
.simple-apply-box .simple-apply-select .apply-select-con li a {display:block; width:100%; line-height:42px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.simple-apply-box .simple-apply-select .apply-select-con li a span {font-size: 18px; letter-spacing:-0.1px; color: #909090;}
/*
.simple-apply-tbl tr td select{border:0; width:100%; height:100%; text-indent:46%;font-weight:400; font-size:20px; letter-spacing:-0.1px; padding-left:15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/sub/partner/simple_apply_select_arrow.png") no-repeat 95% 50%;
}
.simple-apply-tbl tr td select::-ms-expand { display: none; }
*/
/* ---------------- 공통컨텐츠 :: 끊임없는 노력, 브랜드 가치 수정 :: 200420-------------------*/
.brand-value-slide-02{position:relative; max-width:1040px; margin:0 auto; padding:60px 0 240px}
.brand-value-slide-02 .brand-value-logo{display:block; text-align:center; margin-bottom:55px}
.brand-value-slide-02 .slick-arrow{position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); border:0; background:transparent; z-index:999}
.brand-value-slide-02 .slick-arrow.slick-next{right:-80px;}
.brand-value-slide-02 .slick-arrow.slick-prev{left:-80px}
.brand-value-slide-02 .value-slide-con{margin:0 12px}
.brand-value-slide-02 .value-slide-con .brand-value-tit{font-size:24px}
.brand-value-slide-02 .value-slide-con .brand-value-sub{font-size:16px; text-align:left; padding-top:20px}
/* ---------------- 공통컨텐츠 :: 가격안내 표 -------------------*/
.price-table{margin-top:77px}
.price-table table{width:100%; }
.price-table table .blue-bg{background-color:#00b7f3; color:#fff}
.price-table table .right-blue{border-right-color:#00b7f3}
.price-table table .left-blue{border-left:1px solid #00b7f3}
.price-table table .small{font-size:16px; font-weight:400}
.price-table table .bold{font-weight:600}
/* ---------------- 가격안내 표 style01 -------------------*/
.price-table .price-tbl{border:1px solid #00b7f3}
.price-table .price-tbl thead tr th,
.price-table .price-tbl thead tr td{text-align:center; background:#00b7f3; font-weight:600; font-size:20px; letter-spacing:0; color:#fff; padding:18px 0; }
.price-table .price-tbl tr th{border-right:1px solid #e5e5e5}
.price-table .price-tbl tr th:last-child{border-color:#00b7f3}
.price-table .price-tbl tbody tr th,
.price-table .price-tbl tbody tr td{text-align:center; font-size:18px; letter-spacing:0; color:#303030; font-weight:400; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:20px 0 16px; line-height:1.44}
.price-table .price-tbl tbody tr td:last-child{border-right:0}
.price-table .price-tbl tbody tr td.price-data{font-weight:600; }
.price-table .price-tbl tbody tr td p{margin-bottom:6px}
.price-table .price-tbl tbody tr td p:last-child{margin-bottom:0}
.price-table .price-tbl tbody tr td span{font-weight:600}
.price-table .price-tbl tbody tr td b{font-weight:400; font-size:16px}
.price-table .price-tbl tbody tr:last-child th,
.price-table .price-tbl tbody tr:last-child td{border-bottom:1px solid #00b7f3}
/* ---------------- 가격안내 표 style02 -------------------*/
.price-tbl-style02 tr th,
.price-tbl-style02 tr td{position:relative; text-align:center; font-weight:400; font-size:18px; letter-spacing:0; color:#303030; padding:16px 0; line-height:1.3; border-bottom:1px solid #e5e5e5}
.price-tbl-style02 tr th{border-left:1px solid #00b7f3; border-right:1px solid #e5e5e5; font-weight:600}
.price-tbl-style02 tr td{border-right:1px solid #e5e5e5;}
.price-tbl-style02 tr th img{position:absolute; top:0; left:-1px}
.price-tbl-style02 tr:last-child th,
.price-tbl-style02 tr:last-child td{border-bottom:1px solid #00b7f3;}
.price-tbl-style02 tr:nth-child(2) td{font-size:16px}
.price-tbl-style02 tr td em{display:block; font-weight:400; font-size:14px; }
.price-tbl-style02 tr td span{position:relative; display:inline-block;}
.price-tbl-style02 tr td span:after{position:absolute; display:inline-block; content:""; width:100%; height:2px; background-color:#ff0000; left:0; top:50%; }
.price-tbl-style02 tr.promotion-price th,
.price-tbl-style02 tr.promotion-price td{background-color:#f2f3f8; font-weight:600; color:#00b7f3}
.price-tbl-style02-notice{text-align:center; font-weight:400; font-size:22px; letter-spacing:0; color:#303030; margin-top:60px}
.price-tbl-style02 tr td.normal{font-size:18px !important}
.price-tbl-style02 tr td.gray-bg{background-color:#ababab; border-top:1px solid #ababab; border-bottom:1px solid #ababab}
.price-tbl-style02 tr td.gray-bg:last-child{border-right:1px solid #ababab}
/* ******** 설치 시공 ******* */
/* ******** 설치 시공 :: 미세먼지·안전방충망 ******* */
/* ---------- 미세먼지·안전방충망 :: 예약배너 ----------- */
.reserve-top-banner.safety-screen-top-banner{background:url("../images/sub/clean/safety_screen_top_banner.jpg") no-repeat 50% 0;}
.safety-screen-top-banner .reserve-banner-txt.white-banner-txt .reserve-banner-bottom-sub{color:#303030; font-weight:400}
/* ---------- 미세먼지·안전방충망 :: 중간배너 ----------- */
.build-cleaning-banner.safety-screen-middle-banner{background:url("../images/sub/clean/safety_screen_middle_banner.jpg") no-repeat 50% 0}
.build-cleaning-banner.safety-screen-middle-banner .reserve-banner-txt .banner-explain{margin:70px 0 90px}
/* ---------- 미세먼지·안전방충망 :: 시공실적 ----------- */
.safety-screen-result{margin-top:165px}
.safety-screen-result img{max-width:100%}
/* ---------- 미세먼지·안전방충망 :: 일반방충망 문제점 ----------- */
.screen-problem{margin-top:310px; text-align:center}
.screen-problem .screen-problem-img{display:block; margin-top:75px}
/* ---------- 미세먼지·안전방충망 :: 특장점 ----------- */
.safety-screen-character{margin-top:340px}
.safety-screen-character .screen-character-img{display:block; margin-top:90px}
/* ---------- 미세먼지·안전방충망 :: 서비스 종류 ----------- */
.screen-service{margin-top:345px}
.service-slide-con{margin-top:65px}
.screen-service-inner{max-width:1100px; margin:0 auto}
.screen-service-slide{margin:0 -13px}
.screen-service-slide li{margin:0 13px}
.screen-service-slide .slide-txt{text-align:center; letter-spacing:-0.15px; color:#303030; border:1px solid #e5e5e5; padding:30px 0}
.screen-service-slide .slide-txt h4{font-weight:600; font-size:20px; }
.screen-service-slide .slide-txt p{font-weight:400; font-size:16px; line-height:1.5; margin-top:18px}
.screen-service-slide .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:9; background-color:transparent; border:none; padding:0}
.screen-service-slide .slick-arrow.slick-prev{left:-50px}
.screen-service-slide .slick-arrow.slick-next{right:-50px}
/* ---------- 미세먼지·안전방충망 :: 서비스 종류별 우수성 ----------- */
.screen-superiority{margin-top:415px}
.superiority-slide-con{margin-top:60px}
.superiority-slide{box-shadow:0 0 15px 3px rgba(0,0,0,0.13)}
.superiority-slide .slick-slide{position:relative; height:775px}
.superiority-slide .slick-slide .superiority-inner{padding-top:50px}
.superiority-slide .superiority-tit{text-align:center}
.superiority-slide .superiority-tit strong{font-weight:300; font-size:14px; letter-spacing:0; color:#00b7f3}
.superiority-slide .superiority-tit h4{font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#303030; padding-top:22px}
.superiority-slide .superiority-tit h4 b{position:relative; display:inline-block}
.superiority-slide .superiority-tit h4 b:after{position:absolute; display:inline-block; content:""; width:6px; height:6px; background-color:#00b7f3; border-radius:50%; top:-13px; left:8px}
.superiority-slide .superiority-img{display:block; margin-top:40px; text-align:center}
.superiority-slide .superiority-img img{display:inline-block}
.superiority-slide.blue-dots .slick-dots{position:absolute; right:55px; bottom:50px; }
/* ---------- 미세먼지·안전방충망 :: 정확한 프로세스 ----------- */
.screen-process-bar .correct-process-slider .sub-icon-slider-inner{width:16.666%}
/* ---------- 미세먼지·안전방충망 :: 시공 ----------- */
.screen-construction{margin-top:355px;}
.screen-construction .screen-construction-img{display:block; text-align:center; margin-top:70px}
/* ---------- 미세먼지·안전방충망 :: 새집증후군 배너 ----------- */
.premium-cleaning.new-house-banner .premium-cleaning-inner{background:url("../images/sub/clean/new_house_banner_bg.jpg") no-repeat 50% 0}
/* ---------- 미세먼지·안전방충망 :: 가격안내 ----------- */
.screen-price-table.price-table .price-tbl tbody tr td{padding:40px 0}
/* ********* 공통 :: 프로모션 수정 :: 200810 *********** */
#mainPromotionContent.sub-promotion{background-color:#222942; padding:100px 0}
#mainPromotionContent.sub-promotion .main-tit-box{color:#fff}
#mainPromotionContent.sub-promotion .ing-event-con .ing-event-list-con li a .event-tit,
#mainPromotionContent.sub-promotion .all-day-event-con .all-event-tit{color:#c0c0c0}
/* ********* 입주/부분/가사도우미/프리미엄 :: 201005 *********** */
/* 중간배너 텍스트 추가 */
.the-homes-txt{margin-bottom:60px}
.the-homes-txt .homes-logo{}
.the-homes-txt .homes-txt{font-weight:300; font-size:16px; letter-spacing:0; color:#fff; margin-top:10px}
/* 가격안내 스타일변경 */
.new-price-style{background:url("../images/sub/clean/price_notice_bg.jpg") no-repeat 50% 0; margin:0; padding:203px 0 200px}
.new-price-style .border-tit .border-tit-box span.bg-white{background:url("../images/sub/clean/border_tit_price_bg.jpg") no-repeat 50% 0; background-size:cover !important}
.new-price-style .price-top-sec{text-align:center; margin-top:45px}
.new-price-style .price-top-sec .price-top-logo{}
.new-price-style .price-top-sec .price-top-txt{font-weight:600; font-size:18px; letter-spacing:0; color:#303030; line-height:1.66; margin-top:35px}
.new-price-style .price-top-sec .price-top-txt em{font-weight:600; color:#151b51}
.new-price-style .price-bottom-sec{text-align:center; margin-top:270px}
.new-price-style .price-bottom-sec strong{display:block; font-weight:600; font-size:22px; letter-spacing:-0.15px; color:#303030}
.new-price-style .price-bottom-sec span{display:block; font-weight:400; font-size:15px; letter-spacing:-0.15px; color:#717171; line-height:24px; margin-top:20px}
.new-price-style .price-table{margin-top:45px}
/* 서비스 점검표 프린트 */
.checklist-print{background-color:#f6f7f8; margin-top:270px; text-align:left}
.checklist-print .checklist-inner{padding:65px 95px}
.checklist-print .checklist-inner > div{display:inline-block; margin:0 -1px; vertical-align:middle}
.checklist-print .checklist-inner .checklist-lf{width:calc(100% - 350px)}
.checklist-print .checklist-inner .checklist-lf .checklist-tit{font-weight:900; font-size:32px; letter-spacing:-0.6px; color:#303030}
.checklist-print .checklist-inner .checklist-lf .checklist-txt{font-weight:400; font-size:18px; letter-spacing:0; color:#303030; line-height:30px}
.checklist-print .checklist-inner .checklist-lf .checklist-txt.txt1{margin-top:10px}
.checklist-print .checklist-inner .checklist-lf .checklist-txt.txt2{margin-top:90px}
.checklist-print .checklist-inner .checklist-lf .checklist-txt.txt3{margin-top:30px; font-size:16px}
.checklist-print .checklist-inner .checklist-lf .print-btn{margin-top:90px; width:313px; height:50px; line-height:48px; text-align:center; color:#fff; background-color:#00b7f3; border:0; font-weight:400; font-size:18px; letter-spacing:-0.15px; display:inline-block ; cursor:pointer}
.checklist-print .checklist-inner .checklist-rt{width:350px; box-shadow:0px 1px 12px 2px rgba(0,0,0,0.3); }
.checklist-print .checklist-inner .checklist-rt img{vertical-align:middle;}
.checklist-wide .checklist-print{max-width:1200px}
/* ********* 이사,거주,인테리어청소 텍스트 추가 ******* */
.gray-box-homes{background-color:#f5f5f5; text-align:center; padding:20px 0}
.gray-box-homes p{font-weight:400; font-size:16px; color:#000; line-height:1.5;}
.gray-box-homes p span{color:#001a77}
/* ********* 대형,소형가전 텍스트 추가 ******* */
.app-new-txt{font-size:16px; color:#fff; letter-spacing:-0.6px; line-height:1.5; position:absolute; top:265px; left:0; width:100%; text-align:center}
/* **************** 공통부분 리뉴얼 :: 210329 ****************** */
.cm-center{text-align:center}
/* 브랜드가치 */
.cm-brand-value{margin:215px 0 200px}
/* 5년 연속 수상 */
.cm-brand-award{background:url("../images/sub/clean/cm_brand_award_bg.jpg") no-repeat 50% 0; background-size:cover !important;}
/* 브랜드 슬라이드 */
.cm-brand-slide{margin:230px 0 160px}
.cm-brand-slide .slick-dots{margin-top:75px}
/* 한스클린만의 차별점 */
.cm-has-different{margin-top:380px}
.cm-has-different .img{margin-top:75px}
/* 서비스 이용안내 */
.cm-service-notice{margin-top:380px}
.cm-service-notice .cm-img{margin-top:100px}
.cm-service-notice .service-notice-con{margin-top:70px}
.cm-service-notice .service-notice-con .notice-box{display:flex; flex-wrap:wrap; margin:0 -1%}
.cm-service-notice .service-notice-con .notice-box li{float:left; background-color:#f4f6f8; width:31.333%; margin:0 1%}
.cm-service-notice .service-notice-con .notice-box li .txt .tit{display:block; font-weight:900; font-size:20px; letter-spacing:-0.15px; color:#00b7f3}
.cm-service-notice .service-notice-con .notice-box li .txt .explain{font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#303030; line-height:1.4; margin-top:15px}
.cm-service-notice .service-notice-con .notice-box.col-03{margin:0 -1% 2%}
.cm-service-notice .service-notice-con .notice-box.col-03 li{width:31.333%;}
.cm-service-notice .service-notice-con .notice-box.col-03 li .box-inner{display:table; height:120px; width:100%; padding-left:40px; box-sizing:border-box}
.cm-service-notice .service-notice-con .notice-box.col-03 li .box-inner .icon,
.cm-service-notice .service-notice-con .notice-box.col-03 li .box-inner .txt{display:table-cell; vertical-align:middle; text-align:left}
.cm-service-notice .service-notice-con .notice-box.col-03 li .box-inner .icon{width:80px}
.cm-service-notice .service-notice-con .notice-box.col-03 li .box-inner .txt{}
.cm-service-notice .service-notice-con .notice-box.col-02 li{}
.cm-service-notice .service-notice-con .notice-box.col-02 li.wide-box{width:64.666%; background:url("../images/sub/clean/service_possible_area.jpg"); height:210px; position:relative}
.cm-service-notice .service-notice-con .notice-box.col-02 li.wide-box .area-circle{position:absolute; right:326px; top:50%; margin-top:-2px; font-weight:700; font-size:18px; letter-spacing:-0.15px; color:#00b7f3}
.cm-service-notice .service-notice-con .notice-box.col-02 li.wide-box .txt{position:absolute; text-align:left; right:80px; top:50%; margin-top:-40px}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box{position:relative}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box .box-inner{text-align:left; position:absolute; top:50%; transform:translateY(-50%); left:40px}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box .box-inner .tit img{display:inline-block; margin-right:30px; vertical-align:bottom}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box .box-inner .check-list{margin-top:35px}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box .box-inner .check-list span{float:left; margin-right:22px; position:relative; display:inline-block; font-weight:400; font-size:14px; letter-spacing:-0.15px; color:#00b7f3; padding-left:18px}
.cm-service-notice .service-notice-con .notice-box.col-02 li.cm-box .box-inner .check-list span:before{position:absolute; content: ""; width:14px; height:14px; background:url("../images/sub/clean/checkbox_icon.png") no-repeat; left:0; top:-1px }
/* 서비스 이용안내 :: 210806 리뉴얼 */
.cm-service-notice .service-notice-con.renewal .notice-box.col-03 li{display:table}
.cm-service-notice .service-notice-con.renewal .notice-box.col-03 li .box-inner{display:table-cell; vertical-align:middle; padding:0 30px}
.cm-service-notice .service-notice-con.renewal .notice-box.col-03 li .box-inner .tit{display:block; text-align:left; width:100%}
.cm-service-notice .service-notice-con.renewal .notice-box.col-03 li .box-inner .explain{text-align:left}
.cm-service-notice .service-notice-con.renewal .notice-box li .box-inner .tit,
.cm-service-notice .service-notice-con.renewal .notice-box li .txt .tit{font-weight:900; font-size:20px; letter-spacing:0; color:#303030; position:relative; padding-left:9px; margin-bottom:15px}
.cm-service-notice .service-notice-con.renewal .notice-box li .box-inner .tit:before,
.cm-service-notice .service-notice-con.renewal .notice-box li .txt .tit:before{position:absolute; content:""; width:2px; height:19px; background-color:#303030; top:0; left:0}
.cm-service-notice .service-notice-con.renewal .notice-box li .box-inner .explain,
.cm-service-notice .service-notice-con.renewal .notice-box li .txt .explain{font-weight:400; font-size:14px; letter-spacing:-0.15px; line-height:1.3}
.cm-service-notice .service-notice-con.renewal .notice-box li .box-inner .explain p{padding-top:8px}
.cm-service-notice .service-notice-con.renewal .notice-box.col-02 li.wide-box.area-total{background:url("../images/sub/clean/renewal_service_possible_area_total.png")}
.cm-service-notice .service-notice-con.renewal .notice-box.col-02 li.cm-box .box-inner{left:30px; right:30px}
/* 추천 제안 서비스 */
.cm-service-suggest{margin-top:370px}
.cm-service-suggest .cm-suggest-banner{position:relative; margin-top:60px}
.cm-service-suggest .cm-suggest-banner .banner-inner{height:384px}
.cm-service-suggest .cm-suggest-banner .banner-inner.banner-border{border:3px solid rgba(221,221,221,0.45); box-sizing:border-box}
.cm-service-suggest .cm-suggest-banner .banner-txt{padding:80px 0 0 60px}
.cm-service-suggest .cm-suggest-banner .banner-txt span{display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#303030; margin-bottom:25px}
.cm-service-suggest .cm-suggest-banner .banner-txt h3{font-weight:300; font-size:42px; letter-spacing:-0.4px; color:#303030; line-height:1.2; font-family: 'KoPub Batang', serif; }
.cm-service-suggest .cm-suggest-banner .banner-txt h3 strong{font-weight:600; color:#00b7f3}
.cm-service-suggest .cm-suggest-banner .banner-btn{position:absolute; bottom:0; left:0; margin-bottom:56px; margin-left:60px; width:260px; height:48px; display:inline-block; font-weight:400; font-size:16px; letter-spacing:-0.15px; color:#707070; background:#fff; border-radius:10px; line-height:48px; text-align:center; border:1px solid #707070; box-sizing:border-box}
.cm-service-suggest .cm-suggest-banner .banner-btn b{padding-left:10px}
/* 마켓한스*/
.new-market-hans.market-hans{background-color:#fff; margin:400px 0 0}
.new-market-hans.market-hans .market-hans-inner{padding:0}
/* 작업사진, 실제후기 */
.cm-real-review{background-color:#f6f7f8; margin-top:250px; padding:150px 0 170px}
/* 가격안내 */
.new-price-style.renewal-style{background-size:100% 100% !important}
.price-notice-inner.narrow-area{max-width:918px}
.price-notice-inner.middle-area{max-width:1020px}
.price-icon-list{margin-top:150px}
.price-icon-list.no-daily-hans{margin-top:50px}
.price-icon-list ul{text-align:center}
.price-icon-list ul li{/*float:left;*/display:inline-block; margin-right:60px}
.price-icon-list ul li:last-child{margin-right:0}
.price-icon-list ul li .icon,
.price-icon-list ul li .tit{display:inline-block; margin:0 -1px;}
.price-icon-list ul li .tit{font-weight:600; font-size:16.5px; letter-spacing:-0.25px; color:#303030; margin-left:12px}
.new-btn.go-price-btn a{background-color:#bbbcc1}
.new-btn.go-price-btn a.go-promotion-btn{background-color:#00b7f3}
/* 공통스타일 표 */
.mw-760{max-width:760px; margin:0 auto}
.sub-tab-inner .cm-price-table{margin-top:35px}
.cm-price-table{margin:40px auto 0}
.cm-price-table .cm-price-tbl{width:100%}
.cm-price-tbl.magin-t{margin-top:20px}
.cm-price-tbl tr th,
.cm-price-tbl tr td{text-align:center; padding:17px 0; border:1px solid #e5e5e5; font-weight:600; font-size:18px; color:#303030; line-height:1.35}
.cm-price-tbl tr td{background-color:#fff}
.cm-price-tbl tr th.blue-bg{border-bottom-color:#00b7f3}
.cm-price-tbl tr th .sm-tit{display:block; font-weight:400; font-size:14px; margin-top:5px}
.cm-price-tbl tr .blue-bg{background-color:#00b7f3; color:#fff}
.cm-price-tbl tr .gr-bg{background-color:#f1f2f7}
.cm-price-tbl tr .dark-bg{background-color:#ababab; color:#fff}
.cm-price-tbl tr .bl-bg{background-color:#f9f9f9}
.cm-price-tbl tr .lf-blue{border-left-color:#00b7f3}
.cm-price-tbl tr .rt-blue{border-right-color:#00b7f3}
.cm-price-tbl tr .bt-blue{border-bottom-color:#00b7f3}
.cm-price-tbl tr .high{padding:36px 0}
.cm-price-tbl tr .no-lf-bd{border-left:0}
.cm-price-tbl tr .no-rt-bd{border-right:0}
.cm-price-tbl tr td .option{display:block; margin-bottom:10px}
.cm-price-tbl tr .inline-center{display:inline-block; text-align:left; line-height:30px}
.cm-price-tbl tr .sm-txt-inline{display:inline-block; font-size:13px; font-weight:600}
.cm-price-notice{background-color:#f8f8fb; padding:30px 25px; margin-top:40px; font-weight:400; font-size:16.5px; letter-spacing:-0.15px; color:#444; line-height:26px; }
.cm-price-notice.txt-center{text-align:center}
.cm-price-notice.narrow{padding-top:17px; padding-bottom:17px}
.cm-price-notice .bold{font-weight:900}
.cm-price-notice p{position:relative; padding-left:10px}
.cm-price-notice p:before{position:absolute; content:"-"; left:0; top:0}
.cm-price-notice a{display:inline-block; position:relative; font-weight:600; color:#444}
.cm-price-notice a:after{position:absolute; content:""; width:100%; height:1px; background-color:#444; bottom:-1px; left:0}
.price-tbl-img{max-width:100%}
.mw-760 .go-price-btn a.go-promotion-btn{margin-left:60px}
.daily-hans-txt{text-align:center; margin:130px 0 -80px}
.daily-hans-txt img{}
.daily-hans-txt p{font-weight:400; font-size:18px; letter-spacing:0; line-height:30px; color:#303030; margin-top:20px}
.daily-hans-txt p b{font-weight:700; color:#151b51}
/* 업계 1위 */
.cm-ranking-one{margin-top:275px}
/* 현장관리를 보다 철저하게 진행 */
.cm-field-supervision{margin:300px 0 250px}
/* 청와대에서도 믿고 맡기는 한스클린 */
.new-verified-company.verified-company .verified-company-inner{padding:180px 0}
.new-verified-company.verified-company .verified-company-con .verified-company-sec:first-child{border-right:0}
.new-verified-company.verified-company .verified-company-con .verified-company-sec{float:none; display:inline-block; margin:0 -1px; vertical-align:bottom; padding:0}
.new-verified-company.verified-company .verified-company-con .verified-company-sec:last-child{padding-left:50px}
.new-verified-company.verified-company .bt-certification{margin-top:60px}
.new-verified-company .verified-company-graph{background:url("../images/sub/clean/verified_company_graph_bg_2020.png") no-repeat; width:535px; height:411px}
/* ********* 홈케어서비스 :: 수도·보일러 배관청소 ******* */
/* 배관청소, 왜 해야할까요? */
.pipe-cleaning-why{margin-top:290px}
.pipe-cleaning-why .img{margin-top:75px}
/* 배관청소를 하지 않는다면? */
.pipe-trouble{margin-top:390px}
.pipe-trouble .img{margin-top:75px}
.pipe-trouble .water-quality{margin-top:75px; background-color:#f1f2f7; text-align:left; position:relative; height:620px; position:relative;}
.pipe-trouble .water-quality .inner{padding:115px 0 0 60px}
.pipe-trouble .water-quality .inner .txt-con{}
.pipe-trouble .water-quality .inner .txt-con h4{font-weight:400; font-size:36px; letter-spacing: -1px; color:#00b7f3; z-index:1; position:relative; line-height:47px}
.pipe-trouble .water-quality .inner .txt-con h4 b{font-weight:900}
.pipe-trouble .water-quality .inner .txt-con p{font-weight:400; font-size:16px; letter-spacing:0; color:#303030; line-height:30px; margin-top:60px}
.pipe-trouble .water-quality .inner .txt-con a{display:inline-block; font-weight:400; font-size:15px; letter-spacing:0; color:#fff; background-color:#00b7f3; width:192px; height:40px; line-height:42px; text-align:center; border-radius:5px; position:absolute; bottom:115px; left:65px}
.pipe-trouble .water-quality .inner .article-img{position:absolute; right:30px; top:40px}
/* 수도·보일러 배관청소 주기 */
.pipe-cycle{margin-top:405px}
.pipe-cycle .img{margin-top:120px}
/* 수도·보일러 배관청소 종류 및 특성 */
.pipe-character{margin-top:335px}
.pipe-character img{margin-top:65px}
/* 수도·보일러 배관청소 서비스 종류 */
.pipe-service-kind{margin-top:355px}
.pipe-service-kind .img{margin-top:75px}
/* 서비스 적용범위 */
.pipe-service-area{margin-top:350px}
.pipe-service-area .img{margin-top:60px}
/* 서비스 사용장비 */
.pipe-service-equipment{margin-top:380px;}
.pipe-service-equipment .img{margin-top:80px}
/* 정확한 프로세스 */
.pipe-correct-process{margin-top:450px}
.process-new .process-area{max-width:1090px; margin:0 auto}
.process-new .border-tit{margin-bottom:100px}
.process-new .process-sec{margin-bottom:70px}
.process-new .process-sec.process-sec-last{margin-bottom:0}
.process-new .process-sec .process-tit{display:block; text-align:center; font-weight:700; font-size:22px; letter-spacing:-0.15px; color:#00b7f3; margin-bottom:25px}
.process-new .process-sec .correct-process-bar{margin-top:0}
.process-new .process-sec .process-img{display:block; margin-top:10px}
.process-new .correct-process-slider .sub-icon-slider-inner .sub-icon-info span{display:inline-block; width:70px; height:70px; border-radius:50%; background-color:#b9b9ba; position:relative}
.process-new .correct-process-slider .sub-icon-slider-inner.on .sub-icon-info span{background-color:#00b7f3;}
.process-new .correct-process-slider .sub-icon-slider-inner .sub-icon-info span img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.process-new .correct-process-slider .sub-icon-slider-inner .sub-icon-info.move-lf span img{margin-left:4px}
.process-new .correct-process-slider .sub-icon-slider-inner .sub-icon-info span img.off{display:block}
.process-new .correct-process-slider .sub-icon-slider-inner .sub-icon-info span img.on{display:none}
.process-new .correct-process-slider .sub-icon-slider-inner.on .sub-icon-info span img.off{display:none}
.process-new .correct-process-slider .sub-icon-slider-inner.on .sub-icon-info span img.on{display:block}
/* ********* 홈케어서비스 :: 폐기물처리 ******* */
/* 폐기물처리, 왜 해야할까요? */
.waste-cleaning-why{margin-top:290px}
.waste-cleaning-why .img{margin-top:70px}
/* 폐기물처리 주기 */
.waste-cycle{margin-top:405px}
.waste-cycle .img{margin-top:120px}
/* 철거·폐기물처리 서비스 종류 */
.waste-service-kind{margin-top:355px}
.waste-service-kind .img{margin-top:75px}
/* 서비스 적용범위 */
.waste-service-area{margin-top:350px}
.waste-service-area .img{margin-top:60px}
/* 서비스 사용장비 */
.waste-service-equipment{margin-top:380px;}
.waste-service-equipment .img{margin-top:80px}
/* ********* 홈케어서비스 :: 가전케어 ******* */
/* 청소를 하지 않는다면? */
.appliances-trouble.pipe-trouble .water-quality{margin-top:200px}
/* 청소주기 */
.appliances-cycle.pipe-cycle{margin-top:300px}
/* 가격 :: 탭 */
.price-tab-container{margin-top:75px}
.sub-tab-inner{display:none}
.sub-cm-tab-style{margin:0 -0.5%}
.sub-cm-tab-style li{float:left; margin:0 0.5%; text-align:center;}
.sub-cm-tab-style.col-03 li{width:32.333%;}
.sub-cm-tab-style.col-04 li{width:24%;}
.sub-cm-tab-style li a{display:block; border:2px solid #00b7f3; height:40px; line-height:40px; font-weight:400; font-size:18px; letter-spacing:-0.25px; color:#00b7f3; border-radius:6px; overflow:hidden; transition:all 0.3s}
.sub-cm-tab-style li a:hover,
.sub-cm-tab-style li.select a{background-color:#00b7f3; color:#fff}
/* ************* 서브페이지 리뉴얼 :: 210630 ************* */
/* ********* 공통 :: 데일리한스를 소개합니다 ******* */
.cm-daily-intro{margin-top:480px}
.cm-daily-intro .daily-hans-intro{margin-top:90px}
.cm-daily-intro .daily-hans-intro span{position:relative; display:block; text-align:center}
.cm-daily-intro .daily-hans-intro span:after{position:absolute; content:""; width:100%; height:697px; background-color:#cbe5ff; bottom:0; left:0; z-index:0}
.cm-daily-intro .daily-hans-intro span img{position:relative; z-index:1}
.cm-daily-intro .daiy-intro-slide-con{margin-top:80px}
.cm-daily-intro .daiy-intro-slide-con .intro-top{margin-bottom:40px}
.cm-daily-intro .daiy-intro-slide-con .intro-top .lf-tit{font-weight:600; float:left; font-size:34px; letter-spacing:-0.15px; color:#303030}
.cm-daily-intro .daiy-intro-slide-con .intro-top .lf-tit span{display:block; font-weight:400; font-size:18px; margin-top:18px}
.cm-daily-intro .daiy-intro-slide-con .intro-top .rt-btn{float:right; width:220px; height:55px; line-height:55px; text-align:center; background-color:#fff; color:#00b9ef; font-weight:400; font-size:18px; letter-spacing:-0.15px; transition:all 0.3s; border:2px solid #00b9ef; box-sizing:border-box}
.cm-daily-intro .daiy-intro-slide-con .intro-top .rt-btn:hover{background-color:#00b9ef; color:#fff}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide{margin:0 -13px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li{margin:0 13px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li img{max-width:100%}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li .txt-con{}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li .txt-con .tit{display:block; font-weight:600; font-size:28px; letter-spacing:-0.15px; color:#303030; padding:27px 0; border-bottom:1px solid #d2d2d2}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li .txt-con .txt-list{margin-top:22px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li .txt-con .txt-list li{font-weight:400; font-size:15px; letter-spacing:-0.15px; color:#303030; margin-bottom:10px; position:relative; padding-left:15px; margin-left:0}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide li .txt-con .txt-list li:before{position:absolute; content:""; width:7px; height:7px; background-color:#303030; border-radius:50%; left:0; top:3px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); background:#fff; border:0}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide .slick-arrow.slick-prev{left:-60px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide .slick-arrow.slick-next{right:-60px}
.cm-daily-intro .daiy-intro-slide-con .daiy-intro-slide .slick-arrow i{font-size:35px; color:#ddd}
/* ************ 가격안내 안내박스추가 *********** */
.new-price-style.new-bg{background:url("../images/sub/clean/cm_price_new_bg.jpg") no-repeat 50% 0; background-size:100% auto !important}
.new-price-style.new-bg .border-tit .border-tit-box span.bg-white{background:url("../images/sub/clean/border_tit_price_bg_new.jpg") no-repeat 50% 0}
.cm-price-notice-box{margin-top:58px}
.cm-price-notice-box ul li{float:left; margin:0 15px 15px 0; background-color:#f4f6f8; text-align:left}
.cm-price-notice-box ul li:last-child{margin-right:0}
.cm-price-notice-box ul li.blue-box{background-color:#e4f4fe}
.cm-price-notice-box .box-01{display:flex; flex-wrap:wrap}
.cm-price-notice-box .box-01 li{width:565px}
.cm-price-notice-box .box-01 li:last-child{width:calc(100% - 580px)}
.cm-price-notice-box .box-02{}
.cm-price-notice-box .box-02 li{width:440px}
.cm-price-notice-box .box-02 li:last-child{width:calc(100% - 455px)}
.cm-price-notice-box ul li .inner{padding:30px}
.cm-price-notice-box ul li .inner .tit{position:relative; font-weight:900; font-size:18px; letter-spacing:0; color:#303030; padding-left:10px; margin-bottom:12px}
.cm-price-notice-box ul li .inner .tit:before{position:absolute; content:""; width:2px; height:17px; background-color:#303030; top:0; left:0}
.cm-price-notice-box ul li .inner .explain{font-weight:400; font-size:14px; letter-spacing:0; color:#797979; line-height:1.42; padding-left:11px}
.cm-price-notice-box ul li .inner .explain b,
.cm-price-notice-box ul li .inner .explain b a{font-weight:400; color:#303030}
/* ************ 함께하면 좋은 추가 시공 *********** */
.cm-together-option{margin:300px 0 320px; text-align:center}
.cm-together-option .together-option-img{margin-top:90px}