﻿@charset "utf-8"; 
#container{background: url('/images/web/smwt/main/bg_contents.png') no-repeat bottom center; background-size: 100%;}
.container{position: relative; width: 1200px; margin: 0 auto;}
.container::after{display: block; content: ''; clear: both;}

.con_box02{padding-bottom: 150px;}

.MC_box1{position:relative; padding-top: 70px;background: url('/images/web/smwt/main/bg_visual.png') no-repeat top center / 100% 100%;} /* 메인비주얼 */
.MC_box2{position: relative; width: 1200px; margin: 110px auto 0;} /* 바로가기 */
.MC_box3{position: relative; margin-top: 160px; padding-left: calc((100% - 1200px) / 2); height:400px; z-index:5 !important;} /* 갤러리 */
.MC_box4{position: relative; width: 100%;} /* Academics */
.MC_box5{width: 670px; float: left; position: relative;} /* 학과생활 */
.MC_box6{width: 445px; float: right; position: relative;} /* movie */

@media (max-width:1280px) {
	#container{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; padding-top:110px;}
	.container{width: 96%;}

	.con_box02{padding-bottom: 100px;}
	
	/* 메인비주얼 */
	.MC_box1{padding-top: 50px;} /* 메인비주얼 */
	.MC_box2{width: 96%; margin-top: 50px;} /* 바로가기 */
	.MC_box3{padding-left: 2%; margin-top: 120px; height:auto;} /* 갤러리 */
	.MC_box5{width: 58%;} /* 학과생활 */
	.MC_box6{width: 38%;} /* movie */
}

@media (max-width:1024px) {
	.con_box02{padding-bottom: 50px;}

	.MC_box3{margin-top: 90px; height:auto;} /* 갤러리 */
}

@media (max-width:900px){
	.MC_box3{margin-top: 60px; margin-right: 2%; height:auto;} /* 갤러리 */
}

@media (max-width:720px) {
	.con_box02{padding-bottom: 20px;}

	.MC_box1{padding-top: 30px;} /* 메인비주얼 */
	.MC_box2{margin-top: 30px;} /* 바로가기 */
	.MC_box5{width: 100%;} /* 학과생활 */
	.MC_box6{width: 100%; margin-top: 20px;} /* movie */
}

@media (max-width:580px){
	.MC_box3{margin-top: 20px; padding-top: 10px; height:auto;} /* 갤러리 */
}

@media (max-width:480px){
	.MC_box2{margin-top: 20px;}/* 바로가기 */
	.MC_box3{margin-top: 10px; height:auto;} /* 갤러리 */
}

@media (max-width:380px){
	.MC_box1{padding-top: 20px;} /* 메인비주얼 */
}
