/* 폰트 */

@font-face{
	font-family: 'nsR';
	src: url('../fonts/NanumSquareR.eot');
	src: url('../fonts/NanumSquareR.woff') format('woff');
}

@font-face{
	font-family: 'nsB';
	src: url('../fonts/NanumSquareB.eot');
	src: url('../fonts/NanumSquareB.woff') format('woff');
}

@font-face{
	font-family: 'nsEB';
	src: url('../fonts/NanumSquareEB.eot');
	src: url('../fonts/NanumSquareEB.woff') format('woff');
}

@font-face{
	font-family: 'nkrL';
	src: url('../fonts/NotoSansKR-Light.eot');
	src: url('../fonts/NotoSansKR-Light.woff') format('woff');
}

@font-face{
	font-family: 'nkrR';
	src: url('../fonts/NotoSansKR-Regular.eot');
	src: url('../fonts/NotoSansKR-Regular.woff') format('woff');
}

@font-face{
	font-family: 'nkrB';
	src: url('../fonts/NotoSansKR-Bold.eot');
	src: url('../fonts/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
}


/* 잉크립퀴드체 추가 */

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/* 헤더 */


header{
	width: 100%;
	height: 80px;
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	transition: all .3s ease-in-out;
	top: 0px;
}

header.scroll{
	top: -180px;
}

header.sub{
	border-bottom: 1px solid #ddd;
}

header .headWrap{
	max-width: 1400px;
	min-width: 1000px;
	margin: 0 auto;
}

header .headWrap .logo{
	overflow: hidden;
	float: left;
	width: 184px;
	height: 57px;
	margin-top: 12px;
	cursor: pointer;
}

header .headWrap .logo a{
	display: block;
	width: 184px;
	height: 37px;
}

header .headWrap .logo a img{
	display: block;
	width: 184px;
	height: 37px;
}

header .headWrap .logo span{
    display: block;
    font-size: 12px;
    color: #000;
    padding: 8px 0 0 0px;
    letter-spacing: -1.5px;
    /*width: calc( 100% - 18px );*/
    font-family: 'nkrR';
    line-height: 12px;
}

header .headWrap .menuTop{
	height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
	font-size: 15px;
    font-family: 'nsR';
	font-weight: bold;
	float: right;
}

header .headWrap .menuTop .menuH{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
	transition: all .3s ease-in-out;
}


header .headWrap .menuTop div a{
	line-height: 80px;
	display: inline-block;
	position: relative;
}


header.hmOn .headWrap .menuTop .menuH,
header.facOn .headWrap .menuTop .menuH{
	width: 160px;
	transition: all .3s ease-in-out;
	cursor: pointer;
}


header .headWrap .menuTop .menuH .main-menu::after{
	content: "";
	width: 0px;
    height: 3px;
    background-color: #8c22ff;
    display: block;
    left: 0;
    position: absolute;
    bottom: 0px;
	transition: all .3s ease-in-out;
}


header .headWrap .menuTop .menuH.on .main-menu::after,
header .headWrap .menuTop .menuH:hover .main-menu::after{
	width: 100%;
	transition: all .3s ease-in-out;
}

header .headWrap .menuTop .menuH div a{
	color: #222;
}

header .headWrap .menuTop .menuH li{
	position:relative;
}


header .headWrap .menuTop .menuH li img{
	display: inline-block;
	width: 9px;
}

header .headWrap .menuTop .menuH.on .main-menu,
header .headWrap .menuTop .menuH:hover .main-menu{
	color: #8c22ff;
}

header .headWrap .btnMenu{
	width: 22px;
	height: 17px;
	float: right;
	cursor: pointer;
	margin: 31.5px 0px 0px 80px;
}

header .headWrap .btnMenu span{
	display: block;
	background-color: #222;
	width: 22px;
	height: 2px;
}

header .headWrap .btnMenu span:nth-child(2){
	height: 2px;
	margin: 5px 0px;
}


/* 서브슬라이드메뉴 */

header.hmOn{
	height: 654px;
}

.headBar{
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
	position: absolute;
	top: 80px;
}


.hovMenu{
	position: absolute;
	top: 80px;
	display: block;
	width: 160px;
	height: 0px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	padding-top: 0px;
	border-right: 1px solid #d9d9d9;
}

.menuTop .menuH:nth-child(1) .hovMenu{
	border-left: 1px solid #d9d9d9;
}

.hovMenu ul li a{
	font-size: 14px;
	font-family: 'nsR';
	font-weight: normal;
	line-height: 1!important;
	padding: 10px 0px;
}


header.hmOn .hovMenu{
	height: calc( 100% - 100px );
	padding-top: 20px;
	transition: all .3s ease-in-out;
}




.hovMenu ul li a::after{
	content: "";
	width: 0px;
	height: 1px;
	background-color: transparent;
	display: block;
	transition: all .3s ease-in-out;
}

.hovMenu ul li a:hover,
.hovMenu ul li a.on{
	color: #8c22ff!important;
	transition: all .3s ease-in-out;
}

.hovMenu ul li a:hover::after,
.hovMenu ul li a.on::after{
	width: 100%;
	background-color: #8c22ff;
	transition: all .3s ease-in-out;
}












/* 전체메뉴 */
.allMenu{
	display: block;
	position: absolute;
	z-index: 9999;
	top: 0px;
	background-color: #f5f5f5;
	width: 100%;
	height: 0px;
	overflow: hidden;
	transition:  all .3s ease-in-out;
}

.allMenu.visible{
	height: 770px;
	transition:  all .3s ease-in-out;
}

.allMenu .boxWrap{
	width: 100%;
	max-width: 1280px;
	min-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.allMenu .menuClose{
	position: relative;
	max-width: 1616px;
	min-width: 1200px;
	height: 20px;
	top: 40px;
	z-index: 9999;
	margin: 0 auto;
}

.allMenu .menuClose img{
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	right: 0px;
}

.allMenu .menuWrap{
	width: 100%;
	max-width: 1280px;
	min-width: 1200px;
	overflow: hidden;
}

.allMenu .menuWrap ul.menuBox{
	display: flex;
	justify-content: center;
}

.allMenu .menuWrap ul li.menuLine{
	border-right: 1px solid #dcdcdc;
	height: 740px;
	width: 199px;
	overflow: hidden;
}

.allMenu .menuWrap ul li.menuLine:nth-child(1){
	width: 199px;
}

.allMenu .menuWrap ul li.facMenu{
	width: 199px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(3) .subWrap{
	float: left;
}

.allMenu .menuWrap ul li.menuLine a{
	display: inline-block;
	font-family: 'nsR';
	font-size: 15px;
	color: #999;
	letter-spacing: -0.25px;
}
.allMenu .menuWrap ul li.menuLine .mwBig{
	margin-top: 85px;
	font-size: 17px;
	text-align: center;
	color: #222222;
	font-family: 'nsB';
	display: block;
	margin-bottom: 35px;
}

.allMenu .menuWrap ul li.menuLine .subWrap a{
	margin-bottom: 20px;
}



.allMenu .menuWrap ul li.menuLine .subWrap a::after{
	content: "";
	width: 0px;
	height: 1px;
	background-color: transparent;
	display: block;
	transition: all .3s ease-in-out;
}
.allMenu .menuWrap ul li.menuLine .subWrap a:hover{
	color: #8c22ff;
}

.allMenu .menuWrap ul li.menuLine .subWrap a:hover::after{
	width: 100%;
	background-color: #8c22ff;
}

.allMenu .menuWrap ul li.menuLine .subWrap li{
	position:relative;
}


.allMenu .menuWrap ul li.menuLine .subWrap li img{
	display: inline-block;
	width: 9px;
}


.allMenu .menuWrap ul li.menuLine:nth-child(1) .subWrap {
	padding-left: 50px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(2) .subWrap{
	padding-left: 50px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(3) .subWrap:nth-child(2){
	padding-left: 40px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(4) .subWrap{
	padding-left: 37.5px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(5) .subWrap{
	padding-left: 60px;
}

.allMenu .menuWrap ul li.menuLine:nth-child(6) .subWrap{
	padding-left: 37.5px;
}


/* 계열메뉴 */
.faculMenu{
	position: absolute;
	top: 80px;
	width: 100%;
	left: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #4b4750;
	z-index: 9999;
	transition: all .3s ease-in-out;
}

.faculMenu.facOn{
	height: 704px;
}

.faculMenu .fmMenu{
	max-width: 1404px;
	min-width: 1200px;
	margin: 0 auto;
	width: 100%;
	border-left: 1px solid #6f6c73;
}

.faculMenu .fmMenu .menuRow{
	border-bottom: 1px solid #6f6c73;
	overflow: hidden;
	height: 380px;
}

.faculMenu .fmMenu .menuRow:nth-child(2){
	height: 320px;
}

.faculMenu .fmMenu .menuLine{
	border-right: 1px solid #6f6c73;
	float: left;
	height: 100%;
	padding: 0px 17.5px;
	width: calc( 12.5% - 36px );
	position: relative;
}

.faculMenu .fmMenu .menuLine img{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc( 100% - 36px );
}

.faculMenu .fmMenu .menuLine .menuTitle{
	margin-top: 32px;
}

.faculMenu .fmMenu .menuLine .menuTitle span{
	color: #999;
	font-size: 15px;
	font-family: 'nsB';
	display: block;
}

.faculMenu .fmMenu .menuLine .menuContents a{
	color: #fff;
	font-size: 14px;
	margin-top: 17px;
	font-family: 'nsR';
	display: block;
	line-height: 1;
}




/* 푸터 */
footer{
	width: 100%;
	overflow: hidden;
}

footer .footerTop,
footer .footerBot{
	width: 100%;
	margin: 0 auto;
}

footer .footerTop{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

footer .footerTop ul{
	overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;
}

footer .footerTop ul li{
	float: left;
	margin: 17px 0px 17px 50px;
}

footer .footerTop ul li:nth-child(2) a{
	font-weight: bold;
}

footer .footerTop ul li a{
	font-family: 'nsR';
	font-size: 14px;
}

footer .footerTop ul li:nth-child(1){
	margin-left: 0px;
}


footer .footerBot{
	padding: 30px 0px;
}

footer .footerBot .conBox{
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}


footer .footerBot .conBox div{
	float: left;
}


footer .footerBot .conBox .footInfo{
	overflow: hidden;
	width: 625px;
	margin-left: 50px;
}


footer .footerBot .conBox .footInfo span{
	float: left;
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #222;
	font-family: 'nsR';
}



footer .footerBot .conBox .footInfo span:nth-child(2),
footer .footerBot .conBox .footInfo span:nth-child(3),
footer .footerBot .conBox .footInfo span:nth-child(5),
footer .footerBot .conBox .footInfo span:nth-child(7){
	position: relative;
	padding-left: 20px;
}



footer .footerBot .conBox .footInfo span:nth-child(2)::before,
footer .footerBot .conBox .footInfo span:nth-child(3)::before,
footer .footerBot .conBox .footInfo span:nth-child(5)::before,
footer .footerBot .conBox .footInfo span:nth-child(7)::before{
	content: " ";
	position: absolute;
	width: 1px;
	height: 16px;
	background-color: #a7a7a7;
	display: block;
	left: 10px;
	top: 7px;
}

footer .footerBot .conBox .footInfo .copy{
	display: block;
	margin-top: 20px;
	float: inherit;
	width: 100%;
}


footer .footerBot .conBox .footSns{
	float: right;
}



/* reset  css */
input[type="password"]{
	font-family: 'Courier New', Courier, monospace!important;
}


body{
	min-width: 1200px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline:none;
  border: none;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,
nav,section {
  display: block;
}
body.modalOpen{
	width: calc( 100vw - 17px );
	height: 100vh;
	overflow: hidden;
	padding-right: 17px;
}

ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table tr td.top{
	vertical-align: top;
}

input:focus,textarea:focus {
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button,input,select{
	outline: none;
	border: none;
}

p,a,h1, h2, h3, h4, h5, h6, span, td {
	/*transform: skew(-0.03deg)!important;*/
	color: #222;
}

input,select,textarea{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

button{
	width: 128px;
	height: 54px;
	border-radius: 56px;
	line-height: 54px;
	font-size: 18px;
	font-family: 'nsB';
	cursor: pointer;
}

button.dark{
	background-color: #222;
	color: #fff;
	border: 1px solid #eee;
}

button.gray{
	background-color: #999999;
	color: #fff;
	border: 1px solid #999;
}

button.white{
	background-color: #fff;
	color: #8c22ff;
	border: 1px solid #8c22ff;
}

strong{
	font-weight: bold;
	font-family: 'nsR';
}

/* 서브페이지 공통영역 */
.subContainer{
	padding-top: 80px;
}


.root{
	display: block;
	width: 100%;
}

.root ul{
	display: block;
	overflow: hidden;
	margin: 80px auto 40px;
	width: 100%;
	min-width: 1160px;
	max-width: 1400px;
}

.root ul li{
	float: left;
}

.root ul li.home{
	cursor: pointer;
	background: url('../../images/common/home.svg') no-repeat;
	background-position: center;
	display: block;
	width: 20px;
	height: 20px;
}

.root ul li.arrow{
	background: url('../../images/common/arrow-mini-right.svg') no-repeat;
	background-position: center;
	display: block;
	width: 6px;
	height: 20px;
	margin: 0px 20px;
}

.root ul li a{
	font-family: 'nsR';
	font-size: 15px;
	color: #222222;
	font-weight: bold;
}

.root ul li.home a{
	display: block;
	width: 20px;
	height: 20px;
}

.subInfo{
	width: 100%;
	min-width: 1160px;
	max-width: 1400px;
	margin: 0 auto
}


.subMent{
	font-size: 18px;
	font-family: 'nsR';
	color: #222;
	min-height: 18px;
	margin-bottom: 20px;
}

.subMent span{
	font-family: 'nsEB';
}

.subTitle{
	font-size: 36px;
	font-family: nsEB;
	color: #222;
	margin-bottom: 45px;
}



.subMenu{
	width: 100%;
	height: 69px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.subMenu ul{
	overflow: hidden;
	display: inline-block;
	text-align: center;
}

.subMenu ul li{
	display: block;
	float: left;
	line-height: 70px;
}

.subMenu ul li:nth-child(n+2){
	margin-left: 76px;
}

.subMenu ul li a{
	font-size: 16px;
	font-family: 'nsR';
	font-weight: bold;
	color: #999;

}

.subMenu ul li.on{
	line-height: 66px;
	border-bottom: 2px solid #8c22ff;
}

.subMenu ul li.on a{
	color: #8c22ff;
}


.bigTitle{
	font-size: 28px;
	font-family: 'nsEB';
	color: #222;
	margin-bottom: 25px;
}


.bigTitle.center{
	margin-top: 45px;
	text-align: center;
}

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


.subBox .subMent{
	font-size: 28px;
	font-family: 'nsEB';
	color: #222;
	margin-top: 40px;
	text-align: center;
}





.exBox{
	max-width: 1400px;
	margin: 0 auto;
	min-width: 1160px;
	margin-bottom: 250px;
}

.exBox.mb0{
	margin-bottom: 0px;
}



/* 서브페이지 공통영역 */





/* 계열별 컬러 */



/* 모델연기 */
.model{
	color: #fc5c65!important;
}

/* 케이팝 */
.kpop{
	color: #fd9644!important;
}

/* 엔터테인먼트 */
.enter{
	color: #fed330!important;
}

/* 실용음악 */
.music{
	color: #20bf6b!important;
}

/* 유튜브 */
.youtube{
	color: #ff2f2f!important;
}

/* 실용무용 */
.dance{
	color: #8c22ff!important;
}


/* 뮤직프로덕션 */
.production{
	color: #4b7bec!important;
}


/* 연기예술 */
.performance{
	color: #778ca3!important;
}

/* 방송성우 */
.voice{
	color: #2d98da!important;
}

/* 공연기획제작, 뮤직테크놀로지계열 */
.show{
	color: #eb3b5a!important;
}

/* 사진예술 */
.picture{
	color: #10b9b1!important;
}

/* 방송영화제작계열 */

.broad{
	color: #24bae5!important;
}


/* vfx모션그래픽 */
.vfx{
	color: #3867d6!important;
}

/* 스포츠건강관리 */
.sports{
	color: #a65eea!important;
}

/* 경찰경호 */
.police{
	color: #4b6584!important;
}



/* 서브페이지 레이아웃 */


.news{
	color: #222222!important;
}


.pb40{
	padding-bottom: 40px!important;
}


.subBox{
	width: 100%;
	min-width: 1160px;
	max-width: 1400px;
	margin: 0 auto;
}

.subBox .boxTitle{
	font-size: 26px;
	font-family: 'nsEB';
	color: #222;
	margin: 65px auto 50px;
	text-align: center;
	display: block;
}


.subBox .searchTab{
	overflow: hidden;
	display: block;
	margin: 0 auto;
	width: 716px;
}

.subBox .searchTab .searchBox{
	width: 200px;
	float: left;
}

.subBox .searchTab.oneSel{
	width: 627px;
	margin: 40px auto 40px;
}

.subBox .searchTab.oneSel .searchBox{
	width: 120px;
}


.subBox .searchTab.oneSel .inputBox{
	margin-left: 6px;
}



.subBox .searchTab select{
	font-size: 16px;
	padding: 13px 10px;
	font-family: 'nsR';
	color: #222;
	border-bottom: 1px solid #333333;
	cursor: pointer;
	width: 100%;
	height: 45px;
	font-weight: bold;
}

select{
	padding-left: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url('../../images/common/select-arrow.svg');
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: center;
	background-size: 10px 6px;
	width: 232px;
}


select option{
	padding: 2px 0px;
	transform: skew(-0.03deg);
	height: 40px;
	line-height: 40px;
}




.subBox .searchTab.twoSel{
	width: 806px;
	margin: 60px auto 72px;
}

.subBox .searchTab.twoSel .searchBox:nth-child(1){
	width: 120px;
}


.subBox .searchTab.twoSel .searchBox:nth-child(2){
	width: 160px;
	margin-left: 10px;
}

.subBox .searchTab.twoSel .inputBox{
	width: 500px;
	position: relative;
}

.subBox .searchTab .inputBox{
	width: 500px;
	position: relative;
	margin-left: 16px;
	border-bottom: 1px solid #333333;
	float: left;
}

.subBox .searchTab .inputBox input{
	line-height: 44px;
	padding: 0px 0px 0px 7px;
	cursor: pointer;
	width: calc( 100% - 40px );
	font-family: 'nsR';
	font-weight: bold;
	height: 44px;
	font-size: 16px;
}



.subBox .searchTab .inputBox button{
	display: block;
	background: url('../../images/life/search.svg') no-repeat;
	background-position: center;
    width: 30px;
    height: 22px;
	right: 8px;
	top: 11px;
	position: absolute;
	cursor: pointer;
}


.subBox .searchTab.thrSel{
	width: 950px;
	margin: 60px auto 72px;
}


.subBox .searchTab.thrSel .searchBox:nth-child(1){
	width: 120px;
}


.subBox .searchTab.thrSel .searchBox:nth-child(2){
	width: 160px;
	margin-left: 10px;
}

.subBox .searchTab.thrSel .inputBox{
	width: 500px;
	position: relative;
}

.subBox .searchTab.thrSel .resetBtn{
	margin-left: 10px;
    float: left;
    font-size: 14px;
    font-family: 'nsR';
    font-weight: bold;
    width: 85px;
    height: 30px;
    line-height: 28px;
    margin-top: 7.5px;
}


table tr td.title{
	text-align: left;
	padding-left: 55px;
}


table tr td.title .tableTitle{
	max-width: 600px;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	height: 22px;
	line-height: 22px;
    -webkit-box-orient: vertical;
}


table tr td .mark{
	display: inline-block;
	height: 22px;
	font-size: 10px;
	color: #fff;
	border-radius: 22px;
	text-align: center;
	line-height: 22px;
	margin-left: 15px;
}
table tr td.title span{
	float: left;
	line-height: 22px;
}
table tr td .mark.newMark{
	color: #ff3d3d;
	font-size: 13px;
	font-weight: bold;
}
table tr td .mark.importMark{
	background-color: #8c22ff;
}


table tr td .mark.end{
	width: 56px;
	margin-left: 0px;
	margin-right: 8px;
}



/* 강조 */

.must {
    color: #e00000;
	float: none!important;
}



/* 테이블 내 버튼 */

.shortBtn{
	margin-bottom: 10px;
	background-color: #f4f4f4;
    height: 34px;
    line-height: 36px;
    text-align: center;
    border-radius: 34px;
	margin-top: 15px;
    padding: 0px 22px 0px 22px;
	display: inline-block;
}
.shortBtn.right{
	float: right;
}


.shortBtn a{
	text-align: center;
	display: inline-block;
	font-family: 'nsR';
	font-weight: bold;
	color: #222;
	font-size: 14px;
	display: block;
	position: relative;
	padding-right: 28px;
}


.shortBtn a:after{
	content: "";
	width: 15px;
	height: 11px;
	background: url('../../images/common/arrow-right.svg') no-repeat;
	background-size: 15px 11px;
	position:absolute;
	top: 11.5px;
	right: 0px;
}






/* 게시판 페이징 */


.paging{
	display: block;
	text-align: center;
	margin: 60px auto 170px;
}

.paging.in{
	margin: 40px auto;
}

.paging a{
	font-family: 'nsR';
	font-size: 14px;
	color: #222;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: top;
}

.paging a.first{
	background: url('../../images/common/arrow-mini-first.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
}


.paging a.first:hover{
	background: url('../../images/common/arrow-mini-first-white.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-color: #8c22ff;
}

.paging a.prev{
	background: url('../../images/common/arrow-mini-left.svg');
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: center;
}


.paging a.prev:hover{
	background: url('../../images/common/arrow-mini-left-white.svg');
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: center;
	background-color: #8c22ff;
}

.paging a.next{
	background: url('../../images/common/arrow-mini-right.svg');
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: center;
}

.paging a.next:hover{
	background: url('../../images/common/arrow-mini-right-white.svg');
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: center;
	background-color: #8c22ff;
}

.paging a.last{
	background: url('../../images/common/arrow-mini-last.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
}


.paging a.last:hover{
	background: url('../../images/common/arrow-mini-last-white.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	background-color: #8c22ff;
}



.paging a.on,
.paging a:hover{
	color: #fff;
	background-color: #8c22ff;
}

/* 게시판 페이징 */



/* 입력탭 하단 안내메시지 */
.mdMent{
	font-size: 14px;
	font-family: 'nsR';
	color: #999999;
    display: block;
    padding-top: 10px;
    float: inherit;
    width: 100%;
    line-height: 12px;
}

.mdMent.inline{
	width: auto;
	margin-left: 10px;
	padding-top: 13px;
}


.btnTwo{
	margin: 40px auto 150px;
	text-align: center;
}

.btnTwo button{
	display: inline-block;
	width: 148px;
	height: 54px;
	border-radius: 54px;
	line-height: 54px;
	font-size: 18px;
	font-family: 'nsB';
	cursor: pointer;
	padding-top: 0px;
}

button.purple{
	border: 1px solid #8c22ff!important;
	background-color: #8c22ff!important;
	color: #fff!important;
}


 button.white{
	background-color: #fff!important;
	border: 1px solid #8c22ff!important;
	color: #8c22ff!important;
}

.btnTwo button:nth-child(2), button:nth-child(3){
	margin-left: 20px;
}



/* 학교검색모달 */


.modal{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

.modal .modalOver{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.modal .modalCon {
    width: 100%;
    position: relative;
    height: 100vh;
    overflow: auto;
}

.schoolModal{
	visibility: hidden;
}
.schoolModal.on{
	visibility: visible;
}
.modal .modalCon .modalTitle {
    font-size: 22px;
    color: #222222;
    font-family: 'nsEB';
}

.modal .modalCon .mdInput{
	float: left;
	width: calc( 100% - 130px );
	overflow: hidden;
}

.modal .modalCon .mdTitle{
	font-size: 16px;
	color: #222;
	font-family: 'nsR';
	display: block;
	float: left;
	width: 130px;
}
.modal .modalCon .line input[type=text] {
    width: 210px;
    height: 33px;
    border: 1px solid #dddddd;
    display: block;
    padding: 0px 10px;
    float: left;
}

.modal .modalCon .line button {
    display: block;
    float: left;
    width: 97px;
    height: 35px;
    line-height: 35px;
    background-color: #222;
    color: #fff;
    font-size: 16px;
    font-family: 'nsR';
    border-radius: 5px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
}
.schoolModal .modalCon .line button {
    width: 80px;
    height: 36px;
}

.schoolModal .modalWrap {
    width: 476px;
    display: block;
    background-color: #fff;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    position: relative;
    padding: 26px 30px;
}

.schoolModal .modalCon .schoolClose{
	top: 29px;
	right: 29px;
	position: absolute;
	cursor: pointer;
}

.schoolModal .modalCon .line{
	margin: 25px 0px 30px;
	padding-bottom: 30px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #000;
}

.schoolModal .modalCon .line input[type=text]{
	width: 234px;
	height: 34px;
}

.schoolModal .modalCon .line button{
	width: 80px;
	height: 36px;
}


.schoolModal .modalCon .ssTitle{
	font-size: 16px;
	font-family: 'nsEB';
	line-height: 20px;
	color: #222;
	margin-bottom: 13px;
}


.schoolModal .modalCon .ssTitle span{
	font-size: 12px;
	font-family: 'nsR';
	color: #999;
	vertical-align: top;
	padding-left: 20px;
}


.schoolModal .modalCon .ssList p{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
}

.schoolModal .modalCon .ssList p span{
	color: #8c22ff;
	font-weight: bold;
}

.schoolModal .modalCon .ssSel{
	padding: 14px 20px;
	min-height: 75px;
	height: 117px;
	margin-top: 13px;
	background-color: #f4f4f4;
}


.schoolModal .modalCon .ssSel a{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
	display: block;
	line-height: 30px;
}

.schoolModal .modalCon .ssSel a:hover{
	text-decoration: underline;
}

.schoolModal .modalCon .ssSel .overWrap{
	height: 120px;
	overflow-y: scroll;
}






/* 모달 */


.modal{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 9999;
}

.modal .modalOver{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.applyModal.on{
	visibility: visible;
}


.applyModal.modal .applyBtn{
	width: 225px;
}


.modal .modalCon{
	width: 100%;
	position: relative;
	height: 100vh;
	overflow: auto;
}

.modal .modalWrap{
	width: 955px;
	display: block;
	background-color: #fff;
	margin:  55px auto;
	position: relative;
	padding: 45px 45px 75px;
}



.modal .modalCon .mdMent{
	font-size: 12px;
	font-family: 'nsR';
	color: #999999;
    display: block;
    padding-top: 10px;
    float: inherit;
    width: 100%;
    line-height: 12px;
}

.modal .modalCon .modalClose{
	position: absolute;
	right: 45px;
	top: 45px;
	z-index: 99;
	cursor: pointer;
}

.modal .modalCon .modalTitle{
	font-size: 22px;
	color: #222222;
	font-family: 'nsEB';
}

.modal .modalCon .mdInput{
	float: left;
	width: calc( 100% - 130px );
	overflow: hidden;
}

.modal .modalCon .mdTitle{
	font-size: 16px;
	color: #222;
	font-family: 'nsR';
	display: block;
	float: left;
	width: 130px;
}

.modal .modalCon .mdTitle .must{
	color: #e00000;
}

.modal .modalCon .line{
	display: block;
	overflow: hidden;
	height: auto;
	line-height: 35px;
	margin-top: 20px;
}


.applyModal .line:nth-child(3){
	margin-top: 40px;
}

.modal .modalCon .line input[type=text]{
    width: 210px;
    height: 33px;
    border: 1px solid #dddddd;
    display: block;
	font-size: 16px;
	padding: 0px 10px;
	float: left;
}

.modal .modalCon .full{
	height: auto;
	line-height: normal;
}

.modal .modalCon .full .mdTitle{
	line-height: 35px;
}

.modal .modalCon .full input[type=text]{
	width: calc( 100% - 22px );
	float: inherit;
	display: block;
}

.modal .modalCon .line:nth-child(1){
	margin-top: 40px;
}


.modal .modalCon .mdInput .male,
.modal .modalCon .mdInput .female{
	float: left;
	cursor: pointer;
}

.modal .modalCon .mdInput .female{
	margin-left: 45px;
}

.modal .modalCon label{
	cursor: pointer;
}


.modal .modalCon .line .male input[type=radio],
.modal .modalCon .line .female input[type=radio]{
	margin-right: 7px;
	vertical-align: middle;
}


.modal .modalCon .line .phone input[type=text]{
	width: 62px;
	height: 33px;
	float: left;
	padding: 0px;
	text-align: center;
}

.modal .modalCon .line .hypen{
	display: block;
	float: left;
	margin: 0px 7px;
}


.modal .modalCon .line button{
	display: block;
	float: left;
	width: 97px;
	height: 35px;
	line-height: 35px;
	background-color: #222;
	color: #fff;
	font-size: 14px;
	font-family: 'nsR';
	border-radius: 5px;
	margin-left: 5px;
	text-align: center;
	cursor: pointer;
}

.modal .modalCon .line select{
	width: 232px;
	height: 35px;
    border: 1px solid #dddddd;
	cursor: pointer;
}

.modal .modalCon .line.two .lineLeft,
.modal .modalCon .line.two .lineRight{
	width: 50%;
	float: left;
}

.modal .modalCon .privacy {
	height: auto;
}

.modal .modalCon .privacy .mdTitle{
	width: auto;
	float: left;
	font-weight: bold;
}

.modal .modalCon .privacy .mdInput{
	float: right;
	width: auto;
}

.modal .modalCon .privacy .textArea::before{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	clear: both;
	float: none;

}

.modal .modalCon .privacy .textArea p{
    width: calc( 100% - 36px );
    font-family: 'nsR';
    color: #222;
    font-size: 12px;
    padding: 17px;
    max-height: 212px;
    border: 1px solid #ddd;
    line-height: 20px;
}

.modal .applyBtn{
	cursor: pointer;
    display: block;
    color: #fff;
	background-color: #8c22ff;
    width: 150px;
    height: 56px;
    font-size: 18px;
    font-family: 'nsR';
	font-weight: bold;
    text-align: center;
    line-height: 56px;
    border-radius: 56px;
	margin: 38px auto 0px;
}




/* 파일업로드  */


.file-input {
	display: inline-block;
	text-align: left;
	background: #fff;
	width: 100%;
	position: relative;
}

.file-input > [type='file'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.file-input > .button {
	display: block;
	float: right;
	cursor: pointer;
	background-color: #222;
	color: #fff;
	font-size: 16px;
	font-family: 'nsR';
	width: 97px;
	height: 35px;
	line-height: 35px!important;
	text-align: center;
	border-radius: 5px;
	margin-right: 39px;
}


.file-input > .label {
	color: #222;
	white-space: nowrap;
	width: 220px;
	border: 1px solid #ddd;
	height: 33px;
	line-height: 33px!important;
	font-family: 'nsR';
	float: left;
	font-size: 16px!important;
	display: block;
	padding-left: 10px;
	font-family: 'nsR';
	margin-left: 0px!important;
}

.file-input.-chosen > .label {
	opacity: 1;
}





/* 학교검색모달2 */

.schoolModal{
	visibility: hidden;
}
.schoolModal.on{
	visibility: visible;
}

.schoolModal .modalWrap {
    width: 476px;
    display: block;
    background-color: #fff;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    position: relative;
    padding: 26px 30px;
}

.schoolModal .modalCon .schoolClose{
	top: 29px;
	right: 29px;
	position: absolute;
	cursor: pointer;
}

.schoolModal .modalCon .line{
	margin: 25px 0px 30px;
	padding-bottom: 30px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #000;
}

.schoolModal .modalCon .line input[type=text]{
	width: 234px;
	height: 34px;
}

.schoolModal .modalCon .line button{
	width: 80px;
	height: 36px;
}


.schoolModal .modalCon .ssTitle{
	font-size: 16px;
	font-family: 'nsEB';
	line-height: 20px;
	color: #222;
	margin-bottom: 13px;
}


.schoolModal .modalCon .ssTitle span{
	font-size: 16px;
	font-family: 'nsR';
	color: #999;
	vertical-align: top;
	padding-left: 20px;
}


.schoolModal .modalCon .ssList p{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
}

.schoolModal .modalCon .ssList p span{
	color: #8c22ff;
	font-weight: bold;
}

.schoolModal .modalCon .ssSel{
	padding: 14px 20px;
	min-height: 75px;
	height: 117px;
	margin-top: 13px;
	background-color: #f4f4f4;
}


.schoolModal .modalCon .ssSel a{
	font-size: 16px;
	font-family: 'nsR';
	color: #222;
	display: block;
	line-height: 30px;
}

.schoolModal .modalCon .ssSel a:hover{
	text-decoration: underline;
}

.schoolModal .modalCon .ssSel .overWrap{
	height: 120px;
	overflow-y: scroll;
}


.modal .modalCon .mdInput.facult{
	font-size: 16px;
	font-family: 'nsR';
	color: #8c22ff;
}


.modal .modalCon .labelSpan label{
	display: block;
}


.modal .modalCon .labelSpan input[type="checkbox"],
.modal .modalCon .radioSpan input[type="radio"]{
	display: none;
}

.modal .modalCon .labelSpan label{
	padding-left: 26px;
	background: url('../../images/common/check.jpg') no-repeat;
	background-position: 0px 8px;
}

.modal .modalCon input:checked + label{
	padding-left: 26px;
	background: url('../../images/common/checked.jpg') no-repeat;
	background-position: 0px 8px;
}

.modal .modalCon label.checkLabel span{
	display: block;
	line-height: 35px;
}

.modal .modalCon .radioSpan{
    line-height: 35px;
    display: block;
    float: left;
    font-size: 16px;
    font-family: 'nsR';
}


.modal .modalCon .radioSpan label{
	padding-left: 20px;
	background: url('../../images/common/radio.png') no-repeat;
	background-position: 0px 9px;
	display: block;
}

.modal .modalCon .radioSpan input:checked + label{
	padding-left: 20px;
	background: url('../../images/common/radioChecked.png') no-repeat;
	background-position: 0px 8px;
}

.modal .modalCon .radioSpan:nth-child(n+2){
	margin-left: 40px;
}

.modal .modalCon .checkedBox{
	padding: 14px 18px;
	width: calc( 100% - 36px );
	display: block;
	background-color: #f4f4f4;
}

.modal .modalCon .checkedBox span{
	display: block;
}

.modal .modalCon .checkedBox .notChkMess{
	display: none;
}

.modal .modalCon .checkedBox .notChkMess.on{
	display: block;
}


.modal .modalCon .textInfo{
    font-size: 16px;
    font-family: 'nsR';
    line-height: 35px;
    display: block;
}



/* 동영상 재생모달 */

.videoModal{
	visibility: hidden;
}

.videoModal.on{
	visibility: visible;
}

.videoModal .modalWrap{
	width: 950px;
	padding: 45px 50px;
	margin: 50px auto;
}

.videoModal .modalWrap .modalClose{
	top: 50px;
	right: 50px;
}

.videoModal .modalWrap .modalTitle p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 26px;
	font-family: 'nsR';
	color: #222;
}

.videoModal .modalWrap .detailBtn{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px auto 0px;
}

.videoModal .modalWrap iframe{
	width: 950px;
	height: 540px;
	margin-top: 35px;
}


.detailBtn .goPrev span, .detailBtn .goNext span {
    font-size: 16px;
    color: #999;
    font-family: 'nsR';
    font-weight: bold;
	display: block;
	margin-top: 10px;
}

.detailBtn .goPrev img, .detailBtn .goNext img {
    display: block;
    width: 24px;
    height: 28px;
    margin: 0 auto;
}




/* 레이아웃 */


@media screen and ( max-width: 1650px ){
	.root ul{
		padding: 0px 20px;
		width: calc( 100% - 40px );
	}
	.subInfo{
		padding: 0px 20px;
	}

	.subInfo{

		padding: 0px 20px;
		width: calc( 100% - 40px );
	}

	.subBox .searchResult{
		width: calc( 100% - 40px );
		padding: 0px 20px;
	}

	.exBox{
		width: calc( 100% - 40px );
		margin: 0 20px;
		margin-bottom: 250px
	}


}



/* 헤더 푸터 */

@media screen and ( max-width: 1650px ){
	header .headWrap{
		padding: 0px 20px;
	}


	.allMenu .menuClose{
		right: 20px;
	}


	footer .footerTop ul{
		min-width: 1160px;
		padding: 0px 20px;
	}


	footer .footerBot .conBox{
		min-width: 1160px;
		width: calc( 100% - 40px );
		padding: 0px 20px;
	}
}


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

	header .headWrap .menuTop .menuH{
		width: 140px;
	}

	.hovMenu{
		width: 140px;
	}

	header.hmOn .headWrap .menuTop .menuH,
	header.facOn .headWrap .menuTop .menuH{
		width: 140px;
	}

}

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

	header .headWrap .btnMenu{
		margin-left: 20px;
	}


	header .headWrap .menuTop .menuH{
		width: 125px;
	}

	.hovMenu{
		width: 125px;
	}



	header.hmOn .headWrap .menuTop .menuH,
	header.facOn .headWrap .menuTop .menuH{
		width: 125px;
	}


}

/* 이벤트 버튼 */
.goEvent { }







/*학교소식*/
.board { font-family: 'Gmarket Sans' !important; max-width:920px; width:100%; height:auto; padding:9%; background:#f9f9f9; text-align:center; box-sizing:border-box; }
.board img { max-width:760px; width:100%; margin:8% auto !important; }
.board .faculty1 { display:inline-block; font-size:13px; background:#000; color:#fff; padding:5px 1% 2px; margin:0 auto; }
.board .faculty2 { display:block; font-size:1.313rem; color:#000; margin:25px auto 3px; }
.board .tit { font-family: 'Jalnan' !important; display:inline-block; font-size:1.938rem; color:#000; margin:0 auto 10px; }
.board p { font-size:1.063rem !important; line-height:25px !important; word-break:keep-all; font-weight:600; }