

.smWrap.music ul{
	width: 770px;
	float: right;
}



/* 원포인트레슨 */

.lessonWrap{
	padding: 70px 0px;
	background-color: #f5f5f5;
}

.lessonLayout{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

.lessonLayout .lwLeft{
	float: left;
	width: calc( 100% - 720px );
}
.lessonLayout .lwRight{
	float: left;
	width: 720px;
	height: 470px;
}

.lessonLayout .lwRight iframe{
	width: 720px;
	height: 470px;
}

.lessonLayout .lwLeft .boxBtitle{
	text-align: left;
	line-height: 40px;
}

.lessonLayout .lwLeft .moreView{
	text-align: left;
	margin-top: 30px;
}





/* 상세페이지 */

.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 img{
    width: 100%;
}

.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 .speWrap{
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
}

.facSubContents .speBox .textPurple{
	font-size: 16px;
	line-height: 24px;
	font-family: 'nsR';
	color: #8c22ff;
	margin: 25px auto;
	text-align: center;
}

.facSubContents .speBox .speImg{
	display: block;
}


/* 계열소개 */

.facSubContents .halfLine{
	overflow: hidden;
	display: block;
	margin-bottom: 80px;
	display: table;
	overflow: hidden;
	width: 100%;
}

.facSubContents .halfLine div{
	display: table-cell;
	vertical-align: middle;
}

.facSubContents .halfLine div:nth-child(2){
	padding-left: 38px;
}


.facSubContents .halfLine div .slTitle{
	font-size: 18px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
.facSubContents .halfLine div .slText{
	font-size: 16px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
    letter-spacing: -0.05em;
}


.facSubContents .halfLine div:nth-child(1) img{
	float: left;
	width: 100%;
	display: block;

}

.facSubContents .halfLine div:nth-child(2) img{
	float: right;
	display: block;
}




.speWrap div.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;
}


.diagram{
	background-color: #f7f7f7;
	padding: 80px 0px;
}

.diagram .diaWrap{
	width: 810px;
	margin: 0 auto;
}

.diagram .diaWrap .topDia {
    display: block;
    overflow: hidden;
    padding-bottom: 40px;
}


.diagram .diaWrap .topDia .circleBox{
	display: block;
	width: 140px;
	height: 140px;
	border-radius: 140px;
	font-size: 18px;
	font-family: 'nsB';
	color: #fff;
	line-height: 34px;
	text-align: center;
	float: left;
	position: relative;
	margin-left: 27px;

}

.diagram .diaWrap .topDia .circleBox div{
	color: #fff;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0px;
	transform: translateY(-50%);
}


.diagram .diaWrap .topDia .circleBox div{
	color: #fff;
}

.diagram .diaWrap .topDia .circleBox::after{
	content: " ";
	width: 1px;
	height: 40px;
	position: absolute;
	bottom: -40px;
	left: calc( 50% - 0.5px );
	background-color: #ddd;
}

.diagram .diaWrap .topDia .circleBox:nth-child(1)::before{
	content: " ";
	width: 670px;
	height: 1px;
	position: absolute;
	bottom: -40px;
	left: calc( 50% - 0.5px );
	background-color: #ddd;
}

.diagram .diaWrap .topDia .circleBox:nth-child(1){
	margin-left: 0px;
	background-color: #52bccc;
}

.diagram .diaWrap .topDia .circleBox:nth-child(2){
	background-color: #7e52cd;
}

.diagram .diaWrap .topDia .circleBox:nth-child(3){
	background-color: #e864af;
}

.diagram .diaWrap .topDia .circleBox:nth-child(4){
	background-color: #f4a850;
}

.diagram .diaWrap .topDia .circleBox:nth-child(5){
	background-color: #56b519;
}



.diagram .diaWrap .diaTable{
    overflow: hidden;
    margin-left: 20.5px;
}

.diagram .diaWrap .diaTable::before{
	content: " ";
	display: block;
	clear: both;
}

.diagram .diaWrap .diaTable .dtWrap{
	float: left;
    position: relative;
    padding-top: 40px;
	margin-left: 20px;
}

.diagram .diaWrap .diaTable .dtWrap:nth-child(1):before,
.diagram .diaWrap .diaTable .dtWrap:nth-child(3)::before{
	content: " ";
	width: 1px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: calc( 50% - 0.5px );
	background-color: #ddd;
}


.diagram .diaWrap .diaTable .dtWrap:nth-child(1){
	margin-left: 0px;
}


.diagram .diaWrap .diaTable table{
	height: 130px;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 243px;
}

.diagram .diaWrap .diaTable table tr th{
	border-bottom: 1px solid #ddd;
	background-color: #f4f4f4;
    border: 1px solid #ddd;
}

.diagram .diaWrap .diaTable table tr:nth-child(2) th{
	background-color: #fff;
}

.diagram .diaWrap .diaTable table tr th span{
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-family: 'nsR';
	display: block;
}
.diagram .diaWrap .diaTable table tr td {
	background-color: #fff;
    border: 1px solid #ddd;
}

.diagram .diaWrap .diaTable table tr td span{
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-family: 'nsR';
	text-align: center;
	display: block;
}

.strength .stTitle{
    font-size: 24px;
    margin: 80px auto 30px;
    font-family: 'nsEB';
    text-align: center;
}

.strength .stbTitle {
    font-size: 20px;
    font-family: 'nsEB';
    color: #222;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left;
}

.strength .stImgTitle {
    font-size: 16px;
    font-family: 'nsR';
    color: #222;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: left;
}

.strength .stImgTitle .strong{
    font-weight: bold;
    display: inline-block;
    margin-right: 10px
}

.strength .stBox{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 60px;
}

.strength:last-child .stBox{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.strength .stBox img{
    margin-bottom: 40px;
}





/* 보컬 소개 */

.facultabCont{
	display: none;
}

.facultabCont.on{
	display: block;
}


.facSubContents #music1 .titleTab{
	font-family: 'nsEB';
	color: #222;;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
}

.facSubContents #music1 .sl1{
    margin-bottom: 80px;
}

.facSubContents #music1 .hashTag{
	font-size: 16px;
	font-family: 'nsR';
	line-height: 24px;
	color: #8c22ff;
	margin: 20px auto 30px;
	text-align: center;
}


.facSubContents #music1 img{
	display: block;
}


.facSubContents #music1 .streetText{
	font-size: 16px;
	line-height: 28px;
	color: #666;
	text-align: center;
	margin: 20px auto 80px;
	font-family: 'nsR';
}

.facSubContents #music1 .halfLine{
	overflow: hidden;
	display: block;
	margin-bottom: 80px;
	display: block;
	overflow: hidden;
	width: 100%;
}

.facSubContents #music1 .halfLine div{
	display: block;
}

.facSubContents #music1 .halfLine div.halfLeft{
    float: left;
    max-width: 520px;
}

.facSubContents #music1 .halfLine div.halfRight{
    float: right;
    max-width: 520px;
}

.facSubContents #music1 .halfLine div:nth-child(2){
	padding-left: 0px;
}


.facSubContents #music1 .halfLine div .slTitle{
	font-size: 18px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
	padding-top: 38px;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
.facSubContents #music1 .halfLine div .slText{
	font-size: 16px;
	line-height: 26px;
	color: #222;
	font-family: 'nsR';
    letter-spacing: -0.05em;
}


.facSubContents #music1 .halfLine div:nth-child(1) img{
    float: none;
    display: block;
}

.facSubContents #music1 .halfLine div:nth-child(2) img{
    float: none;
    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 .jobCon{
	font-size: 16px;
	color: #666;
	font-family: 'nsR';
	display: block;
	min-width: 25%;
	float: left;
	margin: 10px 0px;
	letter-spacing: -0.025em;
}

.goingJob table tr td:nth-child(2){
	padding: 20px 0px;
}


.goingJob.singer table .jobCon{
	min-width:25%;
}

.goingJob.midi table .jobCon{
	min-width: 20%;
}

.goingJob.midi table .jobCon.wd40{
	min-width:40%;
}



/* 커리큘럼  */

.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;
}



/*교수 탭*/
.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;
}



/*협력사 리스트*/
.alliWrap {
    width: 100%;
    min-width: 1160px;
    max-width: 1400px;
    margin: 161px auto 0px;
    overflow: hidden;
}

.alliWrap .alliList {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 80px;
}

.alliWrap .alliList .alliBox{
    width: 250px;
    float: left;
    display: block;
    margin-left: 37px;
    margin-bottom: 40px;
}

.alliWrap .alliList .alliBox:nth-child(n+16){
    margin-bottom: 0px;
}

.alliWrap .alliList .alliBox:nth-child(5n+1){
    margin-left: 0px;
}

.alliWrap .alliList .alliBox span{
    display: block;
    font-size: 16px;
    font-family: 'nsR';
    margin-top: 10px;
    text-align: center;
}



@media screen and (max-width: 1650px){

	.lessonLayout{
		min-width: 1160px;
		width: calc( 100% - 40px )!important;
		padding-left: 20px;
		padding-right: 20px;
	}


    .facSubContents {
        margin-left: 20px;
        margin-right: 20px;
        width: calc( 100% - 302px );
    }

}

/*메인비주얼*/
.main-swiper .slide_progressbar .fill {
	width: 33.33%;
}