@charset "utf-8";


/* 소개 */
.introduce dl {overflow:hidden; color:#111; word-break:keep-all}
.introduce dl dt {font-size:24px; color:#fff; line-height:45px; text-align:center; border-radius:15px 15px 0 0; background:#1f65c4}
.introduce dl dd { padding:30px 15px; border:1px solid #abbeca; border-top:0; text-align:center; box-sizing:border-box; overflow:hidden}
.dl_st2 dt { background:#0ba396 !important; margin-top:30px}
.dl_st2 dd { width:30%; float:left; margin:10px 0 0 2.3%; border-top:1px solid #abbeca !important}
.dl_st2 dd ul { text-align:left; padding:0 20px}
.dl_st3 dt { background:#0ba396 !important;}
.dl_st3 dd h4 { font-size:20px; color:#f33ea4}
.dl_st3 dd ul { display:inline-block; text-align:left}
.dl_st2 dt.col1 { background:#099e5e !important}
.dl_st2.dlh1 dd {min-height:250px}
.introduce p.txt {font-size:24px; color:#fff; line-height:30px; text-align:center; padding:15px; border-radius:30px; background:#1e2c39; margin-top:30px}

/*교육목표*/
.step_wrap div h4{position:relative;margin-right:5%;width: 15%;font-size:16px;text-align: center;/* vertical-align: middle; */line-height: 1.5;background: rgb(62, 126, 222);color: #fff;display: flex;align-items: center;justify-content: center;}
.step_wrap div h4 span{}
.step_wrap .cont_box{margin-bottom:20px; display:flex; overflow:hidden;}
.step_wrap .cont_box div{width: 85%;border:1px solid #ccc;background-color:#fff; box-sizing: border-box;}
.step_wrap .cont_box div h5{width: 100%; background: rgba(45,102,189,1); color: #fff; font-weight: 500; font-size: 1rem; padding: 0.5rem 0}
.step_wrap .cont_box div ul{padding-left: 1rem;}
.step_wrap .cont_box div ul li{text-align: left}


@media screen and (max-width:800px) {
	
	/* 소개 */
	.dl_st2 dd { width:100%; float:none; margin:0 0 5px 0}
	.dl_st2.dlh1 dd { min-height:inherit}	

	/*교육목표*/
	.step_wrap .cont_box{flex-direction: column;}
	.step_wrap div h4 , .step_wrap .cont_box div{width: 100%;}
	.step_wrap div h4 br {display: none;}
}

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

}

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

}

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

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

}