/* @import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Roboto'); */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato/Lato-Regular.woff) format('woff');
  }
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/Roboto-Regular.woff) format('woff');
  }
/* 공통 */
#wrap{overflow-x:hidden;}
.roboto{font-family:'Roboto'}
.lato{font-family:'Lato'; vertical-align:baseline;}
.textblock{display:block !important;padding:0 !important;margin:0 !important}
.mblock{display:inline}
.colorPurple{color:#6130cf !important;border-color:#6130cf !important}
.colorYellow{color:#ffd400 !important;border-color:#ffd400 !important}
.searchInput{width:100%;height:60px;padding:15px 0;border-bottom:1px solid #979797;border-radius:0;font-size:16px;color:#333;line-height:30px;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.counselInput{width:100%;height:60px;padding:15px 0;border-bottom:1px solid #979797;border-radius:0;font-size:16px;color:#333;line-height:30px;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.counselInputCalendar{width:100%;height:60px;padding:15px 10px;border:1px solid #979797;border-radius:0;font-size:16px;color:#333;line-height:30px;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none;background:url(https://cleanbell.blob.core.windows.net/images-v3/calendarBg.png) no-repeat 90% center;cursor:pointer}
.surveyPInput{background:none;width:100%;height:60px;padding:15px 0;border-bottom:1px solid #979797;border-radius:0;font-size:16px;color:#333;line-height:30px;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.surveyInput{width:100%;height:45px;padding:0 0 15px;border-bottom:1px solid #979797;border-radius:0;font-size:16px;color:#333;line-height:30px;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.certNum{position:absolute;bottom:11px;right:0;display:block;width:102px;height:40px;background:#f7f7f7;border:1px solid #e7e7e7;font-size:14px;line-height:38px;text-align:center;color:#67666b;cursor:pointer}
.certNum.active{background:#f8f5ff;border-color:#6131ce;color:#6131ce}
.certNumTime{position:absolute;right:0;color:#999999}
.certNumTime2{position:absolute;right:120px;;top:50%;margin-top:-12px;color:#999999}
.clear:after{display:block;clear:both;content:''}
/* 페이징 */
.pagination{display:block;margin:0 auto 100px;text-align:center;border-collapse:collapse;font-size:0}
.pagination a{margin-left:-1px;display:inline-block;border:1px solid #ccc;font-family:'Roboto';font-size:12px;font-weight:bold;color:#353535;padding:11px 13px;box-sizing:border-box}
.pagination a:first-of-type{margin-left:0}
.pagination a.active{position:relative;}
.pagination a.active::before{position:absolute;top:-1px;left:0;right:0;width:100%;height:2px;background:#6131ce;content:''}
.pagination a:hover:not(.active){position:relative;}
.pagination a:hover:not(.active)::before{position:absolute;top:-1px;left:0;right:0;width:100%;height:2px;background:#a18ecc;content:''}
/* 스크롤 커스텀 */
.scrollable-content {overflow-x:hidden;overflow-y:scroll;}
.scrollable-content::-webkit-scrollbar {width:4px;}
.scrollable-content::-webkit-scrollbar * {background:transparent;}
.scrollable-content::-webkit-scrollbar-thumb {background:#6130cf !important;}

/* 메인메뉴 */
#header > .inner{position:relative;}
#logo{padding:39px 0 38px;}
#logo a{display: block;}
#nav{float:left;}
#gnb{margin-left:100px}
#gnb li{margin-left:70px !important}
#gnb li a{line-height:80px}
#gnb li a:hover:before {bottom:0}

/* 메인 - 드롭다운 메뉴 */

#header{position:absolute;top:0;left:0;right:0;padding:0;background:rgba(255,255,255,0);z-index:100;border-bottom: 0;}
#header.sticky{position:fixed;top:0;width:100%;background:#fff;border-bottom: 1px solid #e3e3e3;}
#header .hd-floatBtn{display: none;float: right;margin-right: 221px;padding: 46px 0;font-size: 18px;line-height: 21px;color: #000;letter-spacing: -0.8px;font-weight: 400;}
#header .hd-floatBtn:hover{color: #6131CE;}
#header.sticky .hd-floatBtn{display: block;}
#header .f_floatBtn{display: none;position: absolute;top: 32px;right: 0;padding: 13px 40px 16px 39px;font-size: 18px;line-height: 27px;text-align: center;letter-spacing: -0.9px;color: #FAE6CD;background: #6131CE;border: 0;border-radius: 28px;}
#header.sticky .f_floatBtn{display: block;}
#header.sticky .f_floatBtn:hover{color: #322D4F;background: #FAE6CD;}
#header .inner{width: 1184px;}
#header .cleanbell-dropmenu{display:none;position:absolute;top:80px;right:-8%;width:20%;z-index:100;}
#header .cleanbell-dropmenu.hover{display:block;}
#header .cleanbell-dropmenu ul{height:auto;background:#353535;text-align:center}
#header .cleanbell-dropmenu ul li{float:none;display:block;margin-left:0 !important;padding:0 43px;text-align:center;}
#header .cleanbell-dropmenu ul li a{display:block;font-size:16px;line-height:70px;letter-spacing:-1.1px;color:#fff;white-space:nowrap;}
#header .cleanbell-dropmenu ul li a.before::before{display:none}
#header .cleanbell-dropmenu ul li a:hover{font-weight:normal;color:#a88be8;}
#header .cleanbell-dropmenu ul li a:hover:before{display:none}
#header .cleanbell-dropmenu span{display:block;width:100%;font-size:14px;line-height:32px;background:#6131ce;color:#fff;text-align:center;}
#header .cleanbell-dropmenu span strong{font-size:14px;line-height:32px;vertical-align:baseline;}
.cleanbellDrop a.before{position:relative;color:#6131ce !important;font-weight:500 !important}
.cleanbellDrop a.before::after{position: absolute; bottom:0; left:0; width:100%; height:3px; background:#6131ce; content:'';}
.cleanbellDrop a.active{position:relative;color:#6131ce !important;font-weight:500 !important}
.cleanbellDrop a.active::after{position: absolute; bottom:0; left:0; width:100%; height:3px; background:#6131ce; content:'';/*190108*/bottom:-1px}

#header .premium-dropmenu{display:none;position:absolute;top:80px;left:0;width:100%;z-index:100}
#header .premium-dropmenu.hover{display:block;}
#header .premium-dropmenu ul{height:70px;background:#353535;text-align:center}
#header .premium-dropmenu ul li{float:none;display:inline-block;margin:0;padding:0 43px;text-align:center;}
#header .premium-dropmenu ul li a{display:block;font-size:16px;line-height:70px;letter-spacing:-1.1px;color:#fff;}
#header .premium-dropmenu ul li a.before::before{display:none}
#header .premium-dropmenu ul li a:hover:before{display:none}
#header .premium-dropmenu span{display:block;width:100%;font-size:14px;line-height:32px;background:#6131ce;color:#fff;text-align:center;}
#header .premium-dropmenu span strong{font-size:14px;line-height:32px;vertical-align:baseline;}
.premiumDrop a.before{position:relative;color:#6131ce !important;font-weight:500 !important}
.premiumDrop a.before::after{position: absolute; bottom:0; left:0; width:100%; height:3px; background:#6131ce; content:'';}
.premiumDrop a.active{position:relative;color:#6131ce !important;font-weight:500 !important}
.premiumDrop a.active::after{position: absolute; bottom:0; left:0; width:100%; height:3px; background:#6131ce; content:'';/*190108*/bottom:-1px}

.showDropmenu{display:block;float:right;padding:20px 0;width:40px;height:40px;background:url(https://cleanbell.blob.core.windows.net/images-v4/gnb_on.png) no-repeat center}
.showDropmenu.imgChange{background:url(https://cleanbell.blob.core.windows.net/images-v4/gnb_off.png) no-repeat center}

/* container */
#container{position:relative;height:100%;}
#container .inner{position:relative;width:1184px;margin:0 auto;}
#container .inner::after{display:block;clear:both;content:'';}
.topBanner{position:relative;height:860px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleaner_bg.png) center 30% no-repeat;background-size:cover;}
.topBanner h2{position:relative;padding:195px 0 0;font-size:72px;line-height:72px;letter-spacing:-3.6px;font-weight:500;color:#6131ce;text-align:left;white-space:nowrap;}
.topBanner h2 span.lato{font-size: 78px;line-height: 72px;letter-spacing: -3.9px;}
.topBanner h2 span.mblock{display:inline;color:#363636}
.topBanner p{margin: 20px 0 0;display: block;font-size: 24px;line-height: 32px;letter-spacing: -1.2px;font-weight: 400;text-align: left;}
.topBanner p strong{display: inline-block;font-size: 24px;line-height: 32px;letter-spacing: -1.2px;font-weight: 500;}
.topBanner p strong span.lato{font-size: 24px;line-height: 32px;letter-spacing: -1.2px;font-weight: 400;}
.topBanner ol{display: block;margin: 60px 0 0;font-size: 0;}
.topBanner ol li{display: inline-block;margin-right: 40px;}
.topBanner ol li a{display: block;padding: 14px 109px 15px 40px;font-size: 18px;line-height: 27px;text-align: center;letter-spacing: -0.9px;color: #FAE6CD;border: 0;border-radius: 28px;}
.topBanner ol li:first-of-type a{background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_fae6cd.png) no-repeat 202px center #6131CE;}
.topBanner ol li:last-of-type a{background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_fae6cd.png) no-repeat 202px center #363636;}
.topBanner ol li:first-of-type a:hover, .topBanner ol li:last-of-type a:hover{color: #322D4F;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_322d4f.png) no-repeat 202px center #FAE6CD;}

.searchTab{position:absolute;top:775px;left:50%;width:100%;background:rgba(255,255,255,0.9);z-index:10;
transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);}
.searchTab::before{position:absolute;top:0;left:0;right:0;height:10px;background:#6131ce;content:'';}
.searchTabTop{position:absolute;top:-217px;width:100%;font-size:0;}
.searchTabTop::after{display:block;clear:both;content:'';}
.searchTabTop li{margin-top:90px;display:inline-block;width:33.3333%;height:80px;background:rgba(50,45,79,0.7);}
.searchTabTop li.active{margin-top:10px;width:33.3333%;height:160px;background:#6131ce;}
.searchTabTop li a{display:block;padding:30px 0 28px;text-align:center;}
.searchTabTop li.active a{position:relative;padding:110px 40px 28px;text-align:center;}
.searchTabTop li.active a::after{position:absolute;bottom:60px;left:50%;
	transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);content:'';}
.searchTabTop li:first-of-type.active a::after{width:78px;height:70px;background:url(https://cleanbell.blob.core.windows.net/images-v4/tablink-i-1.png) no-repeat;}
.searchTabTop li:nth-of-type(2).active a::after{width:70px;height:67px;background:url(https://cleanbell.blob.core.windows.net/images-v4/tablink-i-2.png) no-repeat;}
.searchTabTop li:last-of-type.active a::after{width:54px;height:70px;background:url(https://cleanbell.blob.core.windows.net/images-v4/tablink-i-3.png) no-repeat;}
.searchTabTop li a h4{font-size:22px;line-height:22px;letter-spacing:-1.75px;font-weight:400;color:#fff;}
/*
.searchBoxes{position:relative;}
.searchBoxes > div{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:none;}
.searchBoxes > div:first-child{display:block;}

#searchCleaner{position:relative;padding:0 0 77px}
#searchCleaner ul{width:100%;margin:47px 0 0;padding:40px 0 0;}
#searchCleaner ul::after{display:block;clear:both;content:'';}
#searchCleaner ul li{position:relative;display:inline-block;float:left;}
#searchCleaner ul li::after{position:absolute;right:0;top:0;bottom:0;width:1px;height:100%;background:#e0e0e3;content:''}
#searchCleaner ul li:first-of-type{width:50%;}
#searchCleaner ul li:last-of-type{width:50%;}
#searchCleaner ul li:last-of-type::after{display:none;}
*/
.cleanerKinds{}
.cleanerKinds dt{position:relative;padding:0 0 18px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;text-align:center;}
.cleanerKinds dt::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:12px;height:8px;background:url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom.png) no-repeat;content:''}
.cleanerKinds dd{padding:18px 0 0}
.cleanerKinds dd{position:relative;}
.cleanerKinds dd a{position:relative;padding:0 0 27px 34px;margin:0 auto;display:block;width:82px;font-size:24px;line-height:24px;letter-spacing:-1.5px;font-weight:500;color:#464646;white-space:nowrap;}
.cleanerKinds dd a::before{position:absolute;top:0;left:0;width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_01.png) no-repeat;background-size:cover;content:'';}
.cleanerKinds dd a::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:fit-content;height:16px;font-size:16px;line-height:16px;letter-spacing:-1.5px;font-weight:400;color:#7b7b7b;content:'';white-space:nowrap;}
.cleanerKinds dd ol{display:none;position:absolute;top:-9px;padding:0 30px;width:calc(100% - 60px);background:#fff;z-index:1;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}
.cleanerKinds dd ol.on{display:block;}
.cleanerKinds dd li{position:relative;float:none;display:block;padding:27px 0;width:100% !important;border:0;text-align:center;}
.cleanerKinds dd li::after{position:absolute;bottom:0;left:0;right:0;height:1px;background:#e5e5e5;content:''}
.cleanerKinds dd li:last-of-type::after{display:none;}
.cleanerKinds dd li a{width:100%;}
.cleanerKinds dd li a span{position:relative;padding:0 0 27px 34px;margin:0 auto;display:block;width:82px;font-size:24px;line-height:24px;font-weight:500;letter-spacing:-1.5px;color:#464646;}
.cleanerKinds dd li a span::before{position:absolute;top:0;left:0;background-size:cover;content:'';}
.cleanerKinds dd li a span::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:fit-content;height:16px;font-size:16px;line-height:16px;letter-spacing:-1.5px;font-weight:400;color:#7b7b7b;white-space:nowrap;}
.cleanerKinds dd li:first-of-type a span::before{width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_01.png) no-repeat;}
.cleanerKinds dd li:first-of-type a span::after{content:'신축건물 첫 입주시';}
.cleanerKinds dd li:nth-of-type(2) a span{padding-left:41px;}
.cleanerKinds dd li:nth-of-type(2) a span::before{top:2px;width:35px;height:20px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_02.png) no-repeat;}
.cleanerKinds dd li:nth-of-type(2) a span::after{content:'이전 거주자가 만든 오염 제거시';}
.cleanerKinds dd li:nth-of-type(3) a span::before{width:25px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_03.png) no-repeat;}
.cleanerKinds dd li:nth-of-type(3) a span::after{content:'인테리어 후 하는 청소';}
.cleanerKinds dd li:nth-of-type(4) a span::before{width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_04.png) no-repeat;}
.cleanerKinds dd li:nth-of-type(4) a span::after{content:'정기적으로 진행하는 청소';}
.cleanerKinds dd li:last-of-type a span::before{width:28px;height:25px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_05.png) no-repeat;}
.cleanerKinds dd li:last-of-type a span::after{content:'짐이 있는 상태에서 청소';}
.cleanerKinds dd li:nth-of-type(3) a span{width:154px;}
#searchCleaner ul li ol li::after{display:none;}
.cleanerKinds dd ol a{padding:0}
.cleanerKinds dd ol a::before{display:none;}
.cleanerKinds dd ol a::after{display:none;}

.cleanerStruct{}
.cleanerStruct dt{position:relative;padding:0 0 18px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;text-align:center;}
.cleanerStruct dt::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:12px;height:8px;background:url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom.png) no-repeat;content:''}
.cleanerStruct dd{padding:18px 0 0}
.cleanerStruct dd{position:relative;}
.cleanerStruct dd a{position:relative;padding:0 0 27px 34px;margin:0 auto;display:block;font-size:24px;line-height:24px;letter-spacing:-1.5px;font-weight:500;color:#464646;text-align:center;white-space:nowrap;}
.cleanerStruct dd a::before{position:absolute;top:0;left:0;width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_01.png) no-repeat;background-size:cover;content:'';}
.cleanerStruct dd a::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:fit-content;height:16px;font-size:16px;line-height:16px;letter-spacing:-1.5px;font-weight:400;color:#7b7b7b;content:'신축건물 첫 입주시';}
.cleanerStruct dd ol{display:none;position:absolute;top:-9px;padding:0 30px;width:calc(100% - 60px);background:#fff;z-index:1;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}
.cleanerStruct dd ol.on{display:block;}
.cleanerStruct dd li{position:relative;float:none;display:block;padding:27px 0;width:100% !important;border:0;text-align:center;}
.cleanerStruct dd li::after{position:absolute;bottom:0;left:0;right:0;height:1px;background:#e5e5e5;content:''}
.cleanerStruct dd li:last-of-type::after{display:none;}
.cleanerStruct dd li span{position:relative;padding:0 0 27px 34px;margin:0 auto;width:fit-content;display:block;font-size:24px;line-height:24px;font-weight:500;letter-spacing:-1.5px;color:#464646;}
.cleanerStruct dd li span::before{position:absolute;top:0;left:0;background-size:cover;content:'';}
.cleanerStruct dd li span::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:fit-content;height:16px;font-size:16px;line-height:16px;letter-spacing:-1.5px;font-weight:400;color:#7b7b7b;white-space:nowrap;}

.cleanerLocation{}
.cleanerLocation dt{position:relative;padding:0 0 18px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;text-align:center;}
.cleanerLocation dt::after{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:12px;height:8px;background:url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom.png) no-repeat;content:''}
.cleanerLocation dd{padding:18px 0 0}
.cleanerLocation dd{position:relative;}
.cleanerLocation dd a{position:relative;padding:0 0 27px;margin:0 auto;display:block;width:129px;font-size:24px;line-height:24px;letter-spacing:-1.5px;font-weight:500;color:#464646;white-space:nowrap;}
.cleanerLocation dd ol{display:none;position:absolute;left:-80%;width:720px;z-index:1;background:#fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}
.cleanerLocation dd ol.on{display:block;}
#searchCleaner ul li .cleanerLocation dd ol li{display:block;width:100%;}
.cleanerLocation dd ol li::after{display:none;}
.cleanerLocation dd ol li.firstSelect div:first-child{position:relative;padding:30px 40px;background:#6131ce;}
.cleanerLocation dd ol li.secondSelect div:first-child{position:relative;padding:30px 40px;background:#363636;}
.cleanerLocation dd ol li div:first-child h5{font-size:20px;line-height:20px;font-weight:500;letter-spacing:-1.5px;color:#fff;}
.cleanerLocation dd ol li div:first-child h5 span{font-weight:600;}
.cleanerLocation dd ol li div:first-child > span{position:absolute;right:40px;top:50%;transform:translate(0,-50%);font-size:18px;line-height:18px;font-weight:400;letter-spacing:-1.5px;color:#fae6cd;}
.cleanerLocation dd ol li div:last-child{padding:40px;}
.cleanerLocation dd ol li.secondSelect div:last-child{display:none}
.cleanerLocation dd ol li div:last-child table{width:100%;}
.cleanerLocation dd ol li div:last-child table tr{height:60px;}
.cleanerLocation dd ol li div:last-child table tr td{position:relative;border:1px solid #dcdcdc;box-sizing:border-box;}
.cleanerLocation dd ol li div:last-child table tr td input{position:absolute;top:0;left:0;display:none;font-size:0;}
.cleanerLocation dd ol li div:last-child table tr td input + label{position:absolute;top:0;left:0;right:0;bottom:0;display:block;padding:20px 0;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#464646;text-align:center;box-sizing:border-box;}
.cleanerLocation dd ol li div:last-child table tr td input:checked + label{top:-1px;left:-1px;right:-1px;bottom:-1px;color:#fff;background:#322d4f;border:0;border-radius:1px;}
.cleanerLocation dd ol li div:last-child table tr td input:not(:checked) + label{color:#b5b5b5;}
.cleanerLocation dd ol li.secondSelect div:last-child a{margin-top:40px;padding:0;display:block;width:100%;text-align:center;font-size:24px;line-height:78px;letter-spacing:-1.5px;color:#fae6cd;background:#322d4f}
/*
#searchCleaner ul li.cleanerDate{font-size:0;}
#searchCleaner ul li.cleanerDate::before{position:absolute;top:30px;left:50%;transform:translate(-50%,0);width:12px;height:8px;background:url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom.png) no-repeat;content:''}
#searchCleaner ul li.cleanerDate dl{display:inline-block;width:50%;}
#searchCleaner ul li.cleanerDate dl dt{position:relative;padding:0 0 18px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;text-align:center;}
#searchCleaner ul li.cleanerDate dl dd{position:relative;padding:18px 0 0;width:100%;white-space:nowrap;}
#searchCleaner ul li.cleanerDate dl dd a{position:relative;padding:0;margin:0 auto;display:block;width:129px;font-size:24px;line-height:24px;letter-spacing:-1.5px;font-weight:500;color:#464646;white-space:nowrap;} */

/* calendar start */
#searchCleaner ul li.cleanerDate .cleanDateModal{display:none;position:absolute;left:-25%;width:720px;z-index:1;background:#fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}
#searchCleaner ul li.cleanerDate .cleanDateModal.on{display:block;}

#searchCleaner ul li.cleanerDate .cleanDateModal dl dt{padding:30px 40px;}
#searchCleaner ul li.cleanerDate .cleanDateModal dl:first-child dt{background:#6131ce;}
#searchCleaner ul li.cleanerDate .cleanDateModal dl:nth-child(2) dt{background:#464646;}
#searchCleaner ul li.cleanerDate .cleanDateModal dl dt label{display:block;font-size:16px;line-height:16px;font-weight:400;letter-spacing:-1.5px;color:#fff;text-align:left;}
#searchCleaner ul li.cleanerDate .cleanDateModal dl dt input{display:block;padding:13px 0 0;font-size:24px;line-height:24px;font-weight:400;letter-spacing:0;color:#fae6cd;background:none;}

#searchCleaner ul li.cleanerDate .cleanDateModal dd{padding:40px 0;}
#searchCleaner ul li.cleanerDate .cleanDateModal dl:first-child dd::after{position:absolute;right:0;top:40px;width:1px;height:calc(100% - 80px);background:#dcdcdc;content:''}
.ui-datepicker {width: 100%;height: auto;margin: 0 auto;padding:0;font-family:'Lato';font-size:18px;line-height:18px;color:#444;border:0;border-radius:0}
.ui-datepicker .ui-datepicker-header{padding:0 10px;border:0;border-radius:0;background:none;}
.ui-datepicker .ui-datepicker-header a{width:16px;height:16px}
.ui-datepicker .ui-datepicker-header a:hover{background:none;border:0}
.ui-datepicker-title{font-size:0;}
.ui-datepicker-year, .ui-datepicker-month{font-family:'Lato';font-size:18px;line-height:18px;font-weight:400;letter-spacing:0;color:#444;}

.ui-datepicker .ui-datepicker-prev span{background:url(https://cleanbell.blob.core.windows.net/images-v4/calendarArrowL.png) no-repeat;}
.ui-datepicker .ui-datepicker-next span{background:url(https://cleanbell.blob.core.windows.net/images-v4/calendarArrowR.png) no-repeat;}

.ui-datepicker .ui-datepicker-title{line-height:18px}
.ui-datepicker a {text-decoration: none;}
.ui-datepicker table {width: 100%;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-prev {float: left;background-position: center -30px;}
.ui-datepicker-next {float: right;background-position: center 0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0;background:#fff;}
#searchCleaner ul li.cleanerDate dl dd a.ui-state-active,
#searchCleaner ul li.cleanerDate dl dd a.ui-widget-content .ui-state-active,
#searchCleaner ul li.cleanerDate dl dd a.ui-widget-header .ui-state-active{background:#6131ce;color:#fff !important;border-radius:5px;}
#searchCleaner ul li.cleanerDate dl:last-of-type dd a.ui-state-active,
#searchCleaner ul li.cleanerDate dl:last-of-type dd a.ui-widget-content .ui-state-active,
#searchCleaner ul li.cleanerDate dl:last-of-type dd a.ui-widget-header .ui-state-active{background:#464646;}
.ui-datepicker td span, .ui-datepicker td a{margin:8px auto;padding:10px 0;text-align:center;}
.ui-datepicker thead {border-bottom: 1px solid #eee}
.ui-datepicker th {text-transform: uppercase;font-size: 16px;padding: 30px 0 19px;color: #959595;}
.ui-datepicker td{padding:0}
#searchCleaner ul li.cleanerDate dl dd .ui-datepicker td{padding:0}
#searchCleaner ul li.cleanerDate dl dd .ui-datepicker td a{margin:8px auto;padding:10px 0;width:calc(100% - 8px);font-size:16px;line-height:16px;}
#searchCleaner ul li.cleanerDate dl dd .ui-datepicker td:first-child a{color:#df232a}
#searchCleaner ul li.cleanerDate dl dd .ui-datepicker td:last-child a{color:#448ccb}
.selectComplete{margin:0 40px 40px;display:block;font-size:24px;line-height:78px;font-weight:400;letter-spacing:-1.5px;background:#322d4f;color:#fae6cd;text-align:center;}
/* calendar end */

#searchCleaner .searchCleanerbtn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);display:block;padding:25px 60px;width:fit-content;font-size:24px;line-height:24px;font-weight:500;letter-spacing:-1.5px;color:#fae6cd;background:#322d4f;text-align:center;border-radius:50px;}

#searchOriginal{position:relative;padding:0 0 40px;font-size:0;}
#searchOriginal form{margin:47px 0 0;}
#searchOriginal dl{display:inline-block;padding:40px 0}
#searchOriginal dl:first-of-type{width:15%;padding-right:96px;}
#searchOriginal.firstStep dl:first-of-type{width:calc(50% - 48px);padding-right:0;margin-right:48px;}
#searchOriginal dl:last-of-type{width:calc(85% - 100px)}
#searchOriginal.firstStep dl:last-of-type{width:calc(50% - 48px);margin-left:48px;}
#searchOriginal dl dt{padding:0 0 20px;}
#searchOriginal dl dt label{display:block;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;}
#searchOriginal dl dd{position:relative;float:left;padding:20px 0;width:100%;height:62px;border-bottom:1px solid #a9a9a9;box-sizing:border-box;}
#searchOriginal dl dd::after{display:block;clear:both;content:''}
#searchOriginal dl:last-of-type dd{width:calc(50% - 8px)}
#searchOriginal.firstStep dl:last-of-type dd{width:100%;}
#searchOriginal dl:last-of-type dd:last-of-type{margin-left:8px}
#searchOriginal dl:last-of-type dd#phoneCert{display:none;}
#searchOriginal dl dd input[type=text]{height:22px;font-size:22px;line-height:22px;font-weight:500;letter-spacing:-1.5px;color:#464646;background:none;}
#searchOriginal dl:first-of-type dd input{font-size:20px;}
#searchOriginal dl dd input[type=button]{position:absolute;right:0;top:50%;border:0;border-radius:50px;width:fit-content;padding:16px 38px;font-size:16px;line-height:16px;background:#e4e4e4;color:#b5b5b5;
transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
#searchOriginal dl dd input[type=button].ready{background:#322d4f;color:#fff;}
#searchOriginal dl dd input[type=button].action{background:#6131ce;color:#fff;}

#searchOriginal .searchOriginalbtn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);display:block;padding:25px 60px;width:fit-content;font-size:24px;line-height:24px;font-weight:500;letter-spacing:-1.5px;color:#fae6cd;background:#322d4f;text-align:center;border-radius:50px;}

/* realPrice */
.realPrice{position: relative;height: 440px;background: #322d4f;}
.realPrice::before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 1;background: url(https://cleanbell.blob.core.windows.net/images-v4/realPrice_bg_m.png) no-repeat;background-size: cover;content: '';}
.realPrice h3{padding-top: 106px;font-size: 72px;line-height: 107px;font-weight: 500;letter-spacing: -5.4px;text-align: center;color: #FAE6CD;}
.realPrice p{margin-top: 32px;display: block;font-size: 32px;line-height: 48px;font-weight: 400;letter-spacing: -1.6px;color: #EBEBEB;text-align: center;word-break: keep-all;}
.realPrice p strong{display: inline-block;font-size: 32px;line-height: 48px;font-weight: 600;letter-spacing: -1.6px;}
.realPrice a{position: absolute;bottom: -28px;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);display: block;padding: 14px 78px 15px 40px;font-size: 18px;line-height: 27px;letter-spacing: -0.9px;text-align: center;color: #322D4F;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward.png) no-repeat 170px center #FFD400;z-index: 1;border: 0;border-radius: 28px;}
.realPrice a:hover{color: #322D4F;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_322d4f.png) no-repeat 170px center #FAE6CD;}

/* cleanerData */
.cleanerData{position:relative;}
.cleanerDataCircle{background:#5f38b4;padding:106px 0 105px;}
.cleanerDataCircle ul{}
.cleanerDataCircle ul::after{display:block;clear:both;content:''}
.cleanerDataCircle ul li{position:relative;float:left;width:25%;}
.cleanerDataCircle ul li .circle{position:relative;margin:0 auto;width:150px;height:150px;border:6px solid #9dec96;background:none;border-radius:50%;box-sizing:border-box;}
.cleanerDataCircle ul li .circle span{position:absolute;top:50%;left:50%;content:'';
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.cleanerDataCircle ul li .circle span.pic_1{width:74px;height:76px;background:url(https://cleanbell.blob.core.windows.net/images-v4/pic_1_y.png) no-repeat;background-size:74px;}
.cleanerDataCircle ul li .circle span.pic_2{width:82px;height:79px;background:url(https://cleanbell.blob.core.windows.net/images-v4/pic_2_y.png) no-repeat;background-size:82px;}
.cleanerDataCircle ul li .circle span.pic_3{width:70px;height:69px;background:url(https://cleanbell.blob.core.windows.net/images-v4/pic_3_y.png) no-repeat;background-size:70px;}
.cleanerDataCircle ul li .circle span.pic_4{width:86px;height:70px;background:url(https://cleanbell.blob.core.windows.net/images-v4/pic_4_y.png) no-repeat;background-size:86px;}
.cleanerDataCircle ul li dl{text-align:center;}
.cleanerDataCircle ul li dl dt{margin:28px 0 0;font-size:26px;line-height:48px;color:#fff;white-space:nowrap;}
.cleanerDataCircle ul li dl dt span{font-size:48px;line-height:48px;vertical-align:bottom;color:#9dec96;vertical-align:text-bottom;font-weight: 700;letter-spacing: -2px;}
.cleanerDataCircle ul li dl dd{font-size:20px;line-height:28px;letter-spacing:-1.5px;font-weight:400;color:#fff;white-space:nowrap;text-align:center;}

/* subTitleBox */
.subTitleBox ul, .subTitleBox ol{font-size: 0;}
.subTitleBox dt{margin: 0 0 40px;}
.subTitleBox dd{font-size: 20px;line-height: 29px;font-weight: 400;letter-spacing: -1px;color: #6131CE;text-align: left;}
.subTitleBox h4{font-size: 48px;line-height: 70px;font-weight: 700;letter-spacing: -2.4px;color: #322D4F;text-align: left;}
.subTitleBox h4 strong{display: inline-block;font-size: 48px;line-height: 70px;font-weight: 700;letter-spacing: -3.6px;color: #322D4F;text-align: left;}
.subTitleBox p{font-size: 48px;line-height: 70px;font-weight: 400;letter-spacing: -2.4px;color: #232323;text-align: left;}
.subTitleBox p strong{display: inline-block;font-size: 48px;line-height: 70px;font-weight: 400;letter-spacing: -2.4px;color: #6131CE;text-align: left;}
.subTitleBox p span{font-size: 48px;line-height: 70px;font-weight: 400;letter-spacing: -2.4px;color: #6131CE;}
.subTitleBox li{position: relative;}

.cRArea{position: relative;background: #fff;z-index: 1}
.cRArea:hover::before{position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: none;border: 2px solid #6131CE;border-radius: 2px;content: '';z-index: -1;}
.cRcontent h5{font-size: 40px;line-height: 59px;font-weight: 500;letter-spacing: -2px;color: #322D4F;text-align: left;}
.cRcontent .star{display: inline-block;margin:0 10px 10px 0;padding-left: 24px;font-size: 20px;line-height: 30px;font-weight: 700;letter-spacing: 0;color: #6131CE;text-align: left;background: url(https://cleanbell.blob.core.windows.net/images-v4/star24.png) left center no-repeat;}
.cRcontent li{display: block;font-size: 20px;line-height: 30px;font-weight: 400;letter-spacing: -1px;color: #7C7C7C;text-align: left;}
.cRcontent li span{display: inline-block;}
.cRcontent li strong{display: inline-block;margin-left: 12px;font-size: 20px;line-height: 30px;font-weight: 500;letter-spacing: -1px;color: #6131CE;text-align: left;}
.cRcontent li strong.lato{font-weight: 700;}
.cRcontent .sub{display: block;margin: 10px 0;font-size: 16px;line-height: 26px;font-weight: 500;letter-spacing: -0.8px;color: #555555;text-align: left;}
.cRcontent a{position: absolute;right: 30px;bottom: 30px;display: block;padding: 13px 40px 15px;font-size: 18px;line-height: 27px;font-weight: 400;letter-spacing: -0.9px;text-align: center;color: #FFFFFF;background: #6131CE;}
.cRcontent a:hover{color: #322D4F;background: #FAE6CD;}

.subTitleBox .lBox{display: inline-block;max-width: 484px;max-height: 484px;margin-right: 16px;}
.lBox .cRArea{width: 484px;height: 484px;}
.lBox .thumbArea{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.lBox .thumbArea img{height: 100%;}
.lBox .cRcontent{position: absolute;bottom: 10px;left: 10px;right: 10px;padding: 30px;background: rgba(255,255,255,0.8);}

.subTitleBox .rBox{display: inline-block;max-width: 684px;max-height: 484px;}
.rBox .cRArea{width: 684px;height: 234px;}
.rBox .cRArea.top{margin-bottom: 16px;}
.rBox .thumbArea{position: absolute;left: 0;width: 234px;height: 234px;overflow: hidden;}
.rBox .thumbArea img{height: 100%;}
.rBox .top .cRcontent{padding: 30px 30px 15px 253px;background: #fff;}
.rBox .bottom .cRcontent{padding: 30px 30px 14px 253px;background: #fff;}
.rBox .cRcontent h5{font-size: 32px;line-height: 40px;letter-spacing: -1.6px;}
.rBox .cRcontent a{padding: 9px 30px 12px;font-size: 16px;line-height: 24px;}

/* optionEnter */
.optionEnter{position: relative;background: #F9F9F9;}
.optionEnter dl{position:relative;padding:160px 0 229px}
.optionEnter dl::before{position:absolute;right:0;bottom:0;width:464px;height:496px;background:url(https://cleanbell.blob.core.windows.net/images-v4/optionEnter_bg_v2.png) left top no-repeat;content:''}

/* compareCleaner */
.compareCleaner{height: 600px;background:url(https://cleanbell.blob.core.windows.net/images-v4/compareCleaner.png) no-repeat;background-size: cover;}
.compareCleaner .inner{height: 100%;}
.compareCleaner .inner::before{position:absolute;left:0;bottom:0;width:647px;height:480px;background:url(https://cleanbell.blob.core.windows.net/images-v4/compareCleaner_bg.png) left top no-repeat;content:''}
.compareCleaner dl{position: absolute;top: 140px;right: 150px;display:block;}
.compareCleaner .subTitleBox h4{color: #FAE6CD;}
.compareCleaner .subTitleBox h4 strong{color: #FAE6CD;}
.compareCleaner .subTitleBox dd{color: #FFF;}

/* trustRanking */
.trustRanking{background: url(https://cleanbell.blob.core.windows.net/images-v4/trustRanking_bg_v2.png) 50% no-repeat;background-size: cover;}
.trustRanking .inner{padding: 160px 0 152px;}
.trustRanking a{display: block;margin: 60px 0 0;padding: 14px 78px 15px 40px;width: 132px;font-size: 18px;line-height: 27px;letter-spacing: -0.9px;text-align: center;color: #FAE6CD;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_fae6cd.png) no-repeat 200px center #363636;z-index: 1;border: 0;border-radius: 28px;}
.trustRanking a:hover{color: #322D4F;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_forward_322d4f.png) no-repeat 200px center #FAE6CD;}

/* companyRank */
.companyRank{background:#E6E2DE;}
.companyRank .inner{position: relative;padding: 100px 0;}
.companyRank dt{margin-bottom: 32px;}


/* withCleaner */
.withCleaner{position:relative;height:600px;background:url(https://cleanbell.blob.core.windows.net/images-v4/withCleaner_bg.jpg) no-repeat;background-size:cover;}
.withCleaner div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width: 100%;}
.withCleaner h3{position:relative;font-size:60px;line-height:80px;font-weight:500;letter-spacing:-4.5px;color:#fff;text-align:center;word-break: keep-all;}
.withCleaner a{margin:60px auto 0;display:block;padding: 13px 39px 16px;width: 150px;font-size:18px;line-height:27px;font-weight:400;letter-spacing:-0.9px;color:#fae6cd;text-align:center;background:#6131CE;border:0;border-radius:28px;white-space: nowrap;
-webkit-box-shadow: 0px 4px 0px rgba(70,70,70,0.2);
-moz-box-shadow: 0px 4px 0px rgba(70,70,70,0.2);
box-shadow: 0px 4px 0px rgba(70,70,70,0.2);}
.withCleaner a:hover{color: #322D4F;background: #FAE6CD;}

/* footer */
footer{padding:50px 0 90px;background:#363636;}
footer .inner{position:relative;width:1184px;margin:0 auto;}
footer span.caution{margin:0 auto;padding:17px 20px;display:block;width:fit-content;font-size:14px;line-height:14px;font-weight:400;letter-spacing:0;color:#7c7c7c;background:#444444;text-align:center;}
.f_contents{position:relative;margin:50px 0 0;}
.f_contents::after{display:block;clear:both;content:''}
.f_contents ul{display:inline-block;margin-right:125px;}
.f_contents ul li{font-size:16px;line-height:30px;font-weight:400;letter-spacing:0;}
.f_contents ul li:first-of-type{margin:0 0 35px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:0;}
.f_contents ul.busyInfo li{color:#7c7c7c;}
.f_contents ul.csCenter li{line-height:21px;color:#a1a1a1;}
.f_contents ul.csCenter li:nth-of-type(2){margin:0 0 14px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:0;}

.f_contents ol{display:inline-block;float:right;text-align:right;}
.f_contents ol li{margin:0 0 20px;font-size:18px;line-height:18px;font-weight:500;letter-spacing:0;}
.f_contents ol li a{color:#7c7c7c;}
.f_contents ol li:last-of-type{margin:0;}
.f_contents ol li:last-of-type a{color:#a1a1a1;}

.f_bottom{margin:50px 0 0;}
.f_bottom::after{display:block;clear:both;content:''}
.f_bottom span.copyright{font-size:14px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#7c7c7c;vertical-align:-webkit-baseline-middle;}
.f_bottom ul{float:right;}
.f_bottom ul li{display:inline-block;margin-right:20px;}
.f_bottom ul li:last-of-type{margin-right:8px;}

/* modal-normal */
.modalpopup .modal_block{display:block;padding:100px 50px;background:#f9f9f9;font-size:0;}

/* inputbox 간편상담 */
.inputbox.easy{padding: 48px;}
.inputbox.easy ul{display: block;width: 100%;}
.inputbox.easy ul:last-of-type{margin-left: 0;margin-top: 20px;}
.inputbox.easy ul li{display: inline-block;margin: 0;width: calc(50% - 20px);overflow: inherit;}
.inputbox.easy ul li:first-of-type{margin-right: 40px;}
.inputbox.easy input[type=tel].padding, .inputbox ul li input[type=text].padding{padding-right: 140px;width: calc(100% - 140px);}
.inputbox.easy .btn_cert_1{display: none;}
.inputbox ul li label.gabageTime{position: absolute;bottom: 20px;right: 140px;padding: 0;font-size: 18px;line-height: 18px;font-weight: 400;letter-spacing: 0;color: #7C7C7C;}
.mainDatepicker{position: relative;padding: 4px 0 13px 74px;width: calc(100% - 74px);font-size: 20px;line-height: 29px;font-weight: 700;letter-spacing: 0;background: url(https://cleanbell.blob.core.windows.net/images-v4/calendarIcon.png) 20px 9px no-repeat;}
.mainDatepicker::after{position: absolute;top: 15px;right: 30px;width: 12px;height: 8px;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom_b.png) no-repeat;content: '';z-index: 1;}
.inputbox.easy ul li.phone-step-2{display: none;}
.inputbox.easy ul li.inlineBlock{display: inline-block !important;}
.modal_block .step_arrow{display: none;}
.modal_block .step_arrow::after{display: block;clear: both;content: '';}
.modal_block .step_arrow .step_reserve{display: block;float: right;padding: 19px 155px 21px;max-width: 80px;font-size: 22px;line-height: 33px;font-weight: 400;letter-spacing: -1.1px;text-align: center;color: #FAE6CD;background: #322D4F;border: 0;border-radius: 4px;}

/* mainDatepickerHover change */
.mainDatepickerHover{display: none;position: absolute;top: -10px;left: 0;right: 0;margin: -20px;background: #FFF;z-index: 1;}
.mainDatepickerHover h4{padding: 28px 0 50px 38px;font-size: 22px;line-height: 33px;font-weight: 400;letter-spacing: -1.65px;color: #FAE6CD;background: #6131CE;}
.easyDate{position: absolute;top: 85px;left: 20px;padding: 8px 0 10px 74px;width: calc(100% - 74px - 40px);font-size: 20px;line-height: 29px;font-weight: 700;letter-spacing: 0;background: url(https://cleanbell.blob.core.windows.net/images-v4/calendarIcon.png) 20px 13px no-repeat #FFF;border: 1px solid #6131CE;border-radius: 2px;z-index: 1;}
.easyDate::after{position: absolute;top: 19px;right: 30px;width: 12px;height: 8px;background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_top_b.png) no-repeat;content: '';z-index: 1;}
.easyDatepicker{padding: 55px 20px 20px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #6131CE !important;}
#selectMoveDate .ui-state-active, #selectMoveDate .ui-widget-content .ui-state-active, #selectMoveDate .ui-widget-header .ui-state-active{background: #322D4F !important;}

/* calendarbox */
.calendarbox{padding: 40px 50px 0;background: #F7F7F7;border: 1px solid #EEEEEE;border-radius: 2px;}
.calendarbox ul{margin: 0 0 40px;font-size: 0;}
.calTab{position: relative;display: inline-block;width: calc(50% - 10px);}
.calTab:first-of-type{margin-right: 20px;}
.calTab div{position: relative;padding: 26px 100px 25px 74px;font-size: 20px;line-height: 29px;font-weight: 400;letter-spacing: 0;background: url(https://cleanbell.blob.core.windows.net/images-v4/calendarIcon.png) no-repeat 32px center #fff;border: 1px solid #A1A1A1;border-radius: 2px;}
.calTab div strong{display: inline-block;font-size: 20px;line-height: 29px;font-weight: 400;letter-spacing: -1px;color: #6131CE;z-index: 1;}

.calTab.on{border: 0;border-radius: 0;}
.calTab.on::after{position: absolute;bottom: -14px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);border-top: 14px solid #6131CE;border-left: 10px solid transparent;border-right: 10px solid transparent;content: '';}
.calTab.on.v2::after{position: absolute;bottom: -14px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);border-top: 14px solid #322D4F;border-left: 10px solid transparent;border-right: 10px solid transparent;content: '';}
.calTab.on div{color: #fff;border: 0;border-radius: 0;background: url(https://cleanbell.blob.core.windows.net/images-v4/calendarIconW.png) no-repeat 32px center #6131CE;}
.calTab.on.v2 div{color: #fff;border: 0;border-radius: 0;background: url(https://cleanbell.blob.core.windows.net/images-v4/calendarIconW.png) no-repeat 32px center #322D4F;}
.calTab.on div strong{color: #fff;}
.calTab div strong.margin{margin-right: 10px;}

.multiDate{display: block;padding: 41px 56px 50px;background: #FFFFFF;border: 1px solid #EEEEEE;}
.multiDate .hasDatepicker{display: inline-block;width: 100%;}
.multiDate .hasDatepicker:first-child{margin-right: 0;}
.multiDate .ui-datepicker td span, .multiDate .ui-datepicker td a{margin: 7px 18px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{color: #fff !important;}
#selectMoveDate .ui-state-default.ui-state-active{background: #322D4F;}

/* spaceSelect */
.inputbox dl dt.spaceSelect{margin: 0;}
.description{display: none;padding: 17px 0 30px;font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: -0.9px;text-align: left;color: #444444;}
.description strong{display: inline-block;font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: -0.9px;color: #6131CE;}
.spaceCheckList{padding: 20px 0 0;}
/* howclean */
.inputbox dl dt.howcleanTab{margin: 0;width: 100%;border: 0;}
.inputbox dl dt.howcleanTab ul{margin: 0;display: block;width: 100%;}
.inputbox dl dt.howcleanTab li{display: inline-block;margin: 0;padding: 0;width: calc(50% - 4px);border: 0;cursor: pointer;}
.inputbox dl dt.howcleanTab li:first-of-type{margin-right: 8px;}
.inputbox dl dt.howcleanTab li div{position: relative;background: #fff;padding: 27px 0 26px;font-size: 18px;line-height: 27px;font-weight: 400;letter-spacing: -0.9px;color: #444444;text-align: center;border: 1px solid #A1A1A1;border-radius: 2px;}
.inputbox dl dt.howcleanTab li div small{display: none;position: absolute;top: 50%;margin-top: -10.5px;width: 27px;height: 21px;background: url(https://cleanbell.blob.core.windows.net/images-v4/cleantab_checked.png) no-repeat;}
.inputbox dl dt.howcleanTab li div span.mblock{display: inline;width: inherit;height: inherit;position: relative;right: inherit;bottom: inherit;border: 0;border-radius: 0;}
.inputbox dl dt.howcleanTab li.active div{line-height: 29px;background: #322D4F;border: 0;color: #FFF;}
.inputbox dl dt.howcleanTab li.active div small{display: block;}
.inputbox dl dt.howcleanTab li.active div.normalClean small{left: 30%;}
.inputbox dl dt.howcleanTab li.active div.oneroomClean small{left: 20%;}

.inputbox dl dd.howclean{display: none;margin: 60px 0 0;}
.inputbox dl dd.howclean ol{margin: 0;}
.inputbox dl dd.howclean ol li{margin: 0 0 16px;width: calc(50% - 8px);height: 120px;}
.inputbox dl dd.howclean ol li:nth-of-type(even){margin-left: 16px;}
.inputbox dl dd.howclean ol li input[type=checkbox] + label{padding: 33px 0 32px 138px;font-size: 20px;line-height: 29px;text-align: left;}
input[type=checkbox]#cleankinds01 + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds01.png) no-repeat 40px center #FAFAFA;background-size: 64px;}
input[type=checkbox]#cleankinds02 + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds02.png) no-repeat 40px center #FAFAFA;background-size: 50px;}
input[type=checkbox]#cleankinds03 + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds03.png) no-repeat 40px center #FAFAFA;background-size: 50px;}
input[type=checkbox]#cleankinds04 + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds04.png) no-repeat 40px center #FAFAFA;background-size: 50px;}
input[type=checkbox]#cleankinds05 + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds05.png) no-repeat 35px center #FAFAFA;background-size: 66px;}
input[type=checkbox]#cleankinds01:checked + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds01_w.png) no-repeat 40px center #322D4F;background-size: 64px;}
input[type=checkbox]#cleankinds02:checked + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds02_w.png) no-repeat 40px center #322D4F;background-size: 50px;}
input[type=checkbox]#cleankinds03:checked + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds03_w.png) no-repeat 40px center #322D4F;background-size: 50px;}
input[type=checkbox]#cleankinds04:checked + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds04_w.png) no-repeat 40px center #322D4F;background-size: 50px;}
input[type=checkbox]#cleankinds05:checked + label{background: url(https://cleanbell.blob.core.windows.net/images-v4/cleankinds05_w.png) no-repeat 35px center #322D4F;background-size: 66px;}
.inputbox dl dd.howclean ol li input[type=checkbox] + label span{margin: 2px 0 0;display: block;font-size: 16px;line-height: 24px;letter-spacing: -1.2px;color: #7C7C7C;}
.howcleanTip{display: none;padding: 8px 0;font-size: 18px;line-height: 27px;font-weight: 400;letter-spacing: -0.9px;color: #7C7C7C;text-align: left;}

/* addressSection */
.idontknow{position: absolute;left: 48px;bottom: 48px;display: block;padding: 0 0 0 28px;font-size: 16px;line-height: 24px;font-weight: 400;letter-spacing: -0.8px;text-align: left;color: #6131CE;background: url(https://cleanbell.blob.core.windows.net/images-v4/help.png) no-repeat left center;z-index: 2;}
.inputbox.v1{position: relative;}
.inputbox.v1 dl{mix-blend-mode: luminosity;}
.inputbox.v1::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #F5F5F5;z-index: 1;opacity: 0.6;content: '';}
.inputbox.v2{display: none;}
.inputbox .select-style{background: url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom_b.png) no-repeat 95% center #FFF;}
.inputbox select{padding: 8px 0;width: 100%;font-size: 22px;line-height: 22px;font-weight: 400;letter-spacing: -1.1px;text-align: left;color: #464646;-webkit-appearance: none;background: transparent;}

/* finalStep */
.step_arrow dl dd a.nextStep.finalStep{padding: 22px 106px 21px 58px;background-position: 305px center;}

.inputbox select{padding: 14px 0;font-size: 18px;line-height: 18px;}
.addressSection .inputbox.v2 ul:last-of-type{margin-top: 0;}

/* 190709 add */
.pc_only{display:block;}
.m_only{display:none;}

#searchOneroom{position:relative;padding:0 0 77px}
#searchOneroom ul{width:100%;margin:47px 0 0;padding:40px 0 0;}
#searchOneroom ul::after{display:block;clear:both;content:'';}
#searchOneroom ul li{position:relative;display:inline-block;float:left;}
#searchOneroom ul li::after{position:absolute;right:0;top:0;bottom:0;width:1px;height:100%;background:#e0e0e3;content:''}
#searchOneroom ul li:first-of-type{width:50%;}
#searchOneroom ul li:last-of-type{width:50%;}
#searchOneroom ul li:last-of-type::after{display:none;}
#searchOneroom ul li ol li::after{display:none;}
#searchOneroom ul li .cleanerLocation dd ol li{display:block;width:100%;}
#searchOneroom ul li.cleanerDate{font-size:0;}
#searchOneroom ul li.cleanerDate::before{position:absolute;top:30px;left:50%;transform:translate(-50%,0);width:12px;height:8px;background:url(https://cleanbell.blob.core.windows.net/images-v4/arrow_bottom.png) no-repeat;content:''}
#searchOneroom ul li.cleanerDate dl{display:inline-block;width:50%;}
#searchOneroom ul li.cleanerDate dl dt{position:relative;padding:0 0 18px;font-size:20px;line-height:20px;font-weight:400;letter-spacing:-1.5px;color:#6131ce;text-align:center;}
#searchOneroom ul li.cleanerDate dl dd{position:relative;padding:18px 0 0;width:100%;white-space:nowrap;}
#searchOneroom ul li.cleanerDate dl dd a{position:relative;padding:0;margin:0 auto;display:block;width:129px;font-size:24px;line-height:24px;letter-spacing:-1.5px;font-weight:500;color:#464646;white-space:nowrap;}
#searchOneroom ul li.cleanerDate .cleanDateModal{display:none;position:absolute;left:-25%;width:720px;z-index:1;background:#fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);}
#searchOneroom ul li.cleanerDate .cleanDateModal.on{display:block;}

#searchOneroom ul li.cleanerDate .cleanDateModal dl dt{padding:30px 40px;}
#searchOneroom ul li.cleanerDate .cleanDateModal dl:first-child dt{background:#6131ce;}
#searchOneroom ul li.cleanerDate .cleanDateModal dl:nth-child(2) dt{background:#464646;}
#searchOneroom ul li.cleanerDate .cleanDateModal dl dt label{display:block;font-size:16px;line-height:16px;font-weight:400;letter-spacing:-1.5px;color:#fff;text-align:left;}
#searchOneroom ul li.cleanerDate .cleanDateModal dl dt input{display:block;padding:13px 0 0;font-size:24px;line-height:24px;font-weight:400;letter-spacing:0;color:#fae6cd;background:none;}

#searchOneroom ul li.cleanerDate .cleanDateModal dd{padding:40px 0;}
#searchOneroom ul li.cleanerDate .cleanDateModal dl:first-child dd::after{position:absolute;right:0;top:40px;width:1px;height:calc(100% - 80px);background:#dcdcdc;content:''}
#searchOneroom ul li.cleanerDate dl dd a.ui-state-active,
#searchOneroom ul li.cleanerDate dl dd a.ui-widget-content .ui-state-active,
#searchOneroom ul li.cleanerDate dl dd a.ui-widget-header .ui-state-active{background:#6131ce;color:#fff !important;border-radius:5px;}
#searchOneroom ul li.cleanerDate dl:last-of-type dd a.ui-state-active,
#searchOneroom ul li.cleanerDate dl:last-of-type dd a.ui-widget-content .ui-state-active,
#searchOneroom ul li.cleanerDate dl:last-of-type dd a.ui-widget-header .ui-state-active{background:#464646;}
#searchOneroom ul li.cleanerDate dl dd .ui-datepicker td{padding:0}
#searchOneroom ul li.cleanerDate dl dd .ui-datepicker td a{margin:8px auto;padding:10px 0;width:calc(100% - 8px);font-size:16px;line-height:16px;}
#searchOneroom ul li.cleanerDate dl dd .ui-datepicker td:first-child a{color:#df232a}
#searchOneroom ul li.cleanerDate dl dd .ui-datepicker td:last-child a{color:#448ccb}
#searchOneroom .searchCleanerbtn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);display:block;padding:25px 60px;width:fit-content;font-size:24px;line-height:24px;font-weight:500;letter-spacing:-1.5px;color:#fae6cd;background:#322d4f;text-align:center;border-radius:50px;}
#searchOneroom .cleanerKinds dd li:first-of-type a span::after{display:none;}
.searchTab .hasDatepicker, .searchTab .ui-datepicker, .searchTab .ui-datepicker .ui-datepicker-header, .searchTab .ui-datepicker-title{display:block !important;}

.cleanerKinds dd a.select-01::before{width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_01.png) no-repeat;}
.cleanerKinds dd a.select-01::after{content:'신축건물 첫 입주시';}
.cleanerKinds dd a.select-02{padding-left:41px;}
.cleanerKinds dd a.select-02::before{top:2px;width:35px;height:20px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_02.png) no-repeat;}
.cleanerKinds dd a.select-02::after{content:'이전 거주자가 만든 오염 제거시';}
.cleanerKinds dd a.select-03::before{width:25px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_03.png) no-repeat;}
.cleanerKinds dd a.select-03::after{content:'인테리어 후 하는 청소';}
.cleanerKinds dd a.select-03{width:154px;}
.cleanerKinds dd a.select-04::before{width:28px;height:24px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_04.png) no-repeat;}
.cleanerKinds dd a.select-04::after{content:'정기적으로 진행하는 청소';}
.cleanerKinds dd a.select-05::before{width:28px;height:25px;background:url(https://cleanbell.blob.core.windows.net/images-v4/cleanerKinds_icon_05.png) no-repeat;}
.cleanerKinds dd a.select-05::after{content:'짐이 있는 상태에서 청소';}

/* 190730 추가내용 */
.typeY{color:#FFD400 !important;}
#searchCleaner .searchCleanerbtn.typeY{background:#6131ce;}
#searchOneroom .searchCleanerbtn.typeY{background:#6131ce;}
#searchOriginal .searchOriginalbtn.typeY{background:#6131ce;}
.cleanerDataBanner .moveAlreadyPrice.typeY{background:#FFD400;}
.cleanerDataCircle ul li .circle.typeY{border-color:#FFD400;}

/* 190819 추가내용 */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

::placeholder{opacity:1;color:#d8d8d8;}
:-ms-input-placeholder{color:#d8d8d8;}
::-ms-input-placeholder{color:#d8d8d8;}

/* 190822 추가내용 */

a, input[type=button], input[type=submit], input[type=checkbox]+label, input[type=radio]+label, button, .owl-dot{cursor:pointer;}

a:hover, input[type=button]:hover, input[type=submit]:hover, input[type=checkbox]+label:hover, input[type=radio]+label:hover, button:hover, .owl-dot:hover{cursor:pointer;}

/* tooltip */
.ui-tooltip{white-space: pre-line;word-break: keep-all;}

@media screen and (max-width:1183px) {
	#header .inner{width: calc(100% - 40px);}
	#container .inner{width: calc(100% - 40px);}
	footer .inner{width: calc(100% - 40px);}
	.subTitleBox ul{text-align: center;}
	.subTitleBox .lBox, .subTitleBox .rBox{width: calc(50% - 8px);}
	.lBox .cRcontent{padding: 20px;}
	.cRcontent a{right: 20px;bottom: 20px;}
	.rBox .cRArea{max-width: 563px;width: 100%;}
	.rBox .top .cRcontent, .rBox .bottom .cRcontent{padding: 15px 15px 15px 253px;height: 204px;}
	.rBox .cRcontent a{right: 15px;bottom: 15px;}
}
@media screen and (max-width:1000px) {
	.optionEnter dl::before{width: 400px;height: 400px;}
	.trustRanking{background-position: 40%;}
}