@charset "utf-8";

/* container */
#container {position:relative;width:100%;padding-top: 130px;z-index:1;}
#container:after {display:block; content:""; clear:both;}

.main_wrap{position:relative; width:100%; z-index:1;}

.MC_wrap {position:relative; width:100%; height:100%; background:#2cbec3;}


.MC_wrap1 {position:relative; width:100%; height:100%; overflow:hidden; } /* 210127 background삭제 */
.MC_wrap1::before{display: none; content: ""; width: 259px; height: 75px; background: url('/images/web/portal/H_01_main/M_slogan.png') no-repeat center; background-size: cover; position: absolute; top: 20px; left: 40px;z-index: 5; }
.MC_wrap1 .MC_conBox{width: 1200px; margin: 0 auto;}

.MC_wrap2{position: relative;width: 100%;overflow: hidden;padding: 20px 0;background: #fff;} /*240624 배경색 추가*/
.MC_wrap2 .MC_conBox{width: 1200px; margin: 0 auto; padding-bottom: 1px;}

.MC_wrap3{position:relative; width:100%; background: #eee; overflow: hidden; padding: 30px 0;}
.MC_wrap3::after{ content: ""; width: 290px; height: 150px; background: #e0e0e0; position: absolute; top: 0; left: -200px; transform: skewX(-60deg); -webkit-transform: skewX(-60deg);}
.MC_wrap3::before{ content: ""; width: 290px; height: 150px; background: #e0e0e0; position: absolute; bottom: 0; right: -200px; transform: skewX(-60deg); -webkit-transform: skewX(-60deg);}
.MC_wrap3 .MC_conBox{width: 1200px; margin: 0 auto;}

.MC_content{max-width:1200px; margin:0 auto; position:relative; z-index:5;}

.MC_box1 {position:relative; width:100%; height:60px; margin: 20px 0; overflow:hidden;}/* 검색영역 */
.MC_box2 {position:relative; width:70%; height:470px; float: left;}/* 뉴스 */
.MC_box3 {position:relative; width:30%; height:235px; float: right; overflow:hidden;}/* 바로가기01 */
.MC_box4{position:relative; width: 30%; height: 235px; float: right; overflow:hidden;}/* 행사일정 */
.MC_box5{position:relative; max-width: 1200px; height: 125px; margin: 0 auto; overflow:hidden;}/* 바로가기02 */
.MC_box6{position: relative; width: 100%;} /* 공지사항, 모집안내, 게시판, 행사안내, 학사안내, 규정집 */
.MC_box6::after{display: block; content: ""; clear: both;}
.MC_box8{position: relative; width: 74.5%; float: left; z-index: 1;} /* 청운대유튜브 210217수정 */
.MC_box9{position: relative; width: 23.5%; float: right;} /* 보도자료 210217 수정 */
.MC_box10{position: relative;width: 74.5%; float: left; margin-top: 30px;} /* 와글갤러리 210217 수정 */ /*220610 width:기존값 100%*/
.MC_box11{position: relative; width: 23.5%; float: right; margin-top: 30px;} /* 카드뉴스 220610 추가 */

 
@media screen and (max-width:1420px){
    .MC_wrap1::before{display: none;}
    .MC_wrap1::after{display: none;}
}

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

    .MC_wrap1 .MC_conBox{width: 96%;}
    .MC_wrap2 .MC_conBox{width:96%;}
    .MC_wrap3 .MC_conBox{width:96%;}

}

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

    #container{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding-top: 0;}
    .MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10
    {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}


}

@media screen and (max-width:1024px){
    .MC_box1{margin: 20px 0 30px;}
    .MC_box2{width: 100%;}
    .MC_box3{width: 45%; float: left; height:255px;}
    .MC_box4{width: 55%; height: 255px;}
    .MC_box8{width: 100%; float: none;}
    .MC_box9{width: 100%; float: none; margin-top: 20px;}
    .MC_box10{width: 60%;} /*220610 수정 기존값 width 100%, float: none;*/
    .MC_box11{width: 35%;} /*220610 추가*/
}

@media screen and (max-width:920px){
	.MC_box5{height: auto;}
}

@media screen and (max-width:760px) {
    .MC_box2 {height: auto;}
	.MC_box10{width: 100%; float:none;} /*220610 추가*/
    .MC_box11{width: 100%; float:none;} /*220610 추가*/
    
    
}

@media screen and (max-width:640px) {
    .MC_box3{width: 100%; float: none;}
    .MC_box4{width: 100%; float: none;}
}

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

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


}