@charset "utf-8";

/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video { display: block }
 
@import url("../../../../fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
html {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","굴림","Gulim,Helvetica","sans-serif";}
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, 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, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;  vertical-align:baseline;  }
body { font-size:0.75em; line-height:1.5em; color:#333; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none;cursor:pointer; }

@media all and (min-width:995px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
	#main-nav {display:none;}
	#wrap { width:100%; margin:0 auto; background-color:#ededed; }
	#util {border-top:4px solid #00b3c5; text-align:right; }
	#util div.util_Area { width:975px; margin:0 auto; padding:4px 0 ; }
	#util div.util_Area a{ color:#fff; padding:0 15px 0 12px; border-right:1px solid #959595; }
	#util div.util_Area a.sitemap{ border-right:0px; }
	#headerWrap {width:100%;background-color:#fff;border-top:4px solid #960909;border-bottom: 1px solid #a3a3a3;}
	#headerWrapin {height:80px; width:995px; margin:0 auto;}
	#header div.mobileMenu {display:none;}
	#header .logo { padding:10px 0 0 10px;}
	#subMenuWrap {display:none;}
	#header h1.logo {float: left;  height:50px;}
	#header .menu {float: left;  width:680px; padding-top:20px; z-index:1; position: relative;}
	#header .log {float: right;  width:100px; padding-top:35px; z-index:1; position: relative;}
	.menu ul ul  { display: none; background: #fff; }
	.menu ul li:hover > ul  { display: block; *display:none; }
	.menu ul  { list-style: none;  display: table;  padding: 0; margin: 0;}
	.menu ul:after  { content: ""; clear: both; display: block;  }
	.menu ul li { float: left; width:130px; text-align:center;  }
	.menu ul ul { padding: 0; position: absolute; top: 100%; border:1px solid #ddd;  z-index:5;  }
	.menu ul ul li  { float: none; position: relative; text-align:left; width:128px;}
	.menu ul ul ul  { position: absolute; left: 100%; top:0;  }
	.menu li a {display: block; font-size:16px; font-weight:bold; margin: 1em 0em 0.5em 0em; border-right:1px solid #dfdfdf; }
	.menu ul li a.first { border-left:1px solid #dfdfdf; }
	.menu ul li ul li a { font-size:13px; margin: 0.4em; font-weight:normal;  background: #fff;  padding: 0.4em; border-right:0px;}
	.menu li a:hover { color:#3a6bab; text-decoration: underline;  }
	.menu li li a:hover {background: #960909; color:#fff; text-decoration: none; margin: 0.4em; }

	#subMenuWrap { border:1px solid #e1e1e1; overflow:hidden; width:955px; margin:0 auto; padding:12px 20px; background:url("/img/subvisual_txt.jpg")  right top no-repeat;}
	#subMenu ul { padding:0; margin:0; list-style-type:none; }
	#subMenu ul li { float:left; padding:5px 10px; margin-right:10px; font-weight:bold; font-size:14px; }
	#subMenu ul li.select_on { background-color:#f26c4f; color:#fff; }

	#subMenuWrap2 {  overflow:hidden;  margin:0 auto; padding:12px 00px;border-top:1px solid #ddd;border-left:1px solid #eee;}
	                 /*width:100%; background:url("/img/subvisual_txt.jpgggg")  right top no-repeat;*/
	#left_vertical {padding-top:20px;}
	#subMenu2 ul { padding:0; margin:0; list-style-type:none; }
	#subMenu2 ul li { float:left; padding:5px;padding-right:0px; margin-bottom:2px; font-weight:bold;line-height:200%; font-size:14px; width:100%;border-bottom:1px solid #ddd}
	#subMenu2 ul li.select_on { background-color:#960909; color:#fff; display:inline;float:left;}
	#subMenu2 ul li.select_on a { color:#fff}

	#contentWrap { overflow:hidden; width:1000px; margin:0 auto;  background:#fff;margin-top:10px;}
	#btnPrev {display:none;}
	#contentWrap #subTit1 { float:left; width:200px; background:#fff;}
	#contentWrap #subTit2 { float:left; width:200px; background:#fff;}
	#contentWrap #subTit3 { float:left; width:200px; background:#fff;}
	#contentWrap #subTit4 { float:left; width:200px; background:#fff;}
	#contentWrap #subTit5 { float:left; width:200px; background:#fff;}
	#contentWrap #subTit6 { float:left; width:200px; background:#fff;}
	#contentWrap h3 { font-size:2em; padding:12px 0 10px 10px;font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic"; }
	#contentWrap #content { float:left; width:799px;border-left:1px solid #ddd}
	#contentWrap #content h1.conTit { border-bottom:1px solid #e1e1e1; font-size:1.667em; padding:10px 0 12px 30px; background:url("/img/subtit_ico.jpg") left 8px no-repeat;font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic"; letter-spacing:-1px;}
	#contentWrap #content #location { text-align:right; }
	#contentWrap #content #contentsArea  { margin:25px 20px; }
	#contentWrap #content #contentsArea iframe.map{ height:450px; }

	#footerWrap { width:100%;  height:100px;  border-top:1px solid #e1e1e1; }
	#footerWrap #footer { width:995px; margin:0 auto; padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; }
}

@media (max-width:995px) {  /* 이 코드는 980px 이하의 해상도에서 해석 됩니다 */ 
	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:60px; }
	#header div.mobileMenu {}
	#header h1.logo {float: left;  height:72px; padding:5px 0 0 10px;  }
	#header .menu {display:none;}
	#header .log {display:none;}
	#header div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:20px; }

	#subMenuWrap {  padding-bottom:12px; background-color:#efefef; overflow:hidden; width:100%; }
	#subMenu ul { padding:0; margin:0; list-style-type:none;  padding:12px 20px 0 20px;}
	#subMenu ul li { float:left; padding:5px 10px; margin-right:10px; font-weight:bold; }
	#subMenu ul li.select_on { background-color:#f26c4f; color:#fff; }

	#contentWrap { overflow:hidden;  width:100%;  }
	#contentWrap #subTit,#contentWrap #subTit1,#contentWrap #subTit2,#contentWrap #subTit3,#contentWrap #subTit4,#contentWrap #subTit5,#contentWrap #subTit6 { background-color:#efefef; display:none;}
	#contentWrap #content { padding:20px 0 20px 0;  }
	#contentWrap #content img{ max-width:100%;  }
	#contentWrap #content h1.conTit { border-bottom:1px solid #e1e1e1; font-size:1.667em; padding:12px 0 12px 35px; background:url("/img/subtit_ico.gif") 8px 10px no-repeat; }
	#contentWrap #content #location { display:none; }
	#contentWrap #content #contentsArea  { margin:25px auto; width:95%; }
	#contentWrap #content #contentsArea iframe.map{ padding:0 5px; height:450px; }

	#footerWrap { width:100%;  height:80px;  border-top:1px solid #e1e1e1; text-align:center; }
	#footerWrap #footer { padding:16px 0 0 0px; }
	#footerWrap #footer p { padding:0; margin:0; padding-top:2px; }

	/* 모바일메뉴 */
	.main-nav {  font-size: 1.25em; z-index:10; position: fixed;  top: 0; right:0;  width: 0;  height: 100%;  background: #3B3B3B;  overflow-y: auto;  transition: width 0.1s ease; }
	.main-nav a { font-weight:bold; display: block; background: linear-gradient(#3e3e3e, #383838); border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color: #ffffff !important; padding: 15px;}
	.close-menu {  display: none; font-size: 1em; text-align:center; }
	#main-nav:target {  width: 30%; }
	#main-nav:target + #wrap {  width: 100%;}
	#main-nav:target + #wrap .open-menu {  display: none;}
	#main-nav:target + #wrap .close-menu {  display: block; }

	.tbl_head01 .delTHHit {display:none;}
} 


@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	#wrap { float: left;  width: 100%;  transition: width 0.1s ease;  }
	#util {display:none;}
	#headerWrap {height:60px; }
	#header div.mobileMenu {}
	#header h1.logo {float: left;  height:72px; padding:5px 0 0 10px;  }
	#header #menu {display:none;}
	#header .log {display:none;}
	#header div.mobileMenu { background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:20px; }

	#contentWrap #content #contentsArea  { margin:25px auto; width:98%; }
	#contentWrap #content #contentsArea iframe.map{ padding:0; height:380px; }

	#subMenuWrap {  padding-bottom:0px; background-color:#efefef; overflow:hidden; width:100%; }
	#subMenu ul { padding:0; margin:0; list-style-type:none;  }
	#subMenu ul li { float:left; text-align:center;  width:24.6%; border-right:1px solid #dfdfdf; padding:0; margin:0;  }
	#subMenu ul li.select_on { float:left; background-color:#555; color:#fff; }
	#subMenu ul li a{ display:block; padding:10px 0; }
	#subMenu ul li.last { border-right:0px;}

	.tbl_head01 .delTHNum {display:none;}
	.tbl_head01 .delTHName {display:none;}
	.tbl_head01 .delTHHit {display:none;}
}


@media (max-width:320px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	.tbl_head01 .delTHNum {display:none;}
	.tbl_head01 .delTHName {display:none;}
	.tbl_head01 .delTHDate {display:none;}
	.tbl_head01 .delTHHit {display:none;}
}

/*content*/
#contentWrap #content #contentsArea .img_c {text-align:center; }
#contentWrap #content #contentsArea p.txtP { padding-bottom:20px; }
#contentWrap #content #contentsArea ul.sitemap_box { padding:0; margin:0;  }
#contentWrap #content #contentsArea .sitemap_list { list-style-type:none; float:left; width:190px; padding:0 15px; height:170px; }
#contentWrap #content #contentsArea .sitemap_list h3 { font-size:1.9em; font-weight:normal; border-bottom:1px solid #e1e1e1;  padding:15px 5px; margin:0 0 5px 0; }
#contentWrap #content #contentsArea ul.sitemap_con { list-style-type:none;  padding:0; margin:0; }
#contentWrap #content #contentsArea ul.sitemap_con li{ padding-top:10px; padding-left:5px; }


/* board */
.table_02   { width:100%; border-top:2px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
.table_02 td  { border-bottom:1px #e5e5e5 solid; border-right:0px; height:38px; }
.table_02 td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; }
.table_02 td.board_desc {  width:550px;  } 
.table_03   { width:100%; padding-top:5px; border-top:2px #444547 solid; border-bottom:1px #e1e1e1 solid; border-left:0px;  border-right:0px;  }
.table_03 td  { border-bottom:1px #e5e5e5 solid; border-right:0px #e5e5e5 solid; padding:20px 4px 20px 4px; }
.table_03 td table td { border-bottom:0px ; padding:5px 0 0 0; }
div.category {padding-bottom:10px;}
table #search_table { padding-top:10px; }

.bbsnewf5 { height:38px; font-size:12px; }
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
td.board_admin_bgcolor {padding:10px 5px 0 5px; font-size:12px;font-family:굴림,돋움;}

.paging {font-size:14px;font-family:굴림,돋움;color:#FF5500;font-weight:bold; clear:both; display:block; text-align:center; padding:15px; }
.paging b { font-size:14px; background-color:#7d7d7d; color:#fff; padding:5px 8px;}
.paging a:link{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:underline}