@charset "utf-8";

#container {position:relative; overflow:hidden; margin:0 auto; background:#f7ecff;}
#container:after {content:""; display:block; clear:both;}

#container > .bg_l {display:block; width:337px; height:245px; position:absolute; top:0; left:0; background:url('/images/org/web/yshappy/main/m_bg_l.png') no-repeat}
#container > .bg_l + .bg_r {display:block; width:467px; height:557px; position:absolute; bottom:0; right:0; background:url('/images/org/web/yshappy/main/m_bg_r.png') no-repeat}

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

/* 190510 */
.MC_box1 {position:relative; width:590px; height:590px; margin:20px auto 0;}/* 메인비주얼 */
.MC_box2 {position:relative; width:100%; height:590px; margin:0 0 20px;} /* 바로가기*/
.MC_box3 {position:relative; width:285px; height:285px; float:left; margin:0 20px;} /* 팝업 */
.MC_box4 {position:relative; width:285px; height:285px; float:right;} /* 고객지원 */
.MC_box5 {position:absolute; width:285px; height:285px; float:left; left:0; top:305px;} /* 일정 */
.MC_box6 {position:relative; width:285px; height:285px; float:left;} /* 공지사항 */
.MC_box7 {position:relative; width:285px; height:285px; float:left; margin:0 0 0 20px;} /* 포토앨범 */

@media screen and (max-width:1019px) {
	
	#container,
	.main_content,
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10, 
	.MC_box11, .MC_box12, .MC_box13, .MC_box14, .MC_box15 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10, 
	.MC_box11, .MC_box12, .MC_box13, .MC_box14, .MC_box15 { -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-top:120px; background-image:none} /* 180828 수정 */	
	#container > .bg_l { display:none}
	#container > .bg_l + .bg_r {display:none}
	.main_content { width:590px; height:100%; margin:0 auto 2.5%}
	
	.MC_box1 {height:auto; margin:2.5% auto 0;} /* 메인비주얼 */
	.MC_box2 {width:590px; height:auto; margin:2.5% auto} /* 바로가기*/
	.MC_box3 {margin:2.5% auto;}
	.MC_box4 {margin:2.5% auto;}
	/*.MC_box3 {width:590px; height:auto; margin:2.5% auto 0; float:none}*/ /* 팝업 */
	/*.MC_box4 {width:590px; height:auto; margin:2.5% auto 0; float:none}*/ /* 고객지원 */
	.MC_box5 {top:315px;} /* 일정 */
	

}

@media screen and (max-width: 680px) {	

	.main_content{width:95%;}

	.MC_box1 { width:95%;} /* 메인비주얼 */
	.MC_box2 { width:100%;} /* 바로가기*/
	.MC_box3 { width:48.5%;} /* 팝업 */
	.MC_box4 { width:48.5%;} /* 고객지원 */
	.MC_box5 { width:48.5%; height:auto; top:240px;} /* 일정 */
	.MC_box6 { width:48.5%;} /* 공지사항 */
	.MC_box7 { width:48.5%; margin:0; float:right;} /* 포토앨범 */


}

@media screen and (max-width: 580px) {	

	#container {padding-top:60px;}
	.main_content {margin:0 auto 5%}
	
	.MC_box1 {margin:40px auto 0 !important;} /* 메인비주얼 */ /* 180828 수정 */	
	#wrap.no_langs .MC_box1 {margin:2.5% auto 0 !important;} /* 메인비주얼 */ /* 20251204 추가 */
	.MC_box2 {margin:3% auto} /* 바로가기*/
	.MC_box3 {margin:5% auto 0} /* 팝업 */
	.MC_box4 {margin:5% auto 0} /* 고객지원 */
	.MC_box5 {top:18.5%;} /* 일정 */

		
}

@media screen and (max-width: 420px) {		
	
	.MC_box3 {width:100%; height:auto;} /* 팝업 */
	.MC_box4 {width:100%; height:auto;} /* 고객지원 */
	.MC_box5 {position: relative; width:100%; left:auto; top:auto; margin:0 0 3%;} /* 일정 */
	.MC_box6 { width:100%; height:auto;} /* 공지사항 */
	.MC_box7 { width:100%; height:auto; margin:5% auto 0;} /* 포토앨범 */


}

@media screen and (max-width: 380px) {
	

}