@charset "UTF-8";
@import url("/_templet4/css/sub.css");
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-10-17
-------------------------------------------------*/
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-10-17
-------------------------------------------------*/
#snb .title { background: url("/policeprotection/img/sub/snb.jpg") no-repeat; }

#snb .title::after { content: '경호학, 보안학, 경찰학, 행정학 관련 다양한 학문분야 탐구를 통한 경호 및 보안 전문 인력을 양성합니다.'; }


/* sns */

.content_info + #sns_wrap .snsBox.active::before{display: none;}

#content #sns_wrap { position: relative; float: right; top: -0.5rem; }

#content #sns_wrap li { display: inline-block; }

#content #sns_wrap a,
#content #sns_wrap button { display: inline-block; width: 2rem; height: 2rem; margin-left: 0.5rem; border-radius: 100%; text-align: center; line-height: 1.95rem; vertical-align: top; }

#content #sns_wrap a::before,
#content #sns_wrap button::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #9e9faa; content: ''; line-height: inherit; }

#content #sns_wrap .zoomP, #content #sns_wrap .zoomM { display: none; }

#content #sns_wrap .snsBox { display: inline-block; margin-bottom:0; vertical-align: top; }

#content #sns_wrap .snsBox > .share::before { content: ''; }

/* #content #sns_wrap .snsBox::before { font-size: 1rem; display: none; float: right; width: 2rem; height: 2rem; margin-bottom: 0.455rem; border-radius: 100%; border: 1px solid #ddd; font-family: "xeicon"; color: #000; content: ''; text-align: center; line-height: 1.95rem; vertical-align: top; } */

#content #sns_wrap .snsBox #share { 
	position: absolute; 
	right: 0; 
	top: 100%;
	height: 0; 
	margin-top:0.5rem; 
	padding: 0.4rem 2.5rem 0 0.75rem;
	border: 1px solid #ddd;
	background-color: #fff;
	white-space: nowrap; 
	transition: all 0.5s ease;
	visibility: hidden; 
	overflow: hidden; 
	opacity: 0; 
	clear: both; 
	z-index: 2;
}

#content #sns_wrap .snsBox #share::before { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; right: 3.25rem; top: 0; width: 0.5rem; height: 0.5rem !important; border: 1px solid #ddd; border-right: 0 none; border-bottom: 0 none; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#content #sns_wrap .snsBox #share a { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem 0 0; border: 0 none; line-height: 1.5rem; }

#content #sns_wrap .snsBox #share .sns_icon01 a { background-color: #435e99; }

#content #sns_wrap .snsBox #share .sns_icon01 a::before { font-size: .9rem; color: #fff; content: ''; }

#content #sns_wrap .snsBox #share .sns_icon02 a { background-color: #26a8e0; }

#content #sns_wrap .snsBox #share .sns_icon02 a::before { font-size: .9rem; color: #fff; content: ''; }

#content #sns_wrap .snsBox #share .sns_icon04 a { background-color: #ffee3e; }

#content #sns_wrap .snsBox #share .sns_icon04 a::before { font-size: 1rem; color: #381e1f; content: ''; text-indent: 1px; line-height: 1.6rem; }

#content #sns_wrap .snsBox #share .sns_icon03 a { display: none; }

#content #sns_wrap .snsBox .share-close { position: absolute; right: 0.25rem; top: 0; z-index: 3; border: 0 none; height: 2.4rem; line-height: 2.4rem; border-radius: 0;}

#content #sns_wrap .snsBox .share-close::before { content:"\e922"; display:block; width:100%; height:100%; font-family:"xeicon"; font-size: 1.5rem; color: #000; }

#content #sns_wrap .snsBox.active #share { 
	height: 2.4rem; 
	margin-top:-0.5rem;
	visibility: visible; 
	overflow: visible; 
	opacity: 1; 
	}

#content #sns_wrap .snsBox.active #share::before { visibility: visible; overflow: visible; height: auto; opacity: 1; top: -0.25rem; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

#content #sns_wrap .btnPrint { float: right; }

#content #sns_wrap .btnPrint a::before { content: ''; }