@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/

#locationBox .info li.email{
    background: url(./../../images/icon4.gif) no-repeat left center;
    float: left;
    margin: 5px 0 5px 30px;
}

.img_wrap { margin-top:20px;}
.img_wrap * {  box-sizing: border-box}
.img_wrap ul li {float:left; text-align:center;padding:0 10px;}
.img_wrap ul li  span { display:block;}
.img_wrap ul.col2 li { width:50%;}

.li-listBox {
    width: 100%;
    box-sizing: border-box;
}
#headerSec .logo { width:350px;}


/* 졸업후진로*/
.career_box * { box-sizing: border-box; position:relative;}
.career_box { 
	position:relative; 
	height:600px;
	background: url(./../../images/bg_center_career.jpg)  42% 50% no-repeat;
	background-size:350px;
}
.career_box .box h3 { 
	display:inline-block;
	min-width:200px;
	text-align:center;
	background-color:#800080;
	color:#fff;
	border-radius:5px;
	padding:5px 10px;
	font-size:15px;
	font-weight:400;
}
.career_box .box02 h3 { 
	background-color:#7f6000;
}
.career_box .box03 h3 { 
	background-color:#008000;
}
.career_box .box04 h3 { 
	background-color:#ff0000;
}
.career_box .box05 h3 { 
	background-color:#2c6aba;
}
.career_box .box {
	position:absolute;
	min-width:220px;
}
.career_box .box01 { 
	top:100px;
	left:0;
}
.career_box .box02 { 
	top:50px;
	right:0;
}
.career_box .box03 { 
	top:230px;
	right:97px;
}
.career_box .box04 { 
	bottom:100px;
	left:0;
}
.career_box .box05 { 
	bottom:100px;
	right:97px;
}
@media screen and (max-width:1000px) {
	.career_box { 
		background-size:250px;
	}

}
@media screen and (max-width:820px) {
	.career_box   {
		background-position:top center;
		padding-top:200px;
		background-size:200px;
	}
	.career_box .box {
		position:relative;
		top:inherit;
		left:inherit;
		right:inherit;
		bottom:inherit;
		margin-bottom:20px;
	}
	.career_box .box h3 {
		width:100%;
	}

}