/* tv 슬라이더 */

.tbWrap.slick-slider{
	margin:  0 auto;
}

.tbWrap.slick-slider .slick-list{
	overflow: inherit;
	margin: 0px -25px;
	padding: 0px!important;
}


.tbWrap.slick-slider .slick-list .slick-slide{
	margin: 0px 25px;
}

.tbBox{
	cursor: pointer;
	position: relative;
	text-align: center;
	margin-top: 50px;
}


.tbBox img,
.tbBox span{
	display: block;
	margin: 0 auto;
	width: 100%!important;
}

.tbBox img{
	transition: all .3s ease-in-out;
}

.tbBox:hover img{
	box-shadow: 0px 0px 3px #000;
}


.tbBox span{
	font-family: 'nsR';
	color: #222;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px;
	min-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.slick-current .tbBox .tvTitle{
	font-weight: bold;
}

.tbBox .imgWrap{
	display: inline-block;
	position: relative;
    width: 100%;
    display: block;
}


.playBtn{
	opacity: 0;
	transition: all .3s ease-in-out;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.tbBox:hover .playBtn{
	opacity: 1;
	transition: all .3s ease-in-out;
}


.playBtn img{
	width: auto!important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}



/* 상세페이지 */

.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 .greeting{
	background: url('../images/greeting.jpg') no-repeat;
	background-position: right 85%;
	width: 100%;
	margin: 0px auto 150px;
	max-width: 1100px;
}

.facSubContents .greeting .fcTitle{
	font-size: 26px;
	font-family: 'nsEB';
	color: #222;
	line-height: 40px;
	margin-bottom: 50px;
}

.facSubContents .greeting .fcText{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
	line-height: 30px;
}

.facSubContents .greeting .fcText .bold{
	font-weight: bold;
}



/* 계열특성화 */

.spetabCont{
	display: none;
}

.spetabCont.on{
	display: block;
}

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

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


.speWrap .speNum{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	font-family: 'nsR';
	font-weight: bold;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	overflow: hidden;
	background-color: #8c22ff;
	text-align: center;
	line-height: 40px;
	margin-bottom: 20px;
}

.speWrap .speTitle{
	font-size: 20px;
	font-family: 'nsEB';
	color: #222;
	line-height: 24px;
	margin-bottom: 20px;
	text-align: center;
}

.speWrap .speText{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
	line-height: 24px;
	margin-bottom: 30px;
	text-align: center;
}


.facSubContents .speBox .spe1_1 img,
.facSubContents .speBox .spe1_2 img{
	display: block;
	margin:0 auto;
}

.facSubContents .speBox .speWrap{
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
}

.facSubContents .speBox .spe2_1 .textPurple,
.facSubContents .speBox .spe1_2 .textPurple{
	font-size: 16px;
	line-height: 24px;
	font-family: 'nsR';
	color: #8c22ff;
	margin-top: 25px;
	text-align: center;
}

.facSubContents .speBox .speImg{
	width: 936px;
	display: block;
	margin: 0 auto;
}


.facSubContents .speBox .spe1_3 img,
.facSubContents .speBox .spe1_7 img,
.facSubContents .speBox .spe1_4 img,
.facSubContents .speBox .spe1_5 img{
	display: block;
	margin-left: 18px;
	float: left;
}


.facSubContents .speBox .spe1_7 img:nth-child(1),
.facSubContents .speBox .spe1_3 img:nth-child(1),
.facSubContents .speBox .spe1_4 img:nth-child(1),
.facSubContents .speBox .spe1_5 img:nth-child(1){
	margin-left: 0px;
}

.facSubContents .speBox .spe1_7 img:nth-child(4){
	margin-left: 0px;
}

.facSubContents .speBox .spe1_7 img:nth-child(n+4){
	margin-top: 18px;
}


.facSubContents .speBox .spe1_6 .imgBox{
	float: left;
	margin-left: 18px;
}

.facSubContents .speBox .spe1_6 .imgBox p{
	font-size: 16px;
	margin-top: 10px;
	font-family: 'nsR';
	display: block;
	text-align: center;
	color: #666;
}

.facSubContents .speBox .spe1_6 .imgBox:nth-child(1){
	margin-left: 0px;
}

.facSubContents .speBox .spe1_6 .imgBox:nth-child(n+4){
	margin-top: 30px;
}

.facSubContents .speBox .spe1_6 .imgBox:nth-child(4){
	margin-left: 159px;
}

.facSubContents .speBox .spe2_1 img{
	margin-bottom: 30px;
}




/* 스트릿댄스 소개 */

.facultabCont{
	display: none;
}

.facultabCont.on{
	display: block;
}


.facSubContents #street1 .titleTab{
	font-family: 'nsEB';
	color: #222;;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
}

.facSubContents #street1 .hashTag{
	font-size: 16px;
	font-family: 'nsR';
	line-height: 24px;
	color: #8c22ff;
	margin: 20px auto 30px;
	text-align: center;
}


.facSubContents #street1 img{
	display: block;
}


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

.facSubContents #street1 .halfLine{
	overflow: hidden;
	display: block;
	margin-bottom: 80px;
	display: table;
	overflow: hidden;
	width: 100%;
}

.facSubContents #street1 .halfLine div{
	display: table-cell;
	vertical-align: middle;
}

.facSubContents #street1 .halfLine div:nth-child(2){
	padding-left: 38px;
}


.facSubContents #street1 .halfLine div .slTitle{
	font-size: 18px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
.facSubContents #street1 .halfLine div .slText{
	font-size: 16px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
    letter-spacing: -0.05em;
}


.facSubContents #street1 .halfLine div:nth-child(1) img{
	float: left;
	display: block;

}

.facSubContents #street1 .halfLine div:nth-child(2) img{
	float: right;
	display: block;
}




/* 커리큘럼 */

.tableTitle{
	font-size: 20px;
	color: #222;
	font-family: 'nsEB';
	display: block;
}
.tableTitle1{
	margin-top: 5px;
}
.tableTitle2{
	margin-top: 55px;
}

.facInfoTable{
	width: 100%;
	margin-top: 20px;
}

.facInfoTable table{
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #222;
	border-collapse: collapse;
}

.facInfoTable table span{
	color: #666;
	font-family: 'nsR';
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.facInfoTable table span.ftTitle{
	font-weight: bold;
}

.facInfoTable table tr{
	border-bottom: 1px solid #ddd;
}

.facInfoTable table tr th.bl,
.facInfoTable table tr td.bl{
	border-left: 1px solid #dddddd;
}

.facInfoTable table tr th.br,
.facInfoTable table tr td.br{
	border-right: 1px solid #dddddd;
}

.facSub.pfs .detailBtn div{
	margin: 0 auto;
}



/*교수 탭*/
.pfs-cate{
    display: block;
    overflow: hidden;
    margin: 0 auto 50px;
    text-align: center;
}

.pfs-cate a{
    padding: 0px 40px;
    font-size: 18px;
    color: #999;
    font-family: 'nsR';
    display: inline-block;
    text-align: center;
    position: relative;
}

.pfs-cate a::after{
    width: 1px;
    height: 16px;
    background-color: #ddd;
    content: " ";
    position: absolute;
    right: -0.5px;
    top: calc( 50% - 8px );
}

.pfs-cate a:last-child::after{
    display: none;
}

.pfs-cate a.on{
    color: #8c22ff;
    font-weight: bold;
}


.pfsTab{
    display: none;
}

.pfsTab.on{
    display: block;
}


/* 졸업 후 진로 */
.goingJob{
	border: 1px solid #999;
}

.goingJob table{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

.goingJob table .jobTitle{
	font-size: 16px;
	font-weight: bold;
	color: #8c22ff;
	font-family: 'nsR';
	text-align: center;
	display: block;
}


.goingJob table .jobSubTitle{
	font-size: 16px;
	color: #666666;
	font-family: 'nsR';
	display: block;
	font-weight: bold;
}

.goingJob table .jobCon{
	font-size: 16px;
	color: #666;
	font-family: 'nsR';
	display: block;
	min-width: 20%;
	float: left;
	letter-spacing: -0.025em;
}

.goingJob table .jobCon:nth-child(1),
.goingJob table .jobCon:nth-child(2),
.goingJob table .jobCon:nth-child(3){
	min-width:40%;
}

.goingJob table tr td{
	padding: 15px 0px;
}

.goingJob table tr:first-of-type td{
	padding-top: 30px;
}


.goingJob table tr:last-child td{
	padding-bottom: 30px;
}








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


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


.facSubBox.pfs .facSubContents {
width: calc( 100% - 315px );
}

}

/*메인비주얼*/
.main-swiper .slide_progressbar .fill {
width: 25%;
}


/**/
.main_btnWrap {
position:absolute;
left:32%;
top:100%;
width:20%;
padding-top:15px;
}
.exContent { 
	margin-bottom: 23px;
	width:100%;
	max-width:1280px;
	margin: 0 auto;
	margin-top: 30px;

}
.exContent .bigText{
	font-size: 17px;
	font-family: 'nsEB';
	padding-top: 25px;
	margin-bottom: 23px;
	border-top: 1px solid #222;
	display: block;
	color: #222;
}
.exContent .midText{
	font-size: 15px;
	font-family: 'nsR';
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 3px;
	line-height: 25px;
	color: #666;
	display: block;
}
.exContent .smallText{
	font-size: 15px;
	font-family: 'nsR';
	color: #666;
	line-height: 23px;
	display: block;
}
.red { color:#e10000; }
.bold { font-weight: bold; color:#333; }
.data_write { margin-top: 23px; }


table.process tr{
	border: none;
	line-height: 1;
	height: auto;
	padding: 10px 0px;
}

.smallMent {
	font-size: 16px;
	font-family: 'nsR';
	font-weight: bold;
	color: #222;
	line-height: 30px;
	display: block;
	margin: 40px auto 0px;
	text-align: left;
}

table.process{
    font-family :'nsR'; 
	width:100%;
	max-width:1280px;
	border-top: 2px solid #222;
	margin: 0 auto;
	margin-top: 35px;
	font-weight: 400;
}
table.process:hover{
	border-top: 2px solid #8c22ff;
}

table.process tr td{
	border: 1px solid #ddd;
	padding: 10px 0px;
	text-align: center;
}


table.process tr td .mdTitle{
	font-weight: bold;
}

table.process tr td.left{
	padding-left: 10px;
}

table.process tr td span{
	line-height: 19px;
}
table.process tr td .mdTitle span,
table.process tr td .mdText span{
	color: #999;
	display: block;
	margin-top: 25px;
}
.boxBtitle2 { 
	width:100%;
	max-width:1280px;
	margin: 0 auto;
	margin-top:180px; color:#8c22ff;
	text-align:left !important;
	}

.apply_btn{
	width:100%;
}

.apply_btn a{
	width:300px;
	height:50px;
	line-height:50px;
	margin: 0 auto;
	margin-top:40px; color:#8c22ff;
	text-align:center;
	transition: all .3s ease-in-out;
	border:1px solid #8c22ff;
	display:block;
}

.apply_btn a:hover{
	background:#8c22ff;
	color:#fff;
}