@charset "utf-8";

/* 공통 */
.textblock{display:inline-block;padding:0;margin:0;}
.mblock{display:inline-block;}
#container{padding:0}
#container .inner{width:calc(100% - 60px);padding:0 30px;}
.infit {font-size: 0; letter-spacing:0; word-spacing: 0;}

/* container */
.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;}
.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;}

/* 청소요금 미리 알아보기 */
.pricesearch_top {
	padding-top: 106px;
	padding-bottom: 88px;
	background: linear-gradient(#F6F4FF,#E5EAFF);
	background: -webkit-linear-gradient(#F6F4FF,#E5EAFF);
	background: -moz-linear-gradient(#F6F4FF,#E5EAFF);
}
.pricesearch_top.before {
	min-height: calc(100vh - 44px);
	box-sizing: border-box;
}
.pricesearch_top .title {
	padding: 0 25px 35px;
}
.pricesearch_top .title h3{
	font-size: 23px;
	color: #4D4D4D;
}
.pricesearch_top .title h3 span{
	font-size: 33px;
	color: #6230cf;
}
.pricesearch_top .title .sub{
	font-size: 14px;
	color: #666;
	padding-top: 25px;
}
.pricesearch_top .searchbox {
	margin: 0 20px 25px;
	padding: 25px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
.pricesearch_top .searchbox h4{
	font-size: 18px;
	color: #6230cf;
	padding-left: 28px;
	margin-bottom: 20px;
	background: url(../images-v4/searchbox_title.png) no-repeat left center/21px auto;
}
.pricesearch_top .searchbox .selectedBox {
	width: 100%;
	border-bottom: 1px solid #E5E1ED;
}
.pricesearch_top .searchbox .selectedBox input{
	width: 100%;
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	color: #4D4D4D;
	background: url(../images-v4/searchbox_down.png) no-repeat right 10px center / 13px auto;
}
.pricesearch_top .searchbox .selectedBox.cleanYearbox {
	margin-bottom: 10px;
}
.pricesearch_top .searchbox .selectCategory{
	font-size: 0;
	margin-top: 20px;
}
.pricesearch_top .searchbox .selectCategory li {
	position: relative;
	width: 50%;
	display: inline-block;
}
.pricesearch_top .searchbox .selectCategory li input{
	position: absolute;
	opacity: 0;
}
.pricesearch_top .searchbox .selectCategory li input+label{
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #4D4D4D;
	padding-left: 32px;
	background: url(../images-v4/rounduncheck_fill.png) no-repeat left center/ 24px auto;
}
.pricesearch_top .searchbox .selectCategory li input:checked+label{
	background-image: url(../images-v4/roundcheck_fill.png);
}
.pricesearch_top .searchsubmit {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}
.pricesearch_top .searchsubmit button{
	width: 100%;
	padding: 11px 0;
	border: 2px solid #8264E8;
	border-radius: 30px;
	background-color: #fff;
	font-size: 20px;
	font-weight: 600;
	color: #6230CF;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}

.pricesearch_bottom{
	background-color: #FAFAFA;
	padding: 40px 20px 60px;
	display: none;
}
.pricesearch_bottom h4{
	font-size: 18px;
	color: #4D4D4D;
	padding-left: 20px;
	margin-bottom: 15px;
	background: url(../images-v4/pricebottom_title.png) no-repeat left center / 14px auto;
}

.pricesearch_bottom .selectedShow{
	border-bottom: 3px solid #6230cf;
	width: fit-content;
	margin-bottom: 30px;
}

.pricesearch_bottom .selectedShow span {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #6230CF;
	padding-right: 10px;
	padding-bottom: 8px;
}
.pricesearch_bottom .priceTable .tablehead{
	margin-bottom: 15px;
}
.pricesearch_bottom .priceTable .tablehead span{
	display: inline-block;
	width: 49%;
	font-size: 15px;
	color: #808080;
}
.pricesearch_bottom .priceTable .tablehead span:first-child{
	text-indent: 25px;
}
.pricesearch_bottom .priceTable .tablebody {
	background-color: #fff;
	padding: 5px 15px;
	border-radius: 30px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
.pricesearch_bottom .priceTable .tablebody .priceList{
	width: 100%;
}
.pricesearch_bottom .priceTable .tablebody .priceList li{
	padding: 20px 0;
}
.pricesearch_bottom .priceTable .tablebody .priceList li:not(:last-child){
	border-bottom: 1px solid #EDEDED;
}
.pricesearch_bottom .priceTable .tablebody .priceList li span{
	display: inline-block;
	width: 49%;
	font-size: 19px;
	color: #4D4D4D;
	font-weight: 500;
}
.pricesearch_bottom .priceTable .tablebody .priceList li span.region{
	text-indent: 10px;
	font-size: 16px;
	color: #666;
	font-weight: 400;
}