html{margin:0;padding:0}
body{margin:0;padding:0;overflow-y:scroll}
a img{border:none}
p {margin:0;padding:0;font:0.8em dotum;}

/* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

.inline{display:inline-block;*display:inline;*zoom:1;}


.main-body{background:url(img/bg_main.png) repeat-x}

.frame{width:1000px;margin:0px auto}

.gnb{height:103px;background:url(img/bg_top_menu.png);overflow:hidden}
.gnb-submenu{margin-top:82px;height:21px;background:url(img/bg_top_submenu.png)}

.home-image{height:377px;background:url(img/img_main.jpg) #fff}
.sub-image{height:227px;background-color:#fff}

.sub-image-about{background:url(img/img_sub_about.jpg) #fff}
.sub-image-curriculum{background:url(img/img_sub_curriculum.jpg) #fff}
.sub-image-pds{background:url(img/img_sub_pds.jpg) #fff}
.sub-image-entrance{background:url(img/img_sub_entrance.jpg) #fff}
.sub-image-community{background:url(img/img_sub_community.jpg) #fff}


.main-contents{background:url(img/bg_shadow.png) repeat-x}

.main-toolbar-wrap{height:41px;background:url(img/bg_main_toolbar.png);text-align:center;padding-top:7px}



.main-menu{position:absolute;width:620px;height:104px;}
.main-menu-item{display:inline-block;*display:inline;*zoom:1;width:120px;font:bold 15px dotum; color:#555;margin-top:60px;cursor:pointer;text-decoration:none;text-align:center;outline:none}
.main-menu-item:hover{color:#999}

.main-submenu-wrap{position:absolute;display:none;white-space:nowrap;}
.main-submenu-item{position:relative;color:#eee;width:90px;display:inline-block;*display:inline;*zoom:1;text-align:center;text-decoration:none;z-index:2;font:bold 13px dotum}
.main-submenu-item:hover{color:#fff;}

.main-submenu-wrap.shadow{position:absolute;display:block;white-space:nowrap;z-index:1}
.main-submenu-wrap.shadow .main-submenu-item{color:#555;opacity:0.1;filter:alpha(opacity=10)}


.main-submenu-wrap.shadow-0{margin-left:-1px;margin-top:0px;}
.main-submenu-wrap.shadow-1{margin-left:0px;margin-top:-1px;}
.main-submenu-wrap.shadow-2{margin-left:1px;margin-top:0px;}
.main-submenu-wrap.shadow-3{margin-left:1px;margin-top:1px;}



.login-form{position:absolute;margin-top:56px;margin-left:690px;width:300px;text-align:right;padding-right:10px;}
	.frm-id{border:1px #ccc solid;width:100px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum}
	.frm-pw{border:1px #ccc solid;width:100px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum}
	.frm-submit{border:none;background:url(img/btn_login.png);width:65px;height:20px;vertical-align:middle;cursor:pointer}

	.frm-name{border:none;width:100px;height:20px;vertical-align:middle;color:#999;padding:4px;font:13px dotum; text-align:right;margin-right:10px;vertical-align:bottom;}
	.frm-logout{border:none;background:url(img/btn_logout.png);width:65px;height:20px;vertical-align:middle;cursor:pointer}

	.frm-start{border:none;background:url(img/btn_start.png);width:66px;height:21px;vertical-align:middle;cursor:pointer;margin-left:10px;}


.sub{background:url(img/bg_shadow.png) repeat-x #fff;min-height:400px;*height:400px;}

.submenu-wrap{margin-left:25px;margin-top:20px;}
.submenu-top{width:155px;height:59px;padding-top:12px;padding-left:18px;background:url(img/bg_submenu_top.png);overflow:hidden}
.submenu-middle{width:173px;background:url(img/bg_submenu_middle.png);}
.submenu-bottom{width:173px;height:11px;background:url(img/bg_submenu_bottom.png);overflow:hidden}


.submenu-icon{position:absolute;width:40px;height:40px;margin-left:95px;margin-top:-1px}
.submenu-icon-about{background:url(img/icon_intro.png)}

.submenu-title{font:bold 20px dotum;color:#54B9C0;}
.submenu-subtitle{font:bold 13px dotum;color:#B5B5B5;text-transform:uppercase;}


.submenu-item-wrap{height:30px;background:url(img/bg_submenu_off.png) 15px -1px no-repeat}

.submenu-item{width:120px;height:17px;padding-top:4px;padding-left:20px;margin-left:15px;display:block;;font:bold 13px dotum;color:#606060;text-decoration:none;display:block}
.submenu-item:hover{color:#000}

.submenu-item.selected{background:url(img/bg_submenu_on.png);color:#fff}
.submenu-item.selected:hover{color:#fff}


.sub-title{padding:15px 30px 10px;font:bold 15px dotum; background:url(img/blit_submenu_title.png) 10px 15px no-repeat; border-bottom:2px #eee solid;margin-top:8px;}

.page{padding:10px;margin-top:10px;}



/*board*/
	.board-column{border-bottom:2px #ccc solid;background-color:#f7f7f7;border-radius:5px}
	.board-item{display:inline-block;*display:inline;*zoom:1;font:12px dotum;color:#555;padding:10px 0px 8px 0px;vertical-align:middle}
	.board-column .board-item:not(.item-hit):before{content:'|';float:right;color:#ccc}
	
	.item-idx{width:80px;text-align:center}
	.item-title{width:330px;padding-left:10px;overflow:hidden;}
	.item-name{width:100px;text-align:center}
	.item-mtime{width:100px;text-align:center}
	.item-hit{width:80px;text-align:center}


	.board-item-wrap{border-bottom:1px #eee solid;cursor:pointer}
	.board-item-wrap.current{background-color:#eee;}


	.board-view{}
	.board-title-bar{border-bottom:2px #ccc solid;background-color:#f7f7f7;border-radius:5px;padding:10px 0px 8px 20px;}

	.board-text{padding:20px;min-height:300px;}


	.board-edit{margin-bottom:20px}
	.board-edit-title{width:680px;border:1px #aaa solid;padding:10px;margin-bottom:10px;}
	.board-edit-text{width:680px;min-height:300px;*height:300px;border:1px #aaa solid;padding:20px 10px;}

	.board-edit-button-wrap{text-align:center;padding:20px;}
	.board-edit-btn-ok{border:none;background:url(img/bg_button.png);color:white;text-align:center;width:61px;height:21px;font:bold 13px dotum;padding-top:5px;display:inline-block;margin-left:50px;cursor:pointer}
	.board-edit-btn-cancel{color:#aaa;text-align:center;width:61px;height:16px;font:bold 7pt dotum;padding-top:5px;display:inline-block;text-decoration:underline;cursor:pointer}


	.board-list-tools{padding:20px 0px;}
	.board-list-write-button{float:right;border:none;background:url(img/bg_button.png);color:#fff;text-align:center;width:61px;height:21px;font:bold 13px dotum;padding-top:5px;display:inline-block;cursor:pointer}

	.board-pager-item{font:bold 11px dotum;display:inline-block;cursor:pointer;width:30px;text-align:center;border:1px #eee solid;padding:6px 0px 3px 0px;color:#999;border-radius:5px}
	.board-pager-item:hover{color:#39f;border-color:#39f}
	.board-pager-item.current{color:#52B2C8;border-color:#52B2C8}