@charset "utf-8";

@font-face {
    font-family: 'ProximaNova';
    src: url('/file/font/ProximaNova-Semibold.eot');
    src: local(※), url('/file/font/ProximaNova-Semibold.woff') format('woff');
    }

@font-face {
    font-family: 'ProximaNova-Cond';
    src: url('/file/font/ProximaNovaCond-Semibold.eot');
    src: local(※), url('/file/font/ProximaNovaCond-Semibold.woff') format('woff');
    }


/* 전체 폰트 설정 */
body, div, input, button, textarea, table {
	font-family: Noto Sans, Noto Sans KR;
}

/*
.tahoma-font {
	font-family: Tahoma, 돋움, Dotum, Geneva, sans-serif; 
	font-size:12px; color:#ccc;
	font-weight:bold;  
}
*/

.bold { font-weight:bold; }

.green { color:#70AA24; }

.lhplus { line-height:1.6; }
.lhplus2 { line-height:1.7; }

.li-margin  { margin-bottom:5px; }
.li-margin2 { margin-bottom:8px; }
.li-margin3 { margin-bottom:15px; }
.li-margin4 { margin-bottom:24px; }

.align-left {
	display: block;
	float: left;
	padding: 4px 10px 8px 0;
	}

.align-right {
	display: block;
	float: right;
	padding: 4px 0 8px 10px;
	}

.en { font-family:Arial; font-size:93%; }

.td-left-align { text-align:left; }

img.border-profile { border:2px solid #2C2C2C; }

.hspace-1 { margin-top:5px; }
.hspace-2 { margin-top:8px; }
.hspace-3 { margin-top:15px; }

.indent-1 { padding-left:30px; }
.indent-2 { padding-left:45px; }
.indent-3 { padding-left:60px; }
.indent-4 { padding-left:90px; }

.indent-hanging {
	padding-left: 2em;
	text-indent: -0.8em;
}

div.v1px { height:1px; }


.content-container { position:relative; margin-top:-70px; padding:0 16px 0 33px; }

		.content-left-positioner ol, .content-left-positioner ul { list-style:none; }

	.content-left-positioner {
		position:relative; float:left; margin-right:16px;
		width: -moz-calc(25% - 18px);
		width: -webkit-calc(25% - 18px);
		width: calc(25% - 18px);
		min-width:150px;
		}

	.content-main-positioner {
		position:relative; float:left;
		width:75%;
		font-size:15px;
		}

		.content-main-positioner div {
			color:#676767;	/* 676767 */
			font-size:15px;
			}

		.content-main-positioner ul, .content-main-positioner ol {
			margin-left:20px;
			}

		.content-main-positioner h1 {
			color:#FFF;
			font-family:ProximaNova-Cond, Arial, Malgun Gothic, Apple SD Gothic Neo; font-size:3em;
			text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); letter-spacing:2px;	/* 0 2px 5px 0.5 였음 20170114 */
			margin-bottom:50px;
			}

		.content-main-positioner h2 {
			color:#322D60;
			font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:2em; font-weight:bold;
			margin-bottom:15px;
			}

		.content-main-positioner h3 {
			color:#9E917F;
			font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:24px; font-weight:bold;
			border-bottom:1px solid #E1E1E1; padding-bottom:10px; margin-bottom:6px;
			}

			.content-main-positioner h3 .h3-sub {
				color:#BAA890; font-size:80%; font-weight:bold;
				}


			.content-main-positioner .course-group {
				color:#416699; font-size:18px; font-weight:bold; display:block;
				border-bottom:1px solid #E1E1E1; padding-bottom:5px; margin-bottom:6px;
				}

		.content-main-positioner h4 {
			color:#5F7A9B;
			font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:16px; font-weight:bold;
			margin:0 0 5px 0;
			}

			.content-main-positioner .h4 {
				color:#5F7A9B;
				font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:16px; font-weight:bold;
				line-height:2;
				}

			.content-main-positioner .h4_sub {
				color:#C0D1B5;
				font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:14px; font-weight:bold;
				}

			.content-main-positioner .h4_note {
				color:#8C9198;
				font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:13px; font-weight:normal;
				}

			.content-main-positioner .tuition-left {
				float: left; width:290px;
				padding: 4px 0 8px 0; line-height:1.6;
				margin-left:30px; margin-bottom:15px;
				}

			.content-main-positioner .tuition-right {
				float: left; width:80px;
				padding: 4px 0 8px 0; line-height:1.6;
				text-align:right;
				}

		div.content-main-positioner	.sub {
			color:#989898; font-size:93%;
			}

		div.content-main-positioner	.sub-1 {
			font-size:93%;
			}

		div.content-main-positioner	.sub-2 {
			font-size:86%;
			}

		div.content-main-positioner	span.emp {	/* #70AA24 */
			color:#322D90; font-weight:bold;
			}

		div.content-main-positioner	span.emp2 {
			color:#CF5F1B; font-weight:bold;
			}

		div.content-main-positioner	span.emp-sub {
			color:#5D95D9; font-weight:bold;
			}

		div.content-main-positioner	div.tab {
			margin-left:30px;
			}



		div.facts-wrap-half {
			float:left; width:48%; margin-left:2%;
			}

		div.facts-wrap-third {
			float:left; width:31%; margin-left:2%;
			}

			div.facts-wrap-half h4, div.facts-wrap-third h4 {
			color:#676767; font-family:Malgun Gothic, Apple SD Gothic Neo; font-size:1em; font-weight:normal;
			border-bottom:1px solid #E2EBF1; padding-bottom:4px; margin-top:14px;
			}


		div.course-schedule-date { float:left; width:80px; height:24px; display:table; color:#555; }

		div.course-schedule-code { float:left; width:50px; height:24px; display:table; font-size:90%; color:#999; line-height:1.7; }

		div.course-schedule-title { float:left; width:47%; height:24px; display:table; font-weight:bold; white-space:nowrap; }
			div.course-schedule-title .sub { font-size:80%; color:#AAA; font-weight:normal; }

			@media only screen and (max-width:970px) {
				div.course-schedule-title { width:240px; margin-right:15px; display:block; overflow:hidden; }
			}

		div.course-schedule-unit { float:left; width:60px; height:24px; display:table; margin-left:4px; font-weight:bold; font-size:12px; margin-top:1px; }

		div.course-schedule-con { float:left; width:80px; height:24px; display:table; font-weight:bold; color:#999; font-size:12px; margin-top:1px; }

		div.course-schedule-type { float:left; height:24px; display:table; font-weight:bold; white-space:nowrap; }
			div.course-schedule-type .geophysical { color:#4F9300; font-size:12px; }
			div.course-schedule-type .intensive { color:#ECB202; font-size:12px; }		/* #F7B42C */
			div.course-schedule-type .live { color:#BF0000; font-size:12px; }
			div.course-schedule-type .threeday { color:#BF0000; font-size:12px; }
			div.course-schedule-type .hybrid { color:#5F00BF; font-size:12px; }
			div.course-schedule-type .online { color:#005FBF; font-size:12px; }

		div.course-schedule-return { clear:both; height:12px; }

		span.align-middle { display:table-cell; vertical-align:middle; }


/*
		div.content-main-positioner	span.gray { color:#989898; }
		div.content-main-positioner	span.gray-1 { color:#AEAEAE; }

		div.content-main-positioner	span.sky { color:#3CA2C8; }
		div.content-main-positioner	span.red { color:#B74B43; }
*/


.video-container {
    width: 640px;
    max-width: 100%;
	margin:0 auto;
	}

	.video-container .wrapper {
		position: relative;
		height: 0;
		padding-top: 30px;
		padding-bottom: 56.25%;
		overflow: hidden;
		}

	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}




/*  레이아웃 및 공통 class */
html, body {}

/* #site-container { background: #FDFDFC url(/img/bg_noise.png) repeat; min-width:750px; }	*/
#site-container { background: #fff; min-width:750px; }


a {
	color:#C4753A;
	text-decoration:none;
	}

	a:visited { color:#C4753A; }
	a:hover {
		color:#E09A5B;
		}

	#kdmin-board-content .rd_body a {
		color:#3B89C5;
		text-decoration:none;
		}

		#kdmin-board-content .rd_body a:visited { color:#3B89C5; }
		#kdmin-board-content .rd_body a:hover { color:#80CA20; }




.button-small a, #news-current-container .button-small a {
	display: inline-block;
	margin:5px 0 0 0px; padding:.3em 1em;	/* right margin 15px 였는데, 첫화면 mobile device에서 세미나 버튼 줄바뀜 */
	background:#B6A792; border:0; border-radius:3000px; text-align:center;
	color:#fff; font-size:.75em; font-weight:bold; text-transform: uppercase;
	transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	}

	.button-small a:hover, #news-current-container .button-small a:hover {
		background:#CBC0B1;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}


.board {  }

	.rd_body { padding: 0 25px 20px 25px; }

	span.board-foot-prevnext { font-size:0.95em; }

		a.bd_rd_prev, a.bd_rd_next { color:#AAA; }
			a.bd_rd_prev:hover, a.bd_rd_next:hover { color:#80CA20; }

	.board .read-faculty { margin:10px 0 0 14px; }

	.board .prof-name {
		color:#322D60; font-size:2.5em; font-family:Arial; font-weight:bold;
		text-transform:uppercase;
		}

	.board div.prof-area { line-height:1.5; }

	.board span.prof-area, .board span.prof-title { color:#676767; font-size:1.17em; font-family:Arial; font-weight:bold; }

	.board span.contact, .board span.education { color:#676767; font-size:1em; font-family:Arial; font-weight:bold; }

	.board div.contact {
		margin:3px 0 12px 0; line-height:1.4;
		font-size:1em; font-family:Arial;
		}


	.prof-list { margin:10px 0 0 20px; }

		.prof-list .positioner-left  { float:left; margin-right:15px; margin-bottom:5px; }
		.prof-list .positioner-middle { float:left; font-family:Malgun Gothic, Apple SD Gothic Neo; }
		.prof-list .positioner-right { float:left; font-family:Malgun Gothic, Apple SD Gothic Neo; }

		.prof-list .prof-name, .prof-list .prof-name-en, .prof-list .prof-area { float:left; }

		.prof-list .prof-name {
			height:39px;
			margin:2px 12px 2px 0; padding-top:11px; line-height:1;
			font-size:1.4em; font-family:Malgun Gothic, Apple SD Gothic Neo; font-weight:bold;
			}
		.prof-list .prof-name-en {
			margin-top:8px; line-height:1;
			color:#EDCBB5; font-size:1em; font-family:Arial; font-weight:bold;
			text-transform:uppercase;
			}

		.prof-list .prof-area { color:#8CA101; font-size:0.9em; }


	#seminar-prof-container { float:right; background:#FDFDFC url(/img/bg_noise.png) repeat; }

		#seminar-prof-container .prof-item {
			float:right; margin-left:10px;
			font-size:0.8em; text-align:center; line-height:1.3;
			}

	#seminar-header {
		margin-right:10px; padding:10px 10px 12px 10px;
		border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#FFF;
		}

		#seminar-header .code {  }
		#seminar-header .title { font-size:20px; font-family:Malgun Gothic, Apple SD Gothic Neo; font-weight:bold; }
		#seminar-header .category { color:#888; font-size:12px; font-weight:bold; }
		#seminar-header .title-en { color:#CCC; font-size:14px; font-family:Tahoma,Arial; font-weight:bold; font-style:italic; }
	
	#seminar-info { padding:10px; font-size:0.9em; line-height:1.7; }

		#seminar-info .item-title { color:#99CC11; font-weight:bold; }
		#seminar-info .item { font-weight:bold; }

		#seminar-update-container { margin-top:24px; white-space:nowrap; vertical-align:top; }

			#seminar-update {
				display:inline-block; line-height:1.4; vertical-align:top;
				color:#FFA9A9; font-size:1em; font-family:Arial; font-weight:bold;
				}

			#seminar-update-wrapper {
				display:inline-block; line-height:1.3; white-space:nowrap; vertical-align:top; width:80%;
				}

				#seminar-update-wrapper .update-date {
					display:inline-block; margin-left:15px; line-height:1.32; vertical-align:top;
					color:#FF8383; font-size:0.9em; font-weight:normal;
					}
				#seminar-update-wrapper .update-content {
					display:inline-block; margin-left:5px; line-height:1.3; white-space:normal;
					color:#FF3101; font-size:0.9em; font-weight:bold; vertical-align:top;
					}

		.board-list-update { color:#EA7A60; font-size:9px; font-family:Arial, Tahoma; }

		.seminar_online { font-size:11px; font-weight:bold; color:#005FBF; white-space:nowrap; }
		.seminar_hybrid { font-size:11px; font-weight:bold; color:#5F00BF; white-space:nowrap; }
		.seminar_live { font-size:11px; font-weight:bold; color:#BF0000; white-space:nowrap; }


	#news-header {
		margin-right:10px; padding:10px 10px 12px 10px;
		border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#FFF;
		}

		#news-header .title { font-size:18px; font-family:Malgun Gothic, Apple SD Gothic Neo; font-weight:bold; }

	#news-info { padding:10px 10px 0 10px; font-size:0.9em; line-height:1.7; }

		#news-info .item-title { color:#99CC11; font-weight:bold; }
			#news-info .item-title-deadline { color:#FFB311; font-weight:bold; }

		#news-info .item { font-weight:bold; }

	#news-register { float:right; color:#999; font-size:0.8em; line-height:1.7; padding:10px; }

	.board_title_header { color:#4f9300; font-size:0.8em; }
	.board_title_footer { color:#AAA; font-size:0.8em; }




/* XE 세팅 */
.document_popup_menu { display:none; }	/* 페이지 모듈에서 '이 게시물을' 팝업메뉴 감춤 */


/* SimpleTab */
div.tab-container { margin-top:25px; }

ul.tabs {
	max-width:1116px;	/* 원래 1100인데 첫페이지 NEWS에 padding-left 16px 고려해서 수정 */
	margin:0 auto;
	padding:0; padding-left:16px;		/* 본래 margin:0 16px 인데  첫페이지 NEWS에 max-width 적용하면서 padding으로 수정 */
	text-align:left; font-size:0; white-space:nowrap;
	}

	ul.tabs li {
		list-style:none; display:inline;
		margin:0; padding:0; font-weight:bold;
		}

		ul.tabs li.tabs-home {
			list-style:none; display:inline;
			margin:0 1px 0 1px; padding:0;
			}

		ul.tabs li.tabs-home-focus {
			list-style:none; display:inline;
			margin:0 1px 0 1px; padding:0;
			}

		ul.tabs li a {
			padding:10px 13px; line-height:1;
			border:1px solid #F2F0EC; border-bottom:1px solid #E1DBD1;
			background:#F6F5F2;
			color:#A49275; font-size:15px; text-decoration:none; font-family:Malgun Gothic;
			}

			ul.tabs li.tabs-home a {
				padding:15px 25px; line-height:1;
				border:1px solid #F2F0EC; border-bottom:0;
				background:#F6F5F2;
				color:#A49275; font-size:15px; text-decoration:none; font-family:Malgun Gothic; font-weight:bold;
				}

			ul.tabs li.tabs-home-focus a {
				padding:10px 13px; line-height:1;
				border:1px solid #F2F0EC; border-bottom:0;
				background:#F6F5F2;
				color:#A49275; font-size:15px; text-decoration:none; font-family:Malgun Gothic; font-weight:bold;
				}

		ul.tabs li a:hover {
			color:#926E36;
			background-color:#EEEBE6;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

		ul.tabs li.tabs-home a:hover {
			color:#926E36;
			background-color:#EEEBE6;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

		ul.tabs li.tabs-home-focus a:hover {
			color:#926E36;
			background-color:#EEEBE6;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

		ul.tabs li a.current {
			color:#A49275;
			border:1px solid #E1DBD1; border-bottom:1px solid #EEEBE6;
			background:#EEEBE6;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

			ul.tabs li.tabs-home a.current {
				color:#A49275;
				border:1px solid #EEEBE6; border-bottom:0;
				background:#EEEBE6;
				-o-transition:.3s;
				-ms-transition:.3s;
				-moz-transition:.3s;
				-webkit-transition:.3s;
				}

			ul.tabs li.tabs-home-focus a.current {
				color:#A49275;
				border:1px solid #EEEBE6; border-bottom:0;
				background:#EEEBE6;
				-o-transition:.3s;
				-ms-transition:.3s;
				-moz-transition:.3s;
				-webkit-transition:.3s;
				}

div.tab-content {
	display:none;
	background-color:#EEEBE6;
	border:1px solid #E1DBD1;
	padding:15px;
	margin-top:2px;		/* 예전 Fuller 서버, XE 1.7.11에서는 12px 였는데, AWS Rhymix로 이전 후에 세로 여백 생겼음 */
	}

	div.tab-content.currentTab { display:block; }

	div.tab-content	a { color:#C4753A; }
		div.tab-content	a:visited { color:#C4753A; }
		div.tab-content	a:hover { color:#E09A5B; }


	div.tab-content	.sub {
		color:#989898; font-size:93%;
		}

	div.tab-content	.sub-1 {
		font-size:93%;
		}

	div.tab-content	.sup-1 {
		font-size:106%;
		}

	div.tab-content	.sup-2 {
		font-size:113%;
		}

	div.tab-content	.emp {
		color:#678753; font-weight:bold;
		}

	div.tab-content	.gray { color:#989898; }
	div.tab-content	.gray-1 { color:#AEAEAE; }

	div.tab-content	.sky { color:#3CA2C8; }
	div.tab-content	.red { color:#B74B43; }


	div.tab-content	.quote-wrap { margin-top:-15px; margin-left:20px; }

		div.tab-content	.quote {
			position: relative; float: left;
			margin-bottom:15px; margin-left:-5px; padding-top:17px;
			color:#322D60; font-size:24px; font-family:Malgun Gothic; font-style:italic; font-weight:bold; text-shadow: 1px 1px 1px #C8CCDA;
			z-index:10;
			}

			div.tab-content	.quote-left {
				position:relative; float:left;
				margin-top:0px; padding-top:45px;
				height: 5px;
				line-height:25px;
				color:#D8D0C4; font-size:600%; font-family:georgia; font-style:italic;
				}

			div.tab-content	.quote-right {
				position:relative; float:left;
				margin-top:0px; margin-left:-10px; padding-top:45px;
				height:5px;
				line-height:25px;
				color:#D8D0C4; font-size:600%; font-family:georgia; font-style:italic;
				z-index:1;
				}


div.tab-content-block {
	background-color:#EEEBE6;
	border:1px solid #E1DBD1;
	padding:15px; margin-top:12px;
	}




/* Accordion */
.ac-container {
	}

	.ac-container .ac-item {
		background: #92B9DE url(/img/ui/accordion-plus.png) no-repeat center right;
		border:1px solid #E7E3DC;
		padding: 8px 20px;
		color:#FFF; font-size:18px; font-weight:bold;
		cursor: pointer;
		}

		.ac-container .ac-item .emp {
			font-size:80%; color:#FFE051;	/* text-shadow:1px 1px #867318 */
			}

	.ac-container .ac-content {	
		border:1px solid #E7E3DC; border-top:0;
		padding:18px;
		}

	.ac-container .on {
		background: #376FA3 url(/img/ui/accordion-minus.png) no-repeat center right;	
		border-bottom:0;
		}
		
	.ac-container .over {
		background: #376FA3 url(/img/ui/accordion-plus.png) no-repeat center right;	
		}


		.ac-container .ac-content h5 {
			color:#416699; font-size:18px; font-weight:bold;
			border-bottom:1px solid #E1E1E1; padding-bottom:5px; margin-bottom:6px;
			}

			.ac-container .ac-content .h5_sub {
				color:#4477B6; font-size:90%; font-weight:bold;
				}

			.ac-container .ac-content .h5_ext { vertical-align:-3px; }

		.ac-container .ac-content h6 {
			color:#409BAE; font-size:16px; font-weight:bold;
			margin-bottom:6px;
			}

		.ac-container .ac-content .gray { color:#989898; }
		.ac-container .ac-content .gray-1 { color:#AEAEAE; }

		.ac-container .ac-content .sky { color:#3CA2C8; }
		.ac-container .ac-content .red { color:#B74B43; }



/* More / Less */
.more-less {  }

	.more-less .more, .more-less .more-script {	
		cursor:pointer;
		text-align:center;
		color:#008EF2; font-size:13px; font-weight:bold;
		}
	.more-less .more-katalk {	
		cursor:pointer;
		color:#C4753A; font-weight:bold;
		}

		.more-less .more:hover, .more-less .more-script:hover {	
			cursor:pointer;
			color:#51BCFF;
			}
		.more-less .more-katalk:hover {	
			cursor:pointer;
			color:#E09A5B;
			}

	.more-less .less, .more-less .less-script {
		cursor:pointer;
		margin-top:15px; text-align:center;
		color:#008EF2; font-size:13px; font-weight:bold;
		}
	.more-less .less-katalk {
		cursor:pointer;
		margin-top:15px;
		color:#C4753A; font-size:13px; font-weight:bold;
		}

		.more-less .less:hover, .more-less .less-script:hover {	
			cursor:pointer;
			color:#51BCFF;
			}
		.more-less .less-katalk:hover {	
			cursor:pointer;
			color:#E09A5B;
			}

	.more-less .ml-content, .more-less .ml-content-script, .more-less .ml-content-katalk {	
		padding:15px 30px; font-size:93%;
		}






/* Slide */
#next-slide-button {
	position:absolute; right:0; bottom:0;
	width:300px; height:100px;
	cursor:pointer;
	z-index:900;
	}

.next-slide {
	position:absolute; right:0; bottom:0;
	width:auto; height:100px;
    text-transform: uppercase;
	color:#fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	background: url(/img/ui/slide-arrow.png) rgba(0,0,0,0.2) no-repeat;
	background-position: right 10px center;
    background-size: 16px 16px;
    padding: 10px;
    height: 80px;
	}

.next-text {
	color: #fff;
	display: block;
	letter-spacing: 1px;
	padding: 12px 32px 4px;
	font-size: 11px;
	font-family: "proxima-nova","Helvetica Neue",helvetica,sans-serif; font-weight:bold;
	text-align:right;
	line-height: 1.5;
	}

.slide-next-title {
	padding: 2px 32px 0;
	display: block
	color: #fff;
	display: block;
	text-align: right;
	font-size: 15px;
	font-family: "proxima-nova","Helvetica Neue",helvetica,sans-serif; font-weight:bold;
	line-height: 2;
	}

.slidesjs-next {
	position:absolute; bottom:0; right:0; z-index:99;
	}

.slidesjs-container {
	height:400px;
	}

.slidesjs-control {
	height:400px;
	}

#slides {
  display: none;
}






/* 레이아웃 최상단 */

.top-ribbon {
	height:61px; background-color:#101820; display:flex; align-items:center; justify-content:space-between;
	}

	.left {
		margin-left: 60px;
		font-family: Noto Sans, Noto Sans KR,Arial,Apple SD Gothic Neo,'애플 SD 고딕 Neo','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕',sans-serif;
		font-size: 13px;
		font-weight: 450;
		line-height: 1.4;
		}

		.left a:link { color:#fff; }
		.left a:visited { color:#fff; }

	.right { 
		margin-right: 50px;
		font-family: Noto Sans, Noto Sans KR, Arial,'Apple SD Gothic Neo','애플 SD 고딕 Neo','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕',sans-serif;
		font-size: 13px; color:#fff;
		font-weight: 450;
		line-height: 1.4;
		}

		.right a { color:#fff; }
		.right a:visited { color:#fff; }

	a:hover.top-menu { text-decoration: underline; }


.max-container { max-width:1100px; margin:0 auto; }



/* 레이아웃 최상단 헤더 */

#header {
	position:relative; width:100%; height:38px;
	box-shadow:0 6px 4px rgba(0,0,0,0.1);
	margin:0; padding:0;
	} /* to bottom,#005C6C 0,#004652 */
#header .header-content { position:relative; height:42px; } /* text-transform:uppercase; */

	#header .search-input {
		color:#7FB7A0;
		border:1px solid #4AA47F;
		}

		#header .search-input:focus {
			color:#005867;		/* #B1E1CD 거의 흰색 글자 */
			}

	#header .search-button {
		background: url("/img/ui/search.png") no-repeat scroll center center #5DB390;
		}

		#header .search-button:hover {
			background-color:#7BCBAA;
			}

	@media only screen and (max-width:850px) {
		#header .search { display:none; }
	}





/* 로그인?? */
#header .account { float:right; position:relative; }
#header .account .gnb-item .gnb-link span { font-weight:normal; }

#header .account .gnb-item.signup:hover .gnb-link,
#header .account .gnb-item.signup:hover .gnb-link span { background:none; }

#header .account .gnb-item:hover .gnb2-wrap { left:-71px;}

#header .account .gnb-item.signup .gnb-link { padding:0;}
#header .account .gnb-item.signup .gnb-link span { padding:0 0 0 24px; color:#C0C0C0; }

#header .account .gnb-item.myprofile .gnb-link { padding:0 0 0 15px}
#header .account .gnb-item.myprofile .gnb-link span { padding:0 12px 0 0; font-size:0; }


.account .gnb-item.signup span:before { 
	display: block;
	content: "";
	position: relative;	/* absolute 였음 */
	background:url(../img/spriteicon.png) -76px -8px;	
	width: 22px; height: 22px;
	left: 0; top: 16px;
}

#header .account .gnb2-item a:hover {
	color:#FFF; 
	background-color:#005869;
	text-shadow: 0px 1px rgba(43, 43, 43, 0.5);
}

#header .gnb2-item-text { }
#header .account .gnb2-item-text { padding-left: 24px; }
.account .gnb2-item-text:before {
	display: block;
	content: "";
	position: absolute;
	width: 18px; height: 18px;
	left: 0; top: -2px;
}

#header .sub-divider {
	display: block;
	margin: 3px 0;
	width: 100%; height: 0px;
	border-top: 1px solid #151515;
	border-bottom: 1px solid #333;
}




/* GNB 1 */
		#header ol, #header ul { list-style:none; }

#header .gnb {
	position: relative;
	display: flex;
	justify-content: center; /* center the items */
	align-items: center;
	z-index: 100;
	padding: 0;
}

	#header .gnb > ul {
		display: flex;
		gap: 20px; /* optional spacing between items */
		padding: 0;
		margin: 0;
	}

	.gnb-item {
		float: left;
		position: relative;
		height: 42px;
		padding:0 0 0 13px;
		display: block;
		font-size: 16px;
		font-style: normal;
		font-family: Noto Sans, sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		color: #101820;
		text-rendering: optimizeLegibility;
    		-webkit-font-smoothing: antialiased;
	}

	.gnb-link { color:#000; }
	.gnb-link:visited { color:#000; }
	.gnb-link:hover { color:#007FA3; }

	.gnb-item:hover .gnb2-wrap { left:0; }
	.gnb2-item:hover .gnb3-wrap { left:172px; }


/* GNB 2 */
#header .gnb2-wrap {
	position:absolute; top:37px; min-width:190px; *z-index:100;/*ie7*/
	padding:0;
	background-color:#fff;
	box-shadow: #00000040 0px 1px 1px 0px;	/* H offset, V offset, Blur radius, Spread readius */
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	/* transition: box-shadow 0.3s ease; */
	}

#header .gnb2-item { position:relative; display:block; }

	#header .gnb2-item .gnb2-link span {
		display:block; position:relative;
		line-height:45px;
		color: #101820; font-size:14px; padding-left:14px;
		letter-spacing: 0.5px;
		font-family: Noto Sans KR, sans-serif;
		font-weight: 500;
		text-rendering: optimizeLegibility;
    		-webkit-font-smoothing: antialiased;
		}

	#header .gnb2-item span:hover {
		color:#007fa3;
		}


.yuki1, .yuki2, .yuki3, .yuki4, .yuki5, .yuki6, .yuki7, .account .gnb2-wrap, .yuki8, .yuki9, .yuki10, .yuki11, .yuki12, .yuki13, .yuki14 {
	left:-999em;
	}




/* GNB 3 */
#header .gnb3-wrap {
	position:absolute; top:0; min-width:172px; z-index:1001;
	margin-left: 18px;
	padding:0;
	background-color:#fff;
	box-shadow: #00000040 0px 1px 1px 0px;
	}

#header .gnb3-item { position:relative; }

	#header .gnb3-item a {
		display:block; position:relative;
		line-height:45px;
		color: #101820; font-size:14px; padding-left:14px;
		font-family: Noto Sans KR, sans-serif;
		font-weight: 500;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		}

		#header .gnb3-item a:hover {
			color: #007fa3; font-size:14px; padding-left:14px;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}




/* LNB */
.lnb-item {
	position: relative;
	display: block; overflow: hidden;
	height: 31px;
	background-color:#91C46C;
	padding:9px 0 0 16px; margin-top:2px;
	transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	}

.lnb2-item {
	position: relative;
	display: block; overflow: hidden;
	height: 29px;
	background-color:#56891F;
	padding:8px 0 0 30px;
	transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	}

	.lnb-item .item-link {
		position: relative;
		color: #FFF; font-weight:bold; font-size:15px;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		}

	.lnb2-item .item-link {
		position: relative;
		color: #FFF; font-weight:normal; font-size:14px;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		}

	.lnb2-item.active .item-link {
		font-weight:bold;
		}

	.lnb-item.active { background:#63A325; }
	.lnb2-item.active { background:#426919; }

	.lnb-item:hover {
		background:#63A325;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}

	.lnb2-item:hover {
		background:#426919;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}

.lnb-item-text { border:0px solid yellow; height:37px; margin-top:-8px; padding-top:8px; }




/* 페이지 디자인 */

#banner-home {
	height:400px;
/*	background-size:cover;
	background-image:url(/img/bg_campus2.jpg);
*/
	}


	.banner-home-message-text-wrapper {
		float:left;
/*		width:38%; height:100%; max-width:460px; min-width:360px;	*/
		width:42%; height:100%; max-width:460px; min-width:380px;
		border-left:10px solid rgba(157, 214, 204, .8); border-right:10px solid rgba(157, 214, 204, .8);
		background-color:rgba(47, 57, 93, 0.8);
/*		background-color:rgba(66, 47, 104, 0.8);	*/
		}

		@media only screen and (max-width:1000px) {
			.banner-home-message-text-wrapper {
				width:auto;
				}
		}

	.banner-home-message-text {
		padding:30px 0 0 30px;
		}

	.banner-home-message-text h1 {
		color:#fff;
		font-family:ProximaNova-Cond, Arial, Malgun Gothic, Apple SD Gothic Neo; font-size:4.5em;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 1); letter-spacing:4px; line-height:1;
		}

		@media only screen and (max-device-width:1000px) {
			.banner-home-message-text h1 {
				font-size:3.7em;
				}
			.banner-home-message-text .slide-2 {
				font-size:3.7em; letter-spacing:0px;
				}
		}

	.banner-home-message-text .text {
		color:#fff;
		font-family:"ProximaNova-Cond, Arial, Malgun Gothic, Apple SD Gothic Neo"; font-size:1.3em; font-weight:normal;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 1); letter-spacing:0px; line-height:1.8;
		}

		@media only screen and (max-device-width:1000px) {
			.banner-home-message-text .text {
				line-height:1.5;
				}
		}

	.banner-home-login-wrapper {
		float:left;
		width:50%;
		text-align:center;
		}

a.button-5-square {
	background-color: #CA8A35;
    display: inline-block;
    padding: .4em 1em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
	margin-bottom: .5em;
    border-radius: 3px;
	color: #FFF;
	transition: all .15s ease-in-out;
	font-size: 16px;
    font-family: "proxima-nova","Helvetica Neue",helvetica,sans-serif;
	line-height: 1.5;
	}

	a.button-5-square:hover {
		background-color: #D68844;
		transition: all .15s ease-in-out;
		}



	#banner-home-message {
		padding:1px 0 0 30px;	/* 원래 80인데, 20주년 때 30으로 */
		}

	#banner-home-message .heading {
		color:#FFF; font-size:3.9em; font-family:ProximaNova-Cond, Arial; font-weight:bold;
		text-shadow: 0 2px 5px #000;
		-webkit-font-smoothing:antialiased;
		}

	#banner-home-message .heading-2 {
		color:#FFF; font-size:1.6em; font-family:ProximaNova, Arial; font-weight:normal;
		text-shadow: 0 2px 5px #000;
		}

	a.button-large {
		display:inline-block;
		background-color:#7CBC48; border:1px solid #709B49; border-radius:3000px 3000px 3000px 3000px;
		padding:.4em 1em;
		color:#FFF; font-family:ProximaNova, Arial; font-size:1.3em; font-weight: bold; text-decoration:none;
		cursor: auto;
		box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}

		a.button-large:hover {
			background-color:#91C46C; border:1px solid #709B49; border-radius:3000px 3000px 3000px 3000px;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

	a.button-medium {
		display:inline-block;
		background-color:#95CD63; border:1px solid #709B49; border-radius:3000px 3000px 3000px 3000px;
		padding:.2em 1em;
		color:#FFF; font-family:ProximaNova, Arial; font-size:1.2em; font-weight: bold; text-decoration:none;
		cursor: auto;
		box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}

		a.button-medium:hover {
			background-color:#ADE07C; border:1px solid #709B49; border-radius:3000px 3000px 3000px 3000px;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

.banner-container {
	padding:12px 0;
	}

	.banner-top {
		height:268px; /* 174 */
		background-size:cover;
	/*	box-shadow: 0 2px 2px rgba(0,0,0,0.4);	*/
		}



.main-wrap {
	padding:0 15px 0 15px; max-width:1100px; margin:0 auto;
	font-family:Malgun Gothic, Apple SD Gothic Neo, Dotum, 돋움;
	}

	#main-greetings {
		width:25%; min-width:240px; float:left; margin:15px 0 0 0;
		background-color:#E7E3DC;
		}

		@media only screen and (max-width:940px) {
			#main-greetings {
				display:none;
				}
		}

		#main-greetings .spacer { margin:20px 0 20px 0; }

			#main-greetings .wrap { width:235px; margin:0 auto; color:#444; }

				#main-greetings .sect-1 {
					float:left;
					margin-right:12px;
					}

					.main-greetings .sect-1 img { display:block; }  /* img 아래 3px 여백 제거 */

				#main-greetings .sect-2 {
					float:left; padding-top:2px;
					line-height:1.6;
					}
	
					#main-greetings .sect-2 .title {
						color:#005869; font-weight:bold; font-size:14px;
						}

					#main-greetings .sect-2 .subtitle {
						color:#888; font-family:Arial; font-weight:bold; font-size:11px;
						}

				#main-greetings .spacing-h { height:20px; }


	#main-seminars {
		width:47%; min-width:430px; float:left; margin:15px 0 0 0;
		}

		@media only screen and (max-width:940px) {
			#main-seminars {
				width:auto;
				}
		}

		#main-seminars-container { max-width:430px; margin:0 auto; padding:0 5px; }

			#main-seminars .title-wrap { float:left; }

				#main-seminars .title { color:#7D8B56; font-size:26px; font-family:Arial; font-weight:bold; }
			
			#main-seminars .button-wrap { float:right; margin-top:2px; }


		/* discover */	/* CONTEXT-EXTENDED 위젯에 있던 것 옮겨옴 (원래 이름 .discover)  메인 세미나 미리보기 용 */
		.seminar-current { list-style:none; }
		.seminar-current-item { width:205px; height:70px; float:left; margin:12px 0 2px 0; padding-right:5px; }
													/* 8개 추출시 margin:12px 0 2px 0; 6개 추출시 20px 0 20px 0; */
			.seminar-current-item .prof { color:#ABBE3F; font-size:1em; font-family:Malgun Gothic, Apple SD Gothic Neo, Dotum; font-weight:bold; }
			.seminar-current-item .seminar-current-title {
				margin-top:5px;
				color:#473A27; font-size:12px; font-family:Malgun Gothic, Apple SD Gothic Neo, Dotum;
				}
			.seminar-current-item .date {
				margin-top:5px;
				color:#398547; font-size:10px; font-family:Tahoma;
				}
			.seminar-current-item .category {
				color:#95B4B5; margin-left:2px;
				}

			.seminar-current-item a:hover { text-decoration: none!important;}
			.seminar-current-item .thumb {
				float:left;
				margin-right:10px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}


	#main-focus {
		width:27%; float:left; margin:15px 0 0 0;
		}

		@media only screen and (max-width:940px) {
			#main-focus {
				width:297px;
				}
		}




		#news-current-container { padding:5px 10px 2px 10px; margin:0 auto; max-width:1100px; }

		.news-current { list-style:none; }

		.news-current-item { width:21%; float:left; margin:0 2%; padding:0; }
		
			.news-current-date-container {
				height:40px; text-align:center; line-height:1;
				color:#b6a792; font-size:2em; font-family:Arial; font-weight:bold;
				}

			.event-date { font-size:30px; }

			.news-current-item .news-current-title {
				margin-top:5px; text-align:center;
				font-size:1.2em; font-family:Malgun Gothic, Apple SD Gothic Neo, Dotum; font-weight:bold;
				}

			.news-current-item .news-current-title-header {
				text-align:center; margin:4px 0 -4px 0;
				color:#B6A792; font-size:1em; font-weight:bold;
				}
			.news-current-item .news-current-title-footer { color:#DAA886; font-size:0.8em; }

			.news-current-item .news-current-info {
				text-align:center; margin-top:7px; line-height:1.6;
				color:#7F7056; font-size:1em; font-family:Malgun Gothic, Apple SD Gothic Neo, Dotum; font-weight:normal;
				}

				.news-current-item span.news-current-end { font-size:1.1em; font-weight:bold; }

				.news-current-item span.news-current-deadline { font-size:1.1em; color:#B4302A; font-weight:bold; }


.bottom-wrap {
	margin-top:-25px;
	}




/* footer */
#footer-container {
	margin-top:50px;
}

#footer-top {
	text-align:center;
}

	.footer-logo {
		background-color:#EFEDE8;
		padding:12px;
	}

	.sns-bar { margin-top:10px; padding:0; }

		.sns-bar img { padding:0 3px 0 4px; }

#footer-bottom {
	
}

	#footer-bottom .grid_top {
		position:relative; padding:5px 0 5px 0;
		text-align:center;
	}
	#footer-bottom .grid_bottom {
		position:relative;
		text-align:center;
		padding-bottom: 11px;
	}
	#footer-bottom .grid_top .menu li { display:inline; }
	#footer-bottom .grid_top .menu li a {
		padding:0 7px;
		color:#C47529; font-size:12px; font-family:Verdana;
		transition:.3s;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		}

		#footer-bottom .grid_top .menu li a:hover {
			color:#E09A5B;
			transition:.3s;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			}

	#footer-bottom .grid_bottom .left { padding-left:5px; }

	#footer-bottom .copyright {
		color:#959595; font-size:14px; font-family:Noto Sans; font-weight:400;
		letter-spacing: 0.015em;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
	}










/* Dot Navigation */
	.dotstyle ul {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		list-style: none;
		cursor: default;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.dotstyle li {
		position: relative;
		display: block;
		float: left;
		margin: 0 5px;
		width: 6px;
		height: 6px;
		cursor: pointer;
	}

	.dotstyle li a {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		outline: none;
		border-radius: 50%;
		background-color: #333;
		background-color: rgba(180, 180, 180, 0.3);
		text-indent: -999em; /* make the text accessible to screen readers */
		cursor: pointer;
		position: absolute;
	}

	.dotstyle li a:focus {
		outline: none;
	}

	/* Scale up */
	.dotstyle-scaleup li a {
		-webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
		transition: transform 0.3s ease, background-color 0.3s ease;
	}
	
	.dotstyle-scaleup li a:hover,
	.dotstyle-scaleup li a:focus {
		background-color: #C6D7EC;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}

	.dotstyle-scaleup li.current a {
		background-color: #C6D7EC;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}










/* HTML Reset */

/*
a {
	color: #008EF2;
	text-decoration: underline;
}
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
code, form, fieldset, legend, input, textarea, p, a, blockquote, th, td {
	margin:0; padding:0; border:0;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}

/* ol,ul { list-style:none; } */

fieldset,img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	/* font-weight:normal; */
}

caption, th, td {
	text-align: left;
	/* font-weight:normal; */
}

h1,h2,h3,h4,h5,h6 { font-size:100%;}

abbr, acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; }

/*
legend { color:#000; }

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
}
*/

