/* 방송영화제작계열 메뉴 타이들 */

.smWrap.police ul{
	width: 650px;
	float: right;
	left:55%;
}


/* 링크 버튼 */

.fcNews{
	overflow: hidden;
}

.prodMenu{
	width: 100%;
	overflow: hidden;
	margin-top: 70px;
}

.prodMenu div:nth-child(1){
	background-image: url('../../images/production/prod_bg1.png');
	background-repeat: no-repeat;
	background-position: 90% center;
}


.prodMenu div:nth-child(2){
	background-image: url('../../images/production/prod_bg2.png');
	background-repeat: no-repeat;
	background-position: 90% center;
}


.prodMenu div:nth-child(3){
	background-image: url('../../images/production/prod_bg3.png');
	background-repeat: no-repeat;
	background-position: 85% center;
}



.prodMenu div{
	float: left;
	width: calc( 33.3333% - 34px );
	height: 150px;
	cursor: pointer;
	overflow: hidden;
	background-color: #eff3ff;
}

.prodMenu div:nth-child(n+2){
	margin-left: 51px;
}

.prodMenu div span{
	font-size: 24px;
	font-family: 'nsEB';
	color: #222;
	padding-left: 32px;
	line-height: 150px;
	display: block;
	position: relative;
}


.pmBtn span::after{
	content: "";
	position: absolute;
    top: 57px;
    right: -60px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    outline: none;
    z-index: 2;
    background: url(../../../images/common/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #8c22ff;
    background-size: 15px;
	transition: all .3s ease-in-out;
}


.pmBtn:hover span::after{
	right: 30px;
	transition: all .3s ease-in-out;
}


/* 계열소개 시작 */

.subBox.m70 {
	margin-bottom: 0px;
}


.facSubMenu {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.facSubMenu div.menuBox {
	border-bottom: 1px solid #dddddd;
}

.facSubMenu div.on {
	border-bottom: 2px solid #8c22ff;
}

.facSubMenu div.on a {
	color: #8c22ff;
}

.facSubMenu div.menuBox:last-child {
	margin-bottom: 0px;
}

.facSubMenu div a {
	font-size: 16px;
	color: #999999;
	font-family: 'nsR';
	font-weight: bold;
	display: block;
	height: 100%;
	padding: 20px 0px 20px 35px;
}

.facSubMenu .callBox {
	padding: 20px 0px 20px 90px;
	position: relative;
}

.facSubMenu .callBox::before {
	content: " ";
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: absolute;
	left: 35px;
	top: 20px;
	background: url('../../../images/common/call.svg') no-repeat center;
	background-size: 20px;
	background-color: #f4f4f4;
}

.facSubMenu .callBox .cbTitle {
	font-size: 16px;
	font-weight: bold;
	font-family: 'nsR';
	color: #222;
}

.facSubMenu .callBox .cbTNum {
	font-size: 16px;
	font-weight: lighter;
	font-family: 'nsR';
	color: #222;
	display: block;
	margin-top: 12px;
}




/* 계열소개 상세 */

.facSubContents {
	width: calc(100% - 262px);
	margin: 100px auto 150px;
	overflow: hidden;
	display: inline-block;
}

.facSubContents.mt45 {
	margin-top: 68px;
}


.facSubContents .speBox {
	width: 100%;
	margin: 0px auto 0px;
	max-width: 1100px;
}

.facSubContents .speBox .tab-content {
	display: none;
}

.facSubContents .speBox .tab-content.on {
	display: block;
}

.facSubContents .speBox img {
	width: 100%;
	display: block;
}

.facSubContents .speBox .speTitle {
	font-family: 'nsEB';
	color: #222;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
}

.facSubContents .speBox .speText {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	text-align: center;
	margin: 20px auto 80px;
	font-family: 'nsR';
}

.facSubContents .speBox .speText.mb30 {
	margin-bottom: 30px;
}

.facSubContents .speBox .speTab {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 50px;
}

.facSubContents .speBox .speTab a {
	display: block;
	width: calc(50% - 2px);
	float: left;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	font-family: 'nsR';
	color: #999999;
	text-align: center;
	border: 1px solid #ddd;
}

.facSubContents .speBox .speTab a.on {
	font-weight: bold;
	color: #fff;
	border-color: #8c22ff;
	background-color: #8c22ff;
}

.facSubContents .speBox .speTab a:nth-child(1) {
	border-right: none;
}

.facSubContents .speBox .speTab a:nth-child(2) {
	border-left: none;
}


.strength {
	margin-bottom: 50px;
}


.strength img.mb20 {
	margin-bottom: 20px;
}


.strength .stbTitle {
	font-size: 18px;
	font-family: 'nsEB';
	color: #222;
	line-height: 24px;
	margin-bottom: 20px;
	text-align: left;
	display: block;
}


.strength .stImgTitle {
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
	line-height: 24px;
	margin-bottom: 20px;
	text-align: left;
	display: block;
}

.strength .imgTitle table{
	border-collapse: collapse;
	margin-top: 15px;
	table-layout: fixed;
	width: 100%;
}

.strength .imgTitle table.wd78{
	width: 78%;
	margin: 15px auto 0px;
}

.strength .imgTitle.name{
	margin-top: 0px;
	margin-bottom: 20px;
}

.strength .imgTitle.name table{
	margin-top: 0px;
}

.strength .imgTitle.name table tr td{
	background-color: #f5f5f5;
	padding: 20px 0px;
}

.strength .imgTitle table tr td span{
	display: block;
	font-size: 16px;
	line-height: 20px;
	font-family: 'nsR';
	color: #666;
	text-align: center;
}

.strength .imgTitle table tr td span.mb10{
	margin-bottom: 10px;
}

.strength .imgTitle table tr td span strong{
	font-weight: bold;
}

.strength .captionImg{
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.strength .dimImg{
	overflow: hidden;
	position: relative;
}

.strength .dimImg .dimWrap{
	width: calc(33.3333% - 14px);
	float: left;
	margin-left: 21px;
	overflow: hidden;
	position: relative;
}

.strength .dimImg .dimWrap:nth-child(1){
	margin-left: 0px;
}

.strength .dimImg .dimCap{
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'nsR';
	font-size: 16px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	font-weight: bold;
	bottom: 0px;
}


.goingJob.mt60 {
	margin-top: 60px;
}


/*.goingJob table .jobCon {
	min-width: 20%;
}

.goingJob.mt60 table .jobCon {
	min-width: 45%;
}

.goingJob table .jobCon.wd40{
	min-width: 40%;
}*/

.goingJob.mt60 table .jobCon.wd100 {
	min-width: 100%;
}
.goingJob table .jobCon{
	margin-right:8%;
	min-width:auto;
}
.goingJob table .jobInfo {
	width: 100%;
	display: block;
	font-family: 'nsR';
	color: #666;
	line-height: 28px;
	font-size: 16px;
}

.goingJob table .conTitle {
	font-size: 16px;
	font-family: 'nsR';
	font-weight: bold;
	color: #222;
	margin: 35px 0px 20px;
	display: block;
}


@media screen and (max-width: 1400px) {

	.facSubContents {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 302px);
	}
}

/* 취업현황 */

.jobList{
    width: 100%;
    min-width: 1160px;
    max-width: 1400px;
	margin: 160px auto 0px;
	overflow: hidden;
}

.jobList .jobBox {
	float: left;
	width:  calc( 33.33333% - 119px );
	margin-left: 40px;
	border: 1px solid #ddd;
	margin-top: 40px;
	display: table;
	height: 198px;
	padding: 0px 45px;
}

.jobList .jobBox:nth-child(1),
.jobList .jobBox:nth-child(2),
.jobList .jobBox:nth-child(3){
	margin-top: 0px;
}

.jobList .jobBox:nth-child(3n+1){
	margin-left: 0px;
}

.jobList .jobBox .jbLeft,
.jobList .jobBox .jbRight{
	display: table-cell;
	vertical-align: middle;
}

.jobList .jobBox .jbLeft{
	width: 160px;
}


.jobList .jobBox .jbRight{
	padding-left: 30px;
}

.jobList .jobBox .jbRight .comName{
	font-size: 16px;
	font-weight: bold;
	color: #8c22ff;
	font-family: 'nsR';
	letter-spacing: -0.025em;
	display: block;
	margin-bottom: 30px;
}


.jobList .jobBox .jbRight .position,
.jobList .jobBox .jbRight .stuName{
	font-size: 18px;
	font-family: 'nsR';
	color: #222;
	display: block;
	letter-spacing: -0.025em;
}

.jobList .jobBox .jbRight .stuName{
	font-weight: bold;
	margin-top: 10px;
}



/* 취업현황 */



.icon{
    width: 90px;
    height: 90px;
	background-color:#cacaca;
    display: inline-flex;
    align-items: center; 
    justify-content: center;
    font-size: 30px;
    color: black;
    border-radius: 50%;
    outline: 2px solid #fff;
    transition-property: outline-offset, outline-color, background-color;
    transition-duration: .3s;
	font-size:14px;
	position:relative;
	margin-right:10px;
	font-family:'nsR';
}
.icon span{
	width:110px;
	font-size:12px;
	position:absolute;
	top:100px;
	text-align:center;
	font-weight:600;
	line-height:15px;
}

.icon2{
	margin-bottom:35px;
}

.icon:hover{
    outline-offset: 4px;
	background-color:#8c22ff;
	color:#8c22ff;
	
}
.icon:hover span{
	color:#8c22ff;
	
}
.icon:hover i{
    animation: shake .7s;
}
@keyframes shake {
    10%{transform: rotate(15deg);}
    20%{transform: rotate(-15deg);}
    30%{transform: rotate(15deg);}
    40%{transform: rotate(-15deg);}
}
.fa-stack-overflow:before{
	content:"" !important;
}