@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:130px;}/* 상단 심볼 추가 191008 */
#container:after {display:block; content:""; clear:both;}

.main_wrap{position:relative; width:100%; float:left; z-index:1000;}
.MC_wrap1 {position:relative; width:100%; height:100%; float:left; background:#edf1f5;}
.MC_wrap2 {position:relative; width:100%; height:100%; max-width:1200px; margin:0 auto; overflow: hidden;}
.MC_wrap3 {position:relative; width:100%; height:100%; overflow: hidden; background:#0e385e;}
.MC_wrap3:before{content:""; position: absolute; left:50%; top:0; width:650px; height:100%; margin-left:-960px; background:url('/images/template/00001/main/bg_wrap03.png') no-repeat left center; background-size:contain;}
.MC_wrap3_box{ width:400px; height:380px; float:right; background:url('/images/template/00001/main/bg_wrap03_box.png') no-repeat; background-size:cover;}

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

.MC_box1 {position:relative; width:100%; height:600px; overflow: hidden;}/* 비주얼 */
.MC_box2 {position:relative; width:100%; height:150px; max-width:1200px; margin:0 auto 80px; overflow: hidden;}/* 바로가기 */
.MC_box3 {position:relative; width:800px; height:430px; margin-top:-80px; float:left; overflow: hidden;}/* 공지사항 */
.MC_box4 {position:relative; width:400px; height:430px; margin-top:-80px; float:right; overflow: hidden;}/* 학사일정 */
.MC_box5 {position:relative; width:360px; height:365px; float:left; margin:40px 0;}/* 포토뉴스 수정 191127 */
.MC_box12 {position:relative; width:360px; height:365px; float:left; margin:40px 0 0 40px;}/* 학과 뉴스 191127  */
.MC_box6 {position:relative; width:400px; height:365px; float:right; margin:40px 0;}/* 팝업존 */
.MC_box7 {position:relative; width:100%; height:auto; float:left; margin:0 0 30px; overflow: hidden;}/* 퀵서비스 바로가기 */
.MC_box8 {position:relative; width:800px; height:380px; float:left;}/* 배너 */
.MC_box9 {position:relative; width:100%; height:190px; float:left;}/* 입학안내 */
.MC_box10 {position: relative; width:100%; height:110px; margin:30px 0; float:left;}/* 바로가기03 */

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

    .MC_wrap2{width:95%}
    .MC_wrap3 .MC_cont{width:100%;}
    .MC_wrap3:before{margin-left:0; left:-350px;}
    .MC_wrap3_box{ width:35%;}

    .MC_cont {width:95%;}

    .MC_box3 {width:65%}
    .MC_box4 {width:35%;}
    .MC_box5 {width:30%}/* 191127  */
    .MC_box6 {width:34%;}
    .MC_box8 {width:65%;}
    .MC_box12 {width:30%; margin:40px 0 0 4%;}/* 191127  */

}

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

    #container{-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
    {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease} /* 추가 191127 */

    #container{padding-top:0px; }

    .MC_wrap1{background:none;}
    .MC_wrap3:before{background-position:top left;}
    .MC_wrap3_box{width:100%; height:auto;}

    .MC_box1{height:500px;}
    .MC_box2{height:auto; margin:20px 0;}
    .MC_box3 {width:100%; margin:0;}
    .MC_box4 {position:absolute; width:48%; height:365px; left:0; bottom:-1195px; margin:0;}
    .MC_box5 {width:48%; margin:20px 0;}/* 191127  */
    .MC_box6 {width:48%; margin:0;}
    .MC_box7 {margin:20px 0;}
    .MC_box8 {width:100%;}
    .MC_box9 {width:50%;}
    .MC_box10 {width:50%;}
    .MC_box12 {width:48%; margin:20px 0 0 4%;}/* 191127  */

}

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

    .MC_wrap3:before{display:none;}

    .MC_box1 {height:400px;}
    .MC_box3 { margin:0 0 20px;}
    .MC_box4 {width:100%; height:330px; position:Relative; left:auto; bottom:auto;}
    .MC_box6 {width:100%;}
}

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

	.MC_box3 {height:740px;}
	.MC_box5 {width:100%;}/* 191127  */
    .MC_box8 {height:auto;}
    .MC_box9 {width:100%; height:auto;}
    .MC_box10 {width:100%; height:auto; margin:0 0 20px;}
    .MC_box12 {width:100%; margin:20px 0;}/* 191127  */
}

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

}