@charset "utf-8";
/****************************************/
/* Name: 동명대학교
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2021-01-20
/* Author:  
/****************************************/

/*
=========================================================================
pc 레이아웃 css
=========================================================================
*/

#header,
#header .head_box .logo a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}

#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:300}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;min-width:320px;width:100%;overflow:hidden;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,0.1);z-index:150}
#header.online::before{position:absolute;top:135px;left:0;width:100%;height:100%;content:'';background:#f6f7f8;border-top:1px solid #dee2e4;border-bottom:1px solid #dee2e4}
#header::after{position:absolute;top:0;left:0;width:100%;height:45px;content:'';}

#header .head_box{position:relative;margin:0 auto;max-width:1400px;height:135px;z-index:200}
#header .head_box .logo{position:absolute;top:63px;left:0;z-index:20}
#header .head_box .logo a{display:block}
#header .head_box .logo a:hover{text-decoration:none}
#header .head_box .logo span{display:inline-block;padding-top:7px;font-family: 'YDV2002';font-size:21px;color:#182024;vertical-align:middle;line-height:47px;font-weight:normal}
#header .head_box .topLink::after{display:block;clear:both;content:''}
#header .head_box .topLink .homeGo{display:block;float:left;width:160px}
#header .head_box .topLink .homeGo a{display:block;padding-left:55px;font-family: 'YDV2002';font-size:17px;line-height:45px;}
#header .head_box .topLink .rtLink{float:right;}
#header .head_box .topLink .rtLink ul{float:left}
#header .head_box .topLink .rtLink ul::after{display:block;clear:both;content:''}
#header .head_box .topLink .rtLink ul li{float:left}
#header .head_box .topLink .rtLink ul li a{display:block;line-height:45px}
#header .head_box .topLink .rtLink .link1{margin-right:20px}
#header .head_box .topLink .rtLink .link1 li{margin:0 13px}
#header .head_box .topLink .rtLink .link1 li a{font-size:14px;color:#eaeef0}
#header .head_box .topLink .rtLink .link1 li.login a{padding-left:20px;background:url('/_res/tongmyong/ce/img/ic_login.png') no-repeat left center;}
#header .head_box .topLink .rtLink .link2{padding:0 10px;}
#header .head_box .topLink .rtLink .link2 li a{width:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
#header .head_box .topLink .rtLink .link2 li.ic1 a{background-image:url('/_res/tongmyong/ce/img/ic_top_sns1.png') }
#header .head_box .topLink .rtLink .link2 li.ic2 a{background-image:url('/_res/tongmyong/ce/img/ic_top_sns2.png') }
#header .head_box .topLink .rtLink .link2 li.ic3 a{background-image:url('/_res/tongmyong/ce/img/ic_top_sns3.png') }
#header .head_box .topLink .rtLink .link2 li.ic4 a{background-image:url('/_res/tongmyong/ce/img/ic_top_sns4.png') }
#header .head_box .topLink .rtLink .link2 li.ic5 a{background-image:url('/_res/tongmyong/adpr/img/ic_top_sns5.png') }
#header .head_box .topLink .rtLink .btnBanner{position:relative;float:left;padding-left:20px;width:100px;height:45px;font-size:14px;color:#fff;text-align:left}
#header .head_box .topLink .rtLink .btnBanner::before{position:absolute;top:12px;right:0;width:20px;height:20px;content:'';background:url('../img/ic_arrow4.png') no-repeat;background-size:100%;}
#header .head_box .topLink .rtLink .btnBanner::after{content:'닫기'}
#header .head_box .topLink .rtLink .btnBanner.on::after{content:'열기'}
#header .head_box .topLink .rtLink .btnBanner.on::before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}

#header .head_box .btnMenu{display:none}

#gnb{position:relative;float:right;}
#gnb ul.gnb{position:relative;overflow:hidden;z-index:20}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;margin:0 10px;text-align:center}
#gnb > ul > li > a{position:relative;display:block;padding:0 25px;font-size:18px;color:#182024;line-height:90px;font-weight:700;text-decoration:none}
#gnb > ul > li > a span{position:relative;display:inline-block;padding:0 25px;line-height:90px;}
#gnb > ul > li > a::after,
#gnb > ul > li > a span::after{position:absolute;bottom:-1px;left:50%;width:0;height:4px;content:'';background-image: linear-gradient(to right, #7cb342 , #009688);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#gnb > ul > li.hv > a,
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{}
#gnb > ul.on > li.hv > a span::after,
#gnb > ul.on > li.on > a span::after,
#gnb > ul.on > li > a:hover span::after,
#gnb > ul.on > li.hv > a::after,
#gnb > ul.on > li.on > a::after,
#gnb > ul.on > li > a:hover::after{left:0;width:100%;}
#gnb > ul > li.hv > ul{z-index:1}
#gnb > ul > li > ul{position:absolute;top:90px;left:0;padding:25px 0 0 0;width:100%;min-height:300px;}
#gnb > ul > li > ul li{margin-bottom:6px;}
#gnb > ul > li > ul li a{display:inline-block;padding:4px 0;font-size:16px;color:#636363;font-weight:400;line-height:1.1}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color:#019687;}


/* ---- 중간영역 ---- */
#container{position:relative;padding-top:135px;height:100%;}
#container #content{position:relative;min-height:700px;}
#container #content::after{display:block;clear:both;content:''}

.subVisual{padding-top:70px;height:240px;color:#fff;text-align:center;background-position:center top;background-size:cover;position:relative;}
.subVisual:after {content:'';position:absolute;}
.subVisual {padding-top:90px;}

.subVisual h1{font-size:48px;color:#fff;font-weight:700;line-height:1}

.pageGuid{background:#fff;border-bottom:1px solid #dee2e4}
.pageGuid .box{position:relative;margin:0 auto;padding-top:50px;height:125px;max-width:1280px}
.location{position:relative;display:inline-block;z-index:3}
.location li{position:relative;display:inline-block;padding:0 8px 0 15px;font-size:16px;color:#666f74;}
.location li::after{position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;content:'';border:1px solid #aeb6ba;border-width:0 1px 1px 0;transform:rotate(-45deg)}
.location li.home span{display:block;width:16px;height:13px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/ce/img/ic_home2.png') no-repeat}
.location li.home::after{display:none}

.etcBtn{position:absolute;top:25px;right:20px;padding-top:20px;height:68px;z-index:3}
.etcBtn button{margin-left:5px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border-radius:50%}
.etcBtn .line{display:inline-block;width:1px;height:20px;vertical-align:middle;background:#e0e0e0}
.etcBtn .btnZoomIn{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_plus.png');}
.etcBtn .btnZoomOut{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_minus.png');}
.etcBtn .btnZoomDet{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_def.png');}
.etcBtn .btnPrint{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_print.png');}
.etcBtn .btnSns{position:relative;display:inline-block;vertical-align:middle}
.etcBtn .btnSns button{background-image:url('/_res/tongmyong/ce/img/ic_share.png');background-color:#34464e}
.etcBtn .btnSns button.on{background-image:url('/_res/tongmyong/ce/img/ic_share_close.png');background-size:60%}
.etcBtn .btnSns ul{display:none;position:absolute;top:45px;right:1px;}
.etcBtn .btnSns ul li{margin-bottom:2px}
.etcBtn .btnSns ul li a{display:block;width:37px;height:37px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:100%;border-radius:50%}
.etcBtn .btnSns ul li.ic1 a{background-image:url('/_res/tongmyong/ce/img/ic_sns1.png')}
.etcBtn .btnSns ul li.ic2 a{background-image:url('/_res/tongmyong/ce/img/ic_sns2.png')}
.etcBtn .btnSns ul li.ic3 a{background-image:url('/_res/tongmyong/ce/img/ic_sns3.png')}
.etcBtn .btnSns ul li.ic4 a{background-image:url('/_res/tongmyong/ce/img/ic_sns4.png')}
.etcBtn .btnSns ul li.ic5 a{background-image:url('/_res/tongmyong/tuhome/img/common/ico-share-url.png');background-size:30px}


/* ---- 하단영역 ---- */
#footer {position:relative;width:100%;background:#182024}
#footer .footWrap{position:relative;margin:0 auto;padding:50px 60px 100px;height:270px;max-width:1400px;}
#footer .footWrap .footMenu{float:left;margin-bottom:30px;text-align:left}
#footer .footWrap .footMenu li{position:relative;display:inline-block;padding:0 22px}
#footer .footWrap .footMenu li::before{position:absolute;top:50%;right:-6px;margin-top:-2px;width:4px;height:4px;content:'';background:#50585c;border-radius:50%}
#footer .footWrap .footMenu li:first-child{padding-left:0}
#footer .footWrap .footMenu li:last-child::before{display:none}
#footer .footWrap .footMenu li:last-child{padding-right:0}
#footer .footWrap .footMenu li a{display:block;color:#e9ecef;}
#footer .footWrap .fLinkCon{float:right}
#footer .footWrap .fFamily{display:inline-block;margin-left:5px}
#footer .footWrap .fFamily > button{position:relative;width:220px;height:48px;font-size:16px;color:#dee2e4;text-indent:20px;text-align:left;background:#34464e;border-radius:4px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#footer .footWrap .fFamily > button::after{position: absolute; top: 50%; right: 20px;content: "";width:0;height:0;margin-top: -3px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #89949a;}
#footer .footWrap .fFamily > button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#footer .footWrap .fFamily > button:hover,
#footer .footWrap .fFamily > button.on{background:rgba(0,0,0,0.5)}
#footer .footWrap .fFamily .fFamCon{display:none;position:absolute;z-index:100}
#footer .footWrap .fFamList1 .fFamCon{left:0;bottom:270px;padding:70px 70px 40px;width:100%;text-align:left;color:#dee2e4;background:rgba(24,32,36,0.95);}
#footer .footWrap .fFamList1 .fFamCon .box::after{display:block;clear:both;content:''}
#footer .footWrap .fFamList1 .fFamCon a{display:block;color:#fff}
#footer .footWrap .fFamList1 .fFamCon dl{float:left;margin-bottom:30px;width: 25%;}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:left;width:25%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(9){clear:left;width:25%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(11){width: 24%;}
#footer .footWrap .fFamList1.en .fFamCon dl{width: 27%;}
/* 2024학년도 학과 개편

#footer .footWrap .fFamList1 .fFamCon dl{float:left;margin-bottom:30px;width:23%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1){width:31%}
#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:left;width:31%}

*/
#footer .footWrap .fFamList1 .fFamCon dl dt{margin-bottom:5px;font-size:25px;color:#79bb2a}
#footer .footWrap .fFamList1 .fFamCon dl dd ul::after{display:block;clear:both;content:''}
#footer .footWrap .fFamList1 .fFamCon dl dd ul li{}
#footer .footWrap .fFamList1 .fFamCon dl dd ul li a:hover{color:#79bb2a}
/*#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li{float:left;width:50%}*/
#footer .footWrap .fFamList1 .fFamCon .box > ul{float:left}
#footer .footWrap .fFamList1 .fFamCon .box > ul > li a{font-size:25px;color:#79bb2a}
#footer .footWrap .fFamily .fFamCon .btnClose{position:absolute;top:20px;right:20px;width:45px;height:45px;text-indent:-999px;overflow:hidden;}
#footer .footWrap .fFamily .fFamCon .btnClose::before{position:absolute;top:50%;left:50%;margin-left:-50%;width:100%;height:0;content:'';border-top:3px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#footer .footWrap .fFamily .fFamCon .btnClose::after{position:absolute;top:50%;left:50%;margin-left:-50%;width:100%;height:0;content:'';border-top:3px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#footer .footWrap .fFamList2{position:relative;}
#footer .footWrap .fFamList2 .fFamCon{right:0;bottom:50px;padding:20px;width:100%;text-align:left;color:#dee2e4;background:rgba(24,32,36,0.95);}
#footer .footWrap .fFamList2 .fFamCon .box{height:390px;overflow:auto;}

#footer .footWrap address{clear:both;display:block;margin-bottom:5px;font-size:14px;color:#98a1a6}
#footer .footWrap address span{display:inline-block;margin:0 10px}
#footer .footWrap small{font-size:14px;color:#98a1a6}

#footer .botBtTop{position:absolute;top:-30px;right:20px;padding-top:10px;width:60px;height:60px;font-size:15px;color:#fff;background:#388e3c;border-radius:50%;z-index:2}
#footer .botBtTop::before{position:absolute;top:17px;left:50%;margin-left:-5px;width:10px;height:10px;content:'';border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

#mGnb{display:none;}


/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/


 /* PC Device */
@media all and (min-width:1201px){
	

	#mGnb{display:none;}
	
}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	#header {overflow: inherit;}
	#header .head_box{min-height: 130px;height: 130px;}
	#header .head_box .logo{left:30px}
	#header .head_box .btnMenu{display:block;position:absolute;right:0;top:45px;width:85px;height:85px;text-indent:-999px;overflow:hidden;z-index:110}
	#header .head_box .btnMenu span{position:relative;display:block;margin:0 auto;width:30px;height:2px;background:#3d3d3d;border-radius:2px}
	#header .head_box .btnMenu span::before{position:absolute;top:-12px;left:0;width:100%;height:2px;content:'';background:#3d3d3d;border-radius:2px}
	#header .head_box .btnMenu span::after{position:absolute;top:12px;left:0;width:100%;height:2px;content:'';background:#3d3d3d;border-radius:2px}

	
	#gnb{display:none}
	
	/* 모바일메뉴 */
	#mGnb{display:block !important;position:fixed;top:0;right:-500px;padding-top:110px;width:500px;height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb .mGlobTop{position:absolute;top:0;left:0;padding:30px;width:100%;z-index:5}
	#mGnb .mGlobTop span{display:inline-block;padding-top:4px;font-family: 'YDV2002';font-size:24px;color:#fff;vertical-align:middle;line-height:47px}

	#mGnb::after{position:absolute;top:0;left:0;width:100%;height:110px;content:'';background:#263238}
	#mGnb > ul{padding:50px;width:100%;height:100%;overflow:auto;background:#fff;}
	#mGnb > ul > li{position:relative;font-size:21px;border-bottom:1px solid #d7d7d7}
	#mGnb > ul > li.has-sub::after{position:absolute;top:28px;right:20px;width:17px;height:11px;content:'';background:url('/_res/tongmyong/ce/img/ic_mbgnb_dot.png') no-repeat;background-size:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mGnb > ul > li > button{position:absolute;top:0;left:0;width:100%;height:70px;text-indent:-999px;overflow:hidden;}
	#mGnb > ul > li.open::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mGnb > ul > li > a{display:block;padding:0 18px;color:#363c3f;line-height:70px}
	#mGnb > ul > li.open > a{color:#019688;font-weight:500}
	#mGnb > ul > li > ul{display:none;padding:20px 50px;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li.has-sub::after{position:absolute;top:15px;right:20px;width:13px;height:13px;content:'';background:url('/_res/tongmyong/ce/img/ic_mbgnb_s_off.png') no-repeat;background-size:100%;}
	#mGnb > ul > li > ul > li.open::after{background:url('/_res/tongmyong/ce/img/ic_mbgnb_s_on.png') no-repeat;}
	#mGnb > ul > li > ul > li > a{display:block;padding:10px 0;font-size:18px;color:#363c3f;}
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:#019687}
	#mGnb > ul > li > ul > li ul{display:none;padding:8px 0;background:#fff;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li ul li a{display:block;padding:3px 35px;font-size:14px;color:#363c3f}
	#mGnb .btnMenuClose{display:block;position:absolute;top:0;right:0;width:110px;height:110px;text-indent:-999px;overflow:hidden;z-index:100}
	#mGnb .btnMenuClose::before{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
	#mGnb .btnMenuClose::after{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}
	#mGnb.on{right:0} 


	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}

	.subVisual{height: 185px;}

	
	.pageGuid{border-bottom:0}
	.pageGuid .box{padding:0;height:auto}
	.location{display:none}
	.etcBtn{top:0;padding-top:0}
	.etcBtn > button{display:none}

	

	#container{padding-top:130px}
	
	#footer{text-align:center}
	#footer .footWrap{height: 340px;}
	#footer .footWrap .footMenu{float:none;margin-bottom:40px;text-align:center}
	#footer .footWrap .fLinkCon{float:none;margin-bottom:40px;}
	#footer .footWrap .fFamList1 .fFamCon{bottom:340px;padding: 50px 50px 30px;}
	#footer .footWrap .fFamList1 .fFamCon .box{height:550px;overflow:auto}
	#footer .footWrap .fFamList1 .fFamCon dl{width:33.33%}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1),
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(5){clear:none;width:33.33%}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(4){clear:left}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li{float:none;width:100%}
	#footer .footWrap .fFamList1 .fFamCon .box > ul > li a{font-size:20px}
	#footer .footWrap .fFamily .fFamCon .btnClose{top:15px;right:15px;width:30px;height:30px}
	
	#footer .botBtTop{position:fixed;top:auto;right:30px;bottom:30px;}
	
}

 /* TABLET Device */
@media all and (max-width:800px){
	

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	body,
	table{font-size:14px;line-height:1.5}
	textarea, select, input, button{font-size:14px;line-height:1.4}
	
	#header::after{height:30px}
	#header .head_box{min-height: 85px;height: 85px;}
	#header .head_box .topLink .homeGo{width:100px}
	#header .head_box .topLink .homeGo a{padding:0;font-size: 14px;line-height: 30px;text-align:center;background-position:17px center;background-image:none !important;}
	#header .head_box .logo{top:30px;left:20px}
	#header .head_box .logo img{width:100px}
	#header .head_box .logo span{font-size:16px}
	#header .head_box .topLink .rtLink .link2{display:none}
	#header .head_box .topLink .rtLink .link1{margin-right:0}
	#header .head_box .topLink .rtLink .link1 li{margin:0 10px}
	#header .head_box .topLink .rtLink .link1 li a{font-size: 12px;line-height: 30px;}

	#header .head_box .btnMenu{top:30px;width:55px;height:55px}
	#header .head_box .btnMenu span{width:20px;height:2px}
	#header .head_box .btnMenu span::before{top: -8px;width:25px;height:2px}
	#header .head_box .btnMenu span::after{top: 8px;width:22px;height:2px}
	
	#header .head_box .topLink .rtLink .btnBanner{padding-left: 10px;width: 80px;height: 30px;font-size: 12px;}
	#header .head_box .topLink .rtLink .btnBanner::before{top: 9px;right: 10px;width: 13px;height: 13px;}

	#mGnb{right:-90%;padding-top:70px;width:90%}
	#mGnb::after{height:70px;}
	#mGnb .mGlobTop{padding:15px 20px;}
	#mGnb .mGlobTop img{height:30px}
	#mGnb .mGlobTop span{font-size: 16px;line-height:35px;}
	#mGnb .btnMenuClose{width:70px;height:70px;}
	#mGnb .btnMenuClose::after{margin-left:-12px;width:24px;height:2px}
	#mGnb .btnMenuClose::before{margin-left:-12px;width:24px;height:2px}
	#mGnb > ul{padding:20px}
	#mGnb > ul > li > a{padding:0 18px;font-size:16px;line-height:50px}
	#mGnb > ul > li > button{height:50px}
	#mGnb > ul > li.has-sub::after{top:20px}
	#mGnb > ul > li > ul{padding: 10px 30px;}
	#mGnb > ul > li > ul > li > a{padding:8px 0;font-size: 14px;}
	
	.etcBtn{top:-8px}
	.etcBtn button{width: 30px;height: 30px;background-size: 12px;}
	.etcBtn .btnSns ul{top: 35px;right:0}
	.etcBtn .btnSns ul li a{width:30px;height:30px}
	
	
	
	.subVisual{padding-top:40px;height:100px;}
	.subVisual h1{font-size:25px}
	
	#container{padding-top:85px;}
	#container #content{min-height:400px;}
	
	#footer .footWrap{padding: 30px 20px 40px;height:300px}
	#footer .footWrap .footMenu{margin-bottom:20px}
	#footer .footWrap .footMenu li{margin-bottom:10px;padding: 0 10px;}
	#footer .footWrap .footMenu li a{font-size:13px}
	#footer .footWrap .fLinkCon{margin-bottom:20px}
	#footer .footWrap .fFamily > button{width: 150px;height:35px;font-size: 13px;text-indent: 15px;}
	#footer .footWrap .fFamList1 .fFamCon{bottom:300px;padding:20px;}
	#footer .footWrap .fFamList1 .fFamCon .box{height:400px;}
	#footer .footWrap .fFamList1 .fFamCon dl{float:none;margin-bottom:20px;width:100% !important}
	#footer .footWrap .fFamList1 .fFamCon dl dt{font-size:20px}
	#footer .footWrap .fFamList1 .fFamCon dl:nth-child(1) dd ul li,
	#footer .footWrap .fFamList1 .fFamCon dl dd ul li{float:left;width:50%}
	#footer .footWrap .fFamList2 .fFamCon{bottom:36px;padding:15px;width:150%}
	#footer .footWrap .fFamList2 .fFamCon .box{height:300px}
	#footer .footWrap address span{display:block;width:1px;height:1px;text-indent:-999px;overflow:hidden}
	#footer .footWrap address,
	#footer .footWrap small{font-size:13px;}

	#footer .botBtTop{right:10px;bottom:10px;width:40px;height:40px;font-size: 11px;z-index:50}
	#footer .botBtTop::before{top:10px;margin-left: -3px;width: 6px;height: 6px;}
	
}

/*lnb*/
.lnbWrap{position:relative;margin:-59px auto 0;padding-right:120px;max-width:1400px;height:60px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:90}

#lnb{background:#ffffff; border-bottom:1px solid #ddd; background-image:none !important;position:relative;margin:-60px auto 0;max-width:1280px;height:60px;z-index:90}
#lnb > ul{position:relative;padding-left:68px;}
#lnb > ul::after{display:block;clear:both;content:''}
#lnb > ul > li{position:relative;float:left;border-right:1px solid #ddd;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li.home{position:absolute;top:0;left:0;width:68px;height:60px;background:#019687;}
#lnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/iphak/img/ic_home2.png') no-repeat center center;transition:.2s}
#lnb > ul > li.home:hover{background-color:#028073}
#lnb > ul > li button{position:relative;padding-right:40px;width:100%;min-width:230px;height:60px;font-size:17px;text-indent:30px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li button::after{position: absolute; top: 50%; right: 25px;content: "";margin-top:-7px;width:10px;height:10px;border:1px solid #3b3b3c;border-width:0 0 1px 1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li button.on::after{margin-top:-2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#lnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d9dadd;z-index:10}
#lnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
#lnb > ul > li > ul li a{position:relative;display:block;padding:15px 20px;color:#272d38;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d9dadd;border-width:1px 1px 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}

.education-site #lnb > ul > li.home,/* 학부교양대학 */
.free-site #lnb > ul > li.home,/* 자율전공학부 */
.bd-site #lnb > ul > li.home,/* 뷰티케어학과 */
.kids-site #lnb > ul > li.home{background-color:#cf4b56}/* 유아교육과 */

.ilo-site #lnb > ul > li.home, /* 국제물류학과 */
.earchi-site #lnb > ul > li.home,/* 건축공학과 */
.money-site #lnb > ul > li.home,/* 금융회계학과 */
.wigs-site #lnb > ul > li.home,/* 복지산업대학원 */
.air-site #lnb > ul > li.home,/* 항공서비스학과 */
.masscom-site #lnb > ul > li.home,/* 미디어커뮤니케이션학과 */
.healing-site #lnb > ul > li.home,/* 선명상치유학과 */
.me-site #lnb > ul > li.home{background-color:#14578e}/* 기계공학부 */

.tour-site #lnb > ul > li.home, /* 관광경영학과 */
.dm-site #lnb > ul > li.home,/* 유통경영학과 */
.fad-site #lnb > ul > li.home,/* 패션디자인학과 */
.hotel-site #lnb > ul > li.home{background-color:#700404}/* 호텔경영학과 */

.food-site #lnb > ul > li.home,/* 식품영양학과 */
.gcc-site #lnb > ul > li.home{background-color:#ffc602}/* 글로벌문화콘텐츠학과 */
.adpr-site #lnb > ul > li.home{background-color:#ff3d00}/* 광고PR학과 */
.game-site #lnb > ul > li.home{background-color:#8c0d0d}/* 게임공학과 */

/* hover */
.education-site #lnb > ul > li.home:hover,/* 학부교양대학 */
.free-site #lnb > ul > li.home:hover,/* 자율전공학부 */
.bd-site #lnb > ul > li.home:hover,/* 뷰티케어학과 */
.kids-site #lnb > ul > li.home:hover{background-color:#c33844}/* 유아교육과 */

.ilo-site #lnb > ul > li.home:hover, /* 국제물류학과 */
.earchi-site #lnb > ul > li.home:hover,/* 건축공학과 */
.money-site #lnb > ul > li.home:hover,/* 금융회계학과 */
.wigs-site #lnb > ul > li.home:hover,/* 복지산업대학원 */
.air-site #lnb > ul > li.home:hover,/* 항공서비스학과 */
.masscom-site #lnb > ul > li.home:hover,/* 미디어커뮤니케이션학과 */
.healing-site #lnb > ul > li.home:hover,/* 선명상치유학과 */
.me-site #lnb > ul > li.home:hover{background-color:#0c426f}/* 기계공학부 */

.tour-site #lnb > ul > li.home:hover, /* 관광경영학과 */
.dm-site #lnb > ul > li.home:hover,/* 유통경영학과 */
.fad-site #lnb > ul > li.home:hover,/* 패션디자인학과 */
.hotel-site #lnb > ul > li.home:hover{background-color:#420303}/* 호텔경영학과 */

.food-site #lnb > ul > li.home:hover,/* 식품영양학과 */
.gcc-site #lnb > ul > li.home:hover{background-color:#ffac0d}/* 글로벌문화콘텐츠학과 */

.adpr-site #lnb > ul > li.home:hover{background-color:#e83800}/* 광고PR학과 */
.game-site #lnb > ul > li.home:hover{background-color:#6f0909}/* 게임공학과 */


#mbLnb{display:none}

 /* PC / TABLET Device */
@media all and (min-width:641px){
	
	#lnbCon.fix #lnb{position:fixed;top:0;left:0;margin:0;width:100%;height:70px;max-width:100%;z-index:300}
	
}
@media all and (max-width:1200px){
	#lnb{display:none}
	#mbLnb{display:block;border-bottom:1px solid #dee2e4}
	#mbLnb > ul{position:relative;padding-left:85px;display:flex;flex-wrap:wrap;justify-content:left;align-items:flex-start}
	#mbLnb > ul::after{display:block;clear:both;content:''}
	#mbLnb > ul > li{position:relative;/*float:left;width:50%;*/border-right:1px solid #dee2e4;border-top:1px solid #dee2e4;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
	/*#mbLnb > ul > li:last-child{border-right:0}*/
	/* 2depth only */
	#mbLnb > ul > li:first-child:nth-last-child(3),
	#mbLnb > ul > li:first-child:nth-last-child(3) ~ li{width:50%;}
	/* 3depth only */
	#mbLnb > ul > li:first-child:nth-last-child(4),
	#mbLnb > ul > li:first-child:nth-last-child(4) ~ li{width:33.333%;}

	
	#mbLnb > ul > li.home{position:absolute;top:0;left:0;width:85px !important;height:60px;border-right:0;}
	#mbLnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:#019687 url('/_res/tongmyong/ce/img/ic_home3.png') no-repeat center center;}
	#mbLnb > ul > li button{position:relative;padding-right:40px;width:100%;height:60px;font-size:18px;color:#343c40;text-indent:20px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
	#mbLnb > ul > li button::after{position: absolute; top: 50%; right: 20px;content: "";margin-top:-12px;width:24px;height:24px;background:url('/_res/tongmyong/ce/img/ic_arrow4.png') no-repeat ;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mbLnb > ul > li button.on{background:#fff}
	#mbLnb > ul > li button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mbLnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d7d7d7;z-index:10}
	#mbLnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
	#mbLnb > ul > li > ul li a{position:relative;display:block;padding:20px 20px;color:#3f464a;line-height:20px;background:#c9dfdd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d7d7d7;border-width:0 1px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mbLnb > ul > li > ul li a:hover,
	#mbLnb > ul > li > ul li.on a{color:#fff;background:#005854}
	
	.education-site #mbLnb > ul > li.home a{background-color:#cf4b56} /* 학부교양대학 */
	.ilo-site #mbLnb > ul > li.home a{background-color:#14578e} /* 국제물류학과 */
	.tour-site #mbLnb > ul > li.home a{background-color:#700404}/* 관광경영학과 */
	.food-site #mbLnb > ul > li.home a{background-color:#ffc602}/* 식품영양학과 */
	.earchi-site #mbLnb > ul > li.home a{background-color:#14578e}/* 건축공학과 */
	.dm-site #mbLnb > ul > li.home a{background-color:#700404}/* 유통경영학과 */
	.money-site #mbLnb > ul > li.home a{background-color:#14578e}/* 금융회계학과 */
	.wigs-site #mbLnb > ul > li.home a{background-color:#14578e}/* 복지산업대학원 */
	.air-site #mbLnb > ul > li.home a{background-color:#14578e}/* 항공서비스학과 */
	.bd-site #mbLnb > ul > li.home a{background-color:#cf4b56}/* 뷰티케어학과 */
	.gcc-site #mbLnb > ul > li.home a{background-color:#ffc602}/* 글로벌문화콘텐츠학과 */
	.masscom-site #mbLnb > ul > li.home a{background-color:#14578e}/* 미디어커뮤니케이션학과 */
	.adpr-site #mbLnb > ul > li.home a{background-color:#ff3d00}/* 광고pr학과 */
	.kids-site #mbLnb > ul > li.home a{background-color:#cf4b56}/* 유아교육과 */
	.fad-site #mbLnb > ul > li.home a{background-color:#700404}/* 패션디자인학과 */
	.me-site #mbLnb > ul > li.home a{background-color:#14578e}/* 기계공학부 */
	.free-site #mbLnb > ul > li.home a{background-color:#cf4b56}/* 자율전공학부 */
	.game-site #mbLnb > ul > li.home a{background-color:#8c0d0d}/* 게임공학과 */
	.healing-site #mbLnb > ul > li.home a{background-color:#14578e}/* 선명상치유학과 */
	.hotel-site #mbLnb > ul > li.home a{background-color:#700404}/* 호텔경영학과 */
	
	#mbLnb + #content{padding-top:40px}

}


@media all and (max-width:640px){
	#mbLnb > ul{padding-left:40px}
	#mbLnb > ul > li.home{width:40px !important;height:41px;}
	#mbLnb > ul > li.home a{background-size:15px}
	#mbLnb > ul > li button{padding-right:30px;height:40px;font-size:14px;text-indent:10px}
	#mbLnb > ul > li button::after{right:10px;margin-top:-8px;width:16px;height:16px;background-size:100%}
	#mbLnb > ul > li > ul{top:40px;width:100%}
	#mbLnb > ul > li > ul li{font-size:13px}
	#mbLnb > ul > li > ul li a{padding:10px 20px 10px 10px}
	#mbLnb > ul > li > ul li a:hover::after, #lnb .lnbBox > ul > li > ul li.on a::after{right:10px}

	#mbLnb + #content{padding-top:25px}
}


/*footer 신설학과 표시 240826 yce*/
#footer .footWrap .fFamList1 .fFamCon a.text-y{color: yellow;}
#footer .footWrap .fFamList1 .fFamCon a.text-y:hover{color: yellow;}
#footer .footWrap .fFamList1 .fFamCon a.text-y::after{content:'신설'; display: inline-bolck; background-color:yellow; color: #222; padding: 0 7px; margin-left: 5px; border-radius: 10px; font-size: 12px;}