/*----------------------------------------------
견적의뢰 단계
----------------------------------------------*/

/* 견적의뢰 */
.steps {
    position: relative;
}
/* 단계 레이아웃 */
.steps h1 {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    font-size: 0px;
    line-height: 38px;
    
}
.steps h1 b {
    font-weight: bold;
    display: block;
}
.steps .btn-apply {
    position: absolute;
    top: 340px;
    left: 0px;
    margin-right: 0px;
    display: block;
    background-color: #FFF;
    color: #e74c3c;
    width: 100%;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;    
    cursor: pointer;
    transition: 0.3s;
}
.steps .btn-apply:hover {
    box-shadow: 0px 0px 10px #414141;
}

/* 단계별 이동 */
.steps .process {
    position: absolute;
    top: 20px;
    width: calc(100% + 15px);   
    margin: 0px -15px;
    text-align: center;
    color: #FFF;
    z-index: 2;
}
.pointer-m {
    display: block;
    position: absolute;
    top: 30px;
    left: 20%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}
.pointer-l {
    display: none;
    transition: 1.5s;
}
.bar-l {
    display: none;
    position: absolute;
    top: 234px;
    left: 88px;
    width: 875px;
    height: 2px;
    background-color: #FFF;
    z-index: 1;
}
.bar-m1 {
    position: absolute;
    top: 183px;
    left: -10px;
    width: 75%;
    height: 2px;
    background-color: #FFF;
    z-index: 1;
}
.clean_service .bar-m1 {
    position: absolute;
    top: 183px;
    left: -10px;
    width: 25%;
    height: 2px;
    background-color: #FFF;
    z-index: 1;
}

.bar-m2 {
    position: absolute;
    top: 35px;
    right: -10px;
    width: 78%;
    height: 2px;
    background-color: #FFF;
    z-index: 1;
}

/* 진행 영역 */
.steps .process li {
    position: relative;
    width: 50%;
    height: 150px;
    float: left;
    cursor: pointer;
}
.steps .process li .circle {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 12px;
    height: 12px;
    border: 4px solid #FFF;
    background-color: #e74c3c;
    border-radius: 100%;
}
.steps .process li .title {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 100%;
    color: #FFF;
    font-size: 16px;
}
.steps .process li .im {
    position: absolute;
    width: 80px;
    top: 65px;
    left: 50%;
    margin-left: -40px;
    z-index: 2;
}
.steps .process li .complete {
    position: absolute;
    width: 80px;
    top: 65px;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: 0.3s;
    z-index: 3;
}
.steps .process li .completeActive {
    opacity: 1 !important;
}

/* 애니메이션 */
.stepAnimation_m_3 {
    left: 80% !important;
}
.stepAnimation_m_4 {
    top:180px; left: 25% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 80% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 25% !important;
}
.stepAnimation_m_6 {
    top:180px; left: 80% !important;
}
.stepAnimation_m_7 {
    top:180px; left: 80% !important;
}

/* 애니메이션 */
.stepAnimation3 {
    left: 420px !important;
}

.clean_service .stepAnimation3 {
    left: 560px !important;
}
.stepAnimation4 {
    left: 700px !important;
}
.clean_service .stepAnimation4 {
    left: 850px !important;
}
.stepAnimation5 {
    left: 1000px !important;
}
.stepAnimation6 {
    left: 1000px !important;
}
.stepAnimation7 {
    left: 994px !important;
}

/* 모달 */
.modal {
    display: none;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 420px;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 100;
    border: 1px solid #EFEFEF;
}
.modal .head {
    position: relative;
    width: 100%;
    height: 90px;
    background-color: #FFF;
    color: #383838;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #383838;
}
.modal .head h1 {
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: normal;
    cursor: default;
    font-weight: bold;
    font-size: 26px;
}
.modal .head h2 {
    margin: 0px;
    font-size: 12px;
    padding: 5px 15px;
    font-weight: normal;
}
.modal .head .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#modal5 {
    height: auto;
}
.clean_service #modal5 {
        height: 750px;
    }
.over_select {
   float: left;
}
.wrap_scroll {
   height: 300px;
   overflow-y: scroll;
   border-radius: 0px 0px 10px 10px;
   border: 1px solid #EFEFEF;
   border-top: none;
}
/* STEP 01 */
.selector {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}
.selector li {
    width: 50%;
    float: left;
    cursor: pointer;
    margin-top: 40px;
}
.selector li img {
    width: 100px;
}
.selector li h1 {
    font-size: 13px;
    line-height: 16px;
    margin-top: 20px;
    word-break: keep-all;
}
.selector li h1 span {
    display: table-cell;
    vertical-align: middle;
    height: 30px;    
    text-align: left;
    color: #5a5a5a;
    font-size: 11px;
}
.selector li h1 span.type {
    display: inline-block;
    float: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    text-align: left;
    margin-right: 5px;
    color: #323232;
    border-right: 1px solid #DDD;
}



/* STEP 01 */
.selector_m {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none;
    margin-top: 25px;
    text-align: center;
}
.selector_m > li {
    position: relative;
    width: 50%;
    margin-top: 24px;
    float: left;
    cursor: pointer;
	height:207px;
}
.selector_m li img {
   width: 100px;
}
.selector_m li h1 {
    font-size: 13px;
    line-height: 16px;
    margin-top: 20px;
    word-break: keep-all;
}
.selector_m li h1 span {
    
    vertical-align: middle;
    height: 30px;    
    text-align: center;
    color: #5a5a5a;
    font-size: 11px;
}
.selector_m li h1 span.type {
    display:block;
	text-align:center;
    line-height: 30px;                       
    font-size: 12px;
    font-weight: bold;
    color: #323232;
    
}
.selector_m li h1 span.type span {

	text-align:center;
    line-height: 30px;                       
    font-size: 12px;
    font-weight: bold;
    color: #323232;
    
}
.list-type {
    position: absolute;
    top: -2px;
    left: 50%;
    width: 100px;
    margin-left: -65px;
    background-color: rgba(255,255,255,0.95);
    padding: 15px;
    border-radius: 32px;
    text-align: left;
    font-weight: bold;                                            
} 
.list-type li {
    position: relative;
    padding-left: 20px;
    margin: 13px 0px;
}
.list-type e {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #e74c3c;
    margin-right: 8px;
    position: absolute;
    top: 2px;
    left: 0px;
}
.list-type .active e {
    background-color: #ff7d70;
}

/* STEP 03 */
.day-info {
    position: absolute;
    top:35px;
    left: 65px;
    width: 120px;
    height: 20px;
    color: #FFF;
    padding-left: 10px;
    font-size: 13px;
}


/* 원래 css
.day-info {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 120px;
    height: 20px;
    color: #FFF;
    padding-left: 10px;
    font-size: 13px;
}

*/
.day-info e {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 3px solid #e74c3c;
    border-radius: 100%;
    margin-right: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.day-info b {
    position: absolute;
    top: -1px;
    left: 25px;   
    color: #000;
}

/* 캘린더 */
.calendar_wrap {
    width: 100%;
    margin: 0 auto;
}
	.calendar_wrap:after { content:""; clear:both; display:block; height:0; visibility:hidden;}

	.step_before {display:none}
	.step_next { display:none}	
.calendar {
    width: 270px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.calendar:nth-child(4), .calendar:nth-child(5) {
    display: none;
}
.calendar_wrap .calendar:last-child {
    margin-right: 0px;
}
.calendar h1 {
    position: relative;
    text-align: center;
    font-size: 20px;
}
.calendar h1 a:first-child {
    position: absolute;
    top: 8px;
    left: 5px;
}
.calendar h1 a:last-child {
    position: absolute;
    top: 8px;
    right: 5px;
}
.calendar .head {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #c4c4c4;
    color: #FFF;
    border-radius: 0px;
    border-bottom: 0px;
}
.calendar .head li {
    display: block;
    width: 38px;
    height: 50px;
    float: left;
}
.calendar .week {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F7F7F7;
}
.calendar .week li {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 1px;
    float: left;
    border-radius: 100%;
    border: 2px solid #FFF;
    color: #000;
    font-weight: bold;
	position:relative
}
.calendar .outdated {
    color: #DDD !important;
}

.dayhover::before { content:""; width:32px; height:6px; background:#e9463f; position:absolute; bottom:8px; left:0; display:inline-block; opacity:0.2}




/* 달력 동그라미
.calendar .nday {
    border: 2px solid #e74c3c !important;
}*/
.calendar .nday span{
	width:5px; height:5px; background:#e9463f; border-radius:5px;
	display:block; position:absolute; top:2px; height:4px;
}
/* 리스트 */
.modal .list {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}
.modal .list li {
    width: 75px;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    float: left;
    margin: 8px 4px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #eaeaea;
    background-color: #FFF;
    border-left: 5px solid #e9463f;
    cursor: pointer;
}
.modal .btn-back {
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
    
    padding: 5px 10px;
    color: #FFF;
    font-size: 12px;
}

/*  원래css
.modal .btn-back {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    cursor: pointer;
    background-color: #e9463f;
    padding: 5px 10px;
    color: #FFF;
    font-size: 12px;
}
/*

.floor {
    display: none;
}

/* 연락처 입력 */
.contact {
    width: 100%;
    margin: 0 auto;
}
.contact .terms {
    width: calc(100% - 20px);
    height: 50px;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #dce1e8;
    color: #7c7c7c;
    overflow-y: scroll;
}
.contact .info {
    margin-top: 10px;
    padding: 0px 10px;
}
.contact .info .section {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
}
.contact .info input {
    padding: 10px 5px;
}
.contact .info .input-l {
    width: 100%;
    margin-right: 20px;
}
.contact .info .input-s {
    width: 30.33%;
}
.contact .info .btn-confirm {
    display: inline-block;
    background-color: #e74c3c;
    color: #FFF;
    width: 90%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px;
    margin: 10px 5%;
}
.contact .info h6 {
    position: relative;
    margin: 10px 0px;
    font-size: 13px;
    color: #777;
    padding-left: 30px;
}
.contact .info h6 .checkbox {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 4px solid #e74c3c;
    background-color: #FFF;
    border-radius: 100%;    
    transition: 0.3s;
    cursor: pointer;
}
.contact .info h6 .checkboxAcitve {
    /*background-color: #e74c3c !important;*/
    background-color: #ff7d70 !important
}

.tb_top .checkbox {
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 4px solid #e74c3c;
    background-color: #FFF;
    border-radius: 100%;    
    transition: 0.3s;
    cursor: pointer;
}
.tb_top .checkboxAcitve {
    /*background-color: #e74c3c !important;*/
    background-color: #ff7d70 !important
}


@media screen and (min-width:1060px) {
    .pointer-m {
        display: none;
    }
    .pointer-l {
        display: block;
        position: absolute;
        top: 230px;
        left: 120px;
        z-index: 3;
    }
    .bar-l { 
        display: block;
    }
    .bar-m1, .bar-m2 {
        display: none;
    }
    /* 견적의뢰 */
    .steps {
        position: relative;
    }
    .over_select {
       float: left;
       margin-left: 190px;
    }
    .steps h1 {
        position: absolute;
        top: 50px;
        width: 100%;
        text-align: center;
        color: #FFF;
        font-weight: normal;
        font-size: 40px;
        line-height: 38px;
        margin-top: 0px;

    }
    .steps h1 b {
        font-weight: bold;
        display: block;
    }
    .steps .btn-apply {
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -72px;
        display: block;
        background-color: #FFF;
        color: #e74c3c;
        width: 150px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 5px;    
        cursor: pointer;
        transition: 0.3s;
    }
    .steps .btn-apply:hover {
        box-shadow: 0px 0px 10px #414141;
    }

    /* 단계별 이동 */
    .steps .process {
        position: absolute;
        top: 200px;
        width: 100%;    
        margin: 0px;
        text-align: center;
        color: #FFF;
        z-index: 2;
    }
    .bar-l {
        position: absolute;
        top: 214px;
        left: 85px;
        width: 880px;
        height: 2px;
        background-color: #FFF;
        z-index: 1;
    }

    .steps .process li {
        position: relative;
        width: 155px;
        height: 280px;
        float: left;
        cursor: pointer;
        margin-right: 140px;
    }
    .steps .process li:last-child {
        margin-right: 0px;
    }
    .steps .process li .circle {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -10px;
        display: block;
        width: 12px;
        height: 12px;
        border: 4px solid #FFF;
        background-color: #e74c3c;
        border-radius: 100%;
    }

    .steps .process li .title {
        position: absolute;
        top: 35px;
        left: 0px;
        width: 100%;
        color: #FFF;
        font-size: 16px;
    }

    .steps .process li .im {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 165px;
        margin: 0px;
    }
    .steps .process li .im img {
        width: 165px;
    }
    .steps .process li .complete {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 165px;
        margin: 0px;
        opacity: 0;
        transition: 1s;
    }
    .steps .process li .complete img {
        width: 165px;
    }
    /* 모달 */
    .modal {
        top: 40px;
        left: 40px;
        width: 980px;
    }
    .modal .head h1 {
        margin: 0px;
        padding-top: 15px;
        padding-bottom: 5px;
        font-size: 2.2em;
        font-weight: normal;
    }
    .modal .head h2 {
        margin: 0px;
        font-size: 14px;
        font-weight: normal;
    }
    .modal .head .btn-close {
        top: 30px;
        right: 30px;
    }
    #modal5 {
        height: auto;
    }
.clean_service #modal5 {
        height: 650px;
    }
    /* STEP 01 */
    .selector {
        width: 600px;
    }
    .selector li {
        width: 300px;
    }
    .selector li {
        margin-top: 0px;
    }
    .selector li img {
        width: 190px;
    }
    .selector li h1 span.type {
        width: 85px;
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    /* STEP 01 */
    .selector_m {
        display: block;
        width: 900px;
        margin: 0 auto;
        float: none;
        margin-top: 25px;
        text-align: center;
    }
    .selector_m > li {
        position: relative;
        width: 50%;
        margin-top: 14px;
        float: left;
        cursor: pointer;
    }
    .selector_m li img {
       width: 150px;
    }
    .selector_m li h1 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 20px;
        word-break: keep-all;
    }
    .selector_m li h1 >span {
        display: table-cell;
        vertical-align: middle;
        height: 30px;    
        text-align: left;
        color: #5a5a5a;
        font-size: 11px;
    }
    .selector_m li h1 span.type {
        display: inline-block;
        float: left;
        line-height: 30px;                       
        font-size: 12px;
        font-weight: bold;
        width: 60px;
        text-align: left;
        margin-right: 5px;
        color: #323232;
        border-right: 1px solid #DDD;
    }

    .selector_m li h1 span.type {
        width: 85px;
        font-size: 16px;
        margin-left: 100px;
        margin-right: 20px;
    }  
    .list-type {
        position: absolute;
        top: 28px;
        left: 50%;
        width: 110px;
        margin-left: -65px;
        background-color: rgba(255,255,255,0.95);
        padding: 10px;
        border-radius: 32px;        
        font-weight: bold;
    } 
    .list-type li {
        position: relative;
        padding-left: 18px;
        margin: 10px 0px;
        font-size: 14px;
        text-align: left;
    }
    .list-type e {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border: 2px solid #e74c3c;
        margin-right: 8px;
        position: absolute;
        top: 3px;
        left: 0px;
    }
    .list-type .active e {
        background-color: #ff7d70;
    }


    
    /* 캘린더 */
    .calendar_wrap {
        width: 850px;
        margin: 0 auto;
    }
    .calendar {
        width: 270px;
        text-align: center;
        float: left;   
        margin-right: 20px;
        cursor: pointer;
    }
    .calendar:nth-child(4), .calendar:nth-child(5) {
        display: block;
    }
    .calendar h1 a {
        display: none;
    }
    
    /* 리스트 */
    .modal .list li {
        width: 125px;
        height: 58px;
        line-height: 58px;
        padding-left: 20px;
        float: left;
        margin: 8px 4px;
        font-size: 13px;
        font-weight: bold;
        border: 1px solid #eaeaea;
        background-color: #FFF;
        border-left: 5px solid #e9463f;
        cursor: pointer;
    }
    
    /* 연락처 입력 */
    .contact {
        width: 890px;
        margin: 0 auto;
    }
    .contact .terms {
        width: 850px;
        height: 130px;
        padding: 20px;
        margin-top: 30px;
        border: 1px solid #dce1e8;
        color: #7c7c7c;
        overflow-y: scroll;
    }
    .contact .info {
        margin-top: 30px;
        padding: 0px;
    }
    .contact .info .section {
        display: inline;
        font-size: 14px;
        margin: 0px;
        margin-right: 10px;
    }
    .contact .info input {
        padding: 17px 5px;
    }
    .contact .info .input-l {
        width: 300px;
        margin-right: 20px;
    }
    .contact .info .input-s {
        width: 102px;
        margin-right: 5px;
    }
    .contact .info .btn-confirm {
        display: inline-block;
        background-color: #e74c3c;
        color: #FFF;
        width: 100px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin: 0px;
    }
    .contact .info h6 {
        position: relative;
        margin: 10px 0px;
        font-size: 13px;
        color: #777;
        padding-left: 30px;
        text-align: center;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .contact .info h6 .checkbox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 4px solid #e74c3c;
        background-color: #FFF;
        border-radius: 100%;    
        transition: 0.3s;
        cursor: pointer;
        left: 50%;
        margin-left: -140px;
    }
    .contact .info h6 .checkboxAcitve {
        /*background-color: #e74c3c !important;*/
        background-color: #ff7d70 !important
    }

}

@media screen and (min-width:1060px) {
    .pointer-m {
        display: none;
    }
    .pointer-l {
        display: block;
        position: absolute;
        top: 230px;
        left: 120px;
        z-index: 3;
    }
	.clean_service .pointer-l {
        display: block;
        position: absolute;
        top: 230px;
        left: 260px;
        z-index: 3;
    }
    .bar-l { 
        display: block;
    }
    .bar-m1, .bar-m2 {
        display: none;
    }
    /* 견적의뢰 */
    .steps {
        position: relative;
    }
    .over_select {
       float: left;
       margin-left: 190px;
    }
    .steps h1 {
        position: absolute;
        top: 50px;
        width: 100%;
        text-align: center;
        color: #FFF;
        font-weight: normal;
        font-size: 40px;
        line-height: 38px;
        margin-top: 0px;

    }
    .steps h1 b {
        font-weight: bold;
        display: block;
    }
    .steps .btn-apply {
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -72px;
        display: block;
        background-color: #FFF;
        color: #e74c3c;
        width: 150px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 5px;    
        cursor: pointer;
        transition: 0.3s;
    }
	.clean_service .steps .btn-apply {
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -100px;
        display: block;
        background-color: #FFF;
        color: #e74c3c;
        width: 200px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 5px;    
        cursor: pointer;
        transition: 0.3s;
    }
	
    .steps .btn-apply:hover {
        box-shadow: 0px 0px 10px #414141;
    }

    /* 단계별 이동 */
    .steps .process {
        position: absolute;
        top: 200px;
        width: 100%;    
        margin: 0px;
        text-align: center;
        color: #FFF;
        z-index: 2;
    }
	
	    .clean_service .steps .process {
        position: relative;
        top: 200px;
        width: 745px;    
        margin:0 auto !important;
        text-align: center;
        color: #FFF;
        z-index: 2;
    }
	  .clean_service .steps .bar-l {
        position: absolute;
        top: 214px;
        left: 230px;
        width: 600px;
        height: 2px;
        background-color: #FFF;
        z-index: 1;
    }
    .bar-l {
        position: absolute;
        top: 214px;
        left: 85px;
        width: 880px;
        height: 2px;
        background-color: #FFF;
        z-index: 1;
    }

    .steps .process li {
        position: relative;
        width: 155px;
        height: 280px;
        float: left;
        cursor: pointer;
        margin-right: 140px;
    }
    .steps .process li:last-child {
        margin-right: 0px;
    }
    .steps .process li .circle {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -10px;
        display: block;
        width: 12px;
        height: 12px;
        border: 4px solid #FFF;
        background-color: #e74c3c;
        border-radius: 100%;
    }

    .steps .process li .title {
        position: absolute;
        top: 35px;
        left: 0px;
        width: 100%;
        color: #FFF;
        font-size: 16px;
    }

    .steps .process li .im {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 165px;
        margin: 0px;
    }
    .steps .process li .im img {
        width: 165px;
    }
    .steps .process li .complete {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 165px;
        margin: 0px;
        opacity: 0;
        transition: 1s;
    }
    .steps .process li .complete img {
        width: 165px;
    }
    /* 모달 */
    .modal {
        top: 40px;
        left: 40px;
        width: 980px;
    }
    .modal .head h1 {
        margin: 0px;
        padding-top: 15px;
        padding-bottom: 5px;
        font-size: 2.2em;
        font-weight: normal;
    }
    .modal .head h2 {
        margin: 0px;
        font-size: 14px;
        font-weight: normal;
    }
    .modal .head .btn-close {
        top: 30px;
        right: 30px;
    }
    #modal5 {
        height: auto;
    }
.clean_service #modal5 {
        height: 650px;
    }
    /* STEP 01 */
    .selector {
        width: 600px;
    }
    .selector li {
        width: 300px;
    }
    .selector li {
        margin-top: 0px;
    }
    .selector li img {
        width: 190px;
    }
    .selector li h1 span.type {
        width: 85px;
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    /* STEP 01 */
    .selector_m {
        display: block;
        width: 900px;
        margin: 0 auto;
        float: none;
        margin-top: 25px;
        text-align: center;
    }
    .selector_m > li {
        position: relative;
        width: 50%;
        margin-top: 14px;
        float: left;
        cursor: pointer;
    }
    .selector_m li img {
       width: 150px;
    }
    .selector_m li h1 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 20px;
        word-break: keep-all;
    }
    .selector_m li h1 >span {
        display: table-cell;
        vertical-align: middle;
        height: 30px;    
        text-align: left;
        color: #5a5a5a;
        font-size: 11px;
    }
    .selector_m li h1 span.type {
        display: inline-block;
        float: left;
        line-height: 30px;                       
        font-size: 12px;
        font-weight: bold;
        width: 60px;
        text-align: left;
        margin-right: 5px;
        color: #323232;
        border-right: 1px solid #DDD;
    }

	 .selector_m li h1 span.type > span {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        color: #323232;
        font-size: 16px;
		position:relative;
		top:-10px;
		line-height:25px
		
       
    }
	
    .selector_m li h1 span.type {
        width: 85px;
        font-size: 16px;
        margin-left: 100px;
        margin-right: 20px;
    }  
    .list-type {
        position: absolute;
        top: 28px;
        left: 50%;
        width: 110px;
        margin-left: -65px;
        background-color: rgba(255,255,255,0.95);
        padding: 10px;
        border-radius: 32px;        
        font-weight: bold;
    } 
    .list-type li {
        position: relative;
        padding-left: 18px;
        margin: 10px 0px;
        font-size: 14px;
        text-align: left;
    }
    .list-type e {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border: 2px solid #e74c3c;
        margin-right: 8px;
        position: absolute;
        top: 3px;
        left: 0px;
    }
    .list-type .active e {
        background-color: #ff7d70;
    }


    
    /* 캘린더 */
    .calendar_wrap {
        width: 850px;
        margin: 0 auto;
		position:relative;
    }
	.calendar_wrap:after { content:""; clear:both; display:block; height:0; visibility:hidden;}

	.step_before { position:absolute; left:-50px; top:170px;display:block}
	.step_next { position:absolute; right:-50px; top:170px;display:block}	
    .calendar {
        width: 270px;
        text-align: center;
        float: left;   
        margin-right: 20px;
        cursor: pointer;
    }
    .calendar:nth-child(2), .calendar:nth-child(3) {
        display: block;
    }
    .calendar h1 a {
        display: none;
    }
    
    /* 리스트 */
    .modal .list li {
        width: 125px;
        height: 58px;
        line-height: 58px;
        padding-left: 20px;
        float: left;
        margin: 8px 4px;
        font-size: 13px;
        font-weight: bold;
        border: 1px solid #eaeaea;
        background-color: #FFF;
        border-left: 5px solid #e9463f;
        cursor: pointer;
    }
    
    /* 연락처 입력 */
    .contact {
        width: 890px;
        margin: 0 auto;
    }
    .contact .terms {
        width: 850px;
        height: 130px;
        padding: 20px;
        margin-top: 30px;
        border: 1px solid #dce1e8;
        color: #7c7c7c;
        overflow-y: scroll;
    }
    .contact .info {
        margin-top: 30px;
        padding: 0px;
    }
    .contact .info .section {
        display: inline;
        font-size: 14px;
        margin: 0px;
        margin-right: 10px;
    }
    .contact .info input {
        padding: 17px 5px;
    }
    .contact .info .input-l {
        width: 300px;
        margin-right: 20px;
    }
    .contact .info .input-s {
        width: 102px;
        margin-right: 5px;
    }
    .contact .info .btn-confirm {
        display: inline-block;
        background-color: #e74c3c;
        color: #FFF;
        width: 100px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin: 0px;
    }
    .contact .info h6 {
        position: relative;
        margin: 10px 0px;
        font-size: 13px;
        color: #777;
        padding-left: 30px;
        text-align: center;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .contact .info h6 .checkbox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 4px solid #e74c3c;
        background-color: #FFF;
        border-radius: 100%;    
        transition: 0.3s;
        cursor: pointer;
        left: 50%;
        margin-left: -140px;
    }
    .contact .info h6 .checkboxAcitve {
        /*background-color: #e74c3c !important;*/
        background-color: #ff7d70 !important
    }







}

@media (max-width:1060px) {


.pointer-m {
    display: block;
    position: absolute;

    left: 29%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}


.stepAnimation_m_4 {
    top:180px; left: 30% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 80% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 30% !important;
}

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


		
.stepAnimation_m_3 {
    left: 83% !important;
}		
.stepAnimation_m_4 {
    top:180px; left: 30% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 82% !important;
}

.clean_service .stepAnimation_m_5 {
    top:180px; left: 30% !important;
}
		}
@media only screen and (max-width:760px){
	.pointer-m {
    display: block;
    position: absolute;
    
    left: 30%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}
		
.stepAnimation_m_3 {
    left: 83% !important;
}
.stepAnimation_m_4 {
    top:180px; left: 31% !important;
}		
.stepAnimation_m_5 {
    top:180px; left: 83% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 31% !important;
}
		}
@media only screen and (max-width:600px){
	.pointer-m {
    display: block;
    position: absolute;
   
    left: 31%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}
		
		.stepAnimation_m_3 {
    left: 84% !important;
}		
.stepAnimation_m_4 {
    top:180px; left: 32% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 84% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 32% !important;
}
		}
		@media only screen and (max-width:450px){
	.pointer-m {
    display: block;
    position: absolute;

    left: 33%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}
.stepAnimation_m_3 {
    left: 87% !important ;
}		
	.stepAnimation_m_4 {
    top:180px; left: 34% !important;
}	
.stepAnimation_m_5 {
    top:180px; left: 87% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 34% !important;
}
		}
				@media only screen and (max-width:390px){
	.pointer-m {
    display: block;
    position: absolute;
    
    left: 35%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}

.stepAnimation_m_3 {
    left: 92% !important;
}		

.stepAnimation_m_4 {
    top:180px; left: 37% !important;
}	
.stepAnimation_m_5 {
    top:180px; left: 89% !important;
}	
.clean_service .stepAnimation_m_5 {
    top:180px; left: 37% !important;
}	
		}
	
}
	.bs_btn {
		float:right;
		padding:10px 0 30px 0;
	}
	.bs_btn .btn_business {
        display: inline-block;
        background-color: #e74c3c;
        color: #FFF;
        width: 150px;
        height: 50px;
        line-height: 48px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin: 0px;
    }