@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*
{
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'Nanum Gothic', ng;
	font-size:0.85em;
/*	background: #fef9f3 url("images/bg.jpg") no-repeat;*/
	margin:0px auto;
	background-position:50% 0%;
}	
/*body
{
	background: url("images/bg.jpg") no-repeat;
	background-position:50% 0%;
}*/
h1,h2,h4,h3,h5,h6
{
	font-family:'Nanum Gothic', ng; color:#666;font-size:14px;
}
h1
{
	font-size:18px;
}
pre
{
	font-family:'Nanum Gothic', ng;
	font-size:1.1em;
	overflow:hidden;
}
img,a
{
	border:0;
	outline:none; 
}
a:link,a:hover {
    text-decoration: none;
}
a:activity
{
	border:none;
}
#tnb a
{
	padding:0 0px;
}
nav span
{
	font-weight:bold;	
	
}
nav
{
	text-align:right;
	margin-bottom:15px;
}
#header
{
	clear: both;
	position: relative;
	padding: 0;
	zoom: 1;
	height: 100px;
	margin: 10px auto;/* 이렇게하면 가운데 정렬*/
	width: 980px;
	min-width: 980px;
	z-index:999;
	overflow:visible;
/*	margin-bottom:330px; 컨텐츠에서 개별적으로 주기로 변경*/
}
#header .logo
{
	display: block;
	width:260px;
	height: 90px;
	background-image:url("./images/logo.png");
	float:left;
	margin-top: 15px;	
}
#header #menu_wrp
{
	width:70%;
	float:right;
	height: 90px;
}
#smenu_wrp
{
}
#tnb
{
	float:right;
}
#text_size1
{
	display:block;
	float:right;
	margin-top:5px;
}
#main_nav
{
	clear:both;
	height: 40px;
	padding-top:30px;
}
#site_image_wrp
{
	clear: both;
	position: relative;
	padding: 0;
	zoom: 1;
	top:0px;
	width: 980px;
	height: 360px;
	z-index:1;
	margin:0px auto;
}
/*footer*/
/*
#footer
{
	clear: both;
	position: relative;
	padding: 0;
	zoom: 1;
	margin: 0 auto;
	margin-top:30px;
	width: 950px;
	min-width: 950px;
	height:328px;
	background: url("images/copy.gif") no-repeat;
}
#copy
{
	width: 100%;
	min-width: 900px;
	height:60px;
	text-align:center;
	
}
*/
#footer
{
	clear:both;
width: 100%;
margin: auto;
background: #333;
margin-top:30px;
}
#copy
{
width: 980px;
clear: both;
margin: auto;
height: 120px;	
}
#footer #copy #left {
width: 250px;
display: inline;
float: left;
}
#footer #copy #right {
width: 500px;
float: left;
padding-top: 19px;
color: #B4B4B4;
font-family: nanumgothic;
text-align: left;
line-height: 16px;
font-size: 11px;
margin-left:50px;
}

/* common */
.wrap
{
	z-index:1;
	position:relative;
	margin:0px auto;
	width:980px;
	zoom:1;
/*	border:solid 1px red;*/
	
}
/* common 끝*/

/* index.php */
.index_main_banner_bg {
	width: 100%;
	height: 140px;
	background-image: url(images/index_main_banner_bg.jpg);
	background-repeat: repeat-x;
}
.wrap.main_banner_bg ul
{
	list-style:none;
}
.wrap.main_banner_bg li
{
	list-style:none;
	float:left;
}

.wrap.index
{
}

/* index.php 끝 */

/* 서브페이지 시작*/
.wrap.sub_page
{
	width:980px;
	height:auto;
	overflow:auto;
}
.wrap.sub_page.first
{
	margin-top:220px;
}
.phone
{
	float:left;
	margin-right:50px;
}
.notice
{
	float:left;
}
.our_compay
{
	float:right;
	margin-right:50px;
}
.site_guid
{
	clear:both;
	float:left;
}
.product
{
	float:left;
}
.product ul
{
	list-style:none;
}

/* side menu common */
.side_menu
{
	float:left;
	width: 180px;
	height:auto;
	cursor:pointer;
}
.side_menu li
{
	display: block;
	float: left;
	position: relative;
/*	text-indent: -9999px;*/
}
.side_menu li a
{
	display:block;
	width: 172px;
	margin-bottom:5px;
	color:gray;
	font-weight:bold;
}
.side_menu li a:hover
{
	text-decoration:normal;
	color:DodgerBlue;
	font-weight:bold;
}
.side_menu h1 /* side menu title*/
{
	display:block;
/*	background:url("images/sub_title_icon.png") no-repeat;*/
	width:180px;
	height:44px;
	font-weight:bold;	
	color:SteelBlue;
	padding-top:15px;
	padding-left:25px;
	/* border style */
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:SteelBlue;
}
.side_menu ul
{
	margin:0;
}
.side_menu ul li
{
	width:180px;
	font-size:1.2em;
	padding-top:10px;
	padding-left:25px;
	/* border style */
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:gray;
}
.side_menu ul li.last
{
	/* border style */
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:gray;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:SteelBlue;
}

/* 서브페이지 콘텐츠 */
.page_contents
{
	width:710px;
	margin-left:20px;
	float:right;
	overflow:hidden;
	min-height:500px;
}
.page_contents h1
{	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	color:SteelBlue;
}
.page_contents h2
{	font-size:20px;
	padding-bottom:10px;
	display:block;
	color:SteelBlue;
}
#container_title
{
	color:SteelBlue;
}

/* 서브페이지 */
.point_yellow {color:#d27c00;}
.right {text-align:right;}

/* 서브페이지 내용*/
.contents{
	clear:both;
	padding:30px 20px 0px 0px;
	width:700px;
	/*font-size:16px;*/ 
	line-height:20px;
}
.contents h3
{
	clear:both;
	padding-top:30px;
	font-size: 1.3em;
	padding-bottom: 10px;
	display: block;
	color: #4682B4;
}
.contents .list
{
	list-style-type: square;
	width:200px;
	float:left;
/*	list-style-image: url('sqpurple.gif');*/
}
.contents .list li
{
	float:none;
/*	list-style-image: url('sqpurple.gif');*/
}
.contents li
{
	line-height:25px;
}
.contents li span
{
	color:DodgerBlue;
}
.contents pre
{
	padding-right:50px;
}
.contents pre span
{
	color:DodgerBlue;
}
.contents_table {
    width: 100%;
    border-collapse: collapse;
}

.contents_table td, .contents_table th {
    font-size: 1em;
    border: 1px solid #4682B4;
    padding: 3px 7px 2px 7px;
}

.contents_table th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #D6EAFF;
    color: #000;
}

.contents_table tr.alt td {
    color: #000000;
    background-color: #F1F8FF;
}

#sub_page1_1
{
	background:url(images/bg_sub1_1.png) no-repeat right center;	
}
#sub_page1_2
{
	background:url(images/bg_sub1_2.png) no-repeat right center;	
	height:400px;
}
#sub_page1_2 h3
{
	float:left;
	width:150px;
	padding:0;
	margin-top:50px;
}
#sub_page1_2 ul
{
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-top:50px;
}

/* 서브페이지 3*/
.view
{
	display:none;
}
/* 지도 */
.customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #4682B4;background: #4682B4 url("http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png") no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}


.contents ul
{
	list-style-image: url('images/li_hr.png');
	margin-left:15px;
}

.contents li {
/*	float:left; list-style:none;*/
	margin-bottom;25px;
}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #d4d89b;background:#555;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#555;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

.btn_submit {padding:8px;border:0;background:#555;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

.btn_bo_adm input {
  padding: 7px;
  border: 0;
  background: Gainsboro   ;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}
/* 보드 리스트 테이블*/
.tbl_head01 thead th {
  padding: 12px 0;
  border-top: 1px solid #4682B4;
  border-bottom: 1px solid #4682B4;
  background: #D6EAFF;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em;
}
/* 댓글 헤더*/
#bo_vc h2 {
  margin-bottom: 10px;
  color: #4682B4;
}
/* 댓글 창 */
#bo_vc {
  margin: 0 0 20px;
  padding: 20px 20px 10px;
  border: 1px solid #4682B4;
  background: #FAFDFF;
}
.bo_vc_hdinfo {
  display: inline-block;
  margin: 0 15px 0 5px;
  color: #4682B4;
}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {
  font-weight: bold;
  color: #4682B4;
  background: #D6EAFF;
  padding: 3px;
}
#bo_vc header {
  position: relative;
  padding: 15px 0 5px;
  color: #4682B4;
}
/* 게시판 목록 공통 */
#bo_list_total {
  float: left;
  padding-top: 5px;
  color: #4682B4;
}

/* 게시판읽기*/
#bo_v_info {
  padding: 40px 0 10px;
  border-bottom: 1px solid #4682B4;
}

#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {
  font-weight: bold;
  font-size: 14px;
  color: #4682B4;
  background: #D6EAFF;
}

.sub_nav
{
	border-bottom:solid 1px #000;
}
.sub_nav a
{
  display: inline-block;
  padding: 5px;
  border: 1px solid #000;
  background-color:WhiteSmoke;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
  border-bottom:none;
}
.sub_nav a:hover, .sub_nav a.cur
{
  background-color:LightSkyBlue;
  color: #000;
}