@charset "utf-8";

 @import url(common.css);
 
#container { position: relative; height: 100%}
#container:after { display: block; content: ""; clear: both; }

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

/* 메인비주얼 */
.main_visual_wrap { position: relative; width: 100%; height: 422px;  background: url('/images/web/myhaemi/main/M_visual.jpg') no-repeat center 0 }
.main_visual { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; }
.main_visual .slogan { width:550px; padding-top:110px; color:#fff; text-align:right;
						-webkit-animation:move 0.8s  ease; -moz-animation:move 0.8s  ease; -o-animation:move 0.8s  ease; -ms-animation:move 0.8s  ease; animation:move 0.8s  ease;}
.main_visual .slogan h2{ font-size:60px; font-family: 'NotoL'; font-weight:700; letter-spacing:-3px; margin-bottom:20px;}
.main_visual .slogan h2 span{ font-family: 'NotoM';}
.main_visual .slogan p{font-family: 'NotoR'; font-size:14px; line-height:26px}


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

/* 바로가기 */
.widgDiv1 { position: relative; width: 100%; height:166px; padding-top:21px; overflow:hidden}

/* 공지사항 */
.widgDiv2 { position:relative; float:left; width:498px; height:248px; border:1px solid #b4b7b9; background:url(/images/web/myhaemi/main/noti_bg.gif) repeat-x}

/* 갤러리 */
.widgDiv3 {position:relative; float:left; width:611px; height:250px; margin:0 0 0 28px; padding:0 30px; background:#103c56}  

 @media (max-width: 800px) {
	
	#container, .main_content, 
	.main_visual_wrap, .main_visual, 
	.widgDiv1, 
	.widgDiv2, 
	.widgDiv3{ -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%; }
	.main_visual, .widgDiv1, .widgDiv2, .widgDiv3 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
	
	
	/* 메인비주얼 */
	.main_visual_wrap { height:auto;  background: url('/images/web/myhaemi/main/M_visual.jpg') no-repeat left 0; background-size:cover}
	.main_visual {width:100%; height:auto; padding:10% 0 10%}
	.main_visual .slogan { width:95%; padding-top:0; text-align:center; word-break:keep-all}
	
	/* 바로가기 */
	.widgDiv1 { height:auto; padding-bottom:21px}

	
	/* 공지사항 */
	.widgDiv2 { float:none; width:95%; margin:0 auto 30px}
		
	/* 갤러리 */
	.widgDiv3 { float:none; width:95%; height:auto; margin:0 auto; padding:10px 30px 40px;}  
	



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

}


 @media (max-width: 560px) {
	 
	 /* 메인비주얼 */
	.main_visual .slogan h2{ font-size:50px}
	.main_visual .slogan p{ width:88%; margin:0 auto;font-size:13px; line-height:160%}
	.main_visual .slogan p br{ display:none}
	
	/* 바로가기 */
	.widgDiv1 { height:auto; padding-bottom:21px}

}


 @media (max-width: 480px) {
	 
	 /* 메인비주얼 */
	.main_visual .slogan h2{ font-size:40px}
	
}
 
 
 @media (max-width: 380px) {
	 
}