@charset "utf-8";
/* CSS Document */

/*s ====기본화면 모바일 기준====*/

#wrap{
    width: 100%;
    min-width: 320px; 
}
section img{
    width: 100%;
    height: auto;
}


/*s 하단배너*/
#banner{
    padding: 20px 10px;
    box-sizing: border-box;
}
#banner .tit{
    margin-bottom: 20px;
}
#banner .tel{
    width: 60%;
    margin: 0 auto 20px auto;
}
#banner .out_btn p{
    width: 32%;
    float: left;
    margin-right: 2%;
}
#banner .out_btn p:last-child{
    margin-right: 0;
}
#banner .out_btn p .over{
    display: none;
}
/*e 하단배너*/
/*e ====기본화면 모바일 기준====*/


/*s ====태블릿화면====*/

@media screen and (min-width:768px){
    /*s 하단배너*/
    #banner{
        padding: 40px 40px;
    }
    #banner .tit{
        margin-bottom: 30px;
    }
    #banner .tel{
        width: 50%;
        margin: 0 auto 35px auto;
    }
    /*e 하단배너*/
} /*768px끝*/

/*e ====태블릿화면====*/



/*s ====pc화면====*/

@media screen and (min-width:1024px){
    #contant{
        width: 1200px;
        margin: 0 auto;
    }
    
    /*s 하단배너*/
    #banner{
        padding: 50px 40px;
    }
    #banner .tit{
        margin: 0 auto 50px auto;
        width: 60%;
    }
    #banner .tel{
        float: left;
        width: 34%;
        margin: 25px 0 0 40px;
    }
    #banner .out_btn{
        float: right;
        width: 650px;
        margin-left: 20px;
    }
    #banner .out_btn p{
        width: 28%;
        position: relative;
    }
    #banner .out_btn p .over{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all 0.4s;
    }
    #banner .out_btn p a:hover .over{
        opacity: 1;
    }
    /*e 하단배너*/
} /*1024px끝*/

/*e ====pc화면====*/



#s1_m{
	display: none !important;
}

@media screen and (max-width:640px){
	#s1{
	display:none !important;
	}
	#s1_m{
		display: block !important;
	}
}