@charset "utf-8";
/*-----------------------------------------------------------
Author : Gahye Park
Create date : 2022. 02. 14
-----------------------------------------------------------*/

#container{position:relative; overflow:hidden; margin:0 auto; background:#e3ecf3; }
#container:after{content:""; display:block; clear:both; }
#container .bg_l{position:absolute; top:0; left:0; width:332px; height:244px; background:url('/images/org/web/hyhappy/main/m_bg_l.png') no-repeat; }
#container .bg_l + .bg_r{ position:absolute; bottom:0; right:0; width:473px; height:511px; background:url('/images/org/web/hyhappy/main/m_bg_r.png') no-repeat; }

.main_content{position:relative; z-index:2; width:1200px; margin:20px auto 30px; overflow:hidden; }
.main_content:after{content:""; display:block; clear:both; }

/* 메인비주얼 */
.MC_box1{position:absolute; left:305px; width:590px; height:375px; }
/* 바로가기 */
.MC_box2{position:relative; width:100%; height:898px; }
/* 갤러리 */
.MC_box3{position:absolute; top:394px; left:305px; width:590px; }
/* 공지사항 */
.MC_box4{position:absolute; top:612px; left:305px; width:590px; height:285px; }
/* 캘린더 */
.MC_box5{position:absolute; bottom:0; left:0; width:285px; height:285px; }
/* 고객지원 */
.MC_box6{position:absolute; bottom:0; right:0; width:285px; height:285px; }

/* responsive */
@media (max-width:1199px){
	.main_content{width:95%; height:100%; margin:30px auto 2.5%; } /* 20251204 수정 */

	#container > .bg_l{display:none; }
	#container > .bg_l + .bg_r{display:none; }

	/* 메인비주얼 */
	.MC_box1{position:relative; top:auto; left:auto; margin:auto; }
	/* 바로가기 */
	.MC_box2{height:auto; margin-top:20px; }
	/* 갤러리 */
	.MC_box3{position:relative; top:auto; left:auto; width:100%; margin-top:20px; }
	/* 공지사항 */
	.MC_box4{position:relative; top:auto; left:auto; width:100%; height:276px; margin-top:20px; }
	/* 캘린더 */
	.MC_box5{position:relative; top:auto; right:auto; float:left; width:40%; margin-top:20px; }
	/* 고객지원 */
	.MC_box6{position:relative; bottom:auto; right:auto; float:left; width:calc(60% - 20px); margin:20px 0 0 20px; }

}

@media (max-width:1019px){
	.main_content{margin:145px auto 2.5%; } /* 20251204 추가 */
}

@media (max-width:768px){
	/* 메인비주얼 */
	.MC_box1{width:100%; }
	/* 캘린더 */
	.MC_box5{width:calc(50% - 10px); }
	/* 고객지원 */
	.MC_box6{width:calc(50% - 10px); }

}

@media (max-width:600px){
	.main_content{margin:-125px auto 2.5%; } /* 20251204 추가 */
	#wrap.no_langs .main_content{margin:-100px auto 5%; } /* 20251204 추가 */
}

@media (max-width:580px){

	#container{padding-top:60px; }
	.main_content{margin:-60px auto 5%; } /* 20251204 수정 */
	#wrap.no_langs .main_content{margin:-80px auto 5%; } /* 20251204 추가 */


	/* 메인비주얼 */
	.MC_box1{height:250px; }
	/* 공지사항 */
	.MC_box4{height:276px; }
	/* 캘린더 */
	.MC_box5{width:100%; }
	/* 고객지원 */
	.MC_box6{width:100%; margin:20px 0 0; }

}

@media (max-width:480px){
	/* 메인비주얼 */
	.MC_box1{height:200px; }
	/* 바로가기 */
	.MC_box2{margin-top:10px; }
	/* 갤러리 */
	.MC_box3{height:auto; }
	/* 공지사항 */
	.MC_box4{height:256px; }


}