@charset "utf-8";
.month { float:none !important}
.old_day { color:#ddd !important}

@media (min-width:1060px) {  /* PC용 */


.ui-datepicker-group-middle { display:block !important}
.ui-datepicker-group-last { display:block !important}


.ponone { display:none!important}
.complete { position:relative;height:165px;}
.complete1 {height:165px; display: table; table-layout: fixed; position:absolute; top:0; left:0; text-align:center; width:100%}
.complete_t {width:100%; display: table-cell; vertical-align: middle;font-size:17px; color:#333;font-weight:bold;}
.complete_t p {  text-align:center; font-size:17px; color:#333; line-height:165px; margin:0; font-weight:bold}

.pointer-l { display:block }
.pointer-m { display:none !important}


		
.pcnone { display:none}
.br { display:inline}
.allbox  { margin-top:60px; margin-bottom:30px;}
.sub_leftbox .statBox h1 { padding-top:35px !important; margin-top:0 !important;}
h1 >p { font-weight:normal; font-size:24px; margin-top:60px; color:#676767}

h1 >p span { width:6px; height:6px; border-radius:6px; background:#e9463f; display:inline-block;}

.close_box { padding:5px 0; float:right; margin-right:10px}
.main_popup { width:360px; height:auto; background:#000; border:1px solid #333; position:absolute; top:700px; left:10px; z-index:9999}
.main_popup_img img { width:100%; height:auto;}
.main_popup input[type=checkbox] { float:left;  margin-right:5px; 
  height: 16px;
  width: 16px;
  border: 1px solid #ededed;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;}
.main_popup p { font-size:16px;margin:0; float:left;  color:#fff; line-height:17px}
.main_popup span { border:0px solid #fff; float:left; padding:0 3px; height:12px; line-height:12px; position:relative; top:1px;color:#fff; cursor:pointer;}

}

@media (max-width:1060px) { /* 반응형 */
.pointer-l { display:none !important}
.pointer-m { display:block }
.mobile_none { display:none;}
.mobile-hide-cell {
    display: none !important;
}
/*sub_office24***********************************************
								******************************/


.allbox  { margin-top:30px; margin-bottom:30px;}
.sub_leftbox .statBox h1 { padding-top:35px !important; margin-top:0 !important;}
h1 >p { font-weight:normal; font-size:24px; margin-top:30px; color:#676767}

h1 >p span { width:6px; height:6px; border-radius:6px; background:#e9463f; display:inline-block;}


.benner {}
.benner li{ width:100%; background:#f5f5f5; text-align:center; overflow:hidden}


.news  .pageNation li.first, .pageNation li.end {
    width: 32px;
}
.d_none { display:block}
.news h1 p { margin-top:100px;}
.table_num { width:40px;}
.table_viewnum { width:40px;}


.complete { position:relative;height:165px;}
.complete1 {height:80px; display: table; table-layout: fixed; position:absolute; top:0; left:-10px; text-align:center; width:100%}
.complete_t {width:100px; display: table-cell; vertical-align: middle;font-size:14px; color:#333;font-weight:bold;}
.complete_t p {  text-align:center; font-size:14px; color:#333; line-height:165px; margin:0; font-weight:bold}

.close_box { padding:5px 0; float:right; margin-right:10px}
.main_popup {width:300px; height:auto; background:#000; border:1px solid #333; position:absolute; top:600px; left:0px; z-index:9999}
.main_popup_img img { width:100%; height:auto;}
.main_popup input[type=checkbox] { float:left;  margin-right:5px; 
  height: 16px;
  width: 16px;
  border: 1px solid #ededed;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;}
.main_popup p { font-size:16px;margin:0; float:left;  color:#fff; line-height:17px}
.main_popup span { border:0px solid #fff; float:left; padding:0 3px; height:12px; line-height:12px; position:relative; top:1px;color:#fff; cursor:pointer;}

@media only screen and (max-width:800px){
		.d_none { display:block}
		
		}
@media only screen and (max-width:800px){
		.d_none { display:block}
		.n
		}
@media only screen and (max-width:530px){
		.d_none { display:block}
		

		
	
}
		
		
		
		
@media only screen and (max-width:420px){
		.d_none { display:none}
		
		}

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

		}
@media only screen and (max-width:340px){
.review .comment { height:275px;}
}
}





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

/* 견적의뢰 */
.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: 400;
    display: block;
}


.steps .btn_1,.steps .btn_3{
    position: absolute;
    top: 340px;
    left: 0px;
    margin-right: 0px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;font-size:1.25rem;
   
    
}
/* 단계별 이동 */
.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;
   
}
.bar-m1 {/*모바일2줄 */
    position: absolute;
    top: 200px;
    left: -10px;
    width: 75%;
    height: 2px;
    background-color: #060606;
    z-index: 1;
}


.bar-m2 {/*모바일첫줄 */
    position: absolute;	
    top: 48px;
     right: -10px;
    width: 78%;
    height: 2px;
    background-color: #060606;
    z-index: 1;
}

/* 진행 영역 */
.steps .process li {
    position: relative;
    width: 50%;
    height: 150px;
    float: left;
    cursor: pointer;
}
.steps .process li .circle {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 20px;
    height: 20px;
    border: 4px solid #060606;
    background-color: #0f4bab;
    border-radius: 100%;

    cursor: pointer;
 
	
}
.steps .process li .title {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    color: #FFF;
    font-size: 14px;
}
.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: 70% !important;
}
.stepAnimation_m_4 {
    top:180px; left: 25% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 70% !important;
}
.clean_service .stepAnimation_m_5 {
    top:180px; left: 25% !important;
}
.stepAnimation_m_6 {
    top:180px; left: 70% !important;
}
.stepAnimation_m_7 {
    top:180px; left: 70% !important;
}

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

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


/* 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: 400;
    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: 400;
    color: #323232;
    
}
.selector_m li h1 span.type span {

	text-align:center;
    line-height: 30px;                       
    font-size: 12px;
    font-weight: 400;
    color: #323232;
    
}



@media screen and (min-width:1060px) {
    .pointer-m {
        display: none;
    }
    .pointer-l {
        display: block;
        position: absolute;
        top: 223px;
        left: 100px;
        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: 60px;
        width: 100%;
        text-align: center;
        color: #FFF;
        font-weight: normal;
        font-size: 36px;
        line-height: 38px;
        margin-top: 0px;

    }
	.steps h4 {
        position: absolute;
        top: 90px;
        width: 100%;
        text-align: center;
        color: #FFF;
        font-weight: normal;
        font-size: 28px;
        line-height: 38px;
        margin-top: 0px;

    }
	
    .steps h1 b {
        font-weight: 400;
        display: block;
    }
      .steps .btn_1,.steps .btn_3 {
        position: absolute;
        top: 125px;
        left: 45%;
        margin-left: -60px;
       
        width: 250px;
       font-size: 20px;font-size:1.25rem;
        font-weight: 400;
      
    }
	

    /* 단계별 이동 */
    .steps .process {
        position: absolute;
        top: 230px;
        width: 100%;    
        margin: 0px;
        text-align: center;
        color: #FFF;
        z-index: 2;
    }
    .bar-l { position: absolute;
        top: 258px;
        left: 117px;
        width: 875px;
       height: 4px;
        
        background-color: #060606;
        z-index: 1;
       
    }

    .steps .process li {
        position: relative;
        width: 155px;
        height: 280px;
        float: left;
        cursor: pointer;
        margin-right: 100px; margin-left:40px;
    }
    .steps .process li:last-child {
        margin-right: 0px;
    }
	 .steps .process li:first-child {
        margin-leftt: 0px;
    }
	
    .steps .process li .circle {
      
    }

    .steps .process li .title {
       
        font-size: 16px;
    }

    .steps .process li .im {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 155px;
        margin: 0px;
    }
    .steps .process li .im img {
        width: 155px;
    }
    .steps .process li .complete {
        position: absolute;
        top: 75px;
        left: -5px;
        width: 155px;
        margin: 0px;
        opacity: 0;
        transition: 1s;
    }
    .steps .process li .complete img {
        width: 155px;
    }
    
    
    /* 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: 400;
        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;
    }  

    

}


@media (max-width:1060px) {

 .steps h1 img {
   display: none;
    
}	
	
.pointer-m {
    display: block;
    position: absolute;

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


.stepAnimation_m_4 {
    top:180px; left: 20% !important;
}
.stepAnimation_m_5 {
    top:180px; left: 70% !important;
}


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



		}
@media only screen and (max-width:767px){
	
	.pointer-m {
    display: block;
    position: absolute;
    
    left: 20%;
    width: 60px;
    margin-left: -13px;
    z-index: 3;
    transition: 1.5s;
}


		}


}