@charset "utf-8";
@font-face{font-family:NanumGothic; src:url(webfont/NanumGothic.eot);}
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:"Nanum Gothic" !important }
@media all and (max-width:720px)  {
/* 모바일용 CSS */
/* 기본 CSS */
html {
	padding:0;
	margin:0;
}
#wrap{
	display:block;
	width:100%;
	margin:0 auto;
}
/* 헤더 영역 CSS */
.header_mobile{
	order:1;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}

.header {
	display:none;
}


.logo{	
	order:1;
	width:56%;
	padding:10px 0 10px 9px;
	padding:0.625rem 0 0.625rem 0.563rem;
	background:none;
}

#menu{
	width:100%;
	order:2;
	z-index:900;
	border-bottom:3px solid #ef5910;
}

.main_menu {
	width:100%;
	background:#fff;
	display:none;
}

.main_menu li.slider:first-child{
	border-top:1px solid #bfbfbf;	
}

.main_menu li.slider{
	display:inline-block;
	width:100%;
	text-align:left;
	padding:13px 0;
	padding:0.813rem 0;
	border-top:1px solid #ccc;
	cursor:pointer;
}

/* 텍스트 부분 */
.main_menu>li>a {
	width:80%;
	font-size:0.938em; /*글자크기 15px*/
	font-size:0.938rem;
	text-indent:30px;
	text-indent:1.875rem;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	text-align:left;
	padding-left:40px;
}

/*아래 방향 화살표 삽입 부분*/
.main_menu li span{	width:20%;width:35px;height:35px;text-indent:-9999px;background:url(IMG/main_sub_menu_btn_2.png) center right no-repeat;cursor:pointer;position:absolute;right:10px;}
/* 토글 버튼 CSS */
.menu_toggle_btn{order:2;display:block;width:34px;width:2.125rem;height:35px;height:2.188rem;position:absolute;top:10px;top:0.625rem;right:20px;right:1.250rem;text-indent:-9999px;background:url(IMG/toggle_btn.jpg) no-repeat;cursor:pointer;}

/*하단메뉴 부분 추가해주기*/
.menu_open{
	display:none;
	width:100%;
	max-width:700px;
	border-top:1px solid #e2e2e2;
	margin-top:17px;
	margin-top:1.063rem;
}

.sub_menu {
	display:block;
	width:100%;
	float:left;
	padding:18px 0 5px 0;
	padding:1.125rem 0 0.313rem 0;
}
/*세로정렬 될 수 있도록 수정*/
.sub_menu li {
	display:flex;
	width:100%;
	text-align:left;
	padding-bottom:15px;
	padding-bottom:0.938rem;
	justify-content:space-between;
	float:left;
}
.sub_menu li a {
	padding-left:62px;
	font-size:0.938em; /*글자크기 15px*/
	font-size:0.938rem;}


}
/**************************************************   PC  **********************************************/

@media all and (min-width: 720.1px) and (max-width:990px) {
	
/* PC용 */
/* 기본 CSS */
#wrap{
position:relative;
width:100%;
flex-flow:row wrap;
}

/******************************************************************header***************************************/

/* 헤더 영역 CSS */
.header{
	order:1;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.header_mobile {
	display:none;
}
section#logo_menu {order:1; padding:0; margin:0; width:100%; text-align:left;}
section#sub_menu {order:2;}

div.logo{
	width:30%;
	padding:19px 10px 20px 0;
	display:inline-block;
	margin:0 auto;	
	vertical-align:top;
	text-align:left;
}
div.menu{
	width:65%;
	padding:41px 10px 0 0;
	padding:2.563rem 0.625rem 0 0;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	
}
.main_menu{text-align:right;}
.main_menu li {
	display:inline-block;
	padding:0 18px 0 18px;
	border-right:2px solid #e5e5e5;
}
.main_menu li:first-child {
	padding-left:0;
	padding-right:18px;
}
.main_menu li:last-child {
	border:none;
	padding:0 18px;
}
.menu li a{
	color:#000; 
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
	padding-bottom:0.625rem;
}
.menu li a:hover {
	border-bottom:2px solid #ef5910;
}
.menu_toggle_btn {	display:none;}
/****************************************************************서브 부분************************************************************/

/*슬라이드메뉴*/


.sub_menu {
	order:2;
	z-index:991;
	width:100%;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-50%;
	background:#fff;
	
	border-top:1px solid #e5e5e5;
	border-bottom:3px solid #ef5910; 
}


.SBM {
	text-align:right;
	width:650px;
	float:right;
	box-sizing:border-box;
	height:154px;	
}


.menu_dept {
	background:#fff; 
}
/*
 <section id="sub_menu" class="sub_menu" >
  <div class="SBM" id="SBM">
	  <ul class="menu_dept">
		 <li>
			<div class="menu_open">
				<ul class="sub_menu1">
					<li><a href="#">인사말</a></li>
					<li><a href="#">조직구성</a></li>
					<li><a href="#">특성화설명</a></li>
					<li><a href="#">사업설명</a></li> 
				</ul>
			</div>
		</li>

*/
.menu_open {
	top:80px ; 
	padding:18px 0;
	padding:1.125rem 0;
	float:left;
	margin:0;
}

.menu_open ul {
	padding-left:31px;
	padding-left:1.938rem;
	border-right:1px solid #e5e5e5;
	height:130px;
}

ul.sub_menu4{
	border-right:none;
}

.menu_open ul li {
	margin-bottom:17px;
	width:130px;
	text-align:left;
}

.menu_open ul li a{
	color:#000;
	font-size:0.83rem;
}

.menu_open ul li a:hover{
	color:#999;

}
	


}




/**************************************************   PC  **********************************************/

@media all and (min-width: 990.1px) {


/* PC용 */
/* 기본 CSS */
#wrap{
position:relative;
width:100%;
}

/******************************************************************header***************************************/




/* 헤더 영역 CSS */
.header{
	order:1;
	width:100%;
	width:990px;
	margin:0 auto;
	text-align:center;
}
.header_mobile {
	display:none;
}

section#logo_menu {order:1; padding:0; margin:0; text-align:left;}
section#sub_menu {order:2;}
div.logo{
	width:25%;
	display:inline-block;
	margin:0 auto;	
	padding:19px 134px 20px 0;
	vertical-align:top;
}

div.menu{
	width:60%;
	max-width:615px;	
	margin:0 auto;
	clear:both; /* 삭제해보기*/
	padding:43px 0px 0 0;
	display:inline-block;
	vertical-align:top;
	text-align:right;
}
.menu_toggle_btn {
	display:none;
}
.main_menu li {
	display:inline-block;
	padding:0 45px 0 40px;
	border-right:1px solid #e2e2e2;
}
.main_menu li:first-child {
	padding-left:0;
	padding-right:40px;
}
.main_menu li:last-child {
	border:none;
	padding-left:45px;
}
#menu li a{
	color:#000; 
	text-align:center;
	font-weight:bold;
}
#menu li a:hover{color:#ef5910;}
/****************************************************************서브 부분************************************************************/
/*슬라이드메뉴*/
.sub_menu {
	order:2;
	z-index:990;
	/*display:none;*/
	width:100%;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-50%;
	overflow:hidden;
	background:#fff;
	border-top:1px solid #e2e2e2;
	border-bottom:3px solid #ef5910; 
	justify-content:flex-end;
}
.SBM {
	/*display:none;*/
	width:100%;
	max-width:990px;
	margin:0 auto;
	height:140px;	
}
.menu_dept {
	margin-left:425px;
	background:#fff; 
}
.menu_open {
	/*display:none;*/
	top:88px ; 
	text-align:left; 
	padding:15px 0 0 0;
	height:140px;
	float:left;
	margin:0;
}
.menu_open:last-child {
	margin-left:0;
}
.menu_open ul li {
	margin-bottom:17px;
	text-align:left;
}
.sub_menu1 li {	width:160px;}
.sub_menu2 li {	width:152px;}
.sub_menu3 li {	width:158px;}
.menu_open ul li a{
	color:#000;
	font-size:0.83rem; /*13px*/
}
.menu_open ul li a:hover{
	color:#999;
}
}