@import url('/resource/css/up_pop.css');
/*-----------------------------------------------------------
Author :hyerim, Park
Creative date :2022. 06. 09
-----------------------------------------------------------*/

/* 메인 컨테이너 */
#container {position:relative; z-index:2; width:100%;} 

.MC_wrap {position:relative; max-width:70rem; width:100%; padding:2.5rem 0;}
.MC_wrap::after{content: ''; display: block; clear: both;}

.MC_wrap .MC_wrapL {position:relative; width:20.3%; float:left;}
.MC_wrap .MC_wrapR {position:relative; width:75.7%; float:right; }
.MC_wrap .MC_wrapR::after{content: ''; display: block; clear: both;}
.MC_wrap .MC_wrapR::before { position:absolute; content:""; width:200%; height:calc(100% - 13rem); top:-2.5rem; left:-9.85rem;  background:#effcf7; border-radius: 0 0 0 2.5rem; z-index:-1; }

.MC_box1 { position:relative; display: flex; width: 100%; min-height: 17.5rem; } /* 카테고리 */
.MC_box2 { position:relative; height:16.25rem; margin-top:2.5rem;} /* 설문조사 */  
.MC_box3 { position:relative; width: calc(100% - 18.5rem); height:17.5rem; } /* 메인비주얼 */
.MC_box4 { position:absolute; right:0; top:0; width:15.5rem; height:17.5rem;} /* 시간표 */ 
.MC_box5 { position:relative; float: left; width:100%; min-height: 4.5rem; margin-top:2.5rem;} /* 급훈 */ 
.MC_box6 { position:relative; float: left; width:47%; height:13.5rem; margin-top:2.5rem;} /* 게시판1 */ 
.MC_box7 { position:relative; float: left; width:47%; height:13.5rem; margin:2.5rem 0 0 5.5%;} /* 게시판2 */ 
.MC_box8 { position:relative; float: left; width:100%; height: 13rem; margin-top:4.5rem;} /* 포토게시판 */ 


@media (max-width:1450px) {
	.container { padding:0 1rem; }
}

@media (max-width:1240px){ 
	
	#container {padding:0 2%;}
	.container { padding:0; }

	.MC_wrap {padding:1.5rem 0;}
	.MC_wrap .MC_wrapR::before { top: -1.5rem; }

	.MC_box2 {margin-top:2.5rem;} /* 설문조사 */  
	.MC_box5 {margin-top:1.5rem;} /* 급훈 */ 
	.MC_box6 {margin-top:1.5rem;} /* 게시판1 */ 
	.MC_box7 {margin:1.5rem 0 0 4%;} /* 게시판2 */ 
	.MC_box8 {margin-top:1.5rem; height: auto; } /* 포토게시판 */ 

}

@media (max-width:1024px){    

	#container {padding:0 1rem; } 

	.MC_wrap .MC_wrapL {width:100%; height: auto; float:none;}
	.MC_wrap .MC_wrapR {width:100%; float:none;}
	
	.MC_box1 { display: none;} /* 카테고리 */ 
	.MC_box2 {height:auto; margin-top: 0; margin-bottom:1.5rem;} /* 설문조사 */
	.MC_box3 { width:calc(100% - 18rem); } /* 메인비주얼 */

}   


@media (max-width:768px){
	.MC_wrap .MC_wrapR::before { height: calc(100% - 13rem); }

	.MC_box3 {width:100%;  height:auto;} /* 메인비주얼 */
	.MC_box4 {position:relative; right:auto; top:auto; width:auto; height:auto; margin-top:1.5rem;} /* 시간표 */ 
	.MC_box5 {float:none; height: auto;} /* 급훈 */ 
	.MC_box6 {width:100%; height: auto; float:none; margin-top:1.5rem;} /* 게시판1 */ 
	.MC_box7 {width:100%; height: auto; float:none; margin:1.5rem 0 0 0;} /* 게시판2 */ 
	.MC_box8 {margin-top:1.5rem;} /* 포토게시판 */ 

} 

@media (max-width:580px){  

	.MC_box2 { margin-bottom: 1rem; }/* 설문조사 */
	.MC_box4 { margin-top:1rem; } /* 시간표 */ 
	.MC_box5 { margin-top:1rem; } /* 급훈 */
	.MC_box6 { margin-top:1rem; } /* 게시판1 */ 
	.MC_box7 { margin:1rem 0 0 0; } /* 게시판2 */ 
} 

@media (max-width:480px){
	.MC_wrap { padding:1rem 0; }
	.MC_wrap .MC_wrapR::before { height: calc(100% - 12.5rem); }

	.MC_box5 { margin-top: 1.5rem; } /* 급훈 */
}