/* 교육의방향 */
.educational dl {overflow:hidden; color:#111; word-break:keep-all}
.educational dl dt {font-size:24px; color:#fff; line-height:45px; text-align:center; border-radius:15px 15px 0 0; background:#1f65c4}
.educational dl dd { padding:30px 0; border:1px solid #abbeca; border-top:0; text-align:center; overflow:hidden}
.dl_st2 dt { background:#0ba396 !important; margin-top:30px}
.dl_st2 dd div { width:33%; float:left; text-align:left; padding:0 20px; box-sizing:border-box}
.dl_st2 dd div p { background:#fcfddb; border-radius:30px; padding:20px 0;}
.dl_st2 dd div ul { min-height:165px; background:#eff3fb; padding:10px 15px}
.dl_st2:nth-child(3) dt{background:#fc3 !important;}
.dl_st2:nth-child(4) dt{background:#f99 !important;}
.dl_st2:nth-child(5) dt{background:#f39 !important;}
.dl_st2:nth-child(6) dt{background:#339 !important;}

/* 우리반이야기 */
.ourclass{position:relative; padding:20px 20px 20px 340px; background:#edf8fb; border:2px solid #01a4cf;}
.ourclass::before{content:"";position:absolute; right:10px; bottom:20px; width:183px;height:166px; background: url("/images/web/template/1011/sub/ourclass_bg.png") no-repeat center center;}
.ourclass .img_wrap{position:absolute; width:300px; left:20px; top:20px;}
.ourclass .img_wrap img{width:300px; height:auto;}
.ourclass .img_wrap p{width:100%; margin:5px 0 0; font-size:15px; text-align:center;}
.ourclass .intro_wrap p.tit{margin:0 0 10px 0; padding:0 0 10px 0; color:#333; font-size:22px;}
.ourclass .intro_wrap p.tit span{color:#00bbec; font-size:25px;}



/********** media query mobile *************/
@media screen and (max-width: 800px){

/* 교육의방향 */
.dl_st2 dd div { width:100%; float:none; margin-top:20px}
.dl_st2 dd div:first-child { margin-top:0}


	/* 우리반이야기 */
	.ourclass::before{display:none;}

}



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

	/* 우리반이야기 */
	.ourclass{padding:20px; min-height:0px !important;}	
	.ourclass .img_wrap{position:relative; left:auto; top:auto; margin:0 auto;}
	.ourclass .intro_wrap{margin:20px 0 0;}

}

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

}

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

	
}

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


}