*@charset "utf-8";

#mvideo{padding:50px 0 0 0;}
#mvideo h2{margin-bottom:22px;color:#000;font-size:20px;line-height:24px;font-weight:600;}
#mvideo h2 span {display:block;color:#9b9b9b;font-size:16px;font-weight:normal;letter-spacing:0}
#mvideo .wrapper {position:relative; margin-top:50px; padding-bottom:394px; height:0; overflow:hidden;}
#mvideo .wrapper object, embed {padding-top:65px; position:absolute; top:0; left:0; width:30%; height:40%;}
.iframe1{padding-top:65px; position:absolute; top:0; left:0; width:800px; height:550px; display:inline-block;}
.iframe2{padding-top:65px; position:absolute; top:0; left:820px; width:380px; height:550px; display:inline-block;}
.iframe3{padding-top:65px; position:absolute; top:500px; left:320px; width:280px; height:450px; display:inline-block;}
.iframe4{padding-top:65px; position:absolute; top:500px; left:620px; width:580px; height:450px; display:inline-block;}
.iframe5{padding-top:65px; position:absolute; top:500px; left:0px; width:300px; height:450px; display:inline-block;}



#mvisual{background:none;padding:0;}
#mcontainer .inner_box{position: absolute;top:1
0px;left: 50%;margin-left: -160px;z-index: 10;}

#mvisual .grap{position:relative;width:100%;height:100%}
#mvisual .grap .obj{position:relative;width:100%;height:100%;}
#mvisual .grap .obj .item{position:relative;width:100%;height:100%;}
#mvisual .grap .obj .item img{height: 100%;max-width:none;min-width:100%}
#mvisual .control{position:absolute;bottom:450px;left:50%;margin-left:-100px;}
#mvisual .control a, #mvisual .control .paging button{float:left;display:inline-block;width:21px;height:21px;margin-left:10px;vertical-align:middle;font-size:0}
#mvisual .control a{margin-top:5px;}
#mvisual .control .paging{float: left;}

#mvisual .control a[data-control="prev"]{background: url(/images/smugrade/main/visual_btn_icon_prev.png) no-repeat}
#mvisual .control a[data-control="next"]{float:right;margin-left:20px;background: url(/images/smugrade/main/visual_btn_icon_next.png) no-repeat}

#mvisual .control .paging button{background: url(/images/smugrade/main/visual_page_icon_on.png) no-repeat center center;}
#mvisual .control .paging button.ov{background: url(/images/smugrade/main/visual_page_icon_off.png) no-repeat center center;}

#mnotice .grap .item a {min-height:216px;padding-bottom:0;}
#mnotice .grap .item a b{max-height:60px;height:60px;}
#mnotice .grap .item a img{width:100%; max-height:100px;margin-bottom:10px;}
#mnotice .grap .item a .text{height: auto}
#mlink{top: 314px;position: absolute;}

   

@media (min-width:0px) {
	#mvisual .control{bottom:410px;}
	#mlink .link ul li .vi_icon{background:url(/images/smae/main/video_mini.png) no-repeat;}
	#mlink .link ul li .gr_icon{background:url(/images/smae/main/graduate_mini.png) no-repeat;}
}

@media (max-width:500px) {
	#mcontainer .inner_box{position: absolute; top: 94px; left: 50%; margin-left: -160px; z-index: 10;}
	#mlink .link ul li a>span{display: inline-block; overflow: hidden; margin: 0 auto; width: 51px; height: 30px; margin-left: 14px; vertical-align: middle;}
	.section5{height: 1083px;}
	#mvideo .wrapper{height: 1200px;}
	.section5 .wrapper iframe{width: 100%;}
	
}

@media (min-width:768px) {
	#mnotice .grap .item a b{height:32px;font-size:20px}
	#mlink{top: 364px;}
	#mcontainer .inner_box {top: 170px;margin-left: -260px;}
	#mvisual .control{bottom:450px;}	
		
	#mlink .link ul li .vi_icon{background:url(/images/smae/main/video_icon.png) no-repeat;}
	#mlink .link ul li .gr_icon{background:url(/images/smae/main/graduate_icon.png) no-repeat;}
}

@media (min-width:1200px) {
	#mnotice .grap .item a b {height: 42px;font-size: 17px;}
}


@media (min-width: 1024px){
	#mlink{top:490px;}
	#mvisual .control{bottom:260px;}
}

@media (min-width: 1200px){
	#mlink .l_bg{width: 50%;}
	#mlink .r_bg{width: 50%;}
}