#header_1{background:url(../images/top_bg.gif) repeat-x;}
#header_2{width:879px; height:133px; margin:0 auto; position:relative;}
#header_2 .logo{float:left; padding:38px 0 0 330px;}
#header_2 .gnb{position:absolute; top:95px; left:100px; z-index:100;}
nav{
  position: relative;
}
#topnav {}
#topnav ul{height: 38px;}
#topnav li{
  list-style: none;
  display: inline-block;
  *display:inline; /* IE7 */
  _display:inline; /* IE6 */
  padding-right: 26px;
  padding: 8px 26px 30px 0 ;
  *padding: 8px 26px 30px 0 ; /* IE7 */
  _padding: 8px 26px 30px 0 ;/* IE6 */
  padding: 8px 26px 30px 0 \0/IE8;/*IE8적용*/
}
_:-ms-fullscreen, :root #topnav li{
  list-style: none;
  display: inline-block;
  padding-right: 26px;
  padding: 8px 26px 30px 0 ;
}
#topnav ul>li{
  list-style: none;
  display: inline-block;
}
#topnav .gnb ul>li:first-child ~ li{
margin-left:26px;
display: inline-block;
}
#topnav ul{
  width:700px;
}
#topnav  li a:link{
  color: #f1f1f1;
  font-size: 11pt !important;
  font-weight: 700 !important;
  font: normal 11pt 'Malgun Gothic';
}
#topnav  li a:visited{
  color: #f1f1f1;
  font-size: 11pt !important;
  font-weight: 700 !important;
  font: normal 11pt 'Malgun Gothic';
}
#topnav li a:hover{
  color: #d9f118;
  font-size: 11pt !important;
  font-weight: 700 !important;
  text-decoration: none;
}
#topnav  .sub li{
  padding: 10px 4px;
  padding-top: 11px \0/IE8;/*IE8적용*/
}
_:-ms-fullscreen, :root #topnav  .sub li{
  padding: 10px 4px;
  padding-top: 11px;
}
#topnav  .sub li:first-child{
  padding-left: 24px;
}
#topnav  .sub a:link{
  font-size: 8pt !important;sss
}
#topnav  .sub a:visited{
  color: #f1f1f1;
  font-size: 8pt !important;
  font: normal 8pt 'Malgun Gothic';
}
#topnav  .sub a:active{
  color: #f1f1f1;
  background:
  font-size: 8pt !important;
}

/* 2.nav>ul 에 형제로 div만들고 + 연산자로 지정하기 */
#topnav ul:hover+div{
  display: block;
  z-index: -1;
}
/* 3.bar클래스(공간) 기본 셋팅 vw,overflow-y,postion사용*/
.bar-2020{
  display: none;
  width: 100vw;
  overflow-y: hidden;
  position: absolute;
  /*같은 높이를 줄것. gnb의 바로 아래까지의 높이가 좋음*/
  bottom: -60px;
  height: 60px;
}
/*  4.bar클래스 안에 실질적인 보여주는 공간 만들기 */
#topnav .bar .barwrap{
  background: #ddd;
  width: 100%;f
  overflow-y: hidden;
  /*실질적인 바의 높이. 3.-4.=gnb와 바의 사이*/
  height: 45px;
  position: absolute;
  bottom: 0;
/*     float:left; */
}
/* 5. bar에 올려서 bar유지하기*/
#topnav .bar:hover{
  display: block;
  position:absolute;
  z-index:-1;
}

/* 이하 2차메뉴나오게 하기 */
#topnav li ul{
  display:none;
  width: 100vw;
  position: absolute;
  bottom:-10px;
  bottom:-6px \0/IE8;/*IE8적용*/
  height: 0px;
}
/*1차메뉴 오버시 2차메뉴 block*/
#topnav li:hover ul{
  display:block;
  width: 800px;
  margin: 0 auto;
}
/*색상으로 범위테스트*/
#topnav li:nth-child(1) ul{
background: url(../images/gnb-1-bg.png) no-repeat 0px 4px;
color: white;
left: 4px;
height: 32px;
padding-left: 8px;
}
#topnav li:nth-child(2) ul{
background: url(../images/gnb-2-bg.png) no-repeat 12px 4px;
color: white;
left: -14px;
height: 32px;
padding-left: 10px;
}
#topnav li:nth-child(3) ul{
background: url(../images/gnb-3-bg.png) no-repeat 12px 4px;
color: white;
left: 114px;
height: 32px;
padding-left: 10px;
}
#topnav li:nth-child(4) ul{
background: url(../images/gnb-4-bg.png) no-repeat 12px 4px;
color: white;
left: 155px;;
height: 32px;
padding: 0 0px;
}
#topnav li:nth-child(5) ul{
background: url(../images/gnb-5-bg.png) no-repeat 12px 4px;
color: white;
left: 296px;
height: 32px;
padding-left: 14px;
}
#topnav li:nth-child(6) ul{
background: url(../images/gnb-6-bg.png) no-repeat 12px 4px;
color: white;
left: 222px;
height: 32px;
padding: 0 0px;
}
#topnav li:nth-child(8) ul{
background: url(../images/gnb-7-bg.png) no-repeat 12px 4px;
color: white;
left: 485px;
height: 32px;
padding-left: 16px;
}
#topnav>li>a:focus+ul{
  display:block!important;
  color:red;
/*   background:red; */
}
#topnav>li>a:focus+ul>li>a:focus{
  display:block!important;
  color:red;
/*   background:red; */
}
#topnav>li>a+ul>li>a:focus{
  display:block!important;
  background:fff;
}

#center_bg{background:#fff; position:relative}
#center_0{width:879px; height:242px; margin:0 auto;}
#center_1{width:879px; height:36px; margin:0 auto; background:#f3f3f3}

#center_2{width:880px; height:96px; margin:0 auto; background:#f3f3f3}
#center_2 .quick li{float:left; margin:0;}

#center_3{width:880px; margin:0 auto;}
#center_3_1{position:relative; width:880px; height:200px; border-bottom:dashed 1px #e1e1e1;}
#center_left{position:relative; float:left; width:526px; height:154px; padding:15px 22px 24px 2px;}
#center_left .title li{padding-bottom:11px;}
.title .more{ position:absolute; padding:4px 0 0 11px;}

#center_left .content_l{position:absolute;}
#center_left .content_l li{float:left; margin-right:15px;}
#center_left .content_l li .end{float:left; margin-right:0}

/* 포토갤러리 */
.fixed_img_col ul{overflow:hidden;position:relative;margin:0;padding:0; font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1}
.fixed_img_col ul:after{display:block;clear:both;content:""}
.fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:120px;height:130px;border-bottom:1px solid #eee}
.fixed_img_col .thumb{display:block;overflow:hidden;position:relative;width:120px;height:82px;background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap}
.fixed_img_col .thumb img{display:block;width:119px;height:82px;border:1}
.fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=50)}
.fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.fixed_img_col a{display:block;width:120px;margin:0 auto;text-decoration:none;cursor:pointer}
.fixed_img_col a strong{display:inline-block;margin:8px 0 0 0;color:#333}
.fixed_img_col p{width:120px;margin:0 auto;font-size:11px;color:#767676}
.fixed_img_col a:hover strong,
.fixed_img_col a:active strong,
.fixed_img_col a:focus strong{text-decoration:underline}
.fixed_img_col a:hover .thumb,
.fixed_img_col a:active .thumb,
.fixed_img_col a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}
.fixed_img_col a:hover .thumb em,
.fixed_img_col a:active .thumb em,
.fixed_img_col a:focus .thumb em{visibility:visible;width:100%;height:auto}
/* //포토갤러리 */

#center_right{float:left; width:296px; height:144px; padding:44px 7px 12px 11px;}

/*공지사항:시작 */
.tab_list{height:121px}
.tab_list ul{position:relative;margin:0;padding:0;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none}
.tab_list li a span{display:inline-block;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
.tab_list li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;margin:0 0 10px 0;color:#999}
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:underline}
.tab_list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m12 .m12 a{margin-top:-1px;border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#077f3e}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span{padding-top:7px;font-weight:bold}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#077f3e}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}
/* 공지사항:끝 */


#center_bn{float:left; width:549px; height:111px;  padding:18px 16px 22px 0;}
/* 동영상:시작*/
#center_right2{float:left; width:292px; height:111px; padding:18px 0 24px 22px;}

.tab_list2{position:relative; }
.tab_list2 ul{ float:right; margin:0;padding:0; font-family:Tahoma, Sans-serif;font-size:12px; list-style:none; *zoom:1}
.tab_list2 ul:after{display:block;clear:both;content:""}
.tab_list2 li{ margin-bottom:-12px}
.tab_list2 li a{ position:relative;  color:#666; text-decoration:none}
.tab_list2 li a span{display:inline-block;padding:20px 25px 0 25px;letter-spacing:-1px;cursor:pointer}
.tab_list2 li ul{display:none;position:absolute; left:0; margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list2 li ul:after{display:block;clear:both;content:""}
.tab_list2 li .v1{position:absolute;}
.tab_list2 li .v2{background-color:blue;position:absolute; top:3px;}
.tab_list2 li .v3{background-color:gray;position:absolute;top:3px;}

.tab_list2 li li{float:none; position:relative; width:154px;  margin:0 0 8px 0;color:#999;  }
.tab_list2 li li a{float:none;margin:0;padding:0;border:0 !important;}
.tab_list2 li li a:hover,
.tab_list2 li li a:active,
.tab_list2 li li a:focus{color:#000 !important;text-decoration:underline}

.tab_list2.m1 .m1 a,
.tab_list2.m2 .m2 a,
.tab_list2.m3 .m3 a {margin-top:-1px; color:#333}

.tab_list2.m1 .m1 ul,
.tab_list2.m2 .m2 ul,
.tab_list2.m3 .m3 ul {display:block}

.tab_list2.js_off{height:auto:}
.tab_list2.js_off ul{border:0}
.tab_list2.js_off li{float:none;position:relative}
.tab_list2.js_off li a{display:block;float:none; border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold; color:#333}
.tab_list2.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list2.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list2.js_off li li.more{top:7px;right:15px}
/* 동영상:끝 */



#footer_bg{background:#f5f5f5; border-top:#e0e0e0 2px solid;}

#footer{width:879px; height:98px; background:#f5f5f5; margin:0 auto}
#footer_bg .logo{padding:30px 70px 0 32px; float:left;}
#footer .footer_menu {overflow:hidden; padding:5px 0}
#footer .footer_menu li{float:left; margin:8px 0;}
.clear{clear:both}




.sub-text{
  padding-left:30px;
  float:left;width:600px;
  padding:10px;
  margin:7px 0 0 35px;
  overflow:hidden;
  display:inline-block;
  border:solid 1px #ededed;
  font-family:'돋움',dotum;
  font-size:12px;
  color:#666;
  line-height: 22px;
}
