@charset "utf-8";

html,
body {
    height: 100%;
}

#wrap {
    height: 100%;
}

/*cleaner_main.html*/
/* 메인페이지 */
.mainpage {
    background-color: #fafafa;
}

.mainpage .fixreqlink {
    bottom: -150px;
}

.maintitle {
    padding-top: 70px;
}

.maintitle h2 {
    font-size: 20px;
    color: #4d4d4d;
    padding-bottom: 30px;
    font-weight: 500;
}

/*메인배너*/
.bannerwrap {
    height: 90%;
}

.banner {
    height: 100%;
}

.slick-list,
.slick-track {
    height: 100%;
}

.bannerwrap .banner .visual {
    height: 100%;
    min-height: 570px;
    padding: 8vh 20px 0;
    box-sizing: border-box;
}

.bannerwrap .banner .visual .bannerblock .bannertext .maintext {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    ;
    letter-spacing: -.2px;
}

.bannerwrap .banner .visual .bannerblock .bannertext .maintext .color {
    color: #6230cf;
}


.bannerwrap .banner .reqlink_container {
    margin: 0px 5% 0px 5%;
    position: absolute;
    bottom: 30px;
    left: 0;
    box-sizing: border-box;
    width: 90%;
    color: #6230cf;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.bannerwrap .banner .reqlink {
    font-size: 25px;
    font-weight: 600;
    color: black;
}

.bannerwrap .banner .color {
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 350;
    padding-top: 10px;
}

.bannerwrap .banner .reqlink_container .mainArrow {
    width: 50px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.bannerwrap .banner .visual01 {
    background: url(../images-v4/main_banner_01.jpg);
    background-position: center;
    /* height: 700px; */
    /* width: 100%; */
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #6031CD;
    background-position: bottom 50% center;
}

.bannerwrap .banner .visual03 {
    background: url(../images-v4/main_banner_02.jpg);
    background-position: center;
    /* height: 700px; */
    /* width: 100%; */
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #6031CD;
    background-position: bottom 60% center;
}

.bannerwrap .banner .visual03 .bannercontent {
    width: 100%;
    height: 53vh;
    padding-top: 10px;
}

/* .bannerwrap .banner .visual03 .bannercontent .img {
    width: 100%;
    height: 100%;
    background: url(../images-v4/visual03_mypageimg.png) no-repeat center top/auto 100%;
} */

.category_preview {
    padding-top: 50px;
    padding-bottom: 25px;
}


.category_preview .title {
    width: 133px;
    height: 29px;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
}

.category_preview .container_box {
    height: 220px;
    margin-top: 25px;
}

.category_preview .container_box .container .card {
    width: 150px;
    height: 150px;
    margin-left: 20px;
    padding: 10px;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-position: center;
    background-size: cover;
}

.category_preview .container_box .container .card.normal {
    background-image: url("../../web/images/category_normal_main.png");
}

.category_preview .container_box .container .card.oneroom {
    background-image: url("../../web/images/category_oneroom_main.png");
}

.category_preview .container_box .container .card.wash {
    background-image: url("../../web/images/category_wash_main.png");
}

.category_preview .container_box .container .card.aircon {
    background-image: url("../../web/images/category_aircon_main.png");
}

.category_preview .container_box .container .card.bathroom {
    background-image: url("../../web/images/category_bathroom_main.png");
}

.category_preview .container_box .container .card.zimshot {
    background-image: url("../../web/images/category_zimshot_main.png");
}

.category_preview .container_box .container .card .description {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 160px;
    cursor: pointer;
}

.category_preview .container_box .name {
    width: 94px;
    margin-left: 20px;
    height: 25px;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    display: block;
}

.category_preview .container_box .add1 {
    height: 20px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    display: block;
}

.category_preview .container_box .add2 {
    height: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    display: block;
}

/*클린벨3단계*/
.processguide {
    padding-bottom: 5px;
    background-color: #fff;
}

.processguide .title {
    text-align: center;
    padding-top: 60px;
}

.processguide .title .subtext {
    font-size: 14px;
    color: #808080;
    padding-bottom: 43px;
}

.processguide .title h2 {
    font-size: 25px;
    color: #4d4d4d;
    padding-bottom: 15px;
}

.processguide ul {
    width: 80%;
    margin: 0 auto;
}

.processguide ul li {
    display: flex;
    align-items: center;
    color: #4d4d4d;
    margin-bottom: 50px;
}

.processguide ul li .processicon {
    width: 70px;
    height: 70px;
    margin-right: 25px;
    background-position: center;
    background-size: 70px;
    background-repeat: no-repeat;
}

.processguide ul li:nth-child(1) .processicon {
    background-image: url(../images-v4/processicon01.png);
}

.processguide ul li:nth-child(2) .processicon {
    background-image: url(../images-v4/processicon02.png);
}

.processguide ul li:nth-child(3) .processicon {
    background-image: url(../images-v4/processicon03.png);
}

.processguide ul li dl dt {
    font-size: 18px;
    font-weight: 500;
}

.processguide ul li dl dd {
    font-size: 15px;
    letter-spacing: -.2px;
    color: #808080;
}

/* 클린벨 데이터 */
.countdata {
    padding: 75px 20px 70px;
    background: url(../images-v4/countdata_bg.jpg) no-repeat center/auto 100%;
}

.maindata .customer {
    text-align: center;
    padding-bottom: 35px;
}

.maindata .customer p:last-child {
    color: #fff;
    font-size: 20px;
}

.maindata .customer .datavalue {
    font-size: 25px;
    padding-bottom: 10px;
}

.maindata .customer .datavalue span {
    font-size: 37px;
}

.maindata .datavalue {
    color: #FFEB33;
    font-weight: 700;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.maindata table {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.maindata table tbody tr th {
    text-align: left;
    padding-right: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.maindata table tbody tr td {
    font-size: 20px;
}

/*실사용자 DATA가 보여주는*/
.ranking_price_link .maintitle h2 {
    text-align: center;
    color: #fff;
    font-size: 23px;
    padding-bottom: 25px;
}

.ranking_price_link ul {
    display: flex;
    justify-content: space-between;
}

.ranking_price_link ul li {
    width: calc(50% - 5px);
    background-color: #fff;
    border-radius: 7px;
}

.ranking_price_link ul li:nth-child(1) a {
    background: url(../images-v4/a_ranking.png) no-repeat center bottom 20px / 65px auto;
}

.ranking_price_link ul li:nth-child(2) a {
    background: url(../images-v4/a_price.png) no-repeat center bottom 20px / 65px auto;
}

.ranking_price_link ul li a {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 25px 0 116px;
    font-size: 18px;
    font-weight: 600;
    color: #6230cf;
}

/*실사용자가 작성한 솔직한 리뷰*/
.bestreview .review {
    padding-right: 20px;
    color: #4d4d4d;
}

.bestreview .review .innerbox {
    padding: 20px 25px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
}

.bestreview .review .innerbox .review_data {
    padding-bottom: 17px;
}


.bestreview .review .innerbox .review_data .estimateprice .category {
    font-size: 14px;

    color: #6230cf;
}

.bestreview .review .innerbox .review_data .estimateprice .category span {
    width: 82px;
    height: 21px;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #6230cf;
}

.bestreview .review .innerbox .review_data .category {
    width: 108px;
    height: 33px;
    padding: 6px 13px;
    border-radius: 17px;
    background-color: #f7f2ff;
}

.bestreview .review .innerbox .review_data .estimateprice .price {
    font-size: 23px;
    font-weight: 600;
    padding-left: 10px
}

.bestreview .review .innerbox .review_data .estimateprice .won {
    font-size: 17px;
    font-weight: 500;
}

.bestreview .review .innerbox .review_data ul {
    margin-top: 15px;
}

.bestreview .review .innerbox .review_data ul li {
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4d;
    display: inline-block;
}

.bestreview .review .innerbox .review_data ul li:nth-child(2) span {
    margin-right: 5px;
}

.bestreview .review .innerbox .review_content {
    font-size: 14px;
    padding-top: 15px;
}

.bestreview .review .innerbox .review_content .info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    font-size: 13px;
    color: #808080;
}

.bestreview .review .innerbox .review_content .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 100%;
    line-height: 20px;
    max-height: 60px;
}

.bestreview .more {
    text-align: center;
    padding-top: 30px;
}

.bestreview .more a {
    font-size: 19px;
    font-weight: 500;
    color: #6230cf;
    padding: 6px 33px;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #6230cf;
    border-radius: 22px;
}

.bestreview .reviewlane .slick-list {
    padding: 0 20px;
}

/* 안심하고 이용해보세요 */
.mainpoints3 {
    margin-top: 40px;
    padding: 60px 0;
    text-align: center;
    background-color: #fff;
}

.mainpoints3 h2 {
    font-size: 23px;
    font-weight: 500;
    color: #4D4D4D;
}

.mainpoints3 ul li {
    margin-top: 50px;
}

.mainpoints3 ul li .icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #F5F2FF;
    background-size: 55px;
}

.mainpoints3 ul li:nth-child(1) .icon {
    background-image: url(../images-v4/point1.png);
}

.mainpoints3 ul li:nth-child(2) .icon {
    background-image: url(../images-v4/point2.png);
}

.mainpoints3 ul li:nth-child(3) .icon {
    background-image: url(../images-v4/point3.png);
}

.mainpoints3 ul li .bold {
    font-size: 18px;
    font-weight: 600;
    color: #6230CF;
    padding-bottom: 7px;
}

.mainpoints3 ul li .sub {
    font-size: 14px;
    color: #4d4d4d;
}

/*우수업체 인터뷰*/
.bestinterview .interviewlane .interview {
    margin: 0 20px;
    border-radius: 10px;
}

.bestinterview .interviewlane .interview a {
    display: inline-block;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    position: relative;
    color: #fff;
    background-color: #e6e6e6;
}

.bestinterview .interviewlane .interview a .interview_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%);
}

.bestinterview .interviewlane .interview a .interview_content .text {
    padding-bottom: 24px;
}

.bestinterview .interviewlane .interview a .interview_content .text p {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    width: 100%;
}

.bestinterview .interviewlane .interview a .interview_content .info {
    font-size: 15px;
}

.bestinterview .interviewlane .interview a .interview_content .info p span:first-child {
    margin-right: 7px;
}

.bestinterview .interviewlane .interview a .interview_content .info ul {
    display: flex;
    margin-top: 5px;
}

.bestinterview .interviewlane .interview a .interview_content .info ul li:first-child {
    margin-right: 20px;
    padding-left: 24px;
    background: url(../images-v4/maininterview_star.png) no-repeat left center / 17px auto;
}

.bestinterview .interviewlane .interview a .interview_content .info ul li .case {
    margin-left: 7px;
}

.bestinterview .more {
    text-align: center;
    padding-top: 30px;
}

.bestinterview .more a {
    font-size: 19px;
    font-weight: 500;
    color: #6230cf;
    padding: 6px 33px;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #6230cf;
    border-radius: 22px;
}

.bestinterview .interviewlane .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 5;
    width: 30px;
    height: 30px;
    color: transparent;
    border: none;
}

.bestinterview .interviewlane .slick-prev {
    left: 0;
    background: url(../images-v4/interview_prev.png) no-repeat center/100% auto;
}

.bestinterview .interviewlane .slick-next {
    right: 0;
    background: url(../images-v4/interview_next.png) no-repeat center/100% auto;
}

/*청소 TIP*/
.cleanbelltip .tiplane {
    padding-bottom: 15px;
}

.cleanbelltip .tiplane li {
    padding-left: 18px;
}

.cleanbelltip .tiplane li a {
    display: inline-block;
    width: 150px;
}

.cleanbelltip .tiplane li a .tipthumb {
    background-color: #e6e6e6;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 10px;
    position: relative;
}

.cleanbelltip .tiplane li a .tipthumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.cleanbelltip .tiplane li a .tiptitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    color: #555;
    font-weight: 500;
    margin-top: 15px;
}

.cleanbelltip .more {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}

.cleanbelltip .more a {
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 500;
}

.cleanbelltip .more a span {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    background: url(../images-v4/mainarrow01.png) no-repeat center / 7.5px auto #fff;
    margin-left: 10px;
}

/*입점 신청하기*/
.withCleaner {
    background: -moz-linear-gradient(0deg, #6D5AFF 0%, #8264E8 100%);
    background: -webkit-linear-gradient(0deg, #6D5AFF 0%, #8264E8 100%);
    background: linear-gradient(0deg, #6D5AFF 0%, #8264E8 100%);
    padding: 30px 20px;
    margin-top: 60px;
}

.withCleaner h2 {
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.withCleaner div {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.withCleaner div a {
    font-size: 15px;
    color: #fff;
}

.withCleaner div a span {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(98, 48, 207, 0.2);
    background: url(../images-v4/mainarrow02.png) no-repeat center / 7.5px auto #fff;
    margin-left: 10px;
}


/*applyDetail.html, companyDetail.html 공통*/
/*업체상세*/
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    overflow-x: hidden;
}

.tab_box {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
}

.tab_con.tab_con1 {
    display: block;
}

.tab_con {
    display: none;
}

/*상단업체정보*/
.com_detail_top .com_info {
    padding: 20px 30px 30px 30px;
    position: relative;
}

.com_detail_top .com_info .com_logo {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: #e6e6e6;
}

.com_detail_top .com_info .com_logo img {
    margin: -8px 0 0 -8px;
    width: 86px;
}

.com_detail_top .com_info h3 {
    font-size: 17px;
    color: #4d4d4d;
    letter-spacing: -0.3px;
    padding: 20px 0px 0px 2px;
    font-weight: 500;
}

.com_detail_top .com_info .tel_sms_btn {
    position: absolute;
    top: 20px;
    right: 25px;
}

.com_detail_top .com_info .tel_sms_btn ul {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    padding: 12px 0 12px;
}

.com_detail_top .com_info .tel_sms_btn ul li:not(:first-child) {
    border-left: 1px solid #E6E6E6;
}

.com_detail_top .com_info .tel_sms_btn a {
    display: inline-block;
    width: 54px;
    height: 39px;
    background: #fff;
    box-sizing: border-box;
    vertical-align: bottom;
    padding-top: 19px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #906EFC;
}

.com_detail_top .com_info .tel_sms_btn button {
    width: 54px;
    height: 39px;
    background: #fff;
    padding-top: 19px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    color: #906EFC;
    border: none;
}

.com_detail_top .com_info .tel_sms_btn ul li:first-child a {
    background: url(../images-v4/a_tel.png) no-repeat center top /auto 18px;
    position: relative;
}

.com_detail_top .com_info .tel_sms_btn ul li:nth-child(2) a {
    background: url(../images-v4/a_sms.png) no-repeat center top /auto 18px;
}

.com_detail_top .com_info .tel_sms_btn ul li:nth-child(3) button {
    background: url(../images-v4/a_reserve.png) no-repeat center top /auto 18px;
}


.com_detail_top .com_tagtext {
    margin: 0 20px 15px 20px;
    padding: 20px 20px 24px 20px;
    background-color: #F9F7FF;
    border-radius: 7px;
    box-shadow: 0px 4px 10px rgba(76, 46, 178, 0.25);
}

.com_detail_top .com_tagtext .top {
    font-size: 17px;
    color: #6230CF;
    font-weight: 700;
    padding-bottom: 12px;
}

.com_detail_top .com_tagtext .explain {
    font-size: 14px;
    color: #4D4D4D;
}


/*탭 메뉴*/
.menu_tab {

    position: sticky;
    left: 0;
    top: -1px;
    background-color: #fff;
    display: flex;
    z-index: 20;
}

.menu_tab li {
    padding: 23px 0 13px;
    width: 25%;
    position: relative;
}

.menu_tab li h4 {
    text-align: center;
    font-size: 14px;
    color: #b3b3b3;
    font-weight: 300;
}

.menu_tab li.on h4 {
    color: #6230cf;
    font-weight: 500;
}

.menu_tab li.on::after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: #6230cf;
}

/*tab1 업체정보*/
/*업체정보 타이틀*/
.tab_con1 h5 {
    font-size: 18px;
    font-weight: 500;
    color: #666;
    padding-bottom: 5px;
    padding-left: 37px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 27px auto;
}

.tab_con1 .detail_1 h5 {
    background-image: url(../images-v4/detail_1.png);
}

.tab_con1 .detail_2 h5 {
    background-image: url(../images-v4/detail_2.png);
}

.tab_con1 .detail_3 h5 {
    background-image: url(../images-v4/detail_3.png);
}

.tab_con1 .detail_4 h5 {
    background-image: url(../images-v4/detail_4.png);
}

.tab_con1 .detail_5 h5 {
    background-image: url(../images-v4/detail_5.png);
}

.tab_con1 .detail_6 h5 {
    background-image: url(../images-v4/detail_6.png);
}

.tab_con1 .detail_7 h5 {
    background-image: url(../images-v4/detail_7.png);
}


/*상담건수 전체리뷰수 시공건수*/
.tab_con1 .detail_top {
    padding: 30px 20px;
}

.tab_con1 .detail_top .detail_top_data {
    display: flex;
    text-align: center;
}

.tab_con1 .detail_top .detail_top_data li {
    width: calc(100% / 3);
}

.tab_con1 .detail_top .detail_top_data li .num {
    font-size: 19px;
    font-weight: 700;
    color: #6230cf;
    padding-bottom: 10px;
}

.tab_con1 .detail_top .detail_top_data li .title {
    font-size: 14px;
    color: #808080;
}

/*업체사진 이미지 슬라이드*/
.tab_con1 .detail_1 {
    padding: 30px 0;
}

.tab_con1 .detail_1 h5 {
    margin: 0 20px;
    padding-bottom: 20px;
}

.tab_con1 .detail_1 .com_img_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.6%;
    margin-bottom: 45px;
}

.tab_con1 .detail_1 .com_img_wrap .com_imgSld {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
}

.tab_con1 .detail_1 .com_img_wrap .com_imgSld .com_img {
    margin: 0 20px;
    height: 66.6vw;
}

.tab_con1 .detail_1 .com_img_wrap .com_imgSld .com_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tab_con1 .detail_1 .com_img_wrap .com_imgSld .slider__counter {
    font-size: 14px;
    color: #4d4d4d;
    line-height: 25px;
    width: 60px;
    background-color: rgba(0, 0, 0, 0.33);
    border-radius: 13px;
    text-align: center;
    margin: 20px auto 0;
    color: #fff;
}

.tab_con1 .detail_txt pre {
    font-size: 14px;
    color: #808080;
    line-height: 25px;
}

.tab_con1 .tab_box .detSelect {
    font-size: 0;
}

.tab_con1 .tab_box .detSelect li {
    padding: 6px 18px;
    border-radius: 20px;
    border: 2px solid #6230cf;
    display: inline-block;
    margin: 15px 10px 0px 0px;
}

.tab_con1 .tab_box .detSelect li .select_title {
    font-size: 12px;
    color: #555;
}

.tab_con1 .tab_box .detSelect li .select_item {
    font-size: 14px;
    font-weight: 500;
    color: #6230cf;
    margin-left: 10px;
}

.tab_con1 .tab_box .detCheck {
    font-size: 0;
}

.tab_con1 .tab_box .detCheck li {
    padding: 8px 20px;
    border-radius: 20px;
    background-color: #f5f2ff;
    font-size: 14px;
    color: #4d4d4d;
    display: inline-block;
    margin: 15px 10px 0px 0px;
}

/*end----tab1 업체정보*/

/*tab2 리뷰*/
.tab_con2 h5 {
    font-size: 18px;
    color: #545454;
    font-weight: 500;
    padding-bottom: 20px;
}

.tab_con2 .reviewTop .reviewRanking ul {
    display: flex;

    padding-bottom: 20px;
}

.tab_con2 .reviewTop .reviewRanking ul li {
    width: 25%;
    text-align: center;
}

.reviewRanking ul li .rankingNum {
    color: #6230cf;
    font-size: 13px;
}

.reviewRanking ul li .rankingNum .bold {
    font-size: 18px;
    font-weight: 700;
}

.reviewRanking ul li .rankingNum .smallgray {
    font-size: 10px;
    color: #808080;
}

.reviewRanking ul li .rankingTitle {
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #808080;
    padding-top: 10px;
}

.reviewData {
    padding-top: 20px;
}

.reviewData dl {
    display: flex;
    align-items: center;
}

.reviewData dl dt {
    font-size: 14px;
    font-weight: 300;
    color: #808080;
    margin-right: 10px;
}

.reviewData dl .stargrade_img {
    width: 97px;
    height: 18px;
    background: url(../images-v4/startgrade_bg_mob.png) no-repeat left bottom/97px auto;
}

.reviewData dl .warningMsg {
    background-color: #F9F7FF;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    right: 20px;
    position: absolute;
    color: red;
}

.reviewData dl .stargrade_img .fillstar {
    display: inline-block;
    height: 100%;
    background: url(../images-v4/startgrade_bg_mob.png) no-repeat left top/97px auto;
    vertical-align: top;
}

.reviewData dl dd .bold {
    font-size: 16px;
    color: #6230cf;
    font-weight: 700;
    margin-left: 10px;
    vertical-align: top;
}

/*그래프*/
.review_graph .graph_slide h5 {
    text-align: center;
    padding-bottom: 25px;
}

.review_graph .graph_slide .slick-slide {
    height: auto;
}

.review_graph .graph_slide button.slick-arrow {
    position: absolute;
    top: 5px;
    width: 10px;
    height: 16px;
    color: transparent;
    border: none;
    padding: 0;
    background-color: transparent;
}

.review_graph .graph_slide .slick-arrow.slick-prev {
    left: 0;
    background: url(../images-v4/graph_slide_prev.png) no-repeat center top/10px auto;
}

.review_graph .graph_slide .slick-arrow.slick-next {
    right: 0;
    background: url(../images-v4/graph_slide_next.png) no-repeat center top/10px auto;
}

.review_graph .graph_slide .gList dl {
    display: flex;
    padding: 20px 0;
}

.review_graph .graph_slide .gList dt {
    width: 70px;
    color: #808080;
    font-weight: 500;
}

.review_graph .graph_slide .gList .gnum {
    width: 45px;
    color: #555;
}

.review_graph .graph_slide .gList .gnum span {
    font-size: 13px;
}

.review_graph .graph_slide .gList .gbar {
    width: calc(100% - 115px);
    height: 15px;
    margin: 4.5px 0;
}

.review_graph .graph_slide .gList .gbar>div {
    height: 15px;
    border-radius: 8px;
}

/*평가도 분포 색상, 데이터*/
/* %값에 따라 width값 변경 */
/*긍정-보통-부정*/
.review_graph .graph_slide .gList .gbar .good {
    background-color: #ffd400;
    width: 100%;
}

.review_graph .graph_slide .gList .gbar .normal {
    background-color: #8264e8;
    width: 100%;
}

.review_graph .graph_slide .gList .gbar .bad {
    background-color: #d6d6d6;
    width: 100%;
}

/*평점 평균 분포 색상*/
/*업체-전국-지역*/
.review_graph .graph_slide .gList .gbar .bg01 {
    background-color: #8264e8;
    width: 100%;
}

.review_graph .graph_slide .gList .gbar .bg02 {
    background-color: #44218f;
    width: 100%;
}

.review_graph .graph_slide .gList .gbar .bg03 {
    background-color: #c7bedd;
    width: 100%;
}


/*BEST 리뷰*/
.review_best {
    padding-bottom: 0;
}

.review_best .review_box {
    margin-bottom: 30px;
}

.review_best h5 {
    padding-bottom: 30px;
}

.review_best .review_box .review_con {
    border-top: 1px solid #e6e6e6;

    padding: 20px 0 15px;
    margin-bottom: 10px;
}

.review_best .review_box .review_con .best_review_tag {
    padding-bottom: 20px;
}

.review_best .review_box .review_con .best_review_tag .txt_tag {
    padding: 6px 17px;
    background-color: #8264e8;
    border-radius: 17px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}

.review_best .review_box .review_con .best_review_tag .emoji {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../images-v4/good_icon.png) no-repeat center/35px auto;
    margin-left: 10px;
    vertical-align: bottom;
}

.review_best .review_box .review_con .review_txt {
    width: 100%;
}

.review_best .review_box .review_con .review_txt pre {
    font-size: 15px;
    color: #4d4d4d;
    line-height: 27px;
    width: 100%;
}

.review_best .review_box .review_info .user_info {
    font-size: 13px;
    color: #808080;
    padding-bottom: 5px;
}

.review_best .review_box .review_info .user_info .user_date {
    margin-left: 10px;
}

.review_box .user_tag {
    display: flex;
    flex-wrap: wrap;
}

.review_box .user_tag li {
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 13px;
    color: #595959;
    margin-right: 7px;
}

/* 이미지 썸네일 및 모달*/
.reviewImage {
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    cursor: pointer;
    transition: 0.3s;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 5px;
}

.reviewImage:hover {
    opacity: 0.7;
}

#detailModal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}

#detailModal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

/* The Close Button */
#detailModal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

#detailModal .close:hover,
#detailModal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/*최근리뷰*/
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.review_lately {
    padding-bottom: 0;
}

.review_lately h5 {
    padding-bottom: 30px;
}

.review_lately .review_box {
    padding-bottom: 30px;
}

.review_lately .review_box .review_con {
    border-top: 1px solid #e6e6e6;

    padding: 15px 0;
}

.review_lately .review_box .review_con .review_con_top {
    font-size: 13px;
    color: #595959;
    padding-bottom: 15px;
}

.review_lately .review_box .review_con .review_con_top .review_tag {
    padding: 3px 5px;
    border: 1px solid #8264e8;
    color: #8264e8;
    border-radius: 15px;
    margin-right: 7px;
    float: left;
}

.review_lately .review_box .review_con .review_con_top .user_name {
    float: left;
    padding: 4px 0;
}

.review_lately .review_box .review_con .review_con_top .user_date {
    float: right;
    padding: 4px 0;
}

.review_lately .review_box .review_con .review_txt {
    width: 100%;
}

.review_lately .review_box .review_con .review_txt pre {
    font-size: 15px;
    color: #4d4d4d;
    width: 100%;
}

.review_lately .review_box .user_tag {
    padding-top: 15px;
}

.review_lately .review_more {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #8264e8;
    border: 2px solid #8264e8;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 50px;
    margin-bottom: 30px;
}

/*사장님 답변*/
.reply_box {
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
}

.reply_box h4 {
    color: #595959;
    font-weight: 500;
    padding-bottom: 5px;
}

.reply_box .reply_txt {
    width: 100%;
}

.reply_box .reply_txt pre {
    width: 100%;
}


/*아직 등록된 리뷰가 없습니다*/
.tab_con2 .review_blank {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.tab_con2 .review_blank .blankbox {
    width: 100%;
    background-color: #FAFAFA;
    padding: 50px 0 128px;
    text-align: center;
    color: #B3B3B3;
    font-size: 16px;
    background-image: url(../images-v4/review_blank.png);
    background-repeat: no-repeat;
    background-position: center bottom 50px;
    background-size: 78px auto;
}

/*end----tab2 리뷰*/

/*tab3 추가요금*/
.tab_con3 .extra_notice h5 {
    font-size: 18px;
    font-weight: 500;
    color: #6230cf;
    padding-left: 0;
    padding-bottom: 15px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
}

.tab_con3 .extra_notice {
    font-size: 14px;
    color: #666;
}

.tab_con3 .extra_notice .extra_notice_txt .bold {
    font-weight: 700;
}

.tab_con3 .extra_notice .extra_notice_txt p:nth-child(2) {
    float: left;
}

/*추가요금 타이틀*/
.tab_con3 h5 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
}


.tab_con3 .dotline {
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #f0f0f0;
}

.tab_con3 .extra.tab_box {
    padding: 20px 20px;
    display: flex;
    align-items: baseline;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.tab_con3 .extra.tab_box .detail_arrow {
    width: 12px;
    height: 8px;
    margin: 9px 0 8px 223px;
    background-image: url("../images-v4/arrow_bottom_b.png");
}

.tab_con3 .extra.tab_box.checked .detail_arrow {
    background-image: url("../images-v4/arrow_top_b.png");
}


.tab_con3 .extra_charge li {
    display: flex;
    align-items: baseline;
    margin-top: 5px;
}

.tab_con3 .extra_charge li div:first-child {
    height: 25px;
    margin: 0 10px 19px 0;
    padding: 3px 11px;
    border-radius: 5px;
    background-color: #aa90ff;
    min-width: 60px;
    text-align: center;
}

.tab_con3 .extra_charge li div.off {
    background-color: #f5f2ff;
}


.tab_con3 .extra_charge li .title {
    width: 48px;
    height: 19px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.tab_con3 .extra_charge li .off .title {
    color: #9a9a9a;
}


.tab_con3 .extra_charge li .description {
    width: 255px;
    height: 21px;
    /*margin: 2px 0 2px 10px;*/
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
}

/*end----tab3 추가요금*/

/*tab4 시공사진*/
/*첫번째 시공사례 제외 구분칸 설정*/
.tab_con4 .case_box_list .case_box:not(:nth-child(1))::before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background-color: #f0f0f0;
}

/*.tab_con4 .case_box {30px 0;}*/
.tab_con4 .case_box_list .case_box .case_img_wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.6%;
    margin-top: 30px;
}

.tab_con4 .case_box_list .case_box .case_img_wrap .case_imgSld {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tab_con4 .case_box_list .case_box .case_img_wrap .case_imgSld .case_img {
    width: 100%;
    height: 66.6vw;
    margin: 0 20px;
}

.tab_con4 .case_box_list .case_box .case_img_wrap .case_imgSld .case_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tab_con4 .case_box_list .case_box .case_img_wrap .case_imgSld .slide_count {
    position: absolute;
    bottom: 10px;
    line-height: 25px;
    width: 60px;
    text-align: center;
    border-radius: 13px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.33);
    color: #fff;
    left: 50%;
    margin-left: -30px;
}

.tab_con4 .case_box_list .case_box .case_info {
    padding: 5px 20px 0 20px;
    font-size: 0;
}

.tab_con4 .case_box_list .case_box .case_info li {
    display: inline-block;
    margin: 5px 25px 0 0;
}

.tab_con4 .case_box_list .case_box .case_info li .title {
    font-size: 14px;
    color: #a6a6a6;
    margin-right: 10px;
}

.tab_con4 .case_box_list .case_box .case_info li .value {
    font-size: 14px;
    color: #666;
}

.tab_con4 .case_box_list .case_box .case_txt {
    padding: 20px 20px 30px;
}

.tab_con4 .case_box_list .case_box .case_txt pre {
    font-size: 15px;
    color: #666;
}

/*시공사진 로딩 애니메이션 gif*/
.loadingContainer {
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

.loadingContainer .loadingGif img {
    width: 40px;
}

.loadingContainer {
    display: none;
}

/*아직 등록된 시공사진이 없습니다*/
.tab_con4 .case_blank {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px 130px;
}

.tab_con4 .case_blank .blankbox {
    width: 100%;
    background-color: #FAFAFA;
    padding: 50px 0 128px;
    text-align: center;
    color: #B3B3B3;
    font-size: 16px;
    background-image: url(../images-v4/case_blank.png);
    background-repeat: no-repeat;
    background-position: center bottom 50px;
    background-size: 78px auto;
}


/*end----tab4 시공사진*/
/*end----applyDetail.html, companyDetail.html 공통*/

/*mypage.html*/
/*나의신청내역*/
.sub_mypage {
    background-color: #fafafa;
    padding-top: 56px;
}

/*header*/
.mypage_header {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    top: 0;
    z-index: 10;
}

.mypage_header .refresh {
    position: absolute;
    top: 18px;
    right: 20px;
    display: inline-block;
    height: 20px;
    color: transparent;
    background: url(../images-v4/refresh.png) no-repeat right center/auto 20px;
}

.mypage_banner .bannerWrapper {
    width: 100%;
}

.mypage_banner .bannerWrapper .banner {
    width: 100%;
    background-repeat: repeat-y;
    background-position: center top;
    background-size: cover;
}

.mypage_banner .bannerWrapper .banner a {
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 24%;
    color: transparent;
}

/*배너이미지*/
.mypage_banner .bannerWrapper .banner01 {
    background-image: url(../images-v4/banner01.jpg);
}

.mypage_banner .bannerWrapper .banner02 {
    background-image: url(../images-v4/zimshot.png);
    background-size: 100% 100%;
}

.mypage_banner .bannerWrapper .banner03 {
    background-image: url(../images-v4/sk_band_750.png);
}

.mypage_banner .bannerWrapper .slick-dots {
    position: absolute;
    height: 7px;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
}

.mypage_banner .bannerWrapper .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
}

.mypage_banner .bannerWrapper .slick-dots li.slick-active {
    opacity: .9;
}

.mypage_banner .bannerWrapper .slick-dots li button {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.sub_mypage .user_info {
    padding: 20px 15px 15px 15px;
    display: flex;
    justify-content: space-between;
}

.sub_mypage .user_info .user_name {
    font-size: 20px;
    color: #4d4d4d;
    font-weight: 500;
}

.sub_mypage .user_info .mydetails {
    height: 27px;
    line-height: 27px;
    border-radius: 13px;
    padding: 0 30px 0 10px;
    font-size: 13px;
    color: #666;
    border: 1px solid #e6e6e6;
    background: url(../images-v4/mydetails.png) no-repeat right 10px center/13px auto #fff;
}

.similar_estimate {
    padding-bottom: 20px;
}

.similar_estimate .slide_container .slick-list {
    padding: 0 7.5px;
}

.similar_estimate .slide_container .similarCon {
    padding: 0px 7.5px;

}

.similar_estimate .slide_container .similarCon .box {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    margin: 5px 0 10px;
}

.similar_estimate .slide_container .similarCon .description span:first-child {
    padding: 2px 6px;
    color: #8264e8;
    background-color: #f5f2ff;
    border-radius: 5px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 3px;
}

.similar_estimate .slide_container .similarCon .description span:last-child {
    color: #8264e8;
    font-weight: 500;
}

.similar_estimate .slide_container .similarCon h4 {
    font-size: 15px;
    font-weight: 500;
    color: #6230cf;
    padding-bottom: 5px;
}

.similar_estimate .slide_container .similarCon .price {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 3px solid #8264E8;
    white-space: nowrap;
}

.similar_estimate .slide_container .similarCon .price p {
    font-size: 16px;
    color: #4D4D4D;
}

.similar_estimate .slide_container .similarCon .price p span:first-child {
    font-size: 22px;
    font-weight: 700;
}

.similar_estimate .slide_container .similarCon .terms {
    display: flex;
    color: #808080;
    letter-spacing: -.2px;
    padding: 17px 0 5px;
    font-size: 15px;
}

.similar_estimate .slide_container .similarCon .terms li {
    padding-right: 10px;
}

.similar_estimate .slide_container .similarCon .date {
    font-size: 14px;
    color: #808080;
}


.similar_estimate .slick-arrow {
    position: absolute;
}

.similar_estimate .slick-prev {
    opacity: 0;
}

.similar_estimate .slick-next {
    right: 10px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    color: transparent;
    font-size: 0;
    background: url(../images-v4/similarestimate_arrow.png) no-repeat center center / 10px auto #fafafa;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.similar_estimate .slick-next.slick-disabled {
    opacity: 0;
}

/*업체 목록*/
.user_list {
    padding: 0px 15px 30px;
    box-sizing: border-box;
}

.user_list .user_list_title {
    display: flex;
}

.user_list .user_list_title h4 {
    font-size: 18px;
    font-weight: 400;
    color: #4d4d4d;
    margin-right: 10px;
}

.user_list .user_list_title .list_counter {
    font-size: 18px;
    font-weight: 700;
    color: #8264E8;
}

.user_list .user_list_content {
    padding-bottom: 30px;
}

.user_list .user_list_content .list_container>li {
    margin-top: 20px;
}

/*아직 예약된 업체가 없습니다*/
/*견적이 마감되었습니다*/
.user_list .list_blank {
    width: 100%;
    height: 180px;
    box-sizing: border-box;
    padding: 62px 10px;
    text-align: center;
    font-size: 14px;
    color: #808080;
    background-color: #f2f2f2;
    border-radius: 5px;
    margin-top: 15px;
    position: relative;
}

.user_list .list_blank .blankTxt {
    position: absolute;
    width: calc(100% - 15px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 아직 예약된 업체가 없습니다 */
.user_list .list_blank.reserve_yet .blankTxt p:first-child {
    font-size: 15px;
    padding-bottom: 10px;
}

.user_list .list_blank.reserve_yet .blankTxt p.count {
    color: #6230CF;
    font-size: 15px;
    font-weight: 500;
}

/*견적이 남았습니다. 잠시만 기다려주세요.*/

.user_list .list_blank.timeleft .blankTxt .timer {
    color: #8264E8;
    padding-top: 10px;
    font-weight: 500;
}

/*예약업체*/

.user_list .reserve_content .estimate_more {
    margin-top: 15px;
}

/*업체목록내용 상세이동링크*/
.more_details {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    position: relative;
}

.more_details>a .com_info_frame {
    padding: 15px 0px 10px 12px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.more_details>a .com_info_frame .com_logo {
    width: 55px;
    height: 55px;
    background-color: #ededed;
    position: relative;
}

.more_details>a .com_info_frame .com_logo .premium_crown_badge {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #f4d374, #c9971f);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    z-index: 2;
}

.more_details>a .com_info_frame .com_logo .premium_crown_badge .ti-crown {
    font-size: 11px;
    color: #fff;
}

.more_details>a .com_info_frame .com_logo img {
    width: 68px;
    margin-left: -7px;
    margin-top: -7px;
}

.more_details>a .com_info_frame .com_info {
    padding: 4px 0px 0px 10px;
}

.more_details>a .com_info_frame .com_info .companyname {
    padding-bottom: 7px;
    font-size: 0;
    white-space: nowrap;
}

.more_details>a .com_info_frame .com_info .companyname h4 {
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.3px;
    color: #4d4d4d;
    font-weight: 500;
}

/*견적목록 신규, top20, 최저가, 최다예약 태그*/
.more_details>a .com_info_frame .com_info .companyname .tag {
    display: inline-block;
    padding: 1px 10px 2px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.2px;
    border-radius: 7px 0 7px 0;
    margin-left: 8px;
    vertical-align: top;
}

/* top20 */
.more_details>a .com_info_frame .com_info .companyname .tag_top10 {
    background-color: #92D050;
    color: #F5F2FF;
}

/* 신규 */
.more_details>a .com_info_frame .com_info .companyname .tag_new {
    background-color: #FFB854;
    color: #fff;
}

/* 최저가 */
.more_details>a .com_info_frame .com_info .companyname .tag_lowestprice {
    background-color: red;
    color: #fff;
}

/* 최다예약 */
.more_details>a .com_info_frame .com_info .companyname .tag_largest {
    background-color: #8264E8;
    color: #fff;
}

/* 엄선파트너 */
.more_details>a .com_info_frame .com_info .companyname .tag_premium {
    background: linear-gradient(135deg, #f4d374, #c9971f);
    color: #fff;
}

.more_details>a .com_info_frame .com_info>ul {
    color: #808080;
    display: flex;
    font-size: 14px;
}

.more_details>a .com_info_frame .com_info>ul li {
    margin-right: 13px;
}

.more_details>a .com_info_frame .com_info>ul li .val {
    margin-left: 3px;
}

.more_details>a .com_info_frame .com_info>ul .review span:first-child {
    color: #808080;
}

.more_details>a .com_info_frame .com_info>ul li.construction {
    color: #8264E8;
    font-weight: 500;
}

/*인증태그*/
.more_details>a .com_tags {
    padding: 10px 10px 10px;

}

.more_details>a .com_tags ul {
    font-size: 0;
    height: 25px;
    overflow: hidden;
}

.more_details>a .com_tags ul li {
    padding: 2px 6px;
    color: #8264e8;
    font-size: 13px;
    background-color: #f5f2ff;
    border-radius: 25px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 3px;
}

/*견적 상태*/
/*공통*/
.user_list .more_details>a .check_status {
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 0 0 5px 5px;
    font-weight: 500;
}

/*예약업체 예약 확인중 예약확정*/
.user_list .reserve_content .more_details>a .check_status {
    color: #6230CF;
    background: #F5F2FF;
}

/*신규견적 견적도착*/
.user_list .estimate_list .more_details>a .check_status {
    color: #fff;
    background: #8264E8;
}

/*견적목록 견적가 노출*/
.user_list .checked_list .more_details>a .check_status.checkeditem {
    border-top: 1px solid #e6e6e6;
    color: #4d4d4d;
    font-weight: 400;
    background: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user_list .checked_list .more_details>a .check_status.checkeditem .boldprice {
    text-align: left;
}

.user_list .checked_list .more_details>a .check_status.checkeditem .boldprice p:first-child {
    font-weight: 700;
    color: #6230cf;
    /* 원래 색상 */
    font-size: 17px;
}

.user_list .checked_list .more_details>a .check_status.checkeditem .boldprice .smallnotice {
    font-size: 13px;
    color: #666666;
}

/* 아이콘 및 투입 인원 색상 */
.user_list .checked_list .more_details>a .check_status.checkeditem .boldprice .input-count {
    color: #00B140;
    /* PPT 표준색 녹색 */
}

.user_list .checked_list .more_details>a .check_status.checkeditem .boldprice img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(67%) saturate(547%) hue-rotate(99deg) brightness(97%) contrast(96%);
}


.user_list .checked_list .more_details>a .check_status.checkeditem .checkedprice_arrow {
    font-size: 16px;
    color: #4d4d4d;
    width: 73px;
    flex-basis: 73px;
    flex-shrink: 0;
    padding-right: 13px;
    box-sizing: border-box;
    margin-left: 8px;
    background: url(../images-v4/checkedprice_arrow.png) no-repeat right center/7px auto;
}

/*견적목록 예약취소 상태*/
.user_list .checked_list .more_details>a .check_status.cancel {
    color: #999;
    font-weight: 400;
    background: #EDEDED;
    text-align: center;
}

/*신규견적, 견적목록에서 탈퇴업체 block처리*/
.estimate_list .more_details.detailblock::after,
.checked_list .more_details.detailblock::after {
    content: '현재 클린벨을 이용하는 업체가 아닙니다';
    white-space: pre;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(229, 229, 229, 0.95);
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    padding-top: 74px;
    box-sizing: border-box;
    border-radius: 5px;
}


/*end----mypage.html*/


/*guide.html*/
/*클린벨 이용가이드 페이지*/
.guidebg {
    color: #4d4d4d;
    /*    margin-top: 56px; */
}

.guidebg .guide_step {
    width: 100%;
    min-height: 100vh;
    background: url(../images-v4/guidestepbg.png) no-repeat center bottom / 100% auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.guidebg .guide_step dl {
    padding: 86px 20px 0;
}

.guidebg .guide_step dt {
    font-size: 14px;
    opacity: 0.75;
}

.guidebg .guide_step .bold {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
}

.guidebg .guide_step .sub {
    font-size: 15px;
    color: #808080;
}

.guidebg .guide_step .imgcontainer {
    width: 100%;
    height: 55vh;
    margin: 0 auto 50px;
}

.guidebg .guide_step .imgcontainer .guidestepimg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 46.6vh;
    opacity: 0;
}

.guidebg .step1 .imgcontainer .guidestepimg {
    background-image: url(../images-v4/guidestep01.png);
}

.guidebg .step2 .imgcontainer .guidestepimg {
    background-image: url(../images-v4/guidestep02.png);
}

.guidebg .step3 .imgcontainer .guidestepimg {
    background-image: url(../images-v4/guidestep03.png);
}

.guidebg .guide_step .imgcontainer .guidestepimg.fadein {
    animation: fadein 1s ease forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/*end----guide.html*/

/*review.html*/
/*BEST 후기 페이지*/
.best_review_bg {
    background-color: #F7F7F7;
}

.best_review_topbg {
    background-image: url(../images-v4/reviewtop-mob.jpg),
        url(../images-v4/guidebg_gradient.jpg);
    background-size: auto 100%, auto 100%;
    background-position: center top, 0 0;
    background-repeat: no-repeat, repeat-x;
    width: 100%;
    height: 400px;
}

.best_review_topbg .best_review_title {
    text-align: center;
    padding-top: 85px;
}

.best_review_topbg .best_review_title p {
    font-size: 13px;
    color: #777;
    padding-bottom: 15px;
}

.best_review_topbg .best_review_title h2 {
    color: #555;
    font-weight: bold;
    font-size: 21px;
}

.best_review_topbg .best_review_title h2 .bold {
    color: #6230cf;
    vertical-align: bottom;
}

.best_review_btm {
    padding: 20px 20px 45px;
}

.best_review_btm .best_review {
    padding-bottom: 40px;
}

.best_review_btm .best_review .top_region {
    background-color: #6230cf;
    color: #fff;
    padding: 17px 20px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.best_review_btm .best_review .top_region p:nth-child(1) {
    float: left;
    font-size: 20px;
    font-weight: 500;
}

.best_review_btm .best_review .top_region .emoji {
    float: right;
    padding-right: 35px;
    line-height: 30px;
    background: url(../images-v4/best_icon.png) no-repeat right center;
    background-size: 30px;
    font-size: 13px;
}

.best_review_btm .best_review .btm_text {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px 22px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    color: #777;
    font-size: 14px;
}

.best_review_btm .best_review .btm_text dt {
    font-size: 19px;
    color: #6230CF;
    font-weight: 600;
    padding-bottom: 10px;
}

.best_review_btm .best_review .btm_text dt .won {
    font-weight: 500;
    font-size: 16px;
}

.best_review_btm .best_review .btm_text dd ul li {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #eee;
    font-weight: 500;
    color: #4d4d4d;
}

.best_review_btm .best_review .btm_text dd ul li:nth-child(1) {
    padding-left: 0px;
    border-left: none;
}

.best_review_btm .best_review .btm_text dd.user {
    padding: 15px 0 10px;
    font-size: 13px;
    color: #777777;
}

.best_review_btm .best_review .btm_text .text_content {
    line-height: 23px;
    color: #4d4d4d;
}

.best_review_btm .btn_review_more button {
    width: 100%;
    background-color: #fff;
    border: 2px solid #6230cf;
    color: #6230cf;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

/*end----review.html*/

/*청소 TIP, 우수업체 인터뷰 공통내용*/
/*목록*/
.contentwrap {
    padding: 86px 20px 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 100vh;
}

.contentwrap .contentlist_title h3 {
    font-size: 23px;
    color: #555;
    padding-bottom: 30px;
}

.contentwrap .contentlist_title h3 span {
    color: #6230cf;
}

.contentwrap .contentlist .con_item {
    margin-bottom: 30px;
}

.contentwrap .contentlist .con_item a .thumb {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    background-color: #e6e6e6;
    border-radius: 7px;
    position: relative;
}

.contentwrap .contentlist .con_item a .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
}

/*본문*/
.contentwrap_detail {
    padding: 80px 20px 0;
    width: 100%;
    box-sizing: border-box;
    min-height: 100vh;
}

.contentwrap_detail .content_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.contentwrap_detail .content_top h4 {
    font-size: 20px;
    padding-bottom: 20px;
}

.contentwrap_detail .content_top .con_date {
    font-size: 14px;
    color: #666;
}

.contentwrap_detail .content_top .urlcopy_circle {
    overflow: hidden;
}

.contentwrap_detail .content_top .urlcopy_circle button {
    float: right;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: url(../images-v4/urlcopy_mob.png) no-repeat center /15px auto #fafafa;
}

.contentwrap_detail .content_mid {
    padding: 25px 0;
    border-bottom: 1px solid #d9d9d9;
}

.contentwrap_detail .content_mid .urlcopy_bottom {
    padding-top: 25px;
    text-align: center;
}

.contentwrap_detail .content_mid .urlcopy_bottom button {
    font-size: 16px;
    padding: 6px 36px 6px 10px;
    border: none;
    background: url(../images-v4/urlcopy_mob.png) no-repeat right 10px center / auto 15px #f2f2f2;
    border-radius: 3px;
    color: #4D4D4D;
    font-weight: 500;
}

.contentwrap_detail .content_btm {
    overflow: hidden;
    padding: 20px 0 40px;
}

.contentwrap_detail .content_btm a {
    float: right;
    padding: 6px 16px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #4d4d4d;
    border-radius: 3px;
}


/*content_clean.html*/
/*클린벨이 알려주는 청소 TIP*/
.contentwrap .contentlist .clean_item a .previewinfo h4 {
    font-size: 16px;
    font-weight: 500;
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin: 10px 0;
}

.contentwrap .contentlist .clean_item a .previewinfo .preview_text p {
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.contentwrap .contentlist .clean_item a .previewinfo .con_date {
    padding-top: 10px;
    font-size: 14px;
    color: #808080;
}

/*end----content_clean.html*/

/*content_interview.html*/
/*우수업체 인터뷰*/
.contentwrap .contentlist .interview_item a .previewinfo .category {
    font-size: 14px;
    font-weight: 500;
    color: #6230cf;
    padding: 10px 0 2px;
}

.contentwrap .contentlist .interview_item a .previewinfo h4 {
    font-size: 18px;
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 8px;
}

.contentwrap .contentlist .interview_item a .previewinfo .con_info {
    color: #666;
    font-size: 14px;
}

.contentwrap .contentlist .interview_item a .previewinfo .con_info p span:first-child {
    margin-right: 7px;
}

.contentwrap .contentlist .interview_item a .previewinfo .con_info ul {
    margin-top: 3px;
    display: flex;
}

.contentwrap .contentlist .interview_item a .previewinfo .con_info ul li:first-child {
    padding-left: 22px;
    background: url(../images-v4/preview_stargrade_mob.png) no-repeat left center/auto 16px;
    margin-right: 15px;
}

.contentwrap .contentlist .interview_item a .previewinfo .con_info ul li:nth-child(2) .case {
    margin-left: 5px;
}

/*end----content_interview.html*/

/*detail_interview.html*/
/*우수업체 인터뷰본문*/
.content_top .interview_info {
    margin-bottom: 18px;
}

.content_top .interview_info p {
    font-size: 15px;
    font-weight: 500;
    color: #4d4d4d;
    padding-bottom: 5px;
}

.content_top .interview_info ul {
    display: flex;
    font-size: 14px;
    color: #666;
    align-items: center;
}

.content_top .interview_info ul li:first-child {
    margin-right: 15px;
}

.content_top .interview_info ul li:first-child dl {
    display: flex;
}

.content_top .interview_info ul li:first-child dl .stargrade_img {
    width: 97px;
    height: 18px;
    background: url(../images-v4/startgrade_bg_mob.png) no-repeat left bottom/97px auto;
    margin-right: 5px;
}

.content_top .interview_info ul li:first-child dl .stargrade_img .fillstar {
    display: inline-block;
    height: 100%;
    background: url(../images-v4/startgrade_bg_mob.png) no-repeat left top/97px auto;
}

.content_top .interview_info ul li:nth-child(2) .case {
    margin-left: 5px;
}

/*end----detail_interview.html*/


/*가로360이하*/

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

    /*메인배너*/
    .bannerwrap .banner .visual {
        padding-top: 50px;
    }

    .bannerwrap .banner .visual .bannerblock .bannertext .maintext {
        font-size: 24px;
    }

    .bannerwrap .banner .visual .bannerblock .bannertext .subtext {
        font-size: 13px;
        margin: 10px 0;
    }
}

/*가로320이하*/

@media screen and (max-width: 320px) {
    .txt_block_3 {
        display: inline-block;
    }

    .com_detail_top .com_info .tel_sms_btn .safetytag {
        margin-left: -155px;
    }

    .com_detail_top .com_info .tel_sms_btn .safetytag p {
        font-size: 13px;
    }
}

/*가로374이하*/

@media screen and (max-width: 374px) {
    .mypage_banner .bannerWrapper .banner {
        background-size: 100% auto;
    }

    .tab_con2 .detail_event .event_bg {
        width: 100%;
        background-size: 100% auto;
    }
}


/*가로760이상*/

@media screen and (min-width: 760px) {
    .txt_block {
        display: inline-block;
    }

    .txt_block_2 {
        display: block;
    }

    .processguide ul {
        display: flex;
        justify-content: space-between;
    }

    .bannerwrap .banner .visual .bannerblock .bannertext {
        text-align: center;
    }

    .bannerwrap .banner .visual .bannerblock .bannertext .maintext {
        font-size: 3.3vh;
    }

    .bannerwrap .banner .visual .bannerblock .bannertext .subtext {
        font-size: 1.7vh;
    }

    .processguide ul li {
        justify-content: flex-start;
        flex-direction: column;
        text-align: center;
        width: 33.3%;
    }

    .processguide ul li .processicon {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .ranking_price_link ul li a {
        text-align: left;
        padding: 40px 30px 40px;
        box-sizing: border-box;
    }

    .ranking_price_link ul li:nth-child(1) a,
    .ranking_price_link ul li:nth-child(2) a {
        background-position: right 30px center;
    }

    .guidebg .guide_step dl dt {
        font-size: 16px;
    }

    .guidebg .guide_step dl .bold {
        font-size: 35px;
    }

    .guidebg .guide_step dl .sub {
        font-size: 17px;
    }

    .guidebg .guide_step {
        background-position: center bottom -50px;
    }

    .guidebg .guide_step .imgcontainer {
        height: 63vh;
    }

    .guidebg .guide_step .imgcontainer .guidestepimg {
        background-size: auto 60vh;
    }

    .mypage_banner .bannerWrapper .banner a {
        padding-bottom: 11.7%;
    }

    .mypage_banner .bannerWrapper .banner01 {
        background-image: url(../images-v4/banner01_768.jpg);
    }

    .mypage_banner .bannerWrapper .banner02 {
        background-image: url(../images-v4/zimshot.png);
        background-size: 100% 100%;
    }

    .mypage_banner .bannerWrapper .banner03 {
        background-image: url(../images-v4/sk_band_1500.png);
    }
}