/* 01 학생마당 */
.creativeInfo {padding:3rem 2rem 1.5rem; background:#f5f9fc url('/images/dgedu/web/creative/sub/img_0101.png') no-repeat 90% 1rem; background-size:auto 15rem; border-radius:1rem; overflow:hidden;}
.creativeInfo > p {padding:0 18rem 2rem 0; font-size:1.7rem; color:#012a56; word-break:keep-all;}
.creativeInfo p span {font-weight:700;}
.creativeInfo dl {width:49%; float:left; margin:1rem .5%; padding:1rem 1.5rem; background:#fff; border-radius:1rem;}
.creativeInfo dl dt {padding-bottom:1rem; font-size:.9rem; font-weight:600; border-bottom:2px dotted #c5c9d6;}
.creativeInfo dl dd {position:relative; padding:1rem 5rem 0 0; font-size:.75rem;}
.creativeInfo dl dd a {position:absolute; right:0; top:.5rem;}


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

	/* 01 학생마당 */
	.creativeInfo {padding:1.5rem 2rem; background-position:90% 1rem; background-size:10.75rem 13rem}
	.creativeInfo > p {width:75%; padding:0;}
	.creativeInfo dl {width:100%; float:none; margin:.5rem 0;}

}


@media screen and (max-width:580px){ 
	
	/* 01 학생마당 */
	.creativeInfo {padding:1rem 1rem; }
	.creativeInfo {background-image:none;}
	.creativeInfo p {width:100%; font-size:1.5rem; text-align:center;}
	.creativeInfo dl {padding:1rem 1rem; }
	.creativeInfo dl dt {padding-bottom:.75rem;}
	.creativeInfo dl dd {padding:.75rem 0;}
	.creativeInfo dl dd span {display:block; margin:.25rem 0;}
	.creativeInfo dl dd a {position:relative; right:auto; top:auto; width:6rem; margin:0 auto; }

}