@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*thin   100
light   300
regular   400
medium   500
bold   700
black  900*/

@font-face {
    font-family: 'NanumSquare_ac';
    src: url('/css/urbansciences/font/NanumSquare_acR.eot');
    src: url('/css/urbansciences/font/NanumSquare_acR.eot?#iefix') format('embedded-opentype'),
        url('/css/urbansciences/font/NanumSquare_acR.woff2') format('woff2'),
        url('/css/urbansciences/font/NanumSquare_acR.woff') format('woff'),
        url('/css/urbansciences/font/NanumSquare_acR.ttf') format('truetype'),
        url('/css/urbansciences/font/NanumSquare_acR.svg#NanumSquare_acR') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside,i{margin: 0;padding: 0;font-family:"NanumSquare_ac";font-weight: normal;list-style: none;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,strong, b{font-weight: bold;transition: all 0.3s ease;font-family:'NanumSquare_ac';}
i{font-style: normal;}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family:"NanumSquare_ac";}
body{font-size: 15px;color: #333; font-weight: normal;word-break: keep-all;}

input[type="file"], input[type="text"], input[type="password"], select{border: 1px solid #dfdfdf;color: #333;padding: 5px;width: 100%;box-sizing: border-box;}
input,textarea,select,button {font-size: 15px;vertical-align: middle;font-family:"NanumSquare_ac";}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family:"NanumSquare_ac";white-space: pre-wrap;word-wrap: break-word;}
textarea{height:initial;resize: none;border: 1px solid #dfdfdf;}

img{border: 0 none;vertical-align: middle;max-width: 100%;}
ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
a{text-decoration: none;color: #333;font-family:"NanumSquare_ac";display: inline-block;}
a:link {color:#333; text-decoration:none; font-size:15px;}

table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;table-layout: fixed;background: #fff;}
table caption{width: 0;height: 0;font-size: 15px;overflow: hidden;text-indent: -999em;}
table td{word-wrap: break-word;}

.hidden {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	top: -9999px;
	left: -9999px;
	line-height: 0;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 0;
	border: none;
}
.mtp8{margin-top: 8px !important;}
.mtp10{margin-top: 10px !important;}
.mtp20{margin-top: 20px !important;}
.mtp30{margin-top: 30px !important;}
.mtp40{margin-top: 40px !important;}
.mtp50{margin-top: 50px !important;}
.mtp60{margin-top: 60px !important;}
.mtp70{margin-top: 70px !important;}
.mtp80{margin-top: 80px !important;}
.mtp90{margin-top: 90px !important;}


.clfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}


#skipNavigation {position: absolute; left: 0; top: 0; width: 100%; z-index: 10000;}
#skipNavigation a {display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 1px; margin-bottom: -1px; background: #94c74b; font-size: 0; text-align: center; font-weight: bold; color: #fff;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 20px; padding: 4px; font-size: 13px;}

#city-header{width: 100%;margin: 0 auto;border-bottom: 1px solid #e5e5e5;}
.chead-top{width: 100%;margin: 0 auto;height: 22px;background: #e8ebf2;border-bottom: 1px solid #dcdee2;}
.cheadtop-wid{width: 1200px;margin:0 auto;}
.cheadtop-wid > ul.tlf{float: left;}
.cheadtop-wid > ul.trt{float: right;}
.cheadtop-wid > ul > li{float: left;position: relative;padding:0 25px;border-right:1px solid #dcdee2;}
.cheadtop-wid > ul > li > a{display: block;font-size: 12px;color: #333;line-height: 22px;}
.cheadtop-wid > ul.tlf{border-left: 1px solid #dcdee2;}
.cheadtop-wid > ul.trt{border-left: 1px solid #dcdee2;}

.chead-bot{width: 100%;margin: 0 auto;height: 90px;position: relative;}
.cheadbot-wid{width: 1200px;margin:0 auto;}
.cheadbot-wid > h1.logo{float: left;display: table;height: 90px;}
.cheadbot-wid > h1.logo > a{display: table-cell;vertical-align: middle;}
.cheadbot-wid > h1.logo > a:last-child{padding-left: 12px;}

#gnb-wrap{float: right;}
.city-menu > li{float: left;}
.city-menu > li > a{display: block;font-size: 20px;color: #333;padding-left: 130px;line-height: 90px;}

a.menu-open{display: none;position: absolute;right: 10px;top: 21px;}
a.menu-out{display: none;position: absolute;right: 10px;top: 21px;}

.drop-menu-c{display: none;position: absolute;left: 0;top: 91px;width: 100%;z-index: 10000;}
.major-menu-wid2{width: 100%;margin: 0 auto;background: #fff;}
.major-menu2{width: 1200px;margin: 0 auto;}
.internal-menu-wid2{width: 100%;margin: 0 auto;background: #f2f1ed;}
.internal-menu2{width: 1200px;margin: 0 auto;}
.major-menu2 > h2{float: left;margin-top: 35px;width: 160px;text-align: right;font-size: 24px;color: #000;padding-right: 40px;background: url("/images/urbansciences/common/mtit.png") no-repeat right center;}
.major-menu2 > ul{float: right;}
.major-menu2 > ul > li{float: left;width: 195px;height: 130px;padding: 30px 0;border-left: 1px solid #dfdfdf;text-align: center;}
.major-menu2 > ul > li:last-child{border-right: 1px solid #dfdfdf;}
.major-menu2 > ul > li:hover{background: #d4e4e2;}
.major-menu2 > ul > li > a{display: none;}
.major-menu2 > ul > li > ul > li{padding: 5px 0;}
.major-menu2 > ul > li > ul > li > a{display: block;font-size: 16px;color: #393939;line-height: 20px;}
.major-menu2 > ul > li > ul > li > a span{padding-right: 18px;background: url("/images/urbansciences/common/mic.png") no-repeat right center;}
.internal-menu2 > h2{float: left;padding: 20px 0;width: 160px;text-align: right;font-size: 24px;color: #000;padding-right: 40px;background: url("/images/urbansciences/common/mtit.png") no-repeat right center;}
.internal-menu2 > ul{float: right;width:calc(100% - 200px);padding:22px 0 12px;}
.internal-menu2 > ul > li{float: left;width:163px;text-align: right;padding-bottom: 10px;}
.internal-menu2 > ul > li > a{font-size: 16px;color: #000;}
.internal-menu2 > ul > li > ul{display: none;}


.top-btn{display: none;position: fixed;right: 20px;bottom: 70px;}
#city-footer{width: 100%;margin: 0 auto;background: #333;padding: 20px 0;}
.city-footer-wid{width: 1200px;margin: 0 auto;}
.city-footer-wid h1.flogo{float: left;display: table;height: 30px;}
.city-footer-wid > h1.flogo > a{display: table-cell;vertical-align: middle;}
.city-footer-wid > h1.flogo > a:last-child{padding-left: 12px;}
.city-footer-wid > p{float: left;margin-left: 25px;font-size: 12px;color: #fff;opacity: 0.5;line-height: 16px;}



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

@media screen and (max-width:1024px){
	
	.chead-top{display: none;}
	.cheadbot-wid{width: calc(100% - 20px);margin:0 auto;}
	#gnb-wrap{display: none;}
	a.menu-open{display: block;}

	.major-menu2{width: 100%;}
	.internal-menu-wid2{background: #fff;}
	.internal-menu2{width: 100%;}
	.major-menu2 > ul > li > ul > li{padding: 0 0;}
	.internal-menu2 > ul > li > ul > li{padding: 0 0;}

	.major-menu2 > h2{position: relative;box-sizing: border-box;float: none;margin-top: 0;width: 100%;text-align: left;font-size: 22px;padding-right: 15px;padding-left: 30px;padding-top: 15px;padding-bottom: 15px;background: none;border-bottom: 1px solid #000;}
	.major-menu2 > h2:after{content: "";position: absolute;left: 15px;top: 50%;width: 6px;height: 6px;margin-top: -3px;background: #54aa8b;}
	.major-menu2 > ul{float: none;}
	.major-menu2 > ul > li{float: none;width: 100%;height: auto;padding: 0;border-left: none;text-align: left;}
	.major-menu2 > ul > li:last-child{border-right: none;}
	.major-menu2 > ul > li:hover{background: #fff;}
	.major-menu2 > ul > li > a{display: block;font-size: 17px;color: #000;padding: 15px 20px;border-bottom: 1px solid #dfdfdf;background: url("/images/artandsport/common/moff.gif") no-repeat 96% center;font-weight: 700;}
	.major-menu2 > ul > li > a.on{background: url("/images/artandsport/common/mon.gif") no-repeat 96% center;}
	.major-menu2 > ul > li > ul{display: none;border-bottom: 1px solid #dfdfdf;background: #d4e4e2;}
	.major-menu2 > .hide-menu-title01{float: none;margin-left: 28px;margin-bottom: 19px;padding-left: 20px;font-size: 24px;line-height: 28px;background: url(/images/engineering/common/menu_bg04.gif) no-repeat left center;}

	.mb-depth1{position: static;width: auto;height: auto;padding: 15px 28px;text-indent: 0;font-family: "NotoSans-Regular";font-size: 17px;line-height: 24px;color: #555555;background: url(/images/engineering/common/menu_bg05.gif) no-repeat 95% center;}
	.mb-depth1.on{background: url(/images/engineering/common/menu_bg06.gif) no-repeat 95% 24px;}
	.major-menu2 > ul{float: none;width: 100%;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-left: 0px;}
	.major-menu2 > ul > li{float:none;width: 100% !important;height: auto;padding: 0;border-right: none;border-top: 1px solid #e5e5e5;}
	.major-menu2 > ul > li:first-child{border-left: none;border-top: none;}
	.major-menu2 > ul > li:hover{background: #ffffff;}
	.major-menu2 > ul > li > ul{display: none;border-top: 1px solid #e5e5e5;background: #fcfafa;}
	.major-menu2 > ul > li > ul > li{border-top: 1px dashed #969595;}
	.major-menu2 > ul > li > ul > li:first-child{border-top: none;}
	.major-menu2 > ul > li > ul > li > a{text-align: left;padding: 15px 28px;font-size: 17px;line-height: 24px;}
	.major-menu2 > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}
	.cmnt{background: url(/images/engineering/common/menu_bg07.png) no-repeat 95% center;}
	.cmnt.d3on{background: url(/images/engineering/common/menu_bg08.png) no-repeat 95% center;}

	.internal-menu2 > ul{float: none;width: 100%;padding: 0;}
	.internal-menu2 > ul > li > ul .crt > a{font-family: "NotoSans-Regular"; color: #014195; background: url(/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}

	.internal-menu2 > h2{position: relative;box-sizing: border-box;float: none;margin-top: 0;width: 100%;text-align: left;margin-top: -1px;font-size: 22px;padding-right: 15px;padding-left: 30px;padding-top: 15px;padding-bottom: 15px;background: none;border-bottom: 1px solid #000;border-top: 1px solid #000;}
	.internal-menu2 > h2:after{content: "";position: absolute;left: 15px;top: 50%;width: 6px;height: 6px;margin-top: -3px;background: #54aa8b;}
	.internal-menu2 > ul{float: none;width: 100%;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-left: 0px;}
	.internal-menu2 > ul > li{float:none;width: 100% !important;height: auto;padding: 0;text-align: left;border-right: none;border-top: 1px solid #e5e5e5;}
	.internal-menu2 > ul > li:first-child{border-left: none;border-top: none;}
	.internal-menu2 > ul > li > a{text-align: left;height: auto;display: block;padding: 15px 28px;font-family: "NotoSans-Regular";font-size: 17px;line-height: 24px;color: #555555;background: url(/images/engineering/common/menu_bg05.gif) no-repeat 95% center;}
	.internal-menu2 > ul > li > a.on{background: url(/images/engineering/common/menu_bg06.gif) no-repeat 95% 24px;}
	.internal-menu2 > ul > li > a br{display: none;}
	.internal-menu2 > ul > li > ul{float: none;border-top: 1px solid #e5e5e5;margin-left: 0px;background: #fcfafa;}
	.internal-menu2 > ul > li > ul > li{float: none;width: 100% !important;border-right: none;border-top: 1px dashed #969595;}
	.internal-menu2 > ul > li > ul > li:first-child{border-left: none;border-top: none;}
	.internal-menu2 > ul > li > ul > li > a{display: block;text-align: left;height: auto;padding: 15px 28px;font-size: 17px;line-height: 24px;}
	.internal-menu2 > ul > li > ul > li > a br{display: none;}
	.internal-menu2 > ul > li > ul > li > ul > li > a{text-align: left;display: block;padding: 2px 28px;font-size: 15px;line-height: 19px;color: #88898c;}
	.internal-menu2 > ul > li > ul > li > ul{display: none;padding-bottom: 10px;}

	.city-footer-wid{width: calc(100% - 20px);text-align: center;}
	.city-footer-wid h1.flogo{float: none;display: block;height: auto;text-align: center;width: 100%;margin-bottom: 15px;}
	.city-footer-wid h1.flogo > a{display: inline-block;vertical-align: middle;}
	.city-footer-wid > p{float: none;margin-left: 0;}
}

@media screen and (max-width:768px){
	.cheadbot-wid > h1.logo{width: 240px;}
	.cheadbot-wid > h1.logo > a img{width: 100%;}
}




.ht-lk > ul > li > a {
	vertical-align: baseline !important;
}

.ht-lk > ul > li + li:before {
	vertical-align: text-top !important;
}

.skiptranslate {
	display: none;
}

#goog-gt-tt {display: none !important;}

@media screen and ( max-width:1024px ){
	.ht-lk {
		display: block !important;
	}
	.ht-lk > ul > li {
		display: none;
	}
	.ht-lk > ul > li:last-child {
		display: block;
	}
	.ht-lk > ul > li:last-child::before {
		width: 0;
		height: 0;
	}
	.total-search {
		display: none;
	}
	.openLanguageG span {
		font-size: 12px;
	}

}

/* 250804 구글 번역시 나오는 안내문 css */
#transTop {
	background: #4d4d4d;
	color: #fff;
	height: 22px;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 600;
}


/* 251121 ai번역 css 추가 S */
/* 251119 추가 S */
#city-header .ai-trans.ai-translate-panel {position : static;}

/* 251119 추가 E */
.dropdown-toggle {height: 27px !important;}
/* 251121 모바일 css 추가 */
@media screen and (max-width: 1024px) {
	.chead-bot #ai-translate-panel-box {
		display: inline-block !important;
		position: absolute;
		right: 64px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
	}
	#city-header .ai-trans.ai-translate-panel {margin-right : 0 !important;}
}
/* 모바일 번역창 크기 최소화 */
@media screen and (max-width: 768px) {
	.ai-translate-panel{min-width : 152px !important;}
}

/* 251121 ai번역 css 추가 E */





/* 도시과학대학 */
.chead-top {
	height: 30px !important;
}
.cheadtop-wid > ul > li {
	height: 100%;
	line-height: 30px;
}
.cheadtop-wid > ul > li > a {
	line-height: unset !important;
}
#city-header .openLanguageG {
	background: none;
	border: none;
}
.chead-top #googleTranslate01 {
	margin-top: 1px;
}

.chead-bot {
	height: auto !important;
}
.city-menu > li > a {
	padding-left: 90px !important;
}

.cheadbot-wid > h1.logo > a > img {
	content: url('/images/urbansciences/common/logo1.gif');
}


@media screen and (max-width: 768px) {
	.cheadbot-wid > h1.logo > a > img  {
		content: url('/images/urbansciences/common/logo04.gif');
	}
	.cheadbot-wid > h1.logo {
		width: 160px !important;
	}
}



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

	.chead-bot #googleTranslate01 {
		display: inline-block !important;
		position: absolute;
		right: 65px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
	}
}

@media screen and (min-width: 1024px) {
	.chead-bot #googleTranslate01 {
		display: none !important;
	}
}

/* body에 is-en 클래스가 붙어있을 때 아래 스타일 강제 적용 */
body.is-en .city-menu > li > a {
	padding-left: 50px !important;
}

body.is-en .cadd-box,
body.is-en .cgs-wrap,
body.is-en .cgs-wrap2 {
	height: auto !important;
}