@charset "utf-8";

@font-face {
	font-family: 'Nanum Barun Gothic';
	font-style: normal;
	font-weight: 300;
	src: url(/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumBarunGothicLight.woff) format('woff'),
	url(/font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumBarunGothic.woff) format('woff'),
	url(/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumBarunGothicBold.woff) format('woff'),
	url(/font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-style: normal;
	src: url('../fonts/Pretendard-Light.eot');
	src: url('../fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Pretendard-Light.woff2') format('woff2'),
	url('../fonts/Pretendard-Light.woff') format('woff'),
	url('../fonts/Pretendard-Light.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/Pretendard-Regular.eot');
	src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Pretendard-Regular.woff2') format('woff2'),
	url('../fonts/Pretendard-Regular.woff') format('woff'),
	url('../fonts/Pretendard-Regular.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-style: normal;
	src: url('../fonts/Pretendard-Medium.eot');
	src: url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Pretendard-Medium.woff2') format('woff2'),
	url('../fonts/Pretendard-Medium.woff') format('woff'),
	url('../fonts/Pretendard-Medium.ttf') format("truetype");
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/Pretendard-Bold.eot');
	src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Pretendard-Bold.woff2') format('woff2'),
	url('../fonts/Pretendard-Bold.woff') format('woff'),
	url('../fonts/Pretendard-Bold.ttf') format("truetype");
	font-display: swap;
}

/* font */
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: 'Pretendard', sans-serif;
	font-weight: 400;
	word-break: keep-all;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,strong, b{font-weight: bold;font-family: 'Pretendard', sans-serif;}
i{font-style: normal;}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: 'Pretendard', sans-serif;font-weight: 400;}
body{font-size: 15px;color: #333; font-weight: 400;}
button:not(.buttonWrap button){margin: 0; padding: 0; border: none; background: none; cursor: pointer;}

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

img{border: 0;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: 'Pretendard', sans-serif;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;
}

.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;}


.clearfix: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: -30px; width: 100%; height: 1px; margin-bottom: -1px; background: #37427d; font-size: 0; text-align: center;color: #fff;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 30px; padding: 4px; font-size: 13px;}

body.main-con .header{background: #fff;}
body.main-con .wid-c{max-width: 1170px;}



#wrap{width: 100%;margin: 0 auto;}
.header{width: 100%;margin: 0 auto;position: relative;z-index: 99;background: #fff;}
.header-top{width: 100%;margin: 0 auto;padding: 18px 0;}
.wid-c{width: calc(100% - 20px);max-width: 1400px;margin: 0 auto;}
.header .logo{float: left;line-height: 46px;display: inline-block;font-size: 0;}
.header .logo .main{display: none;}
.top-area{float: right;}
.top-area > .top-gbn{display: inline-block;vertical-align: middle;font-size:0;}
.top-area > .top-gbn > li{display: inline-block;margin-right:20px;position: relative;}
.top-area > .top-gbn > li:after{content: "";position: absolute;right: -10px;top: 50%;width: 1px;height: 12px;background: #c9c9c9;margin-top: -7px;}
.top-area > .top-gbn > li:last-child:after{display: none;}
.top-area > .top-gbn > li > a{display: block;font-size: 13px;color: #7c7c7c;line-height: 1;}
.top-area > .top-search-box{display: inline-block;vertical-align: middle;width: 230px;height: 46px;box-sizing: border-box;background: #fff;border: 1px solid #ddd;position: relative;}
.top-area > .top-search-box > .sbt{display: inline-block;font-size: 0;position: absolute;right: 15px;top: 50%;margin-top: -8px;}
#quicksearch{width: calc(100% - 30px);height: 44px;border: 0;}

.head-bot{width: 100%;margin: 0 auto;background: #3c497b;position: relative;}

.menu-open{display: none;}
.menu-out{display: none;}
.tsbn-mo{display: none;}

.menu-back{display: none;position: absolute;left: 0;top: 100%;right: 0;background: #fff;height: 330px;box-shadow:7px 8px 10px rgba(0,0,0,0.1);}
.mor-back{display: none;}
.menu-box{text-align: center;}
.depth1_list{font-size: 0;}
.depth1_list > li{display: inline-block;position: relative; width: 16%;}
.depth1_list > li > a{display: block;/*padding: 0 65px;*/line-height: 53px;font-size: 18px;color: #fff;font-family: 'Pretendard', sans-serif; font-weight: bold;}
.depth1_list > li:hover > a{color: #d8bfd8;}
.depth1_list > li > a > span{display: inline-block;position: relative;}

.depth1_list > li > .depth2{display: none;position: absolute;left: 0;top: 100%;z-index: 99;padding-top: 35px;height: 330px;width: 100%;box-sizing: border-box;border-right: 1px solid #ddd; padding-left: 10px;}
.depth1_list > li:last-child > .depth2 {border-right: none;}
.depth1_list > li > .depth2 .depth2_list > li{margin-bottom: 15px;}
.depth1_list > li > .depth2 .depth2_list > li:last-child{margin-bottom: 0;}

.depth1_list > li > .depth2 .depth2_list > li > a.headerLiNewWin{background: url(/images/graduateNew/common/nWindow_ic.png) no-repeat 96% 28%;}

.depth1_list > li > .depth2 .depth2_list > li > a{display: block;position: relative;font-size: 16px;color: #666; text-align: left; font-family: 'Pretendard', sans-serif; letter-spacing: -1px;}
.depth1_list > li > .depth2 .depth2_list > li > a > span{display: inline-block; padding-left: 13px;}
.depth1_list > li > .depth2 .depth2_list > li > a > span:before{ content:""; position:absolute; left:0; top:.55rem; width:5px; height:5px; border-radius:50%; background:#9197c5;}
.depth1_list > li > .depth2 .depth2_list > li.on > a > span{color: #4366c0; font-weight: bold;}

.depth1_list > li > .depth2 .depth2_list > li:hover > a{color: #004483;}
.depth1_list > li > .depth2 .depth2_list > li:hover > a > span{text-decoration: underline;}

.depth3{display: none;}

.top-gbn-mo{display: none;}

.mfc-line-mobile{display: none;}


#container{width: 100%;margin: 0 auto;position: relative;}

#footer{width: 100%;margin: 0 auto;padding: 35px 0;background: #3a3a3a;}
.foot-btn{margin-bottom: 20px;font-size: 0;}
.foot-btn > li{position: relative;display: inline-block;margin-right: 20px;margin-bottom: 5px;}
.foot-btn > li:after{content: "";position: absolute;right: -10px;top: 50%;width: 1px;height:14px;margin-top:-8px;background: #656565;}
.foot-btn > li:last-child{margin-right: 0;}
.foot-btn > li:last-child:after{display: none;}
.foot-btn > li > a{display: block;font-size: 15px;color: #fff;line-height: 1;}
.foot-btn > li.on > a{color: #218fe5;}
#footer p{font-size: 15px;color: #fff;line-height: 1.4;}
#footer p span{display: inline-block;margin-right: 7px;}


/*GoTop-s*/
.GoTop-btn{display:none;position:fixed;top:0;right:2%;top: 90%;width: 62px;height: 62px;background:url(/images/mbaNew/common/GoTop_btn.png) no-repeat left top;font-size:0;border:0;cursor: pointer;}
/*GoTop-e*/

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

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

@media screen and (max-width:1150px){
	/*.depth1_list > li > a{padding: 0 55px;}*/
}

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


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

	.header{background: #fff;}

	.header-top{padding: 0;height: 50px;border-bottom: 1px solid #ddd;}
	.header .logo{float: none;line-height: 50px;}
	.top-area > .top-gbn{display: none;}
	.top-area > .top-search-box{display: none;position: absolute;left: 0;top: 50px;right: 0;width: 100%;background: #fff;border-left: 0;border-right: 0;}
	.menu-open{display: block;position: absolute;right: 0;top: 0;z-index: 99;font-size:0;width: 50px;text-align: center;border-left: 1px solid #ddd;line-height: 50px;}
	.menu-out{display: block;position: absolute;right: 15px;top: 15px;border: 1px solid #dfdfdf;}
	.mor-back{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.6);z-index: 97;}
	.tsbn-mo{display: block;position: absolute;right: 50px;top: 0;width: 50px;text-align: center;border-left: 1px solid #ddd;line-height: 50px;}
	.top-gbn-mo{display: block;position: absolute;left: 20px;top: 30px;font-size: 0;}
	.top-gbn-mo > li{display: inline-block;margin-right:20px;position: relative;}
	.top-gbn-mo > li:after{content: "";position: absolute;right: -10px;top: 50%;width: 1px;height: 12px;background: #c9c9c9;margin-top: -7px;}
	.top-gbn-mo > li:last-child:after{display: none;}
	.top-gbn-mo > li > a{display: block;font-size: 13px;color: #7c7c7c;line-height: 1;}

	.menu-box{display: none;float: none;position: fixed; right: 0; top: 0; width: 100%; min-width: 320px;max-width: 90%;height: 100vh;box-sizing: border-box;overflow-y: auto; background: #fff; z-index: 210;padding: 70px 15px 15px 15px;}
	.depth1_list{margin-right: 0;text-align: left;}
	.depth1_list > li{display: block;margin-bottom: 5px; width: 100%;}
	.depth1_list > li > a{display: block;margin-top: 0;margin-left: 0;padding: 0 15px;line-height: 50px;border-radius: 5px;border: 1px solid #e5e5e5;color: #2c2c2c;}
	.depth1_list > li > a > span{display: block;background: url(/images/graduateNew/common/mo-off.png) right center no-repeat;}
	.depth1_list > li:hover > a > span:after{display: none;}
	.depth1_list > li:hover > a{color: #2c2c2c;font-weight: 500;}
	.depth1_list > li.on > a{color: #fff;background: #3c497b;}
	.depth1_list > li.on > a > span{background: url(/images/graduateNew/common/mo-on.png) right center no-repeat;}

	.depth1_list > li > .depth2{display: none;position: static;border: none;height: auto;padding-left: 20px;padding-top: 15px;padding-bottom: 15px;}
	.depth1_list > li > .depth2 .depth2_list > li{margin-bottom: 10px;}
	.depth1_list > li > .depth2 .depth2_list > li > a{font-size: 15px;padding-left: 10px;position: relative;}
	.depth1_list > li > .depth2 .depth2_list > li > a:after{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 1px;/*background: #333;*/}

	.depth1_list > li > .depth2 .depth2_list > li > .depth3{display: none;position: relative;top: 100%;z-index: 99;padding: 10px;left: 27px;height: auto;width: 100%;box-sizing: border-box;}
	.depth1_list > li > .depth2 .depth2_list > li > .depth3 li > a.newWin{background: url(/images/graduateNew/common/nWindow_ic.png) no-repeat 96% 28%;}

	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3{display: block;}
	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3 li{margin-bottom: 10px;}
	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3 li:last-child{margin-bottom: 0;}
	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3 li > a{display: block;position: relative;font-size: 14px;color: #333;}
	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3 li > a:before{content: ""; position: absolute; left: -13px; top: 9px; width: 5px; height: 2px; background: #9197c5; }
	.depth1_list > li > .depth2 .depth2_list > li.on > .depth3 li.on > a > span{color: #818bba; text-decoration: underline;}

	#footer{text-align: center;}
	#footer p{margin-bottom: 5px;}
	#footer p span{margin-right: 5px;margin-left: 5px;}

	.mfc-line-mobile {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.mfc-line-mobile > li {
		margin-top: 20px;
		width: 25%;
	}
	.mfc-line-mobile > li > a > p {
		font-size: 11px;
		line-height: 9px;
		color: #3c497b;
		font-weight: 500;
		margin-top: 5px;
	}

	.mfc-line-mobile > li > a > span > img {
		width: 40px;
		height: 38px;
	}
}

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

@media screen and (max-width:520px) {
	.header .logo img{max-width: 240px;}
	.header-top{height: 50px;}
	.header .logo{line-height: 50px;}
	.menu-open{line-height: 50px;width: 36px;}
	.tsbn-mo{right: 36px;line-height: 50px;width: 36px;}
	
}
@media screen and (max-width:420px){
	
	
}


/* 구글 추가 */

/* 구글 번역 css 국문 */
body {
	position: static !important;
}
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight,
iframe.goog-te-banner-frame {
	display: none !important;
	visibility: hidden !important;
}

.google-translate .drop-box{position: relative;}


.openLanguageG{display:flex;align-items:center;border-radius: 20px;padding: 5px 5px !important;border: 1px solid #dedede !important;background: #ffffff61 !important;cursor: pointer;line-height: normal}

.openLanguageG span{font-size: 12px;color: #000;}
.openLanguageG.active span{font-size: 12px;color: #fff;}
.openLanguageG::before { margin: 0 8px 0 0; content: ''; display: block; width: 16px; height: 16px; background: url("/images/graduateNew/common/h-google.png") no-repeat center;}


.openLanguageG::after{content:"";display:block;width:16px;height:16px;margin-left:10px;background:url("/images/graduateNew/common/google_nav_bg2.png") no-repeat center;}

/* 메인일때 바뀌는 이미지 추가 */
.openLanguageG.bg1::after {
	background: url('/images/graduateNew/common/google_nav_bg1.png');
}


.google-translate .drop-box .translation-links{width: 130px;display:none;position:absolute;top:32px; z-index: 9999999999;border-radius: 6px;left: 2px;text-align: center}
.google-translate .drop-box.expanded .translation-links{display:block;}
.translation-links a{font-size:13px;color:#000;background:#9c9c9c;display:block;padding:5px 15px;margin-top:1px;}
.translation-links a:hover{background-color: #333;}


.tip {position: absolute; left: -99999px; top: 110%; width: 360px; padding: 13px 20px; background: rgba(255,255,255,.9); border-radius: 10px; font-family: 'Noto Regular'; font-size: 12px; box-shadow: 2px 2px 10px rgba(0,0,0,.4); color: #666; opacity: 0; transition: opacity .75s; transition-delay: .2s;z-index: 9999999999;}
.tip.on {left: 50%; opacity: 1;z-index: 1;}
.tip button {display: inline-block; margin-top: 20px !important; padding: 5px 10px !important; background: #256EF4 !important; border-radius: 5px; color: #fff;}

.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;}

.top-google {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.top-area {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1024px) {
	.top-google {
		display: none;
	}
}
@media screen and (min-width: 1025px) {
	.top-google {
		display: flex;
	}
}
@media screen and (max-width:1024px) {
	.m-google {
		width: 100%;
		height: 36px;
		display: block !important;
		background: #004094;
	}
}
@media screen and (min-width:1025px) {
	.m-google {
		display: none !important;
	}
}

.header .wid-c {
	position: relative;
}
.m-google #googleTranslate01 {
	position: absolute;
	right: 0;
	margin-top: 4px;
	margin-right: 15px;
}

.depth1_list > li > .depth2 {
	height: 600px !important;
}
.menu-back {
	height: 600px !important;
}

.depth1_list > li > .depth2 .depth2_list > li {
	word-break: break-word !important;
}

@media screen and (max-width:1024px){
	.depth1_list > li > .depth2 {
		height: auto !important;
	}

}