@import url(basic.css);
@import url(sub.css);
@import url(board.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{
	width:100%;background-color:#ececec;
	min-width:1023px;
}
#wrap{width:100%;position:relative;}

/*header*/
#header{width:100%;height:145px;background:url("/images/common/top_bg.jpg") repeat-x;}
#header .top-zone{margin:0 auto;width:1023px;height:145px;background:url("/images/common/top_bg2.jpg") no-repeat top center;position:relative; z-index:30000;}
#header .top-zone h1{text-align:center;padding:20px 0;}
#header .top-zone #topmenu{ z-index:30000; }
#header .top-zone #topmenu li{float:left;color:#fff;margin:15px 0 0 65px;font-size:15px;}
/*#header .top-zone #topmenu li.on{color:#f3b206;}*/
#header .top-zone #topmenu li.first{margin-left:30px;}
#header .top-zone #topmenu li:after{content:'';display:block;clear:both;}
#header .top-zone #submenu li{float:left;margin-right:25px;color:#404040;}
/*#header .top-zone #submenu li.on{background-color:#343744;color:#fff;}*/

#header .top-zone #submenu .submenu1{position:absolute;top:162px;left:30px;}
#header .top-zone #submenu .submenu2{position:absolute;top:162px;left:160px;}
#header .top-zone #submenu .submenu3{position:absolute;top:162px;left:290px;}
#header .top-zone #submenu .submenu4{position:absolute;top:162px;left:477px;}
#header .top-zone #submenu .submenu5{position:absolute;top:162px;left:435px;}
#header .top-zone #submenu .submenu6{position:absolute;top:162px;left:800px;}
#header .top-zone #submenu .submenu7{position:absolute;top:162px;right:17px;}

/*footer*/
#footer{width:100%;height:150px;background:url("/images/common/footer_bg.gif") repeat-x top left;background-color:#fff;}
#footer .footer-menu{margin:0 auto;width:1023px;position:relative;}
#footer .footer-menu li{float:left;padding:20px 20px 45px 20px;background:url("/images/common/ft_menu_line.gif") no-repeat left 22px;}
#footer .footer-menu:after{content:'';display:block;clear:both;}
#footer .footer-menu p{position:absolute;top:9px;right:0px;}
#footer address{margin:0 auto;width:1023px;}
#footer address img{margin-bottom:5px;}

/*퀵배너*/
#quick{position:absolute;top:145px;right:0px; z-index:9999;}

/*메인콘텐츠*/
#main-container{width:100%;background:url("/images/main/contents_bg.jpg") repeat-x top left;margin-bottom:39px;}

/*#main-container .visual{height:420px;background:url("/images/main/main_visual1.jpg") no-repeat top center;}*/
#main-container .visual{height:420px;}

/*#main-container .visual .visual-zone{margin:0 auto;width:1023px;height:420px;position:relative;}*/
#main-container .visual .visual-zone{margin:0 auto;width:1022px;height:420px;position:relative;}

#main-container .visual .visual-zone span{position:absolute;top:100px;right:7px;}

#main-container .visual .visual-zone .banner1 {position:absolute;top:0px;right:1px;}

#main-container .visual .visual-zone .btn{position:absolute;bottom:25px;right:15px;}
#main-container .visual .visual-zone .btn li{float:left;margin-right:5px;}

#main-container .main-content{margin:0 auto;width:1024px;overflow:hidden;}
#main-container .main-content li{float:left;margin:0 1px 1px 0;}
#main-container .main-content:after{content:'';display:block;clear:both;}

#main-container .main-content li.notice{width:211px;height:213px;background-color:#8954b9;color:#fff;padding:22px 22px 0 22px;position:relative;}
#main-container .main-content li.notice h1{border-bottom:1px solid #d9d9d9;padding-bottom:14px;margin-bottom:18px;}
#main-container .main-content li.notice span{position:absolute;top:20px;right:22px;}
#main-container .main-content li.notice li{width:200px;margin-bottom:9px;padding-left:10px;background:url("/images/main/blt.gif") no-repeat 0 7px;overflow:hidden;}

#main-container .main-content li.popupzone{position:relative; width:511px;}
#main-container .main-content li.popupzone .btn{position:absolute;left:20px;bottom:20px;}
#main-container .main-content li.popupzone .btn li{float:left;margin-right:5px;}
#main-container .main-content li.teachers{position:relative;}
#main-container .main-content li.teachers .btn{position:absolute;left:20px;bottom:20px;}
#main-container .main-content li.teachers .btn li{float:left;margin-right:5px;}

/*서브*/
#sub-container{width:100%;background:url("/images/main/contents_bg.jpg") repeat-x top left;padding-top: 90px;}
#sub-container .sub-content{margin:0 auto;width:1022px;}

#sub-container .sub-content .sub-visual1{width:947px;height:190px;background:url("/images/common/sub_visual1.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual2{width:947px;height:190px;background:url("/images/common/sub_visual2.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual3{width:947px;height:190px;background:url("/images/common/sub_visual3.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual4{width:947px;height:190px;background:url("/images/common/sub_visual4.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual5{width:947px;height:190px;background:url("/images/common/sub_visual5.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual6{width:947px;height:190px;background:url("/images/common/sub_visual6.jpg") no-repeat;padding:70px 0 0 75px;}
#sub-container .sub-content .sub-visual7{width:947px;height:190px;background:url("/images/common/sub_visual7.jpg") no-repeat;padding:70px 0 0 75px;}

#sub-container .sub-content h3{color:#f3b206;font-size:65px;height:64px;letter-spacing:-3px;margin-bottom:17px;}
#sub-container .sub-content h4{color:#fff;font-size:48px;letter-spacing:-2px;font-weight: normal;}
#sub-container .sub-content .real-contents{margin-bottom:90px;background-color:#fff;padding:50px;min-height:626px;}