
html{margin:0;padding:0}
body{margin:0;padding:0;overflow-y:scroll;
    background-color: #fff;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    scrollbar-3dlight-color: #f0f0ee;
    scrollbar-arrow-color: #676662;
    scrollbar-base-color: #f0f0ee;
    scrollbar-darkshadow-color: #ddd;
    scrollbar-face-color: #e0e0dd;
    scrollbar-highlight-color: #f0f0ee;
    scrollbar-shadow-color: #f0f0ee;
    scrollbar-track-color: #f5f5f5;

}


body.site-subpage{background:url(img/bg_sub.jpg) 50% 0% repeat-x}

a img{border:none}
p {margin:0;padding:0;}

/* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

.inline{display:inline-block;*display:inline;*zoom:1;}


.frame{width:1000px;margin:0px auto}

.gnb{height:117px;overflow:hidden}
.gnb-submenu{margin-top:82px;height:21px;}

.home{height:610px;background:url(img/bg_main_school_2.png)  50% 50% no-repeat}
.home-image{display:none}
.sub-image{height:143px;}

.sub-image-about{background:url(img/img_sub_about.png) 50% 50% no-repeat}
.sub-image-curriculum{background:url(img/img_sub_curriculum.png)  50% 50% no-repeat}
.sub-image-pds{background:url(img/img_sub_pds.png)  50% 50% no-repeat}
.sub-image-entrance{background:url(img/img_sub_entrance.png)  50% 50% no-repeat}
.sub-image-community{background:url(img/img_sub_community.png)  50% 50% no-repeat}
.sub-image-cs{background:url(img/img_sub_cs.png)  50% 50% no-repeat}


.main-contents{;}

.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;margin-left:300px;text-align:right}
.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:#666;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:#66f;}

.main-submenu-item.selected{color:#66f;}

.main-submenu-wrap.shadow{position:absolute;display:block;white-space:nowrap;z-index:1}
.main-submenu-wrap.shadow .main-submenu-item{color:#eee;opacity:0.1;filter:alpha(opacity=10);opacity:0.1}


.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:236px;margin-left:743px;width:210px;height:95px;text-align:center;padding-left:6px;z-index:10;}
	.frm-id{border:1px #ccc solid;width:183px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum;margin-top:3px;}
	.frm-pw{border:1px #ccc solid;width:183px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum;margin-top:3px;}
	.frm-submit{border:none;background:url(img/btn_login.png);width:184px;height:34px;margin-top:3px;vertical-align:middle;cursor:pointer}

	.frm-name{border:none;width:150px;height:50px;vertical-align:middle;color:#fff;padding:4px;font:13px dotum; text-align:right;margin-right:10px;vertical-align:bottom;display:inline-block;text-align:left;}
	.frm-logout{border:none;background:url(img/btn_logout.png);width:184px;height:34px;vertical-align:middle;cursor:pointer}

	.frm-start{border:none;background:url(img/btn_start.png);width:80px;height:52px;vertical-align:middle;cursor:pointer;margin-left:-80px;position:absolute;margin-top:-60px;}

.site-subpage .login-form{display:none}

.sub{min-height:400px;*height:400px;}

.submenu-wrap{position:relative;margin-left:25px;min-height:400px;padding-top:20px;padding-bottom:50px;}
.submenu-top{width:155px;height:59px;padding-top:12px;padding-left:18px;overflow:hidden}
.submenu-middle{width:173px;}
.submenu-bottom{width:173px;height:11px;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:#595959;}
.submenu-subtitle{font:bold 13px dotum;color:#B5B5B5;text-transform:uppercase;}


.submenu-item-wrap{height:30px;margin-bottom:10px;}

.submenu-item{width:160px;height:17px;margin-left:15px;display:block;;font:bold 14px dotum;color:#a8a8a8;text-decoration:none;display:block;padding:10px;}
.submenu-item:hover{color:#000}

.submenu-item.selected{background:url(img/bg_submenu_on.png);color:#fff;}
.submenu-item.selected:hover{color:#fff}


.submenu-banner{position:absolute;bottom:10px;width:178px;height:76px;background:url(img/sub_menu_banner.png);overflow:hidden;margin-left:15px;color:#6a6a6a}


.sub-title{padding:15px 20px 10px;font:bold 35px malgun gothic; margin-top:8px;color:#313131;margin-bottom:8px;;}

.contents{border-left:1px #ccc solid;min-height:500px;}
.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{border:1px #ccc solid;padding:10px;margin-bottom:10px;}
	.board-edit-text{min-height:300px;*height:300px;border:1px #ccc 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}


	.board-button{border:1px #ccc solid;background-color:#fff;padding:3px 10px;border-radius:3px;cursor:pointer}

/*page*/

	.page-edit-wrap{position:relative;height:100%;}
	.page-notready{height:350px;background:url(img/img_not_ready.png) 50% 50% no-repeat;}
	.page-btn-edit{position:absolute;bottom:0px;left:50%;margin-left:-150px;width:300px;display:inline-block;border:1px #555 solid;padding:5px; cursor:pointer; filter:alpha(opacity=20);opacity:0.2}
	.page-btn-edit:hover{filter:alpha(opacity=100);opacity:1}
	.page-btn-edit-ok{display:inline-block;border:1px #555 solid;padding:5px; cursor:pointer}
	.page-btn-edit-cancel{display:inline-block;border:1px #555 solid;padding:5px; cursor:pointer}


/*recent*/

	.resent-article{border-bottom:1px #f59b70 dashed;padding:5px}
	.board-resent a{color:#fff1e0;text-decoration:none}
	.board-resent a:hover{text-decoration:underline}




/*month-selector */

.calendar-wrap{padding:10px;color:#464646}

.calendar-wrap > .today{font:bold 11px verdana;color:#4b64b6;padding:10px 0px;}
.calendar-wrap > .todayoutput{font:bold 11px verdana;color:#4b64b6;padding:10px 0px;}

.year-wrap {width:14%;border:1px #ccc solid;padding:10px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.year-wrap .btn-prev{background:url(img/calendar_prev.png);width:11px;height:15px;float:left;cursor:pointer;position:relative;top:3px;}
.year-wrap .btn-next{background:url(img/calendar_next.png);width:11px;height:15px;float:right;cursor:pointer;position:relative;top:3px;}
.year{text-align:center;font:bold 15px verdana}

.month{display:inline-block;*display:inline;*zoom:1;padding:13px 10px 10px 10px;width:3.8%;border:1px #ccc solid;height:15px;vertical-align:middle;text-align:center;border-left:none;cursor:pointer}
.month.selected{font-weight:bold;background-color:#ececec}


.title-month{font:bold 15px verdana;color:#464646}


.calendar-td{border:2px #555 solid; border-width:2px 0px;width:46%;}
.schedule-td{border:2px #555 solid; border-width:2px 0px 2px 1px;width:54%;}


.calendar{width:100%;}
.calendar th{background-color:#f7f6f8;height:32px;color:#464646;border-bottom:1px #e7e6e9 solid;text-align:center}
.calendar th.sun{color:#aa6459}
.calendar th.sat{color:#547ca1}

.calendar td{height:38px;text-align:center;border-bottom:1px #ececec solid;width:41px}
.calendar td.sun{color:#aa6459}
.calendar td.sat{color:#547ca1}
.calendar td.today{background-color:#ececec}

.calendar td.has{border:3px #4b64b6 solid;width:38px;height:35px}
.calendar td.over{background-color:#ffecec}

.schedule{width:100%;}
.schedule th{background-color:#f7f6f8;height:32px;color:#464646;border-bottom:1px #e7e6e9 solid;text-align:left;padding-left:10px;font:bold 12px dotum;color:#4b64b6}

.schedule-area{padding:10px;}

.schedule-item *{display:inline-block;*display:inline;*zoom:1;font-size:12px;line-height:30px;}
.schedule-item .blit{font-size:7pt}

.schedule-item .remove{float:right;color:red;cursor:pointer;margin-right:10px;}


.popup{position:absolute;left:120px;top:120px;background-image:url(img/popup_bg.png);background-color:transparent;z-index:2000}
.popup-front{position:absolute;left:120px;top:120px;z-index:2001}

.popup-top{position:absolute;top:2px;left:2px;right:7px;height:48px;background-image:url(img/popup_bg_top.png);line-height:48px;cursor:default;}
.popup-icon-notice{position:absolute;top:8px;left:8px;width:30px;height:30px;background-image:url(img/popup_icon_notice.png);}
.popup-title{position:absolute;top:13px;left:48px;right:40px;height:30px;font:16px verdana;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;}
.popup-btn-close{position:absolute;top:14px;right:8px;width:20px;height:20px;background-image:url(img/popup_btn_close.png);cursor:pointer}


.popup-middle{position:absolute;top:50px;left:2px;right:7px;bottom:42px;background-image:url(img/popup_bg_middle.png);padding:16px;overflow:auto;font:13px 돋움;color:#555}


.popup-bottom{position:absolute;bottom:8px;left:2px;right:7px;height:34px;background-image:url(img/popup_bg_bottom.png);color:#434343;line-height:34px;padding-left:5px}
.popup-bottom label{cursor:pointer}
.popup-bottom input{position:relative;top:2px}



.board-login .login-form{position:static;margin-top:0px;margin-left:0px;width:100%;height:95px;text-align:center;padding-left:6px;z-index:10;display:block}
.board-login .logoff{background-color:#eee;display:inline-block;padding:20px;}
.board-login .frm-id{border:1px #ccc solid;width:183px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum;margin-top:3px;display:inline-block}
.board-login .frm-pw{border:1px #ccc solid;width:183px;height:12px;vertical-align:middle;color:#999;padding:4px;font:11px dotum;margin-top:3px;display:inline-block}
.board-login .frm-submit{border:none;background:#39f;width:64px;height:24px;margin-top:3px;vertical-align:middle;cursor:pointer;color:#fff}
.board-login .frm-cancel{border:none;width:64px;height:24px;margin-top:3px;vertical-align:middle;cursor:pointer;text-decoration:underline;color:#888}

.board-login .frm-name{border:none;width:150px;height:50px;vertical-align:middle;color:#fff;padding:4px;font:13px dotum; text-align:right;margin-right:10px;vertical-align:bottom;display:inline-block;text-align:left;}
.board-login .frm-logout{border:none;background:url(img/btn_logout.png);width:184px;height:34px;vertical-align:middle;cursor:pointer}

.board-login .frm-start{border:none;background:url(img/btn_start.png);width:80px;height:52px;vertical-align:middle;cursor:pointer;margin-left:-80px;position:absolute;margin-top:-60px;}
