@charset 'utf-8';

.MC_box1 {width: 895px; margin:0; margin-left: 305px;}
.MC_box2 {width: 325px; height: 600px; position: absolute; top: 0; left: 0;}
.MC_box6 {width: 895px; margin-left: 305px; margin-top: 20px; height: 170px;}


/*비주얼*/
.main_visual ul li .img.visual1 {background-image: url('/images/org/web/nhhappy/main/m_visual01.png');}
.main_visual ul li .img.visual2 {background-image: url('/images/org/web/nhhappy/main/m_visual02.png');}

/*메인컨텐츠*/
.main_content {margin-top: 20px;}

/*바로가기*/
.M_link ul li.lk_02{margin-left: 0; margin-top: 20px;}

/**/
.MC_box6 .news {width: 590px; height: 170px; float: left;}
.MC_box6::after {content: ""; clear: both;}
.MC_box6 .M_link li{width: 285px; height: 170px; float: right; border-radius: 15px; background:#676767 url('/images/org/web/nhhappy/main/bg_m_link1.png'); text-align: center;}
.MC_box6 .M_link a { display:block; height:100%}
.MC_box6 .M_link a span {display:block;}
.MC_box6 .M_link a .img{margin:10px 0 10px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.MC_box6 .M_link a:hover .img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform: rotateY(360deg); transition:transform 300ms ease-in-out 0.1s;}


  
@media (max-width:1019px) {
	.MC_box1 , .MC_box2, .MC_box6 {margin-left: 0; width: 590px; margin: 0 auto 20px;}
	.MC_box2 {position: relative; height: auto;}
	.MC_box6 {height: auto;}

	/*비주얼*/
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2 {background-position: center;}


	/*바로가기*/
	.M_link ul li{width: 100%; height: 60px;}
	.M_link ul li a {padding-left: 30px; text-align: left;}
	.M_link ul li a .img {margin: 5px 0 0 0; display: inline-block;}
	.M_link ul li a .tit {display: inline-block;}
	.M_link ul li a .img img {width: 50px; }

	/*뉴스리스트*/
	.MC_box6 .news {width: 100%; float: none;}
	.MC_box6 .M_link{width: 100%; margin-top: 20px; float: none;}
	.MC_box6 .M_link li {width: 100%; height: 60px;}
	.MC_box6 .M_link a .img {margin: 5px 0 0 0;}

}


@media (max-width: 680px) {		
	.MC_box1 , .MC_box2, .MC_box6 {max-width: 100%;}
	

}

@media (max-width: 580px) {	

	.MC_box1 , .MC_box2, .MC_box6,.MC_box5 {margin: 5% 0;}
	.MC_box1 {margin-top: 0;}

	/*바로가기*/
	.M_link ul li a .img img {margin: 0;}
		
}

@media (max-width: 480px) {	



}

@media (max-width: 380px) {


}