@charset "utf-8";

#mvisual{background:none;padding:0;}

#mvisual .mtit h2 {

    line-height: 1.4;

}

#mvisual .mtit h2 span {
    line-height: 1.9;
    margin-top: -5px;
    height: 30px;
}



#mcontainer .inner_box{position: absolute;top:150px;left: 50%;margin-left: -170px;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;}

#mprofessor .table-col{width:33.33%;}

#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;}

.mtit h1 {
    position: relative;
    margin-bottom: 60px;
    font-family: 'nsr';
    color: #fff;
    font-size: 34px;
    text-align: center;
    line-height: 1.2;
}

.mtit h1 span {
    display: block;
    margin-top: 5px;
    font-family: 'nsr';
    font-size: 18px;
    line-height: 24px;
}


@media (min-width:0px) {

	#mvisual .control{bottom:410px;}

}



@media (min-width:768px) {

	#mlink{top: 364px;}

	#mcontainer .inner_box {top: 170px;margin-left: -415px;}

	#mvisual .control{bottom:32px;}
	
	#mvisual {height:370px;}	

}



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

	#mlink .r_bg{width: 50%;}
}





@media (min-width: 1024px){
	
	#mnotice .grap .item {width: 19%;}

	#mlink{top: 401px;}
	
	#mvisual {height:540px;}
	
	#mvisual .control{bottom:95px;}

}


/* 20181108_���� */

@media (max-width:768px) {

	#mvisual{height:300px;}

	#mvisual .control{bottom:15px;}

	#mlink{top:400px!important;}

	#mlink .link{height:280px;}

	#mlink .link .bor_r{border-right: 1px solid rgba(140,140,140,0.6)}

	#mlink .link .bor_b{border-bottom: 1px solid rgba(140,140,140,0.6)}

	#mlink .link li{position:relative;}

	#mlink .link .icon2_txt{display: inline-block;width:100%;position: absolute;top: 30px;left:20px;height: 50px;line-height: 20px;}

	#mlink .r_bg{height:300px}

	#mlink .link ul li a .icon2{margin-left:-80px;}

}