@charset "euc-kr";
/* CSS Document */
html, body { width:100%; height:100%; font-family:'dotum,arial'; font-size:12px; word-wrap:normal; }
html, body, h1, h2, h3, h4, ul, li, dl, dt, dd, input, div, span, p { padding:0px; margin:0px; }
h1, ul, li, dl, dt, dd { list-style:none; }
a { text-decoration:none; color:#6d6d6d; }
img { border:0px; }
body {width:100%; margin:0 auto;}
.wrap {width:100%; margin:0 auto; position:relative; background:url(../html/img/main_top_bg.gif) repeat-x;}

/*header*/
.header {width:1000px; height:140px; margin:0 auto;}
.header .logo {width:240px; overflow:hidden; padding-top:4px; float:left;}
.header .top_menu{width:150px; margin-top:14px; float:right;}
.header .top_menu ul {}
.header .top_menu ul li {float:left;}
.header .main_menu {clear:both; position:absolute; top:76px;}
.header .main_menu ul {position:relative;}
.header .main_menu ul>li {float:left; height:38px;}
.header .main_menu ul li a {width:148px; height:38px;}
.header .main_menu ul ul {position:absolute; display:none; white-space:nowrap; height:26px; top:38px; width:100%;}
/*container*/
.container {width:1000px; margin:0 auto; overflow:hidden;}
.container .left_area {float:left;}
.container .left_area .left_title {}
.container .left_area .left_list {}
.container .left_area .left_list ul {}
.container .left_area .left_list ul li {height:37px;}
.container .mid_area {float:left; width:570px; height:620px; display:block; float:left; position:relative;}
.container .mid_area div.btn{position:absolute;right:0; bottom:10px;}
.container .mid_area div.btn ul li{float:left;width:19px; list-style:none;}
.container .right_area {float:right;}
.container .right_area .quick_banner {width:230px;}
.container .right_area .quick_banner ul {width:160px; overflow:hidden; margin:0 auto;}
.container .right_area .quick_banner ul li {width:80px; float:left;}
.container .right_area .notice_board {width:230px;  clear:both;}
.container .right_area .notice_board .notice_title {width:230px; margin-bottom:10px;position:relative;}
.container .right_area .notice_board .notice_title .board_more {position:absolute; right:15px; bottom:5px; width:30px; height:15px;}
.container .right_area .notice_board .notice_area {width:230px;height:100px;}

/*footer*/
.footer {width:100%; background:#ededed repeat-x; border-top:1px solid #616161; margin-top:20px;}
.footer .copyright{width:1000px; margin:0 auto;}