@charset "utf-8";


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


#mvisual .mtit span {
	font-size: 21px;
    position: relative;
    left: -75px;
    top: 20px;
}


#mcontainer .inner_box{position: absolute;top:150px;left: 19%;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{position:relative;top:-65px;}
#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;}

#mvisual .mtit h2 {position: relative; color: #000; text-align: left; font-weight: 100; height: 131px;}

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

#gallery .depgallery .grap .obj .item a .tit {

    height: 33px;

    font-size: 15px;
}

@media (min-width:0px) {
	#mvisual .control{bottom:410px;}
}

@media (max-width:480px) {
	#mvisual .grap .obj .item img {position: relative; top: 0;}
	#mvisual .mtit span {font-size: 11px; position: relative; left: 114px; top: -94px;}
}

@media (min-width:768px) {
	#mnotice .grap .item a b{height:32px;font-size:20px}
	#mlink{top: 364px;}
	#mcontainer .inner_box {top: 87px;margin-left: -240px;}
	#mvisual .control{bottom:32px;}
	
	#mvisual {height:370px;}	
	
	#gallery h2 {margin-bottom: 20px;}
}

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

	#mnotice {
   		float: left;
 		height: 338px;
 		width: 100%;
	}
	
	#mlink .l_bg{width: 50%;}

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


@media (min-width: 1024px){
	#mlink{top: 401px;}
	
	#mvisual {height:955px;}
	
	#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;}
}