@charset "utf-8";

/* 2021 7 13 youtube */
#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; padding-bottom:46.25%; height:0; overflow:hidden;}
#mvideo .wrapper iframe, object, embed {padding-top:65px; position:absolute; top:0; left:0; width:100%; height:100%;}
/* 2021 7 13 youtube emd */

#mvisual{background:none;padding:0;height:fit-content;}
#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;}

#mlink .l_bg, #mlink .r_bg{width:50%}

#smu_slogan .slogan_wrap .obj .item div.type5 .col3 .col{padding:20px;}
#smu_slogan .slogan_wrap .obj .item div.type5 ul li{font-size:13px;}


@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) {
	#mvisual{height:300px;}
	#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: 382px;}
	#mvideo .wrapper{height: 100%;}
	.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%;}
}


@media (max-width: 1023px){
	#mlink .l_bg, #mlink .r_bg{width:100%}
}

@media (max-width: 767px){
	#smu_slogan .slogan_wrap .obj .item div.type5 .col3 .col{width:44%; margin: 0 0 4% 4%;}
}