@charset "utf-8";
#mcontainer{background-image:url(/images/smhani/main/sm_hg_main_bg.png);}

#con5{position:relative;background:#e0ecf2}
#con5 h2{margin-bottom:15px;}
#con5.inner{padding:30px 30px 0px}
#con5 .mboard{height:178px;overflow:hidden;}
#con5 ul li{overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box; font-size:14px; line-height:1.2}
#con5 ul li:last-child{overflow:hidden;border-bottom:0;}
#con5 ul li a{overflow:hidden;display:block;width:100%;padding:5px 0;margin:0;}
#con5 ul li a span{overflow:hidden;display:block;width:100%;line-height:1.3}
#con5 h3{float:left;width:80%;font-size:16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
#con5 li.ov a h3{width:100%;font-size:17px;color:#3b66b3;}
#con5 em.day{float:right;padding-top:3px;color:#767676;}
#con5 .more{display:block;overflow:hidden;position:absolute;top:-10px;right:40px;width:18px;height:18px;background:url(/images/common/c/hak_a/sm_hg_main_ir.png) no-repeat 0px -48px;font-size:0;line-height:0;}
#con5 a:hover{border-color:transparent;background-color:transparent;}


#con2 .box_info .list li a{padding:13px 0;}

@media only screen and (min-width:1200px){
	.tit_campus h1{font-size:37px;}
	}


#con1 .mboardTab{ width:100%; display:inline-block; position:relative;}
#con1 .mboardTab .tabBtn{ margin-left:14px; display:inline-block; float:left; position:relative;}
#con1 .mboardTab .tabBtn:before{ width:1px; height:10px; background-color:#ccc; content:""; position:absolute; top:9px; left:-7px;}
#con1 .mboardTab .tabBtn a h2{ font-size:20px; color:#797979; letter-spacing:-1.5px;}
#con1 .mboardTab .tabBtn:first-child{ margin-left:0;}
#con1 .mboardTab .tabBtn:first-child:before{ display:none;}
#con1 .mboardTab .tabBtn.on{ font-weight:600;}
#con1 .mboardTab .tabBtn.on a h2{ color:#000;}
#con1 .mboardTab .tabCon{ width:100%; display:none; position:absolute; left:0;}
#con1 .more{ top:-38px; right:0;}

@media (max-width:768px){
	#con1 .mboardTab .tabBtn a h2{ font-size:15px;}
}
@media (max-width:639px){
	#con1 .mboardTab .tabBtn a h2{ font-size:20px;}
}
@media (max-width:380px){
	#con1 .mboardTab .tabBtn a h2{ font-size:15px;}
}
