html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "돋움", Dotum, AppleGothic, Sans-serif; vertical-align:top; }

body { line-height: 1; margin:0 auto; color:#666; font-size:12px; font-family:NanumGothic, ngwoff, ngeot; background-color:#fff; }
ol, ul {list-style: none;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a.rollover img {border:0;display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover {border:0}
a.rollover:hover img.over {display:inline;}
a:hover{border:0; text-decoration:underline;}
a{text-decoration:none; outline:0;}

@font-face{ font-family:ngwoff; src:url(http://csgs.or.kr/xe/font/NanumGothic.woff) }
@font-face{ font-family:ngeot; src:url(http://csgs.or.kr/xe/font/NanumGothic.eot) }


/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */

html, body{ margin:0; padding:0; text-align:center; } 
#main_bg {background:url() repeat-y bottom; margin:0 auto;}
#bg { background:url(../img/bg_1.gif) repeat-y bottom; margin:0 auto;}
#bg_2 { background:url(../img/bg_2.gif) repeat-y bottom; margin:0 auto;}
#bg_3 { background:url(../img/bg_3.gif) repeat-y bottom; margin:0 auto;}
#bgbottom { background:url(../img/bottom_menu_bar_1.jpg) repeat-x bottom; margin:0 auto; z-index:999999;}
#bgbottom_2 { background:url(../img/bottom_menu_bar_2.jpg) repeat-x bottom; margin:0 auto; z-index:999999;}
#bgbottom_3 { background:url(../img/bottom_menu_bar_3.jpg) repeat-x bottom; margin:0 auto; z-index:999999;}

#login { height:38px; margin:0; padding:0; background:url(../img/header_bg.gif) repeat-x; z-index:999; text-align:center;}
.login_wrap { width:920px; text-align:left; margin:0 auto; }
.login_button {position:relative; width:100%;  overflow:auto; text-align:right;}

#pagewidth{ width:1280px; text-align:left; margin:0 auto; margin-top:-20px;} 
#pagewidth_main{ width:1280px; text-align:left; margin:0 auto;  }
.pageimg{ width:1280px; background:url(../img/1_intro_bg.jpg) no-repeat; }
.pageimg_2{ width:1280px; background:url(../img/2_prog_bg.jpg) no-repeat;}
.pageimg_3{ width:1280px; background:url(../img/3_board_bg.jpg) no-repeat; }
.page_main{ width:1280px;}
 
#header{ position:relative; height:217px; width:100%; display:block; overflow:auto;  }
#header_main{ position:relative; height:150px; width:100%; display:block; overflow:auto; z-index:999; }
.topnav_wrap { height:135px; margin-bottom:5px; margin-left:180px; margin-top:-10px; }
.toplogo{ width:200px; float:left; margin-left:10px; margin-top:35px; }

#leftcol{ width:400px; float:left; position:relative; margin-bottom:40px;}
.login_2{ width:213px; margin-left:180px; border:#19b5e0 solid 1px; background:#ffffff; } 
.login_2_2{ width:213px; margin-left:180px; border:#79ac00 solid 1px; background:#ffffff;} 
.login_2_3{ width:213px; margin-left:180px; border:#d28024 solid 1px; background:#ffffff; } 
.login_xe {height:auto; background-color:#fff; padding:5px 5px 5px 5px; text-align:left; margin-bottom:5px;}
.counter_xe { height:125px; background-color:#f0f0f0; padding:5px 5px 5px 5px;}
 
 
#maincol{ position: relative; width:880px;float:right;
 }
.subnav_wrap { width:700px; height:57px; border:#19b5e0 solid 1px; margin-bottom:5px; background:url(../img/sub_menu_bar_1.gif) repeat-x; }
.subnav_wrap_2 { width:700px; height:57px; border:#79ac00 solid 1px; margin-bottom:5px; background:url(../img/sub_menu_bar_2.gif) repeat-x; }
.subnav_wrap_3 { width:700px; height:57px; border:#d28024 solid 1px; margin-bottom:5px; background:url(../img/sub_menu_bar_3.gif) repeat-x; }

.content { width:700px; border:#19b5e0 solid 1px; background:#ffffff; margin-bottom:30px; }
.content_2 { width:700px; border:#79ac00 solid 1px; background:#ffffff; margin-bottom:30px; }
.content_3 { width:700px; border:#d28024 solid 1px; background:#ffffff; margin-bottom:30px; }
.content_menu1 { height:78px; margin:0 auto; background:url(../img/sub_menu_bar_4.gif) repeat-x; text-align:right; padding-top:32px; margin-bottom:30px; padding-right:30px; }
.content_menu2 { height:78px; margin:0 auto; background:url(../img/sub_menu_bar_5.gif) repeat-x; text-align:right; padding-top:32px; margin-bottom:30px; }
.content_menu3 { height:78px; margin:0 auto; background:url(../img/sub_menu_bar_4.gif) repeat-x; text-align:right; padding-top:32px; margin-bottom:30px; padding-right:30px; }
 
 
#footer{ clear:both; }
.footerbar{ height:92px; text-align:right; margin-right:180px; vertical-align:middle; padding-top:20px;}
.footerbar img { padding-right:6px;}
.footerbar a img:hover {opacity:0.5;}
.copyright{ height:42px; padding-left:180px; padding-top:10px; }

 
 
/*topnav*/
.topnav{height:135px; }
.topnav div{_height:1%; text-align:center; overflow:hidden;}
.topnav div ul{margin:0px auto 0; padding:0px 0px 0 15px; overflow:hidden; margin-left:20px; }
.topnav div li{}
.topnav div li a{display:block; width:150px; height:135px; vertical-align:top; text-indent:-500px; overflow:hidden; text-decoration:none; float:left;}
.topnav div li ul{margin:0px 0 5px;}
.topnav div li li a{height:135px;}

/* topnav 위치 */
.topnav li a{background-position:left top;}
.topnav li a:hover{background-position:-150px top;}
.topnav li.on a{background-position:-300px top !important;}
.topnav li.on li a{background-position:left top !important;}
.topnav li.on li a:hover{background-position:-150px top !important;}
.topnav li.on li.on a{background-position:-300px top !important;}	

.topmenu_1 a{background-image:url(../img/top_menu_1_1.png);}
.topmenu_2 a{background-image:url(../img/top_menu_1_2.png);}
.topmenu_3 a{background-image:url(../img/top_menu_1_3.png);}
.topmenu_4 a{background-image:url(../img/top_menu_1_4.png);}

.topmenu_2_1 a{background-image:url(../img/top_menu_2_1.png);}
.topmenu_2_2 a{background-image:url(../img/top_menu_2_2.png);}
.topmenu_2_3 a{background-image:url(../img/top_menu_2_3.png);}
.topmenu_2_4 a{background-image:url(../img/top_menu_2_4.png);}

.topmenu_3_1 a{background-image:url(../img/top_menu_3_1.png);}
.topmenu_3_2 a{background-image:url(../img/top_menu_3_2.png);}
.topmenu_3_3 a{background-image:url(../img/top_menu_3_3.png);}
.topmenu_3_4 a{background-image:url(../img/top_menu_3_4.png);}

 
 /*subnav*/
.subnav{width:700px; height:39px; }
.subnav div{_height:1%; text-align:center; overflow:hidden;}
.subnav div ul{margin:0px auto 0; padding:10px 0px 0 15px; overflow:hidden; }
.subnav div li{}
.subnav div li a{display:block; width:107px; height:39px; margin-right:5px; vertical-align:top; text-indent:-500px; overflow:hidden; text-decoration:none; float:left;}
.subnav div li ul{margin:0px 0 5px;}
.subnav div li li a{height:39px;}
/* subnav location */
.subnav li a{background-position:left top;}
.subnav li a:hover{background-position:-107px top;}
.subnav li.on a{background-position:-214px top !important;}
.subnav li.on li a{background-position:left top !important;}
.subnav li.on li a:hover{background-position:-107px top !important;}
.subnav li.on li.on a{background-position:-214px top !important;}	
.submenu_1 a{background-image:url(../img/sub_menu_1_1.png);}
.submenu_2 a{background-image:url(../img/sub_menu_1_2.png);}
.submenu_3 a{background-image:url(../img/sub_menu_1_3.png);}
.submenu_4 a{background-image:url(../img/sub_menu_1_4.png);}
.submenu_5 a{background-image:url(../img/sub_menu_1_5.png);}
.submenu_6 a{background-image:url(../img/sub_menu_1_6.png);}

 /*subnav_2*/
.subnav_2{width:700px; height:32px; }
.subnav_2 div{_height:1%; text-align:center; overflow:hidden;}
.subnav_2 div ul{margin:0px auto 0; padding:10px 0px 0 15px; overflow:hidden; }
.subnav_2 div li{}
.subnav_2 div li a{display:block; width:90px; height:32px; margin-left:100px; margin-top:4px; vertical-align:top; text-indent:-500px; overflow:hidden; text-decoration:none; float:left;}
.subnav_2 div li ul{margin:0px 0 5px;}
.subnav_2 div li li a{height:32px;}
/* subnav_2 location */
.subnav_2 li a{background-position:left top;}
.subnav_2 li a:hover{background-position:-90px top;}
.subnav_2 li.on a{background-position:-180px top !important;}
.subnav_2 li.on li a{background-position:left top !important;}
.subnav_2 li.on li a:hover{background-position:-90px top !important;}
.subnav_2 li.on li.on a{background-position:-180px top !important;}	
.submenu_2_1 a{background-image:url(../img/sub_menu_2_1.png);}
.submenu_2_2 a{background-image:url(../img/sub_menu_2_2.png);}
.submenu_2_3 a{background-image:url(../img/sub_menu_2_3.png);}

 /*subnav_3*/
.subnav_3{width:700px; height:32px; }
.subnav_3 div{_height:1%; text-align:center; overflow:hidden;}
.subnav_3 div ul{margin:0px auto 0; padding:10px 0px 0px 15px; overflow:hidden; }
.subnav_3 div li{}
.subnav_3 div li a{display:block; width:90px; height:32px; margin-right:20px; margin-top:4px; margin-left:50px; vertical-align:top; text-indent:-500px; overflow:hidden; text-decoration:none; float:left;}
.subnav_3 div li ul{margin:0px 0 5px;}
.subnav_3 div li li a{height:32px;}
/* subnav_3 location */
.subnav_3 li a{background-position:left top;}
.subnav_3 li a:hover{background-position:-90px top;}
.subnav_3 li.on a{background-position:-180px top !important;}
.subnav_3 li.on li a{background-position:left top !important;}
.subnav_3 li.on li a:hover{background-position:-90px top !important;}
.subnav_3 li.on li.on a{background-position:-180px top !important;}	
.submenu_3_1 a{background-image:url(../img/sub_menu_3_1.png);}
.submenu_3_2 a{background-image:url(../img/sub_menu_3_2.png);}
.submenu_3_3 a{background-image:url(../img/sub_menu_3_3.png);}
.submenu_3_4 a{background-image:url(../img/sub_menu_3_4.png);}
.submenu_3_5 a{background-image:url(../img/sub_menu_3_5.png);}
.submenu_3_6 a{background-image:url(../img/sub_menu_3_6.png);}
.submenu_3_7 a{background-image:url(../img/sub_menu_3_7.png);}
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.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 */  
 

/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}