/* 페이지인식-메인 */
#nav{padding: 0 0 0 50px!important;}

/* 네비게이션 */
.lnb{background: #f9f9f9; border-bottom: 1px solid #ddd;}
.lnb.fixed{position: fixed!important; top: 0; left: 0; width: 100%; z-index: 11;}
.lnb .lnb_map{max-width: 1400px; height: 90px; margin: 0 auto;}
.lnb .lnb_map:after{content:'';display:block;clear:both;}
.lnb .lnb_map > li{position:relative; float:left; width:250px; height: 100%; border-right: 1px solid rgba(255,255,255,.2);}
.lnb .lnb_map > li a{width:100%; height:100%; display:block;}
.lnb .lnb_map li.home{width: 58px; background:url('../images/sub/ico_home.png') 50% 50% no-repeat; border-left: 1px solid rgba(255,255,255,.2);}
.lnb .lnb_map li.depth ul{display: none; position: absolute; left: 0px; top: 90px; width:100%; padding: 10px 20px; background: #f9f9f9; border: 1px solid #ddd; border-top: 0; z-index:99;}
.lnb .lnb_map li.depth ul li a{padding: 12px 0; font-size:16px; color:#666;}
.lnb .lnb_map li.depth ul li a:hover{font-weight: 500; color: #c61065;}
.lnb .lnb_map li.depth ul li a.active{font-weight: 500; color: #c61065;}
.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left; padding-left: 20px; width:100%; color:#101010; line-height:90px; text-align:left; background:url(../images/sub/btn_lnb_down.png) no-repeat 90% 50%;
font-size: 18px; font-weight: 500; color:#101010;  height: 90px; line-height: 26px;  display: flex; align-items: center; }
.lnb .lnb_map li.lovideo{float: right; text-align: right; border-right: none;}
.lnb .lnb_map li.lovideo a{line-height: 90px; color: #101010; opacity: .6; transition: all .6s;}
.lnb .lnb_map li.lovideo a i{margin-right: 8px; vertical-align: sub; font-size: 24px;}
.lnb .lnb_map li.lovideo a b{font-weight: 500;}
.lnb .lnb_map li.lovideo a:hover{opacity: 1;}


@media (max-width: 1420px){
.lnb .lnb_map{padding: 0 20px;}
}

@media (max-width:1200px){
.lnb .lnb_map li.lovideo{padding-right: 10px;}
}
@media (max-width:991px){
	.lnb .lnb_map{height:90px;}
	.lnb .lnb_map li.home{width: 53px; border-left: none;}
	.lnb .lnb_map li.depth ul{top:70px;}
	.lnb .lnb_map li.depth a span{line-height:30px;}
	.lnb .lnb_map li.depth ul li a{}
}
@media (max-width:800px){
.lnb .lnb_map > li{width: calc(50% - 53px);}
.lnb .lnb_map li.lovideo{width: 53px;}
	.lnb .lnb_map li.lovideo a {opacity: 1;}
	.lnb .lnb_map li.lovideo a > span{display: none;}
	.lnb .lnb_map li.lovideo a > i{margin-right: 0;vertical-align:super;position: relative;top: 7px;right: 5px;}
}
@media (max-width: 640px){
.lnb .lnb_map{height: 90px;}
.lnb .lnb_map > li{width: calc(50% - 50px);}
	.lnb .lnb_map li.home{width: 50px;}
	.lnb .lnb_map li.lovideo{width: 60px;}
.lnb .lnb_map li.lovideo a i{top: 5px;right: 3px;}
	.lnb .lnb_map li:last-child a span{border-right:none!important;}
	.lnb .lnb_map li.depth ul{top: 60px;}
	.lnb .lnb_map li.depth a span{padding-left: 10px; line-height: 20px;font-size:12px;}
	.lnb .lnb_map li.depth ul li a{font-size:14px;padding: 9px 0;}
	.lnb .lnb_map li.depth1 > a > span{font-size: 16px;}
	.lnb .lnb_map li.depth2 > a > span{font-size: 15px;}
}
@media(max-width: 480px){
.lnb .lnb_map{position: relative;}
.lnb .lnb_map li.home{width: 40px; background-size:40px}
.lnb .lnb_map li.lovideo{display: none;}
.lnb .lnb_map{height: 45px;}
.lnb .lnb_map > li{height: 100%;width: calc(45% - 22px);}
.lnb .lnb_map > li.depth2{width: calc(55% - 22px);}
.lnb .lnb_map li.depth a span{line-height: 45px;background-position: 93% 50%;}
.lnb .lnb_map li.depth ul{top: 45px;}
.lnb .lnb_map li.depth ul li a{padding: 5px 0;}
.lnb .lnb_map li.depth1 > a > span{font-size: 15px;}
	.lnb .lnb_map li.depth2 > a > span{font-size: 14px;}
}


.headDiv{position:relative; width: 100%; /* min-width: 1700px; */ height: 120px; line-height: 120px; border-bottom: 1px solid rgba(255,255,255,.15); z-index: 10;}
.headDiv:after{content: ''; display: block; clear: both;}
.headDiv.bbshow{background: rgba(0,0,0,.4);}
.headDiv .ddd_line{display: none; position: absolute; top: 120px; width: 100%; height: 300px; background: rgba(0,0,0,.4);}
.headDiv .cs-logo{float: left; padding-left: 90px;}
.headDiv .cs-logo img{filter: brightness(0) invert(1); -webkit-filter:brightness(0) invert(1);}

.headDiv .right_menu{float: right; padding-right: 90px;}
.headDiv .right_menu ul:after{display:block; content:''; clear:both;}
.headDiv .right_menu ul li{float: left; margin-right: 40px;}
.headDiv .right_menu ul li:last-child{margin-right: 0;}
.headDiv .right_menu ul li a{color:rgba(255,255,255,.7); font-size: 14px; line-height:15px; transition:0.3s;}
.headDiv .right_menu ul li a i{font-size: 15px; line-height:15px; margin-right: 7px;}
.headDiv .right_menu ul li a:hover{color:#fff;}
.headDiv .right_menu ul li button{background-color: transparent; border: none; outline:none;}

/* PC */
#gnb{background-color: transparent!important; float: left; padding-left: 160px; /* text-align: center; position: absolute; left: 50%; transform:translateX(-50%); */}
#gnb.on{}
#gnb .oneD{display: block; float:left; width: 160px; text-align:center; font-size: 18px; font-weight: 500; color: #fff;}
#gnb.on .oneD{}
#gnb .twoD{display:none; position:absolute; width: 160px; height: 300px; top: 120px; padding: 20px; text-align: center; z-index: 99;}
#gnb .twoD.one{display: none!important; left:0;}
#gnb .twoD.two{left: 160px;}
#gnb .twoD.thr{left: 320px;}
#gnb .twoD.fou{left: 480px;}
#gnb .twoD.fiv{left: 640px;}
#gnb .twoD.six{left: 800px;}
#gnb .twoD.sev{left: 960px;}
#gnb .twoD a{display:block; padding: 10px 0; line-height: 125%; font-size: 16px; color: rgba(255,255,255,.6);}
#gnb .twoD.on a{color: #fff;}
#gnb .twoD.on a.on{text-decoration: underline;}
#gnb .twoD.on{background: rgba(4,58,87,.6);}
#gnb .twoD.on:before{content: ''; position: absolute; top: -2px; left: 0; width: 160px; height: 2px; background: #fff; animation: strach .5s;}

@keyframes strach {
  0% {transform: scaleX(0);}
  100% {transform: scaleX(1);}
}

/* 학과소개 메뉴 */

.fp-viewing-Department .cs-logo img{filter:none; -webkit-filter:none;}
.fp-viewing-Department .headDiv{border-bottom: 1px solid #ddd;}
.fp-viewing-Department #gnb .oneD{color:#101010;}
.fp-viewing-Department #gnb .twoD{border-left: 1px solid #ddd;}
.fp-viewing-Department #gnb .twoD.six{border-right: 1px solid #ddd;}
.fp-viewing-Department #gnb .twoD a{color:#666;}
.fp-viewing-Department #gnb .twoD.on:before{background-color: #043c5b;}
.fp-viewing-Department #gnb .twoD.on a{color: #fff;}
.fp-viewing-Department .headDiv .right_menu ul li a{color:#888;}
.fp-viewing-Department .headDiv .right_menu ul li a:hover{color:#222;}
.fp-viewing-Department .headDiv .right_menu ul li:last-child img{filter:brightness(0.2); -webkit-filter:brightness(0.2);}
.fp-viewing-Department .headDiv.bbshow{background: #fff;}
.fp-viewing-Department .headDiv .ddd_line{background-color: #fff; border-bottom: 1px solid #ddd;}

/* 학과소개 메뉴 */

.fp-viewing-News .cs-logo img{filter:none; -webkit-filter:none;}
.fp-viewing-News .headDiv{border-bottom: 1px solid #ddd;}
.fp-viewing-News #gnb .oneD{color:#101010;}
.fp-viewing-News #gnb .twoD{border-left: 1px solid #ddd;}
.fp-viewing-News #gnb .twoD.six{border-right: 1px solid #ddd;}
.fp-viewing-News #gnb .twoD a{color:#666;}
.fp-viewing-News #gnb .twoD.on:before{background-color: #043c5b;}
.fp-viewing-News #gnb .twoD.on a{color: #fff;}
.fp-viewing-News .headDiv .right_menu ul li a{color:#888;}
.fp-viewing-News .headDiv .right_menu ul li a:hover{color:#222;}
.fp-viewing-News .headDiv .right_menu ul li:last-child img{filter:brightness(0.2); -webkit-filter:brightness(0.2);}

.fp-viewing-News .headDiv.bbshow{background: #fff;}
.fp-viewing-News .headDiv .ddd_line{background-color: #fff; border-bottom: 1px solid #ddd;}



/*모바일메뉴*/
.mobileMenu{/* position:absolute; */ float: right; padding-right: 40px; /* top:50%;margin-top:-10px;right:13px */}
.mobileMenu img{height:17px;}
#gnbM{display:none; position:absolute; top:0; right:-200px; width:200px; background:#fff; z-index:1000}
#gnbM .mUtil{padding:0 20px; height:65px; line-height:65px; background:#043a57; font-size:17px;letter-spacing:0;position:relative;}
#gnbM .mUtil a{color:#fff;}
#gnbM .mUtil span{margin:0 6px; color:#817ab7}
#gnbM .mobileMenuXbt{position:absolute;right:13px;}
#gnbM .mobileMenuXbt img {height: 20px;}
#gnbM .gnbDiv a{display:block}
#gnbM .gnbDiv .one{padding: 12px 15px;font-size:16px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:normal; background-size:18px 18px;}
#gnbM .gnbDiv .one.on{color:#043a57; border-bottom:1px solid #043a57; background-size:18px 18px;}
#gnbM .gnbDiv .two{padding: 0 15px;border-bottom:1px solid #d9d9d9;background:#f9f9f9;}
#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:; background:rgba(0,0,0,0.5); z-index:999;}
#gnbM .mLang{background:#9b9b9b;height:40px;}
#gnbM .mLang:after{content:'';display:block;clear:both;}
#gnbM .mLang .i_lang{display:block;text-align:center;width:40px;height:100%;line-height:40px;float:left;}
#gnbM .mLang .i_lang i{color:#fff;}
#gnbM .mLang a{width:80px;height:100%;float:left;display:block;border-left:1px solid #ddd;line-height:40px;color:#fff;text-align: center;font-size: 13px;}

#gnbM .qck_menu ul:after{display:block; content:'';}
#gnbM .qck_menu ul li{width: 50%; text-align: center; float: left; height: 40px; background-color: #f7f7f7; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; transition:0.3s;}
#gnbM .qck_menu ul li a{line-height:40px; color:#777; width: 100%; height: 100%; display:block; text-align: center; font-size: 12.5px; letter-spacing:-0.4px;}
#gnbM .qck_menu ul li:nth-child(2n){border-right: none;}

#gnbM .qck_menu ul li:hover{background-color: #eee;}

@media (max-width:1840px) {
	.cs-logo {left:10px;top: 50%;}
	.cs-logo h1 a{height:33px;font-size:14.5px;line-height: 16px;}
	.lanBox{ right:10px; }
	.lanBox .lan .tit {font-size:14px;}
	.lanBox .lan img {height: 19px;}
	.lanBox .lan .language ul li a img{height: 19px;}
	.lanBox .lan .language ul li a {font-size: 13px;}
}

@media (max-width: 1780px){
.headDiv .cs-logo{padding-left: 40px;}
/* PC */
#gnb{padding-left: 145px;}
#gnb .oneD{width: 145px;}
#gnb .twoD{display:none; position:absolute; width: 145px; height: 300px; top: 120px; font-size: 17px; padding:15px; text-align: center; z-index: 99;}
#gnb .twoD.two{left: 145px;}
#gnb .twoD.thr{left: 290px;}
#gnb .twoD.fou{left: 435px;}
#gnb .twoD.fiv{left: 580px;}
#gnb .twoD.six{left: 725px;}
#gnb .twoD.sev{left: 870px;}

#gnb .twoD.on:before {width: 145px;}
.headDiv .right_menu{padding-right: 40px;}
.headDiv .right_menu ul li{margin-right: 25px;}

}

/* @media (min-width:901px) and (max-width: 1279px) {
	상단
	.headDiv{width:100%;}
	.mobileMenu{display:none;}

	#gnb .oneD{font-size:15px;}
	#gnb .oneD.wd01{width:100px;}
	#gnb .oneD.wd02{width:100px;}
	#gnb .oneD.wd03{width:100px;}
	#gnb .oneD.wd04{width:100px;}
	#gnb .oneD.wd05{width:100px;}
	#gnb .oneD.wd06{width:100px;}
	#gnb .twoD{padding:0 6px}
	#gnb .twoD.one{left:0;width:100px;}
	#gnb .twoD.two{left:100px;width:100px;}
	#gnb .twoD.thr{left:200px;width:100px;}
	#gnb .twoD.fou{left:300px;width:100px;}
	#gnb .twoD.fiv{left:400px;width:100px;}
	#gnb .twoD.six{left:500px;width:100px;}
	#gnb .twoD a{font-size:13px;}
} */

@media (min-width:1500px) {
.mobileMenu{display:none;}
}

@media (max-width:1500px) {
	#header{height:65px; /*border-bottom:none;*/}
	.lanBox{display:none}
	#gnb{display:none}
	#gnbM{display:block}
	#mobileSub{display:block}
	
	.cs-logo h1 a{height:28px;font-size:12px;line-height:14.5px;}

	.headDiv .right_menu{display:none;}
}

@media (max-width: 1024px){
.headDiv{height: 100px; line-height:100px;}
}

@media (max-width: 840px){

.headDiv{height: 80px; line-height:80px;}
.headDiv .cs-logo{padding-left: 20px;}
.headDiv .cs-logo img{height: 45px;}
.mobileMenu{padding-right: 20px;}
}

@media (max-width: 480px){
.headDiv{height: 60px; line-height:60px;}
.headDiv .cs-logo img{height: 36px;}
}