@charset "utf-8";

 @import url(common.css);
 
#container { position: relative; height: 100%; background:url(/images/web/mis-graduate/main/m_line.gif) repeat-x 0 625px}
#container:after { display: block; content: ""; clear: both; }

.main_content { position: relative; width: 1200px; margin: 0 auto; z-index: 7; }
.main_content:after { display: block; content: ""; clear: both; }

.con01 { position: relative; width: 1200px; margin-top:-200px}
.con01:after { display: block; content: ""; clear: both; }

.widgDiv1{ /* main_visual */
	position: relative; width: 100%; height: 660px;  background: url('/images/web/mis-graduate/main/M_visual.jpg') no-repeat center; background-size:cover;
}

.M_link01 {position:relative; width:1200px; height:200px; float:left;  margin:0px 0 0 0; overflow:hidden;}
.M_link01 ul{overflow:hidden;}
.M_link01 li{width:25%; height:200px; float:left; }

.widgDiv6{ /* notice01 */
	position:relative; width:540px; height:266px; padding:24px 30px; float:left; background-color:#394f67;
}

.widgDiv7{ /* gallery01 */
	position:relative; float:left; width:538px; height:264px; /*padding:24px 30px;*/ margin-bottom:40px; background:#fff; border:1px solid #c5c5c5;
}

@-webkit-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

 @media (max-width: 800px) {
	
	#container, 
	.con01,
	.widgDiv1,
	.main_content,
	.widgDiv7,  
	.widgDiv6, .widgDiv6 .list_box,
	.link01, .link02, .link03, .link04,
	.banner_zone { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
	#container { width: 100%; padding-top: 69px; background: none; }
	.main_content { width: 100%; height: 100%; }
	.widgDiv1, .link01, .link02 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
	
	
	.con01 { width: 100%; margin-top:0 }
	
	/* 메인비주얼 */
	.widgDiv1 { width:100%; height:auto; padding:0;}
	
	/* 바로가기*/
	.M_link01 {width:100%; height:auto;}
	.M_link01 li{width:50%;}
	
	/* 공지사항 */
	.widgDiv6 { padding:20px 30px 20px; width:100%; height:auto;}
	
	/* 바로가기 */
	.link01 {width:50%;}
	
	/* 갤러리 */
	.widgDiv7 {width:100%; height:auto; margin:0 auto; /*padding:20px 30px 20px;*/}  
	
}
	
	
 @media (max-width: 640px) {
	 
	 /* 바로가기*/
	.M_link01 { height:auto; }
	.M_link01 li{width:100%; height:130px;}
	.M_link01 li.link3 p{width:200px;}
		
	
}


 @media (max-width: 560px) {
	 
	
}


 @media (max-width: 480px) {
	 
	 /* 바로가기 */
	.M_link01 {width:100%}
	.M_link01 li.link01{background-size:35%;}
	.M_link01 li.link02{background-size:35%;}
	.M_link01 li.link03{background-size:33%;}
	.M_link01 li.link04{background-size:35%;}
	
}
 
 
 @media (max-width: 380px) {
	 
	.link01 p br { display:block}
}