@charset "euc-kr";

/*
웹 퍼블리싱
작업자:김은정(lulubong@hanmail.net) 
*/
/*레이아웃*/

#wrapper {
	float:left;
	width:100%;
	background:url(../images/mainLayoutBg.gif) repeat-x left top;
	}
#mainLayout {
	position:relative;
	width:100%;
	}
#topArea {
	float:left;
	width:100%;
	background:url(../images/topAreaBg.jpg) no-repeat left top;
	}
#top {
	overflow:hidden;
	float:left;
		width:1024px;
		height:455px;
	}

#contentArea {
	float:left;
	width:930px;
	padding-top:20px;
	padding-left:30px;
	background:url(../images/contentAreaBg.gif) no-repeat left top;
	}


#footerArea {
	float:left;
	width:100%;
	height:82px;
	padding-top:43px;
	margin-top:-120px;
	background:url(../images/footerMenuBg.gif) no-repeat left top;
	}


.skipContent {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	}
/*상단영역*/
.logo {
	display:block;
	float:left;
	margin-top:29px;
	margin-right:40px;
	}
.logo img {
	display:block;
	}
#gnb.gnb {
	display:inline;
	float:right;
	height:18px;
	padding-top:26px;
	font-size:0.92em;
	color:#585858;
	}
	#gnb.gnb a {
		display:block;
		}
	#gnb.gnb li {
		float:left;
		padding:0 7px;
		background:url(../images/gnbBar.gif) no-repeat right top;
		}
	#gnb.gnb li.join a, li.modify a, #gnb.gnb li.login a, #gnb.gnb li.logout a {
		color:#57bc06;
		}
	#gnb.gnb li.login a, #gnb.gnb li.logout a {
		font-weight:bold;
		}
		#gnb.gnb li img {
			display:block;
			}
/*글자크기조절*/
#screenControl {
	position:relative;
	display:inline;
	float:right;
	z-index:1;
	margin:25px 119px 0 -1px;
	}
#screenControl li {
	float:left;
	margin-right:2px;
	}
#mainFlash {
	float:left;
	clear:both;
	}
#mainFlash img {
	display:block;
	}
/*메인메뉴*/
#topMenu {
	overflow:hidden;
	float:left;
	width:660px;
	height:50px;

	}
	#topMenu img {
		display:block;
		}
	

/* 공지사항 탭 */
#noticeArea {
	float:left;
	overflow:hidden;
	position:relative;
	width:238px;
	height:109px;
	margin-right:26px;
	background:url(../images/noticeTopBg.gif) repeat-x left 20px;
	} 
	#noticeArea .moreBtn a{
	display:none;
	}
	#noticeArea .moreBtn .on{
		display:block;
		position:absolute;
		right:0;
		top:6px;
		}
#notice {
	display:inline;
	float:left;
	width:62px;
	margin-left:4px;
	}
#schoolNews {
	float:left;
	width:66px;
	}

#scnNews {
	float:left;
	width:66px;
	}
/* 탭이미지 구현 */
#noticeArea .tabArea {
	display:block;
	overflow:hidden;
	width:62px;
	position:relative;
	height:21px;
	}
	#noticeArea #schoolNews .tabArea {
		width:66px;
		}
#noticeArea .tabArea a {
		position:absolute;
		top:0px;
		left:0;
		}
#noticeArea .selected a {
	top:-21px;
	}
/* 탭 디스플래이 속성 구현 */
#noticeArea .objContent ul {
	position:absolute;
	display:none;
	top:33px;
	left:0;
	padding-left:5px;
	}
#noticeArea .objContent ul.selected, #tabList .moreBtn a.on {
	display:block;
	}
#noticeArea .objContent ul li {
	float:left;
	width:225px;
	line-height:140%;
	padding-left:8px;
	background:url(../images/dot.gif) no-repeat left 5px;
	}
	#noticeArea .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		max-width:214px;
		font-weight:normal;
		white-space:nowrap;
		text-overflow:ellipsis;
		font-size:0.92em;
		}
	*html #noticeArea .objContent ul li .title {
		width: expression( this.clientWidth > 213 ? "214px" : "auto" );
		}
		#noticeArea .objContent ul li .title a {
			font-weight:normal;
			}
	#noticeArea .objContent ul li .newIco {
		float:left;
		margin-top:1px;
		}
/*서비스 바로가기 */
#service {
	float:left;
	width:250px;
	margin-right:17px
	}
#service ul{
	float:left;
	} 
#service ul img{
	vertical-align:top
	} 

/* 학교행사 및 동아리활동 탭 */
#boardArea {
	float:left;
	overflow:hidden;
	position:relative;
	width:233px;
	height:109px;
	margin-right:21px;
	background:url(../images/noticeTopBg.gif) repeat-x left 20px;
	} 
	#boardArea .moreBtn a{
	display:none;
	}
	#boardArea .moreBtn .on{
		display:block;
		position:absolute;
		right:0;
		top:6px;
		}
#schoolEvent {
	display:inline;
	float:left;
	width:62px;
	margin-left:4px;
	}
#clubNews {
	float:left;
	width:124px;
	}

/* 탭이미지 구현 */
#boardArea .tabArea {
	display:block;
	overflow:hidden;
	width:62px;
	position:relative;
	height:21px;
	}
	#boardArea #clubNews .tabArea {
		width:128px;
		}
#boardArea .tabArea a {
		position:absolute;
		top:0px;
		left:0;
		}
	#boardArea #clubNews .tabArea a{
		left:4px
		}
#boardArea .selected a {
	top:-21px;
	}
/* 탭 디스플래이 속성 구현 */
#boardArea .objContent ul {
	position:absolute;
/*	display:none;	*/
	top:33px;
	left:0;
	padding-left:5px;
	}
#boardArea .objContent ul.selected, #tabList .moreBtn a.on {
	display:block;
	}
#boardArea .objContent ul li {
	float:left;
	width:30%;
	height:40px;
	line-height:140%;
	padding-left:7px;
	}
	#boardArea .objContent ul li .title {
		display:inline;
		overflow:hidden;
		float:left;
		max-width:209px;
		font-weight:normal;
		white-space:nowrap;
		text-overflow:ellipsis;
		font-size:0.92em;
		}
	*html #boardArea .objContent ul li .title {
		width: expression( this.clientWidth > 208 ? "209px" : "auto" );
		}
		#boardArea .objContent ul li .title a {
			font-weight:normal;
			width: 68px;
		    display: inline-block;
		    overflow: hidden;
			word-break: normal;
		    white-space: nowrap;
		    text-overflow: ellipsis;
			}
	#boardArea .objContent ul li .newIco {
		float:left;
		margin-top:1px;
		}

	#boardArea .objContent ul li img {
		width : 100%;
		height : 100%;
	}

/*배너존*/
#bannerZoneObj {
	position:relative;
	float:right;
	width:219px;
	margin-top:40px;
	background:url(../images/bannerZoneBg.gif) no-repeat left top;
	}
#bannerZoneObj .objTop {
	height:14px;
	}
	#bannerZoneObj .objTop a {
		position:absolute;
		}
	#bannerZoneObj .bannerPlay {
		top:0;
		left:80px;
		}
	#bannerZoneObj .bannerStop {
		top:0;
		left:23px;
		}
	#bannerZoneObj .bannerControlPrev{
		top:38px;
		left:0;
		}
	#bannerZoneObj .bannerControlNext {
		top:38px;
		right:0;
		}
	#bannerZoneObj .moreBtn {
		position:absolute;
		top:1px;
		right:20px;
		}
#bannerZoneObj .objContent {
	overflow:hidden;
	width:142px;
	height:58px;
	margin-top:14px;
	margin-left:38px;
	}

#bannerZoneObj .objContent li {
	float:left;
	margin-right:5px;
	}

#bannerZoneObj .objContent li img {
	display:block;
	width:138px;
	height:38px;
	border:#ddd 1px solid;
	}



	/*퀵메뉴*/
#quickBanner {
	float:left;
	width:100px;
/* 메인우측게시판삭제 20190318 padding-left:37px; */

	padding-top:30px;
/* 	메인우측게시판삭제 20190318 background:url(../images/quickBannerBg.gif) no-repeat left top;	 */
	background:url(../images/quickBannerBg.gif) no-repeat ;

    background-position: 251px 0px;
	}
#quickBanner .title {
	margin-bottom:10px;
	}
		#quickBanner li {
			display:inline;
			float:left;
			margin-bottom:7px;
			}
	#quickBanner .btn1 {
		margin-left:10px;
		}
	#quickBanner .btn2 {
		margin-left:20px;
		}
	#quickBanner .btn3 {
		margin-left:30px;
		}
	#quickBanner .btn4 {
		margin-left:40px;
		}
	#quickBanner .btn5 {
		margin-left:50px;
		}

#quickBanner .addmission {
	position:absolute;
	/*top:406px;
	left:811px;*/
	top:396px;
	left:791px;
	}
#quickBanner .addmission2 {
	position:absolute;
	top:436px;
	left:821px;
	}


#quickBanner .addmission3 {
	position:absolute;
	top:480px;
	left:958px;
	}


#footer {
	float:left; 
	width:925px;
	padding-left:25px;
	}
#footer .btmLogo {
	float:left;
	margin-right:93px;
	}

#footerMenu {
	float:left;
	width:650px;
	margin-bottom:17px;
	}
#footerMenuList {
	overflow:hidden;
	float:left;
	width:601px;
	height:17px;
	margin-bottom:10px;
	padding-top:6px;
	}
#footerMenuList a {
	color:#545454;
	font-size:0.92em;
	}
#footerMenuList ul {
	width:100%;
	margin-left:-2px;

	}
#footerMenuList li {
	float:left;
	padding:0 6px;
	background:url(../images/footerBar.gif) no-repeat left top;
	}

#copyright {
	display:inline;
	float:left;
	margin-left:3px;
	color:#8d8d8d;
	font-size:0.92em;
	}
	address {
		float:left;
		font-style:normal;
		margin-right:4px;
		}
	#copyright .telArea {
		float:left;
		white-space:nowrap;
		}
	#copyright .copyr {
		float:left;
		width:353px;
		margin-top:3px;
		}
	#copyright .schoolName {
		font-weight:bold;
		color:#57bc06;
		}
	#copyright .adminMail {
		float:left;
		margin-top:4px;
		}

.gnb_wrap {position:absolute;top:80px; width:1600px; height:56px; z-index:2; text-align:center;}
.gnb_open,
.gnb_close {display:none;}
.nav-item {float:left;width:155px;position:relative;z-index:9995;line-height:1.4rem;
	font-size:0.8rem; background-color:rgba(255, 255, 255, 0.7);}
.gnb_wrap #gnb { top: 20px; }
.nav-item > a {
	border-bottom: 2px solid #72221b;
}