/*대학안전관리 담당부서 및 연락처*/
.safety-bg-box{margin:0 0 30px 0;}
.safety-box .flex-sb-box .mark-p02 span{position:relative;margin:0 10px 0 0;padding:0 10px 0 0;}
.safety-box .flex-sb-box .mark-p02 span::after{content:'';position:absolute;top:50%;right:0;width:1px;height:16px;background-color:#777;transform:translateY(-50%);}
.safety-box .flex-sb-box .mark-p02 span:last-of-type::after{display:none;}
.safety-box .information-list > li.off{display:none;}
.safety-box .information-list .info-bg-box.label .info-top-box .info-tit-box .label{min-width:141px;}
.safety-box .information-list .info-bg-box.label .info-top-box .info-tit-box .info-tit{min-width:157px;}

/*재난안전 교육영상*/
.video-box ul li{display:inline-block;margin:60px 40px 0 0;box-sizing:border-box;}
.video-box ul{font-size:0;}
.video-box ul li .video-img:hover + p{color:#030f89;}
.video-box ul li .video-img a{display:block;height:329px;}
.video-box ul li .video-img a img{width:100%;height:100%;object-fit:cover;}
.video-box ul li .video-txt{padding:25px 0 0 0;font-size:22px;font-weight:500;color:#111;line-height:32px;text-align:center;}

/*재난 발생시 대응행동요령*/
.action-tip-box ul{display:flex;flex-wrap:wrap;font-size:0;}
.action-tip-box ul li{display:flex;justify-content:center;align-items:center;margin:40px 40px 0 0;padding:20px;width:calc(25% - 30px);min-height:100px;border:1px solid #fff;background-color:#f2f4f8;box-sizing:border-box;}
.action-tip-box ul li:hover{border-color:#030f89;}
.action-tip-box ul li .action-tip-txt{display:inline-block;font-size:19px;font-weight:400;color:#111;line-height:30px;text-align:center;}
.action-tip-box ul li .action-tip-txt a:hover{color:#030f89;}
.action-tip-box ul li > a{display:inline-block;flex:0 0 auto;margin:0 0 0 13px;width:22px;height:19px;background:url(/static/img/main/ico-down.png) no-repeat 0 0/100%;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.action-tip-box ul li > a:hover{background-image:url(/static/img/main/ico-down-b.png);}

@media screen and (min-width:1025px){
	/*대학안전관리 담당부서 및 연락처*/
	.safety-box .information-list .info-bg-box.label .info-top-box .info-con-box > ul > .tel{min-width:141px;}

	/*재난안전 교육영상*/
	.video-box ul li{width:calc(100% / 3 - 26.66px);}
	.video-box ul li:nth-of-type(-n+3){margin-top:0;}
	.video-box ul li:nth-of-type(3n){margin-right:0;}

	/*재난 발생시 대응행동요령*/
	.action-tip-box ul li:nth-of-type(-n+4){margin-top:0;}
	.action-tip-box ul li:nth-of-type(4n){margin-right:0;}
}
@media screen and (max-width:1024px){
	/*재난안전 교육영상*/
	.video-box ul li{width:calc(50% - 20px)}
	.video-box ul li:nth-of-type(-n+2){margin-top:0;}
	.video-box ul li:nth-of-type(2n){margin-right:0;}

	/*재난 발생시 대응행동요령*/
	.action-tip-box ul li{margin:40px 40px 0 0;width:calc(100% / 3 - 26.7px);}
	.action-tip-box ul li:nth-of-type(-n+3){margin-top:0;}
	.action-tip-box ul li:nth-of-type(3n){margin-right:0;}
}

@media screen and (max-width:768px){
	/*대학안전관리 담당부서 및 연락처*/
	.safety-bg-box{margin:0 0 15px 0;}
	.safety-box .more-box a{margin:15px 0 0;font-size:16px;line-height:26px;}
	.safety-box .more-box a:after{margin:0 0 1px 5px;width:13px;height:8px;}
	/*재난안전 교육영상*/
	.video-box ul li{width:calc(50% - 10px);margin:30px 20px 0 0;}
	.video-box ul li .video-img a{height:200px;}
	.video-box ul li .video-txt{padding:10px 0 0 0;font-size:16px;line-height:26px;}

	/*재난 발생시 대응행동요령*/
	.action-tip-box ul li{padding:10px;width:calc(50% - 20px);min-height:60px;}
	.action-tip-box ul li:nth-of-type(n){margin:20px 20px 0 0;}
	.action-tip-box ul li:nth-of-type(-n+2){margin-top:0;}
	.action-tip-box ul li:nth-of-type(2n){margin-right:0;}
	.action-tip-box ul li .action-tip-txt{font-size:16px;line-height:26px;}
	.action-tip-box ul li > a{margin:0 0 0 6px;width:22px;height:19px;}
}

@media screen and (max-width:480px){
	/*재난안전 교육영상*/
	.video-box ul li{width:100%;margin:20px 0 0 0;}
	.video-box ul li:nth-of-type(-n+2){margin-top:20px;}
	.video-box ul li:first-of-type{margin-top:0;}

	/*재난 발생시 대응행동요령*/
	.action-tip-box ul li{width:100%;}
	.action-tip-box ul li:nth-of-type(n){margin:20px 0 0 0;}
	.action-tip-box ul li:first-of-type{margin:0;}
}