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

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

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

/*s 마케팅 과목*/
#s3{
    padding: 20px 10px;
    box-sizing: border-box;
}
#s3 .tit{
    margin-bottom: 13px;
}
#s3 .out_btn{
    width: 100%;
}
#s3 .out_btn li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
#s3 .out_btn li:last-child{
    margin-right: 0;
}
#s3 .out_btn li a{
    display: block;
    float: left;
}
/*e 마케팅 과목*/


/*s sns마스터 과정*/
#s4{
    position: relative;
}
#s4 .out_btn{
    display: block;
    width: 40%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -20%;
}
/*e sns마스터 과정*/



/*s 단과과정*/
#s5{
    position: relative;
}
#s5 .out_btn{
    display: block;
    width: 40%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -20%;
}
/*e 단과과정*/

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



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

@media screen and (min-width:768px){
    
    /*s 마케팅 과목*/
    #s3{
        padding:35px 30px;
    }
    #s3 .tit{
        margin-bottom: 25px;
    }
    /*e 마케팅 과목*/
    
    /*s sns마스터 과정*/
    #s4 .out_btn{
        bottom: 7%;
    }
    /*e sns마스터 과정*/
    
    /*s 단과과정*/
    #s5 .out_btn{
        bottom: 7%;
    }
    /*e 단과과정*/
    
} /*768px끝*/

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



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

@media screen and (min-width:1024px){
    
    #contant{
        width: 1200px;
        margin: 0 auto;
    }
    
    /*s 마케팅 과목*/
    #s3{
        padding:50px 30px;
    }
    #s3 .tit{
        width: 68%;
        margin: 0 auto 40px auto;
    }
    #s3 .out_btn{
        width: 865px;
        margin: 0 auto;
    }
    #s3 .out_btn li{
        width: 280px;
        margin-right: 1.2%;
    }
    #s3 .out_btn li a{
        width: 100%;
        border: 5px solid #fff;
        transition: all 0.5s;
    }
    #s3 .out_btn li a:hover{
        border: 5px solid #ffd908;
    }
    /*e 마케팅 과목*/
    
    /*s sns마스터 과정*/
    #s4 .out_btn{
        bottom: 6%;
    }
    /*e sns마스터 과정*/
    
    /*s 단과과정*/
    #s5 .out_btn{
        bottom: 6%;
    }
    /*e 단과과정*/
    
} /*1024px끝*/

/*e ====pc화면====*/
#s1_m{
	display: none !important;
}

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