@charset "utf-8";

@import url(common.css);

#container {position:relative;height:100%; *background-size:auto 100%;}
#container:after {content:""; display:block; clear:both;}


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

/*메인비주얼*/
.widgDiv1 {position:relative; width:600px; height:513px; float:left; overflow:hidden; margin-right:35px;}

@-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;}
}

/* right_area 오른쪽 감싸는 그룹 */
.right_area {width:565px; height:513px; float:left; overflow:hidden;}

/* 공지사항 */
.widgDiv2 {position:relative; height:223px; background:#ddd; background:#fff url('/images/web/etrs/main/line.gif') repeat-x 0 37px;}  

/* 포토갤러리 */
.widgDiv3{ position:relative; width:100%; height:230px; overflow:hidden; background:#fff url('/images/web/etrs/main/line.gif') repeat-x 0 37px; margin-top:30px;}

/* 바로가기 */
.widgDiv4 {width:100%; overflow:hidden;}

/* 바로가기02 */
.widgDiv5 {width:100%; overflow:hidden; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}



@media (max-width: 800px) {
	
	.widgDiv1, .right_area,
	.main_content, .widgDiv2, .widgDiv4, .widgDiv5, .widgDiv3 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.widgDiv1, .right_area, .widgDiv2, .widgDiv4, .widgDiv5, .widgDiv3 {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	#container {width:100%;padding: 69px 0 0;}
	.main_content { width:95%; margin: 0 auto;}
			
	.widgDiv1 {width:100%;  height:auto; margin-bottom:20px; float:none;}

		
	.right_area {width:100%; float:none; }	
		
	/* 바로가기02 */
	.widgDiv5 {width:100%;}

}

@media (max-width: 690px) {

}

@media (max-width: 480px) {

}

@media (max-width: 380px) {		

}