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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
	margin: 0;	padding: 0;	border: 0;	outline: 0;}

abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body {line-height: 18px; font-family:"돋움", "dotum", "sans-serif";  font-size:12px;color:#666;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#666;text-decoration:none;}

.clearfix{clear:both;}

.fR{float:right;}
.fL{float:left;}
.fL{float:left;}
.fC{text-align:center;}
.width_660 {width:660px;}
.font_0 {font-size:0; line-height:0;}
img {font-size:0; line-height:0;}
.top_10 {padding-top:10px;}
.right_30 {padding-right:30px;}
.img {font-size:0; line-height:0;}
.f_bold {font-weight:bold;}

	
body{position:relative;}
#header{height:90px; width:100%; position:relative; background:url(img/top_bg.gif) repeat-x 0 0;}
#header section{width:960px; margin:0 auto ; position:relative;}
#header h1 {width:300px; position:relative;}
#header .top_btn {height:30px;}


#top_menu {position:relative; z-index:1000; width:660px; height:60px; left:0; padding-top:0;}
#top_menu .gnb {width:660px; overflow:hidden; height:60px; margin-left:0; padding-left:0; margin-top:0; padding-top:0; line-height:0; font-size:0;}
#top_menu .gnb li {float:left;}
#top_menu .gnb li a { display:block; height:60px; overflow:hidden; float:left;}
#top_menu .gnb li.current a img, #top_menu .gnb li a:hover img {margin-top:-60px;}
#top_menu .gnb .dep1, #top_menu .gnb .dep2, #top_menu .gnb .dep3, #top_menu .gnb .dep4{ position:absolute; padding:0 8px;  z-index:1000; display:none;  
margin-top:40px;}
#top_menu .gnb .dep1 li a, #top_menu .gnb .dep2 li a, #top_menu .gnb .dep3 li a, #top_menu .gnb .dep4 li a{ display:block; height:20px; padding:0 3px;}
#top_menu .gnb .dep1 li a img, #top_menu .gnb .dep2 li a img, #top_menu .gnb .dep3 li a img, #top_menu .gnb .dep4 li a img {margin-top:0px;}, 
#top_menu .gnb .dep1 li a.current img, #top_menu .gnb .dep1 li a:hover img,
#top_menu .gnb .dep2 li a.current img, #top_menu .gnb .dep2 li a:hover img,
#top_menu .gnb .dep3 li a.current img, #top_menu .gnb .dep3 li a:hover img,
#top_menu .gnb .dep4 li a.current img, #top_menu .gnb .dep4 li a:hover img,{margin-top:0px;}
.dep1 {left:-60px;  margin-left:0; padding-left:0; width:620px; height:20px; background:url(img/smenu_bg.gif) repeat-x 0 0;}
.dep2 {left:50px; margin-left:0; padding-left:0; width:410px; height:20px;background:url(img/smenu_bg.gif) repeat-x 0 0;}
.dep3 {left:0px; margin-left:0; padding-left:0; width:670px; height:20px;background:url(img/smenu_bg.gif) repeat-x 0 0;}
.dep4 {left:-100px; margin-left:0; padding-left:0; width:815px; height:20px;background:url(img/smenu_bg.gif) repeat-x 0 0;}


.contents_box {height:auto !important; z-index:1; position:relative; width:100%; padding-top:20px;}
.main_area {position:relative; z-index:1; width:100%; height:500px; background:url(img/mainf_bg.jpg) no-repeat top center;}
.main_f {width:1000px; height:500px; margin:0 auto ;}
.main_f ul.m_tab {position:absolute; top:465px; padding-left:20px;}
.main_f ul.m_tab li {float:left; padding-right:1px;}

.sub_f {position:relative; z-index:1; width:100%; height:170px; background:url(img/subf_bg.jpg) no-repeat top center;}


.con_main{position:relative; margin:0 auto; width:960px;}
.con_main h2 {padding-bottom:10px;}

.contents {position:relative; width:960px; margin:0 auto;}


.contents_s {width:960px; position:relative; padding-top:10px;}
.sub_menu{width:160px; padding-right:20px;}
.sub_menu h1{margin-bottom:10px;font-size:0; line-height:0;  border-bottom:1px solid #E6E6E6;}
.sub_menu ul li {display:block; float:left; font-size:0; line-height:0; padding-bottom:2px;}

.sub_title{margin-left:20px; width:760px; height:40px; border-bottom:1px solid #E6E6E6;}
.sub_title h2{position:relative; width:300px;}
#location {float:right; width:460px; height:30px; text-align:right; padding-top:10px;}


#content-area {margin-left:20px; width:760px; position:relative; padding:20px 0;}

.quickmenu {position:absolute; width:13px; margin:0 auto; height:40px; top:0px; z-index:1000; right: 50%; margin: 0 -504px 0 0;}

.footer {position:relative; width:100%; height:100px; background:url(img/copy_bg.gif) repeat-x 0 0; margin-top:30px;}



/*table01*/
.table01{ border-top:2px solid #4CA6D8; border-bottom:2px solid #4CA6D8; color:#333; margin-bottom:10px; margin-bottom:20px;}
.table01 th{ padding:7px 0 5px 0; border-color:#c9c9c9; border-style:none none solid none;  border-bottom:solid 1px #2F8CCD; border-right:solid 1px #ACD4F0; background:#F1F8FE; color:#326DBE;}
.table01 th.fir{border-left:solid 1px #ACD4F0;}
.table01 td{ padding:5px 4px 3px 4px; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; text-align:center; font-size:11px;}
.table01 td.fir{border-left:solid 1px #c9c9c9; color:#2F8CCD; font-weight:bold; background:#F6F7F8;}
.table01 td.tl{text-align:left;}
.table01 caption {font-size:0; line-height:0;}

.sitemap {position:relative; padding-left:20px; float:left;}
.map_box {width:160px; height:280px; position:relative; padding-right:20px; float:left;}
.map_box ul li {
  background: none;
  padding: 5px 0 1px 17px;
  line-height: 20px;
  border-bottom: solid 1px #EAEAEA;
  float: left;
  width: 143px;
  list-style: none;
  position: relative;
}

.map_box ul li::before {
  content: 'ㆍ';
  position: absolute;
  left: 7px;
  top: 5px; /* 기존 7px 11px 위치랑 맞춤 */
  color: #999; /* 원하는 색으로 변경 */
  font-size: 10px;
  font-weight: bold;
}
.map_box ul li a:hover {color:#0C69E9;}