* {margin:0; padding:0; font-size: 14px;}
html,body {width:100%; height:100%; min-width:1038px; min-height:100%;}
img {border:none; display:inline-block;}
a {display:inline-block; text-decoration:none;}
ul,li {list-style:none;}
table { border-spacing:0; border-collapse:collapse; margin: 0; padding: 0; }
#code {display:none}
#header {font-family:"Nanum Gothic",sans-serif;}
#wrap {width:100%; height:100%; min-width:1038px; min-height:100%; margin:0 auto;}
#header .header_area {width:1038px; height:54px; margin:auto;}
.login{width:1038px; height:12px; position:absolute; top:7px; text-align:right;}
.login a{padding-right:10px;}
#nav_gnb{width:100%; height:44px; background-image:url(/base/img/common_img/bg_gnb.png); font-family:"Nanum Gothic",sans-serif;}
.topnav {width:1038px; height:44px; margin:auto; line-height:44px; font-weight:700; font-family:"Nanum Gothic",sans-serif;}
.topnav li {float:left; display:inline-block; width:173px; text-align:center;  }
.topnav a {color:#FFF; font-size:16px;}
.topnav a:hover {color:#fff799;}
.subnav {width:100%; height:188px; position: absolute; top:98px; background:url(/base/img/common_img/bg_subnav.png); display: none; z-index:10; }
.subnav_area {width:1038px; margin:0 auto; font-family:"Nanum Gothic",sans-serif;}
.subnav ul {float:left; height:168px; padding-top:20px; padding-left:10px;}
.subnav ul:hover {background:#333;}
.subnav li { padding-bottom:10px;}
.subnav a {color:#FFF; font-size:15px; }
.subnav a:hover {color:#b3d44e;}
.sub_menu1 {width:145px; text-indent:10px; margin:0 10px 0 16px;}
.sub_menu2 {width:100px;  margin:0 25px 0 25px; }
.sub_menu3 {width:100px; text-indent:3px; margin:0 25px 0 30px; }
.sub_menu4 {width:110px; text-indent:6px; margin:0 10px 0 33px; }
.sub_menu5 {width:140px; text-indent:4px; margin:0 10px 0 30px; }
.sub_menu6 {width:100px;  text-indent:2px; margin-left: 39px; }
#container {clear:both; background-color:#f6f8f7;}
#content {width:1038px; margin:0 auto;}
.content_area {display:inline-block; margin-bottom:26px;}
.content_area > li {float:left;}
.content_menu > li > a {width:144px; height:65px;}
.menu1 {width:144px; height:65px; background-image:url(/base/img/main_img/menu_roll_01.png);}
.menu2 {width:144px; height:65px; background-image:url(/base/img/main_img/menu_roll_02.png);}
.menu3 {width:144px; height:65px; background-image:url(/base/img/main_img/menu_roll_03.png);}
.menu4 {width:144px; height:65px; background-image:url(/base/img/main_img/menu_roll_04.png);}
.menu1:hover {background-image:url(/base/img/main_img/menu_over_01.png);}
.menu2:hover {background-image:url(/base/img/main_img/menu_over_02.png);}
.menu3:hover {background-image:url(/base/img/main_img/menu_over_03.png);}
.menu4:hover {background-image:url(/base/img/main_img/menu_over_04.png);}
.tab1,.tab2 {width:100%; height:36px; text-align:center;}
.tab1 {background-image:url(/base/img/main_img/tab_on.png); color:#fff;}
.tab2 {background-image:url(/base/img/main_img/tab_off.png); color:#464646;}
.tab1:hover {background-image:url(/base/img/main_img/tab_off.png); color:#464646;}
.tab2:hover {background-image:url(/base/img/main_img/tab_on.png); color:#fff;}
.foot_banner {display:inline-block; height:110px; line-height:110px;}
.foot_banner li {display:inline-block; float:left; width:202px; height:55px; margin-right:5px;}

#code {display:none;}
li#tab_sub2 { display:none; }
.mini_board { width:348px; height:260px; overflow:hidden; }
.mini_board ul li { float:left; width:50%; text-align:center; height:40px; line-height:40px; background:#ddd; }
.mini_board ul li a { color:#555; }
.port_back { background:#555 !important;   }
.port_back a { color:#fff !important; }
.board_output_1_tr { height:26px; line-height:26px;  }
.board_output_28_tr td.bd_out1 { height:26px; line-height:26px; text-align:left !important;  width:240px !important; }
.board_output_28_tr a , .board_output_1_tr a {font-family:"Nanum Gothic",sans-serif;} 
.tab_list { background:#fff; padding-top:54px; }

#footer {clear:both; width:100%; height:127px; font-size:11px; background-repeat:repeat-x;}
#footer ul {display:inline-block; margin-bottom:3px; font-family:"Nanum Gothic",sans-serif;}
#footer li {float:left; padding-right:10px;}
#footer p {clear:both; font-size:11px; font-family:"Nanum Gothic",sans-serif;}
#footer_area {width:1038px; height:97px; padding-top:20px; margin:auto; }
.copy {height:97px; padding-left:47px; color:#898989;}
.main_footer {background-image:url(/base/img/main_img/main_bg_bottom.gif); background-color:#fff;}
.sub_footer {background-image:url(/base/img/sub_img/sub_bg_bottom.gif); background-color:#f6f8f7;}
#footer a {color:#898989;}
#footer .info {margin-bottom:15px;}
#footer .info a {color:#666;}
#footer .info strong > a {color:#05aed4; border-right:1px solid #ccc; padding-right:10px;}
/****** ¼­ºê *********/
#sub_top {width:100%; height:207px; text-align:center; background-color:#f6f8f7;}
#intro .info {width:211px;}
#intro .title {position:absolute; width:827px; height:64px; margin-left:211px; margin-top:-65px; border-bottom:1px solid #000; font-family:"Nanum Gothic",sans-serif;}
#intro .title_name {width:500px; padding-left:55px; padding-top:22px;}
#intro .title p {float:right; height:14px; color:#898989;}
#intro .title strong {color:#f9ad19;}
#nav_snb {font-family:"Nanum Gothic",sans-serif;}
#nav_snb a {width:188px; height:39px; padding-left:32px; line-height:39px; margin-top:1px; font-weight:400; font-family:"Nanum Gothic",sans-serif;}
#nav_snb .on a {background-image:url(/base/img/sub_img/snb_on.png); color:#FFF;}
#nav_snb .off a {background-image:url(/base/img/sub_img/snb_off.png); color:#636363;}
#nav_snb .off a:hover {background-image:url(/base/img/sub_img/snb_hover.png); color:#636363;}
.content_body {width:772px; padding-top:30px; padding-bottom:50px;}
#quick {width:64px; position: fixed; left:50%;  top:350px;  margin-left:544px;}
#quick li {display:block;}
.center_guide {white-space:pre-line; font-size:15px; font-family:"Nanum Gothic",sans-serif; line-height:24px;}
.center_guide p {width:100%; font-size:20px; text-align:center; font-weight:700;}
.center_guide strong {font-size:15px;}
table,td,font {font-size:12px;font-family:±¼¸²,µ¸¿ò !important; color:#333333;}
.board_bgcolor,.bbsnewf5 a,.notice_subject{font-size:12px;font-family:±¼¸²,µ¸¿ò !important; color:#333333;}

/* 2015.04.28 */
.content_body ul.staff { width:680px;  margin-bottom:20px;  height:36px; }
.content_body ul.staff li { float:left; text-align:center; height:34px; line-height:34px; margin:0 10px 20px 0;  }
.content_body ul.staff li.on { background:#00b3b0; } 
.content_body ul.staff li.on a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:white; width:120px;  }
.content_body ul.staff li.off { border:1px solid #00b3b0; }
.content_body ul.staff li.off a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:#00b3b0; width:120px;  }

.content_body ul.map1 { width:680px;  margin-bottom:20px;  height:36px; }
.content_body ul.map1 li { float:left; text-align:center; height:34px; line-height:34px; margin:0 10px 20px 0;  padding:0 15px; }
.content_body ul.map1 li.on { background:#00b3b0; } 
.content_body ul.map1 li.on a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:white;   }
.content_body ul.map1 li.off { border:1px solid #00b3b0; }
.content_body ul.map1 li.off a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:#00b3b0;  }
.content_body ul.tabs { width:720px;  margin-bottom:20px;  height:36px; }
.content_body ul.tabs li { float:left; text-align:center; height:34px; line-height:34px; margin:0 10px 20px 0;  padding:0 30px; }
.content_body ul.tabs li.on { background:#00b3b0; } 
.content_body ul.tabs li.on a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:white;   }
.content_body ul.tabs li.off { border:1px solid #00b3b0; }
.content_body ul.tabs li.off a {font-size:14px; font-family:"Nanum Gothic",sans-serif; color:#00b3b0;  }

table.output_table { width: 328px !important; }
td.bd_out1 { width:120px !important; }
tr.board_output_1_tr td  { width:40px;  }
.main_txt { position:absolute; left:26px; top:26px; z-index:6;  }
#sub_top .flexslider { width:1038px; margin: 0 auto; }
#sub_top .flexslider .sub_txt {position:absolute; right:26px; top:36px; z-index:6;}