#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;
}
