@charset "utf-8";
/*============공통==========*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#skipNavi,
.hide,
legend {
	/*숨기기*/
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	font:0/0 Sans-serif;
	/* visibility:hidden;*/
	margin:0;
	padding:0;
}
h1,
h2,
h3,
h4,
p,
input,
ul,
li,
form,
label,
dl,
dt,
dd,
fieldset {
	margin:0;
	padding:0;
    font-family: 'Nanum Gothic';
    font-weight: 400
}
h3 {	/*text-indent:-1000px;*/
}
hr {
	display:none;
}
ul {
	list-style:none;
}
img,
fieldset {
	border:0;
	vertical-align:top;
}
p {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#5d5d5d;
}
a:hover {
	color:#333333;
}
input,
select {
	font-size:1em;
}
body {
	margin:0;
	padding:0;
	font-family:"Nanum Gothic", Arial, serif;
	font-size:12px;
	line-height:130%;
	color:#5d5d5d;
	border-top:#1d3300 4px solid;
}

html, body {height:100%;}

    /* IE3pixel 버그를 위한것 */
    * html #content {
        height:1%;
    }



/*============상단==========*/

#wrapper {
	/*background:url(../images/header_bg.gif) repeat-x;*/
	width:1000px;
	position: static;
	margin:10px auto 0;
	height:auto !important; height:100%; min-height:100%;

}
* html #wrapper {height:100%;} /* IE7 hack*/

#header {
	height:100px;	
	z-index:10;
	margin-top:10px;
	position:relative;
}

h1.logo {height:54px;width:200px;float:left; z-index: 99999;}
.loginBox {float:right;width:480px;padding:15px 5px;text-align:right;z-index: 99999;}
#navi::before {clear: both; display: block;}
#navi{
	height:100px;margin:0 auto;
	width:1000px;
    
}
	.noFlash {float:left;width:100%;border:1px solid #000;}
	.noFlash li {float:left;width:25%; background:#060;height:45px; text-align:center; display:block;}
	.noFlash li a {display:block; color:#FFF;font-size:200%; font-weight:bold;margin:15px 0 5px 0;}


/* 네비게이션 */
.gnb{/*position:absolute;top:53px;left:0;*/ float:left;height:30px;white-space:nowrap;margin-bottom:10px; width:997px;}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1;width:100%;border:1px solid #000;background:#060;height:45px; text-align:center;}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{display:none;position:absolute;left:0;top:38px;padding:5px 0;background:#666;border-top:0}
.gnb li{float:left;list-style:none;width:24%; /*background:url(../images/default/bgGnbVr.gif) no-repeat left center;*/padding-left:2px;position:relative;white-space:nowrap}
.gnb li.first{padding:0;background:none}
.gnb li li{float:none;background:none;padding:0;left:0}
.gnb li a{/*padding:13px 15px 0 15px;*/height:25px;color:#e8e8e8;white-space:nowrap;text-decoration:none;display:block; color:#FFF;font-size:160%; font-weight:bold;margin:15px 0 5px 0; text-align: center}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#fff}
.gnb li.active a{font-weight:bold;color:#fff;/*background:url(../images/default/bgGnbOn.gif) no-repeat center top*/}
.gnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li li.active a{font-weight:bold !important}


/*============중앙==========*/
#container{
	z-index:5;
	_height:600px; min-height:600px;
	position:relative;
	margin-bottom:20px;
}
	#mainContainer {_height:850px; min-height:850px;} /* main case */

/*============하단==========*/
#footer {
	z-index:10;
	position:relative; 
	margin-top:10px;
	padding-bottom:10px;
	width:100%;
	height:66px;
	}
.footerSite{
	padding-top:25px;
	margin:0 auto;
	height:33px;
	width:998px;
    background:#fff;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
}
.footerSite ul {margin:0 auto; width:62%;}
.footerSite ul li {display: inline-block; padding:0px 30px; border-right:#eee 1px solid}
.footerSite ul li a {font-size:16px; font-weight:bold; color:#777}

.footerInfo{
	padding-top:25px;
    padding-right:10px;
	margin:0 auto;
	height:33px;
	width:990px;
	background:#e9ece5 url(/images/common/foot_logo.png) 10px 20px no-repeat;
	text-align:right;
}
/*============메인==========*/
.mainVisual{
	min-height:414px;
	_height:414px;
    background:url("../images/main/main_viaul_bg.jpg") 0 0 no-repeat;
}
.mainContent{
	margin-top:28px;
}
.mainLeft,
.mainCenter,
.mainRight{
	padding-top:22px;
	float:left;	
}
.mainLeft{
	width:520px;
	margin-left:15px;
}
.mainCenter{
	width:273px;
	margin-left:33px;	
}
.mainRight{
	width:450px;
	float:right;	
}

.mainNotice ul,
.mainIyagi ul {
	padding-left:20px;
}
.mainIyagi{
	height:102px;
}
.mainGallery {
	height:102px;
	background: url(/images/main/gallery_bg.png) 0 0 no-repeat;
}
.mainIyagi,.mainData {
	margin-top:30px;
}

.mainSogae,
.mainData {
	float:left;
    width:250px;
    margin:0; padding:0;
}
.mainSogae {width:270px}

.widget_kgcontent a {
    background: none !important
}

.widget_kgcontent .title a {
    background: url(../../../images/main/gallery_dot.png) 0 3px no-repeat  !important;
}


.more a{
	position:absolute;
	right:20px;
	top:45px;
	background:url(/images/main/list_more.gif) no-repeat right top;
	text-indent:-10000000px;
	display:block;
	width:70px;
	height:10px;
}
.listLi{
	margin-top:15px;
}
.listLi li{
	background:url(/images/main/list_bult.gif) no-repeat left 5px;
	padding-left:10px;
	position:relative;
}
.listLi li span{
	position:absolute;
	right:20px;
	color:#b5b5b5;
	font-family:'Nanum Gothic', Tahoma, Geneva, sans-serif;
	font-size: 10px;
}


.mainNotice  .title_list .title_area {height:35px;}
.mainNotice  .title_list .title_area .title a {font-size:14px;}
.mainNotice  .title_list .title_area .date span {font-size:13px !important;}

.mainGallery .widgetGalleryA {margin:15px 0 0 30px;}
.mainGallery .widgetGalleryA li {float:left; margin:0 20px 20px 0}
.mainGallery .widgetGalleryA li:nth-child(3n) {margin:0 0 20px 0}
.mainGallery .widgetGalleryA li a.title {height:30px; overflow: hidden; display: block; white-space: inherit}

/*sub*/
.subContainer{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.subVisual{
	/*background:url(../images/sub/subVisual_bg.gif) repeat-x left bottom;*/
	width:1000px;
	height:188px;
	margin-bottom:15px;
}
.lnb{
	width:191px;
	z-index:20;
	height:54px;
	display:inline;
	/*background:url(../images/sub/left_bg.gif) repeat-y;*/
}
	.lnb h2 {margin-bottom:15px;}
	.lnb	{float:left;margin:0 26px 0 15px;}
	.lnb ul	{padding-bottom:150px;}
	.lnb li	{height:26px;margin-bottom:2px;}
		.lnb ul li a {
			display:block;
			height:25px;
			overflow:hidden;
			padding:0;			
			}
		.lnb ul li a:hover,
		.lnb ul li.on{
			background-position:;
		}
		.lnb ul li a:hover img,
		.lnb ul li.on img{
			margin-top:-26px;
		}
	
	.subRight{
		z-index:15;
		padding-left:18px;
		_height:610px; min-height:610px;
		margin-left:225px;
		background:url(../images/common/content_bg.png) 0 0 no-repeat;
	}
	.subRight h3{
		height:45px;
		width:49%;
		float:left;
        font-size:28px;
        font-family: 'Nanum Gothic';
        margin-top:25px;
	}
	.location{
		float:right;
		width:49%;
		text-align:right;
		margin-top:15px;
		font-size:11px;
		color:#999999;	
	}

	.location a{
		color:#999999;
		background:url(/images/common/location_arrow.png) no-repeat 4px center;
		padding-left:12px;
	}
	.location a.first-child{
		background:url(/images/common/location_home.png) no-repeat left center;
		padding-left:18px;
	}
.contents{
	width:96%;
	margin:0 auto;
	height:60px;
}


/* 콘텐츠 */

/* 테이블 타입  */
.tbl_type,.tbl_type th,.tbl_type td{border:0}  
.tbl_type{width:100%;border-top:2px solid #bfe26c;border-bottom:2px solid #bfe26c;font-family:'Nanum Gothic';font-size:12px;text-align:center;border-collapse:collapse; margin:20px; margin:0 auto;}  
.tbl_type caption{display:none;}  
.tbl_type tfoot{background-color:#f5f7f9;font-weight:bold;}  
.tbl_type th{padding:7px 0 4px;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#edf2e1;color:#6c9137;font-family:'Nanum Gothic',dotum;font-size:12px;font-weight:bold;border-bottom:1px solid #e5e5e5; }  
.tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c; text-align:left; padding-left:20px;}  
.tbl_type td.ranking{font-weight:bold}  

/*교수목록*/
ul.prof {background:url(/images/sub/prof_bar.png) 0 0 repeat-y; /*min-height:1500px; _height:1500px; */width:100%; margin-top:20px; clear:both;}
ul.prof li {width:46%; float:left; margin-right:20px; min-height:171px; _height:171px;}
	ul.prof li dl {width:100%; height:171px;}
	ul.prof li dl dt {float:right; width:235px;height:25px;color:#6c9137; font-size:150%; font-weight:bold;padding-top:8px;}
	ul.prof li dl dd {padding:2px;}
	ul.prof li dl dd.photo {float:left; width:99px; height:125px;}
	ul.prof li dl dd.dept, ul.prof li dl dd.major, ul.prof li dl dd.phone, ul.prof li dl dd.email  {float:right; width:173px; padding-left:60px;}
	ul.prof li dl dd.dept	{background:url(../images/sub/prof_dept.png) 0 0 no-repeat;}
	ul.prof li dl dd.dept a	{background: url(../images/sub/prof_link.png) right 0 no-repeat; padding-right:35px;}
	ul.prof li dl dd.major	{background:url(../images/sub/prof_major.png) 0 0 no-repeat;}
	ul.prof li dl dd.phone	{background:url(../images/sub/prof_phone.png) 0 0 no-repeat;}
	ul.prof li dl dd.email 	{background:url(../images/sub/prof_email.png) 0 0 no-repeat;}

/*학과소개 */
.sogae {display: block; clear: both; margin:60px auto 40px;  padding-top:10px;
    font-size:14px;  line-height:1.5em; 
    background: url(/images/sub/goal_02_20220510.png) 0 0 no-repeat; padding-left:260px}

/*연혁 */
ul.history {display: block; clear: both; margin:0 auto 10px; width:90%}
ul.history li {border-bottom:1px dotted #ddd; padding-bottom:30px; padding-top:30px;}
ul.history li:first-child {padding-top:0;}
ul.history li dd {display:inline-block; vertical-align: top;}
ul.history li dd.year, ul.history li dd.date  {}
ul.history li:nth-child(even) dd.year {color:#a3ce4e;}
ul.history li dd.year {font-size:32px; color:#51a900; font-weight:600; width:130px; padding-top:10px }
ul.history li dd.date {font-size:14px; color:#777; font-weight:500; width:90px;line-height:1.5em }
ul.history li dd.txt {font-size:14px;  width:450px; line-height:1.5em}


.bx-wrapper {border:none !important;     margin-bottom: 10px !important}





/* 인사말(sogae01) — .insa- 접두사로 페이지 전용 스코프 한정 */

.insa-card {
  position: relative;
  width: 100%;
  max-width: 750px;
  min-height: 480px;
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(20, 60, 90, 0.08);
}
/* 배경 장식 레이어 */
.insa-deco {
  position: absolute;
  display: block;
}
.insa-deco-grad {
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(160deg, #eaf6fd 0%, #f7fcff 38%, #ffffff 62%);
}
.insa-deco-glow1 {
  top: -120px; right: -40px;
  width: 520px; height: 340px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 40% 60%, #ffffff 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0) 72%);
  filter: blur(2px);
}
.insa-deco-glow2 {
  top: -60px; right: 120px;
  width: 340px; height: 240px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, rgba(236,247,253,0.7) 60%, rgba(255,255,255,0) 78%);
}
.insa-deco-dots {
  right: 34px; bottom: 120px;
  width: 150px; height: 150px;
  border-radius: 50%;
  background-image: radial-gradient(#6f8fd8 1.3px, transparent 1.4px);
  background-size: 9px 9px;
  opacity: 0.55;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 62%, transparent 66%);
  mask-image: radial-gradient(circle at 50% 50%, #000 62%, transparent 66%);
}
.insa-deco-ball {
  right: 18px; bottom: 16px;
  width: 130px; height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #e7effb 0%, #dbe8f8 60%, #d3e2f6 100%);
  opacity: 0.85;
}
/* 본문 */
.insa-body {
  position: relative;
  padding: 52px 56px 44px;
}
.insa-hello {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #6fbf5e;
  letter-spacing: -0.01em;
}
.insa-title {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.35;
  color: #2f7f3e;
  letter-spacing: -0.02em;
}
.insa-subtitle {
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  color: #3c8ac4;
  letter-spacing: -0.02em;
}
.insa-text {
  margin-top: 34px;
  max-width: 520px;
}
.insa-text p {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.55;
  color: #4b6274;
  letter-spacing: -0.01em;
  word-break: keep-all;
}
.insa-text p.insa-text-last {
  margin-bottom: 0;
}
.insa-sign {
  margin-top: 40px;
  text-align: right;
}
.insa-sign-role {
  font-size: 14px;
  color: #5b7183;
  letter-spacing: -0.01em;
}
.insa-sign-name {
  display: inline-block;
  margin-left: 14px;
  margin-right: -0.18em; /* letter-spacing 으로 생기는 우측 여백 보정 */
  font-size: 26px;
  font-weight: 500;
  color: #2f7f3e;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 640px) {
  .insa-stage { padding: 24px 12px; }
  .insa-card { min-height: 0; }
  .insa-body { padding: 34px 24px 30px; }
  .insa-hello { font-size: 17px; }
  .insa-title { font-size: 21px; }
  .insa-subtitle { font-size: 17px; }
  .insa-text { margin-top: 26px; }
  .insa-text p { font-size: 15px; margin-bottom: 18px; }
  .insa-sign { margin-top: 30px; }
  .insa-sign-name { font-size: 22px; }
  .insa-deco-dots, .insa-deco-ball { display: none; }
}
