@charset "utf-8";
/* CSS Document */
#lecture-wrap .section1-wrap{padding:8.75rem 0;}
#lecture-wrap .section1-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto; position: relative;}
#lecture-wrap .section1-wrap  h1{font-size:2.5rem; color:#31323B; font-family: 'Noto Sans KR', sans-serif; position: relative; z-index: 1;}
#lecture-wrap .section1-wrap .t-inner-wrap{display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:3.125rem;}
#lecture-wrap .section1-wrap .t-inner-wrap > .left-wrap{width:calc(50% - 20px); max-width:575px; position: relative; z-index: 1;}
#lecture-wrap .section1-wrap .t-inner-wrap > .right-wrap{width:calc(50% - 20px); max-width:578px; position: relative; z-index: 1;}
#lecture-wrap .section1-wrap .t-inner-wrap > .left-wrap > p{font-size:1.125rem; white-space: pre-line; font-family: 'Noto Sans KR', sans-serif; line-height: 150%}
#lecture-wrap .section1-wrap .t-inner-wrap > .right-wrap > p{font-size:1.125rem; white-space: pre-line; font-family: 'Noto Sans KR', sans-serif; line-height: 150%}
#lecture-wrap .section1-wrap  img{position:absolute; z-index: 0;}
#lecture-wrap .section1-wrap  img.circle01{top:0; left:54%; animation: rotate_image 10s linear infinite; transform-origin: 50% 50%;}
#lecture-wrap .section1-wrap  img.circle02{top:71px; left:70%; animation: rotate_image 15s linear infinite; transform-origin: 50% 50%;}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

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


@media only screen and (max-width:640px){
    #lecture-wrap .section1-wrap  img{display:none;}
	#lecture-wrap .section1-wrap .t-inner-wrap p{white-space:nowrap; margin-top:1.875rem;}
	#lecture-wrap .section1-wrap .t-inner-wrap p:nth-child(1){margin-top:0;}
}

@media only screen and (max-width:500px){
	#lecture-wrap .section1-wrap .t-inner-wrap > .left-wrap{width:100%; max-width:575px; margin:0 auto;}
    #lecture-wrap .section1-wrap .t-inner-wrap > .right-wrap{width:100%; max-width:578px; margin:1.875rem auto 0 auto;}
}