@charset "utf-8";
/****************************************/
/* Name: 동의대학교 로봇 자동화공학전공
/* PART: STYLE 
/* Version: 2.0 / day: 2021-06-30
/* Author: 
/****************************************/


.imgLi ul li span{display:block; text-align: center; color:#000; padding:10px 0; }
.li_dot > li > ul > li:before{top:13px;}

@media (max-width: 640px){
	.imgLi ul li span {   font-size: 14px; letter-spacing: -0.5px;}
	
}





.career_list {margin-top:40px;}
.career_list::after {content:'';display:block;clear:both;}
.career_list dl {float:left; width:49%;margin-right:2%;margin-bottom:40px;position:relative;padding-left:115px;min-height: 90px;}
.career_list dl:nth-child(2n) {margin-right:0;}
.career_list dl dt {font-size:18px; color:#1f5bc0;font-weight:bold;margin-bottom:5px;}

.career_list dl::before {content:'';display:block;width: 85px;height: 85px;background:url(/_res/deu/naoe/img/career_ic.png) no-repeat;position:absolute;top:0;left:0;}
.career_list dl.carr_n01::before {background-position:left 0 ;}
.career_list dl.carr_n02::before {background-position: right 0;}
.career_list dl.carr_n03::before {background-position: left -121px;}
.career_list dl.carr_n04::before {background-position: right -121px;}
.career_list dl.carr_n05::before {background-position: left -240px;}
.career_list dl.carr_n06::before {background-position: right -240px;}
.career_list dl.carr_n07::before {background-position: left -363px;}
.career_list dl.carr_n08::before {background-position: right -363px;}


@media all and (max-width:900px){

	.career_list dl {width:100%;margin-right:0;}

}
@media all and (max-width:450px){
	.career_list dl {padding-left:0;  margin: 0;text-align:center;    padding: 25px 0;  border-bottom: 1px dotted #ddd;}
	.career_list dl::before {    position: static;margin:0 auto;}

	.career_list dl dt {margin-top:10px;}
	
}


#graph{padding:0px 27px;}
#graph dt{font-size:18px; font-weight: bold; }
#graph dd {margin-bottom:20px; background:#ebebeb;}
#graph dd span.bar{display:inline-block; height:30px; vertical-align: top;}
#graph dd strong{margin-left:10px;}
#graph dd:nth-child(2) span{background:#0d8151;}
#graph dd:nth-child(4) span{background:#184097;}
#graph dd:nth-child(6) span{background:#7905d6;}
#graph dd:nth-child(8) span{background:#d88107;}
#graph dd:nth-child(10) span{background:#ccbf02;}
#graph dd:nth-child(12) span{background:#18aebd;}

@media (max-width: 640px){
	#graph{padding:0px 0px;}
	#graph dt{font-size:14px; font-weight: bold; }
	#graph dd{font-size:14px;}
}