@charset "utf-8";

/* ------------------------------------------------------------------------------------------------
=Reset
------------------------------------------------------------------------------------------------ */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
input { margin: 0; padding: 0; }
input.text { padding: 2px; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}








/* ------------------------------------------------------------------------------------------------
=Basic
------------------------------------------------------------------------------------------------ */
body {
	font-family: Dotum, 돋움, Arial, Sans-serif;
	font-size: 62.5%;
	line-height: 1.8;
	color: #888;
}
a         { text-decoration: none; }
a:link    { color: #000; }
a:visited { color: #000; }
a:hover   { color: #5674b9; }
hr { display: none; }
img { border: 0; }
img.submit { vertical-align: middle; }
input, textarea, select { font-family: Dotum, 돋움, Arial, Sans-serif; vertical-align: middle;}
li,dd { list-style: none; }
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: 800;
}
label { display: none; }
input.submit,
button { cursor: pointer; }
input.text,
textarea {
	border-color:#acacac #dcdcdc #dcdcdc #acacac;
	border-style:solid solid solid solid;
	border-width:1px;
}
textarea { overflow:auto; }
input.text:hover { }
input.text:focus { }
textarea:hover { }
textarea:focus { }

table {
	border-collapse: collapse;
	width: 100%;
}

em,dfn,address { font-style: normal; }
legend { display: none; }

/* framework */

.cnt { padding-left: 12px; color: #f26522;  font-size: 0.9em; font-weight: 800; background:transparent url(../images/bg_cmc.gif) no-repeat scroll 0 0; }




/* ------------------------------------------------------------------------------------------------
Layout
------------------------------------------------------------------------------------------------ */
#wrap,
#wrap_intro,
#wrap_mate,
#wrap_community {
	font-size: 1.2em;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#wrap_walking {
	font-size: 1.2em;
	width: 95%;
	min-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#header {
	height: 140px;
	background: url(../images/bg_header.gif) repeat-x 0 0;
	position: relative;
}
#container {
	background: url(../images/bg_container.gif) repeat-y right 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 240px 0 0;
	overflow: hidden;
}
#content {
	float:left;
	padding: 20px 0;
	overflow: hidden;
	width: 100%;
}
#sub {
	float: right;
	display:inline;
	width: 210px;
	padding: 10px;
	margin-right: -240px;
	overflow: hidden;
}
#footer {
	height: 110px;
}




/* ------------------------------------------------------------------------------------------------
=Header
------------------------------------------------------------------------------------------------ */
#header a { text-indent:-9999px; }

/* 로고 */
#header h1 a {
	position: absolute;
	top: 3px;
	left: 0px;
	display: block;
	width: 240px;
	height: 70px;
	background: url(../images/logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/* 메인 네비게이션 */
#mainNav {
	position: absolute;
	top: 70px;
	left: 0;
	padding: 0 30px;
	width: 670px;
	background: url(../images/bg_mainNav.gif) repeat-x 0 0;
}
#mainNav li { float:left; margin-right:1px; }
#mainNav li a.menu {
	display: block;
	height: 40px;
	background:url(../images/btn_nav.gif) no-repeat 0 0;
}
#mainNav li#intro a.menu  { width: 110px; }
#mainNav li#walkif a.menu { width: 85px; background-position: -110px 0; }
#mainNav li#fr a.menu     { width: 80px; background-position: -205px 0; }
#mainNav li#cm a.menu     { width: 110px; background-position: -295px 0; }

#mainNav li#intro a.menu:hover  { background-position: 0 -40px; }
#mainNav li#walkif a.menu:hover { background-position: -110px -40px; }
#mainNav li#fr a.menu:hover     { background-position: -205px -40px; }
#mainNav li#cm a.menu:hover     { background-position: -295px -40px; }

/* 서브메뉴 */
#mainNav li#intro ul  { position: absolute; top: 45px; left: 20px; width: 100%; }
#mainNav li#walkif ul { position: absolute; top: 45px; left: 140px; width: 100%; }
#mainNav li#fr ul     { position: absolute; top: 45px; left: 250px; width: 100%; }
#mainNav li#cm ul     { position: absolute; top: 45px; left: 330px; width: 120%; }
#mainNav li ul li a { padding: 0 15px; text-indent: 0; border-right: 1px solid #ccc; }
#mainNav li ul li.last a { border: 0 none; }

/* 현재메뉴표시 */
#wrap_intro li#intro a.menu    { background-position: 0 -40px; }
#wrap_walking li#walkif a.menu { background-position: -110px -40px; }
#wrap_mate li#fr a.menu        { background-position: -205px -40px; }
#wrap_community li#cm a.menu   { background-position: -295px -40px; }


#donate {
	position: absolute;
	top: 70px;
	right: 40px;
	width: 175px;
	height: 40px;
	background:url(../images/btn_nav.gif) no-repeat -435px 0;
}
#donate:hover { background-position: -435px -40px; }

#mainSearch {
	position: absolute;
	top: 30px;
	right: 140px;
	background:url(../images/bg_search.gif) no-repeat 0 0;
	width: 224px;
	height: 22px;
}
#mainSearch input {
	border: 0 none;
	background: none;
	padding: 0 5px;
	width: 180px;
}
#mainSearch input.btn_search {
	width: 24px;
	cursor: pointer;
	text-indent: -9999px;
}
#utilMenu {
	position: absolute;
	top: 33px;
	right: 0;
}
#utilMenu li { float: left; margin-left: 20px;}
#utilMenu li a { display: block; height: 15px; background: url(../images/btn_utilMenu.gif) no-repeat 0 0; overflow: hidden; }
#utilMenu li.lang a  { width: 34px; }
#utilMenu li.stmap a { width: 38px; background-position: -34px 0; }
#utilMenu li.ctus a  { width: 48px; background-position: -72px 0; }
#utilMenu li.lang a:hover  { background-position: 0 -15px;}
#utilMenu li.stmap a:hover { background-position: -34px -15px; }
#utilMenu li.ctus a:hover  { background-position: -72px -15px; }





/* ------------------------------------------------------------------------------------------------
=Content
------------------------------------------------------------------------------------------------ */
/* common */
#content h2 { font-size: 1.1em; }
#content h2.title { text-indent: -9999px; height: 30px; margin: 0 15px 20px 15px; border-bottom:2px solid #5674B9; background: url(../images/bg_h2.gif) no-repeat 0 0;}

#content h2.section_intro { background-position: 0 0; }
#content h2.section_supporter { background-position: 0 -40px; }
#content h2.section_map { background-position: 0 -80px; }
#content h2.section_rule { background-position: 0 -160px; }
#content h2.section2-1 { background-position: 0 -120px; }
#content h2.section2-3 { background-position: 0 -200px; }
#content h2.section3-1 { background-position: 0 -240px; }
#content h2.section3-2 { background-position: 0 -280px; }
#content h2.section_notice { background-position: 0 -320px; }
#content h2.section_review { background-position: 0 -360px; }
#content h2.section_qna { background-position: 0 -400px; }
#content h2.section_free { background-position: 0 -440px; }
#content h2.section5 { background-position: 0 -480px; }
#content h2.section_sitemap { background-position: 0 -520px; }
#content h2.section_join { background-position: 0 -560px; }
#content h2.section_myinfo { background-position: 0 -600px; }
#content h2.section_find_pw { background-position: 0 -640px; }
#content h2.section_change_pw { background-position: 0 -680px; }
#content h2.section_contactus { background-position: 0 -720px; }
#content h2.section_privacy { background-position: 0 -760px; }
#content h2.section_clip { background-position: 0 -800px; }

#content h3 { font-size: 1.0em; }
#content h4 { font-size: 1.0em; }

#content .bt { font-size: 1.3em; /* margin-left: 15px; */} /* 중간제목 */
#content .lt { font-size: 1.2em; border-top: 1px solid #ddd; padding-top: 15px; } /* 소제목 */

.contentBox { margin-top: 15px; padding: 0 30px; position: relative; }
.author { font-size: 0.9em; font-weight: 800; color: #999; }
.date { font-size: 0.8em; font-family: Tahoma, Sans-serif; color: #999; }




/* paging */
.paging {
	padding: 0 30px;
	font-size: 0.9em;
	font-family: Verdana, Sans-serif;
	text-align: right;
	color: #999;
}
.paging a,
.paging a:visited { color: #999; padding: 1px 2px; }
.paging a.current,
.paging a.current:visited { color: #fff; background-color: #f26522; }
.paging .pageNav { font-weight: 800; }

/* brdpaging */
.brdpaging { text-align: center; background-color: #f3f3f3; height: 35px; line-height: 35px; margin: 2px 15px 0;}


/* 메인 페이지 ############################################### */
#mainArea {
	width: 730px;
	height: 450px;
	background-color: #f1f1f1;
}
.preview { margin-top: 15px; width:100%; }

/* 메인 페이지 공지사항 */
.noticePreview { margin: 10px 0; width: 730px; }
.noticePreview h3 { background: url(../images/notice.gif) no-repeat 0 3px; padding-left: 30px; }
.noticePreview p { padding: 5px; border:3px double #DDDDDD; }
.noticePreview p a { font-size: 0.9em; color: #5674b9; margin-left: 3px; }

/* 메인 페이지 미리보기 리스트 */
.preList {
	margin-top: 5px;
	border-top: 2px solid #e6e6e6;
	padding: 10px;
	width: 710px;
}
.preList li { margin-bottom: 15px; overflow: hidden; } 
.preList .listInner { margin-left: 130px; padding-right: 15px; }
.preList img { float: left; border: 3px solid #d7d7d7; }


/* 소개 페이지 */

.ws_area {
	width: 700px;
	padding: 0 15px;
	line-height: 1.6;
	color: #777;
}
.ws_area ul li { margin-left: 20px; list-style: square; }
.ws_area ul li li { margin-left: 20px; list-style: circle; }
.ws_area ol li { margin-left: 20px; list-style: decimal; }
.ws_area strong, .ws_area b { font-weight: 700; }







/* 도보길 구간정보 ############################################### */

/* 맵과 목록 전환 탭 */
.tab_convt {
	padding: 0 15px;
}
.tab_convt ul {
	overflow: hidden;
	background: url(../images/bg_rgt_ul.gif) repeat-x 0 bottom;
}
.tab_convt li {
	float: left;
	margin-right: 5px;
}
.tab_convt a,
.tab_convt a:visited {
	display: block;
	width: 85px;
	height: 21px;
	padding-top: 10px;
	font: 700 0.9em Dotum, sans-serif;
	text-align: center;
	color: #777;
	background: url(../images/tab_convt.gif) no-repeat 0 0;
}
.tab_convt a:hover { background-position: 0 -31px; color: #5674b9; }
.tab_convt .selected a,
.tab_convt .selected a:visited { background-position: 0 -31px; color: #5674b9; }



/* 큰 지도 */
#mapArea {
	margin: 0 15px;
	padding: 10px;
	border: 1px solid #bbb;
	border-top: 0 none;
}
#mapSelection { }
#mapSelection h3 { border-bottom: 1px dashed #e6e6e6; letter-spacing:-1px; }
#mapSelection dl { margin: 10px 0; }
#mapSelection label { display: inline; margin: 0 12px 0 5px; letter-spacing:-1px; color: #666; cursor:pointer; }
#mapSelection dt { float: left; margin-right: 5px; color: #666; font-weight: 800; }

/*#mapSelection button {width: 70px; height: 28px; text-indent: -9999px; border: 0 none; margin-bottom: 10px; margin-right: 2px;}
#mapSelection button.btn_rgt_road { background: url(../images/btn_rgt_road.gif) no-repeat 0 0; }
#mapSelection button.btn_rgt_point { background: url(../images/btn_rgt_point.gif) no-repeat 0 0; }
#mapSelection .kmlUp {margin: 10px 0; } */

.tab_rgt ul { overflow: hidden; text-indent: -9999px; background: url(../images/bg_rgt_ul.gif) repeat-x 0 bottom; }
.tab_rgt li { float: left; }
.tab_rgt a { display: block; width: 77px; height:28px; background: url(../images/tab_rgt.gif) no-repeat 0 -28px; }
.tab_rgt a.point { background-position: -75px -28px; }
.tab_rgt a:hover { background-position: 0 -0; }
.tab_rgt a.point:hover { background-position: -75px 0; }
.tab_rgt .selected a { background: url(../images/tab_rgt.gif) no-repeat 0 0; }
.tab_rgt .selected a.point { background: url(../images/tab_rgt.gif) no-repeat -75px 0; }

.rgt_subArea {
	padding: 10px;
	margin-bottom: 10px;

}
.rgt_subArea label { display: inline; margin-left: 5px; cursor: pointer; }

#div_map_edit_now, #div_upload_kml,#div_map_edit_now_way { padding: 10px; }
#div_map_edit_now_way label, #div_map_edit_now label { display: inline; cursor: pointer; }

#map {
	background: url(../dummy/dummy_map.gif) repeat center center; /* 지도 모양을 보기 위해 임시로 백그라운드 이미지를 넣습니다. */
	height: 450px;
	width: 100%;
	position: relative;
	border: 1px solid;
}

#map_coords { padding: 10px 5px; overflow: hidden; }
#map_coords li { float: left; width: 285px; margin-right: 12px; }
#map_coords li a { color: red; font-size: 0.9em; font-weight: bold; margin:0 0 0 5px; padding: 0 3px; text-transform: uppercase; }
#map_length { display: block; font-size: 1.1em; font-weight: 800; font-family: Verdana, Sans-serif; color: #000; text-align: center; }


.google { display: block; text-align: right; margin-top:-15px;}
.google a,
.google a:visited { color: #777; text-decoration: underline; }
.google a:hover { color: #5674B9; text-decoration: underline; }

/* 지도 위 레이어 ############################################################################################################ */
#roadInfo {
	width: 341px;
}
#pointRgst {
	width: 460px;
}
#pointSelect {
	width: 391px;
}
.mapLayer {
	margin-top: -15px;
	padding-left: 9px;
	background: url(../images/bg_mapLayer.gif) no-repeat 0 0;
}
.inLayer {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #666;
	border-left: 0 none;
	position: relative;
}
.inLayer .h_wrap { background: url(../images/layer_h.gif) repeat-x 0 bottom; margin-bottom: 10px; padding-bottom: 5px; }
.inLayer h3 { display: inline; }
.inLayer .rgtp { color: #999; font-size: 0.9em; }
.inLayer a.close { display: block; position: absolute; top: 5px; right: 5px; height: 15px; width: 16px; background: url(../images/btn_close.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
.inLayer a.close:hover { background-position: 0 -15px; }
.inLayer input.text,
.inLayer textarea {
	border-color:#acacac #dcdcdc #dcdcdc #acacac;
	border-style:solid solid solid solid;
	border-width:1px;
}


/* 구간 정보 */
.inLayer .detail { overflow: hidden; }
.inLayer .detail img { float: left; margin-right: 15px; }
.inLayer .detail ul { float: left; line-height: 1.5; }
.inLayer .detail li { background:transparent url(../images/bul_info.gif) no-repeat scroll 0 center; padding-left:8px; }
.inLayer p.control {
	clear: both;
	margin-top:10px;
	padding: 10px 0 0;
	border-top: 1px dashed #e6e6e6;
	text-align: right;
}
.inLayer p.control a,
.inLayer p.control a:visited {
	color: #999;
	padding: 0 8px;
	/* background: url(../images/bg_control.gif) no-repeat right center; */
}
.inLayer p.control a:hover { color: #5674b9;}
.inLayer p.control a.more {
	padding-top: 8px;
	vertical-align: middle;
	background: none;
}
.inLayer p.control a.last { background: none !important; }
.inLayer .btnWrap { text-align: center; }
.inLayer .btnWrap label { display: none; }
.inLayer .btnWrap input { border:0 none; }


/* 지점 등록하기 */
.inLayer #ctSelection { padding: 0 0 0 5px }
.inLayer label { display: inline; margin: 0 7px 0 4px; letter-spacing:-1px; font-size: 0.9em; color: #666; }
.inLayer #ctSelection label { cursor: pointer; }
.inLayer #rgst { width: 419px; padding: 5px; background-color: #f3f3f3; position: relative; }
.inLayer #rgst input {margin: 2px 0 2px 45px; padding: 2px; width: 368px; }
.inLayer #rgst textarea { width: 378px; padding: 2px; }
.inLayer #rgst textarea { height: 50px; }
.inLayer #rgst p.count { position:absolute; bottom: 5px; left: 2px; font-family: tahoma;font-size: 0.9em; color: #999;}

.inLayer .imgUp { margin: 5px 0; padding: 10px; border: 1px solid #dcdcdc; background-color: #fff; }
.imgUp a.btnUp { vertical-align: middle; padding-top: 10px; }
.imgUp .help { vertical-align: middle; }
.inLayer .uploadedImg { height: 50px; width: 355px; overflow: hidden; }
.uploadedImg p {
	float: left;
	margin-right: 7px;
	width: 58px;
	height: 43px;
	padding: 1px;
	border: 2px solid #eee;
	position: relative;
	background: url(../images/bg_upPic.gif) no-repeat center center;
}
.uploadedImg img {
	overflow: hidden; 
}
.uploadedImg p a.del {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #f26522;
	font-weight: 800;
	line-height: 0.8;
	border: 1px solid #eee;
	background-color: #fff;
}




/* 지점 선택 */
.imgNavi { text-align: center; }
.imgNavi a { padding: 5px; }
.imgNavi img { vertical-align: middle; }

.imgNavi p { float:left; height: 150px; }
.imgNavi .prev_left a {
	display: block;
	width: 20px;
	height: 150px;
	text-indent: -9999px;
	background: url(../images/btn_imgNavi.gif) no-repeat 0 center;
}
.imgNavi .next_right a {
	display: block;
	width: 20px;
	height: 150px;
	text-indent: -9999px;
	background: url(../images/btn_imgNavi.gif) no-repeat -40px center;
}
.imgNavi .prev_left a:hover { background-position: -20px center; }
.imgNavi .next_right a:hover { background-position: -60px center; }

.inLayer p.desc { clear:both; width: 360px; line-height: 1.5; margin: 10px 0; }
.inLayer p.control a.ct .cnt{ padding-left: 15px; background:transparent url(../images/bg_cmc.gif) no-repeat 0 0; color: #f26522;  font-size: 0.9em; font-weight: 800; }

.inLayer p.control .edit { float: left; margin-top: 1px; margin-right:120px; display: inline; }
#pointSelect .inLayer p.control .edit a { background: none; padding: 0 5px 0 0; }


/* /지도 위 레이어 끝 ############################################################################################################ */









/* 구간 소개, 상세 정보 페이지 */

.t_wrap { background: url(../images/layer_h.gif) repeat-x 0 bottom; padding-bottom: 5px; position: relative; }
.detailInfo {
	margin: 10px 0;
	min-height:238px;
	overflow: hidden;
}
.detailInfo .smallMapArea {}
.detailInfo .sMap {}
.detailInfo .info { padding: 5px; }

#content .detailInfo .info h4 { font-size: 1.2em; color: #000; }
.detailInfo .info img { border: 5px solid #fff; float: left; margin-right: 5px;}
.detailInfo .info p { margin-top: 5px; }
.detailInfo .info dl { margin-top: 10px;}
.detailInfo .info dt { float: left; background: url(../images/bul_info.gif) no-repeat 0 8px; padding-left: 8px; margin-right: 5px; }
.detailInfo .info dd { color: #448ccb; }
button.btn_print { position: absolute; top: 0; right: 0; background: url(../images/btn_pdf-print.gif) no-repeat 0 0; width:136px; height:29px; border: 0 none; text-indent: -9999px; }
.spot_cont { padding: 0 5px; line-height: 1.5; }


/*이미지 썸네일 */
.thumbnail { text-align: center; margin: 10px 0; }
.thumbnail img {border: 1px solid #ddd }
.imgView { text-align: center; margin-bottom: 40px; }

/* 연관글 보기 */
.relationList { padding: 10px 0; }
.relationList li { margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; border-bottom: 1px dashed #e6e6e6; }
.relationList .listInner { margin-left: 125px; }
.relationList img { float: left; border: 1px solid #e2e2e2; margin-right:10px; }
.relationList h4 { display: inline; }
.relationList h4 a,
.relationList h4 a:visited { color: #666; }
.relationList h4 a:hover { color: #000; }
.relationList .cmc { padding-left: 12px; color: #f26522; font-family: Verdana, Sans-serif; font-weight: 800; font-size: 0.9em; background: url(../images/bg_cmc.gif) no-repeat 0 0; }
.relationList em { color: #448ccb; font-weight: 400; letter-spacing: -1px; margin-right: 5px;}
.relationList .info { color: #999; }
.relationList .author { padding-right: 10px; border-right: 1px solid #e3e3e3; }
.relationList .date { padding-left: 5px; }
.relationList dt { float: left; margin-right: 5px; }
dl.relationList { color: #888; }
dl.relationList a,
dl.relationList a:visited { color: #888; }
dl.relationList a:hover { color: #000; }
p.more { text-align: right; margin: -10px 0 30px 0;}
p.more a,
p.more a:visited{ background: url(../images/bul_more.gif) no-repeat 0 2.5px; padding-left: 6px; color: #999; font-weight: 800; font-size: 0.9em; letter-spacing: -1px;}
p.more a:hover { color: #000; }

.aboutPoint { overflow: hidden; }
.aboutPoint li {
	width: 205px;
	float: left;
	margin-right: 10px;
	height: 85px;
	overflow: hidden;
	background-color: #f3f3f3;
	padding: 5px;
}
.aboutPoint .listInner { margin-left:0; }
.aboutPoint .author { border: 0 none; }
.aboutPoint img { width: 80px; }
.aboutRoad { overflow: hidden; }
.aboutRoad li {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	border: 0 none;
}
.aboutRoad li a,
.aboutRoad li a:visited {
	color: #888;
}
.aboutRoad li a:hover {
	color: #000;
}

/* 모든 목록 보기 */
#mapArea .lt { border: 0 none; border-bottom: 1px solid #e6e6e6; }
.allRoadList {
	margin-top: 5px;
	padding: 5px 0;
}
.allRoadList li { margin-bottom: 15px; overflow: hidden; } 
.allRoadList .listInner { margin-left: 120px; }
.allRoadList img { float: left; border:1px solid #E2E2E2; }




/* 댓글 남기기 */

ul.comments { border-top: 1px dashed #e6e6e6; margin-top: 10px; padding-top: 10px; }
ul.comments li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #e6e6e6;}
p.commentor { position: absolute; top:0; left: 0; }
p.commentor span { display: block; }
p.commentor span.nickname { font-weight: 800; width: 89px; overflow: hidden;}
p.comment { margin-left: 110px; }
ul.comments p.control { margin-left: 120px; }
ul.comments p.control a { margin-right: 3px; }

ul.comments li ul { }
ul.comments li ul li { position: relative; margin-bottom: 0; padding: 10px 0 0 15px; border-bottom: 0 none; border-top: 1px dashed #e6e6e6;}
ul.comments li ul li p.commentor { top: 10px; left: 20px; background: url(../images/bg_re.gif) no-repeat 0 0; padding-left: 40px; }
ul.comments li ul li p.comment { margin-left: 145px; }
ul.comments li ul li p.control { margin-left: 155px; }

fieldset#ctSubmit {
	margin: 20px 0;
	padding: 15px;
	background-color: #f8f8f8;
}

fieldset#ctSubmit label { display: inline; }
fieldset#ctSubmit dfn { margin-left: 28px; font-style: normal; }
fieldset#ctSubmit dfn span { margin-left: 4px; font-weight: 800; color: #5674b9; }
fieldset#ctSubmit input { margin:0 4px; color:#999; }
fieldset#ctSubmit textarea { margin-left: 80px; width: 525px; height: 100px; padding: 5px; color:#999;}
fieldset#ctSubmit input.submit { margin-left: 80px; margin-top: 10px; width: 76px; height: 28px;}
fieldset#ctSubmit input.urname,
fieldset#ctSubmit input.pw { width: 110px }
fieldset#ctSubmit input.ml { width: 180px }
fieldset#ctSubmit p {padding: 3px 0; }
fieldset#ctSubmit p.lm {margin-left: 76px; }

/* 트랙백 발송 */
fieldset#ctSubmit .tb_send {
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 20px;
}
fieldset#ctSubmit .tb_send input.text { width: 350px; }
fieldset#ctSubmit .tb_send img { vertical-align: middle; }
fieldset#ctSubmit .tb_send p,
fieldset#ctSubmit .tb_send li { margin-left: 10px; margin-bottom: 2px; }
fieldset#ctSubmit .tb_send li .date { margin: 0 10px; }



/* 프린트 레이어 */
#overLayer {
	border: 5px solid #e6e6e6;
	position: relative;
}
.print { background: url(../images/bg_printLayer.gif) no-repeat 0 0; width: 410px; height: 400px; }
.mate { background: url(../images/bg_mateLayer.gif) no-repeat 0 0; width: 470px; height: 215px; }

.change_pw  { background: url(../images/bg_changepwLayer.gif) no-repeat 0 0; width: 490px; height: 240px; }
#overLayer h5 { text-indent: -9990px; }
#overLayer h6 { margin: 35px 0 5px 20px; font-weight: 800; color: #666; }
.olInner {
	margin: 0 20px 10px;
	padding: 15px;
	background-color: #f3f3f3;
	border: 1px solid #e6e6e6;
}
#overLayer #selet_PrInfo { line-height:2; }

#overLayer label { display: inline; color: #666; cursor:pointer; }
.print label { margin-left: 4px; }

#overLayer a.close { display: block; position: absolute; top: 10px; right: 15px; height: 15px; width: 16px; background: url(../images/btn_close.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#overLayer a.close:hover { background-position: 0 -15px; }

#overLayer .btnWrap { text-align: center; }
#overLayer .btnWrap label { display: none; }
#overLayer #pdf_save { margin-right: 10px; }

#overLayer .phoneN { text-align: center; color: #5674b9; padding: 10px; }
#overLayer .phoneN .text { width: 35px; }
#overLayer .anc { margin: 0 20px 10px; color: #999 }
#overLayer .anc_top { margin: 35px 20px 10px; color: #777 }

.edit p { padding:3px; }
.edit span.email { color: #000; }
.edit .olInner img { vertical-align: middle; }
.edit .olInner label { margin-right: 20px; }
.edit .olInner label.nickname {  margin-right: 32px; }
.edit .olInner label.new_pw { margin-right: 4px; }
.edit .olInner {color: #777;}

#overLayer .find {text-align: center; }

.change_pw p { padding:3px; }
.change_pw .olInner label { margin-right: 20px; }
.change_pw .olInner label { margin-right: 32px; }
.change_pw .olInner label.new_pw { margin-right: 4px; }

.dn_ar { line-height: 1.4; margin: 5px; }
.dn_ar a,
.dn_ar a:visited { color: #5674B9; }
.dn_ar a:hover { color: #ff9601; }


/* 회원 관련 페이지 */
#member {
}
#member label { display: inline; color: #666; cursor:pointer; }
#member a.close { display: none; }

#member h5 { text-indent: -9990px; }
#member h6 { margin: 35px 0 5px 20px; font-weight: 800; color: #666; }

#member .btnWrap { text-align: center; }
#member .btnWrap label { display: none; }

#member .phoneN { text-align: center; color: #5674b9; padding: 10px; }
#member .phoneN .text { width: 35px; }
#member .anc { margin: 0 20px 10px; color: #999 }
#member .anc_top { margin: 35px 20px 10px; color: #777 }

#member #agreement {
	border-color:#ACACAC #DCDCDC #DCDCDC #ACACAC;
	border-style:solid;
	border-width:1px;
	background-color: #fff;
	height: 300px;
	overflow: auto;
}

/* .join { background: url(../images/bg_joinLayer.gif) no-repeat 0 0; } */
.join p { padding:3px; }
.join label { margin-right: 5px; }
.join .olInner { padding: 15px; }
.join input.text { width: 180px; }
.join .hint { font-size: 0.9em; color: #999; }
.join .olInner label { margin-right: 25px; }
.join .olInner label.email { margin-right: 5px; }
.join .olInner label.nickname {  margin-right: 37px; }

/* .find_pw { background: url(../images/bg_findpwLayer.gif) no-repeat 0 0; } */
/* div.edit { background: url(../images/bg_editLayer.gif) no-repeat 0 0; } */








/* 새 도보길 등록하기 */

#roadRgt { border: 1px solid #e6e6e6; padding: 15px; margin: 0 15px; overflow: hidden; }
#roadRgt h3 { border-bottom: 1px dashed #d6d6d6; }
#roadRgt .wrap_rgst { padding: 20px 0; border-bottom: 1px dashed #d6d6d6; overflow: hidden; }
#roadRgt .smallMapArea {
	float: left;
	width: 220px;
	height: 170px;
	margin-right: 15px;
	background-color: #fff
	overflow: hidden;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
#roadRgt .sMap { }
#roadRgt .rgst {  }
#roadRgt .rgst { line-height:2.5; }
#roadRgt .rgst dt {
	color#666666;
	float:left;
	font-weight:800;
	margin-right:5px;
}
#roadRgt .rgst .count { margin-top: -12px; display: block; font-family: tahoma; font-size: 0.9em; color: #999; font-weight: 400; }
#roadRgt .rgst label { display:inline; }
#roadRgt .rgst dl label { margin-left:4px; margin-right:8px; cursor:pointer; }
#roadRgt .rgst textarea { width: 370px; height: 36px; padding: 2px; margin-bottom: 10px; }
#roadRgt .uploadedImg { overflow: hidden; }
#roadRgt .rgst .uploadedImg p { border: 5px solid #E3E3E3; }
.addPoint {
	display:block;
	float:right;
	width:70px;
	height:28px;
	margin-top:10px;
	text-indent:-9999px;
	background:transparent url(../images/btn_addpoint.gif) no-repeat scroll 0 0;
}
.wrap_iRD { clear: both; }
#inputRoadDetail dl { background-color: #f3f3f3; padding: 20px; }
#inputRoadDetail label { display: inline; }
#inputRoadDetail dt {
	color:#666666;
	float:left;
	height:31px;
	font-weight:800;
	margin-right:5px;
	text-align: right;
	width: 70px;
}
#inputRoadDetail dd { height:31px; }

#inputRoadDetail .text { width: 150px; }
#inputRoadDetail #rq_time_day,
#inputRoadDetail #rq_time_hour,
#inputRoadDetail #rq_time_min { width: 32px; }
#inputRoadDetail .dfct_lb { margin: 0 5px 0 3px; cursor:pointer; }
#inputRoadDetail .hint {margin-left: 75px; }


.buttonWrap {text-align: center; margin: 20px 0;}
.buttonWrap .submit { margin-right: 5px; }
.buttonWrap img { vertical-align:middle; }




/* 길동무 찾기 ################################################### */
.month { overflow: hidden; height: 40px; }
.month a { float: left; display: block; text-indent: -9999px; width: 10px; height: 25px; }
.month a.prev { background: url(../images/btn_arrow.gif) no-repeat 0 center; margin-right: 4px; }
.month a.next { background: url(../images/btn_arrow.gif) no-repeat -30px center; margin-left: 8px;}
.month a.prev:hover { background-position: -10px center; }
.month a.next:hover { background-position: -20px center; }
.month strong {
	display: block;
	float: left;
	width: 60px;
	height: 25px;
	padding-top: 3px;
	font-size: 1.2em;
	font-weight: 800;
	text-align: center;
	color: #5674b9;
	background: url(../images/bg_month.gif) no-repeat center center;
}

/* 일정선택 */
#progSt { position: absolute; right: 30px; top: 5px; }
#progSt label { display: inline; color: #777; padding-right: 10px; cursor: pointer; }
#progSt label.ofcl { background: url(../images/bg_color.gif) no-repeat right 3px; margin-right: 20px;}
#progSt label.free { background: url(../images/bg_color.gif) no-repeat right -21px; }
a.mkMate { margin-left: 20px; }
a.mkMate img { vertical-align: middle; }

/* 길동무캘린더테이블 */
#mate { color: #999; }
#mate caption { display: none; }
#mate thead { border: 1px solid #e6e6e6; }
#mate th {
	background-color: #e6e6e6;
	text-align: center;
	border-right: 1px solid #f6f6f6;
	height: 30px;
	vertical-align:middle;
	font-weight: 800;
}
#mate th.last { border-right: 1px solid #e6e6e6; }
#mate tbody {
	margin-top: 5px;
}
#mate td {
	height: 80px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	font-weight: 800;
}
#mate td.week { width: 86px; }
#mate td.sunday { color: #f26522; }
#mate td.sat { color: #5674b9; }
#mate td div { line-height: 1.3; font-weight: 400; margin-bottom: 10px; }
#mate td div.ofcl a,
#mate td div.ofcl a:visited {
	letter-spacing: -1px;
	color: #fff;
	background-color: #F8941D;
	padding: 2px 10px 2px 1px;
}
#mate td div.free a,
#mate td div.free a:visited {
	letter-spacing: -1px;
	color: #a5bf50;
}
#mate td div a:hover { text-decoration: underline; }
#mate td div small {
	color: #999;
	font-size: 0.9em;
	display: block;
}


/* 길동무 상세 보기*/

.mateInfo {
	margin: 10px 10px 20px;
	padding: 10px;
	background-color: #f4f9f9;
	border:1px solid #dee8f0;
	position: relative;
	overflow: hidden;
}
.mateInfo dt { float: left; margin-bottom: 5px; padding: 3px 1px 2px 9px; width: 65px; height: 18px; background: url(../images/bg_matedt.gif) no-repeat 0 0; font-size: 0.9em; color: #999; }
.mateInfo dd { height: 23px; margin-bottom: 5px; padding-top:1px; font-weight: 800; color: #777; }
.mateInfo a.application { position: absolute; right: 20px; bottom: 30px; }

#mateMap { margin: 0 10px 20px; width:660px; height: 340px; 
border-top: 1px solid #eee; border-bottom: 1px solid #eee; /*temp */
}
#board {
	margin: 20px 10px;
}
#aplctList { margin: 0 10px; color: #777;}
#aplctList table { margin-top:5px; font-size: 0.9em; }
#aplctList thead th {
	height: 30px;
	background: #7a8194 url(../images/bg_aplctList_head.gif) no-repeat right 0;
	color: #d7d9df;
	text-align: center;
	vertical-align:middle;

}

#aplctList tbody td {
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #e6e6e6;
}
#aplctList tbody td.no { color: #999; width: 60px; }
#aplctList tbody td.nickname {
	text-align: left;
	font-size: 1.1em;
}
#aplctList tbody td.phoneN { width: 160px; }
#aplctList tbody td.ap_date { width: 130px; }
#aplctList tbody td.ap_status { width: 70px; }
#aplctList tbody td.cancel { width: 80px; vertical-align: middle; }

.matebtWrap {
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px dashed #ccc;
	text-align: right;
}
.matebtWrap img, button { vertical-align: middle; }
button.btn_print2 { width: 70px; height: 28px; margin-left: 420px; margin-right: 5px; border: 0 none; background: url(../images/btn_print.gif) no-repeat 0 0; text-indent: -9999px; }
button.btn_sendmail { width: 124px; height: 28px; border: 0 none; background: url(../images/btn_sendmail.gif) no-repeat 0 0; text-indent: -9999px; }

.mateProgAnc { background-color: #f3f3f3; padding: 10px; }
.mateProgAnc ul li { list-style: circle inside; }


/* 길동무 모집하기 */
#content h3.mateT { font-size: 1.2em; }
.mateEdit { padding-left: 15px; padding-right: 15px; }
.mateInvite { padding: 20px 15px; background: #f3f3f3 url(../images/bg_fds.gif) repeat-x 0 bottom; border-top: 1px solid #ddd; line-height: 2.5; }
.mateInvite label { display: inline; }
.mateInvite label.mt_lb { margin: 0 5px 0 4px; cursor:pointer; }
.mateInvite input#mi_title { width: 80%; }
.mateInvite dt { float: left; font-weight: 800; width: 80px; color: #333; display: inline; }
.mateInvite dd { color: #777;}
.mateInvite dd img { vertical-align: middle; }
.mateInvite dd.leftM { margin-left: 80px; }
.mateInvite dd.hint { margin-left: 80px; font-size: 0.9em; color: #999; height: 1%; }
.mateInvite dd.roadSR { border: 1px solid #e6e6e6; height:272px;}
.mateInvite .smallMapArea { float: left; width: 360px; height: 270px; margin-right: 10px;  background-color: #fff; border-right: 1px solid #e6e6e6;}
.mateInvite .sMap { width: 350px; height: 260px; margin: 5px; }
.mateInvite .innerRoadSR { padding-top: 10px; line-height: 1.7; }
.mateInvite .innerRoadSR p em { display: block; font-size: 0.9em; }
.mateInvite .roadSResult {margin-top: 10px; }
.mateInvite .roadSResult a,
.mateInvite .roadSResult a:visited { color: #777; }
.mateInvite .roadSResult a:hover { color: #5674b9; }

.mateInvite #editor { line-height: normal; padding: 5px; }
.mt_btnWrap { text-align:center; margin: 20px 0; }


/* 달력 레이어 */
div.layerCd {
	width: 150px;
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
}
div.layerCd strong {
	text-align: center;
	display: block;
	font-family: Tahoma, Sans-serif;
}
div.layerCd strong a { 
	color:#f26522;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-weight: 800;
}
div.layerCd th { text-align: center; background-color: #f3f3f3; }
div.layerCd td { text-align: center; border: 1px solid #eee; background-color: #fff; }
div.layerCd td a { display: block; color: #999; }
div.layerCd .sunday,
div.layerCd .sunday a { color:#F8941D; }
div.layerCd td a:hover { background-color: #F8941D; color: #fff; }






/* 커뮤니티 ################################################### */

/* 후기 목록 */
.noticeList li img { vertical-align: middle; }
.noticeList li { background-color: #f3f3f3; margin-bottom: 1px; border-bottom: 1px solid #e6e6e6; line-height: 2.5; }
.noticeList li a,
.noticeList li a:visited { color: #777; }
.noticeList li a:hover { color: #5674b9; }
.noticeList li a .cnt {
	background: transparent url(../images/bg_cmc.gif) no-repeat scroll 0 0;
	color: #F26522;
	font-size: 0.9em;
	font-weight: 800;
	padding-left: 12px;
}
.noticeList li em { margin: 0 20px 0 15px; }


#boardControl { height: 35px; margin: 15px 15px 0; }
#boardControl .boardWt { float: right; margin-top:-5px; }


/* 커뮤니티 글쓰기 */
#writing {
	margin:0 15px; padding: 20px 15px; background: #f3f3f3 url(../images/bg_fds.gif) repeat-x 0 bottom; border-top: 1px solid #ddd;
}
#writing label { display: block; float: left; width: 65px; font-weight: 800; color: #666; }
#writing p { height: 30px; }
#writing .check { float: none; display:inline; font-weight: 400; margin: 0 10px 0 5px; cursor:pointer; }
#capcha { margin: 10px 0 0 76px; }
#capcha img { vertical-align: middle }
#capcha label { display: inline; }
#writing .capcha_lb { display: inline; float: none; width:150px; font-weight: 400; margin-right: 10px; color: #777; }
#capcha_text {margin-left: 5px; }
#editorArea { background-color: #fff; }

writing .board_map .smallMapArea { float: left; width: 360px; height: 270px; margin-right: 10px; background-color: #fff; border-right: 1px solid #e6e6e6;}
#writing .board_map .sMap { width: 350px; height: 300px; margin: 5px; }
#writing .board_map .innerRoadSR { padding-top: 10px; line-height: 1.7; }





/* 커뮤니티 일반 게시판 목록 */

#comBrd { border-top: 1px solid #bbb; width: 710px; }
#comBrd thead { color: #666; height: 35px; }
#comBrd th,#comBrd td { vertical-align: middle; padding: 5px; }
#comBrd th { text-align: center; padding: 0 5px; background: transparent url(../images/bg_th.gif) no-repeat right -1px;}
#comBrd th.last { background-position: 0 -1px; border-right: none; }
#comBrd td { border-bottom: 1px solid #e6e6e6; }
.smf { font-size: 0.8em; font-family: Tahoma, Sans-serif; }
#comBrd .br_no { width: 45px; text-align: center; }
#comBrd .br_author { width: 120px; }
#comBrd .br_click { width: 60px; text-align: center; }
#comBrd .br_date { width: 60px; text-align: center;  }
#comBrd tr.notice { background: #f3f3f3 url(../images/bg_notice.gif) repeat-x 0 0; }
#comBrd a,
#comBrd a:visited { color: #777; }
#comBrd a:hover { color: #5674b9; }
#comBrd a.secret { background: url(../images/icon_secret.jpg) no-repeat 0 0; padding-left: 13px; }



/* 커뮤니티 글 보기 */
.articleWrap { margin: 0 15px; }
#content .articleWrap h3.brdTitle { font-size: 1.2em; letter-spacing: 2px; }
.authorInfo { text-align: right; font-size: 0.9em; color: #999; }
.authorInfo em {color: #5674b9; font-weight: 800; font-size: 1.0em; padding-right: 8px; }
.authorInfo span { padding: 0 10px; background:transparent url(../images/bg_control.gif) no-repeat scroll left center; }
.authorInfo img { vertical-align: middle; margin-right: 5px; }
.article { background: url(../images/bg_article.gif) repeat-x 0 bottom; padding:15px 0; }
.articleBtWrap { text-align: right; padding-top: 10px; height: 35px; }
.articleBtWrap a {margin-left: 5px; }






/* 서브 페이지 ################################################### */
/* 커뮤니티 비밀글 보기 비밀번호 입력 페이지 */
.secretBox {
	width: 400px;
	padding: 15px;
	margin: 50px auto 0;
	border: 1px solid #e6e6e6;
	border-top: 3px solid #e6e6e6;
	text-align: center;
	color: #777;
}

.secretBox fieldset,
.secretBox .scInner {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
}
.secretBox fieldset label { display: inline; color: #333; margin-right: 5px; }










/* 검색 결과 ################################################### */

.searchResult { margin: 0 15px; }
.searchResult a,
.searchResult a:visited { color: #777; }
.searchResult a:hover { color: #5674b9; }
.searchKey { font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #ddd}
.searchKey em {font-weight: 800; }
#content .sr_title { font-size: 1.2em; margin: 15px 0; }
.searchResult a em { color: #617dbd; }
.sr_more { margin-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #ddd; text-align: right; }
.sr_more a,
.sr_more a:visited { color: #5674b9; }
.sr_more a:hover { color: #5674b9; }


/* ------------------------------------------------------------------------------------------------
=Sub
------------------------------------------------------------------------------------------------ */
#sub h3 { font-size: 1.1em; margin-bottom: 5px; letter-spacing: -1px; }
#sub .subList { margin-bottom: 25px; }

/* 로그인폼 */
#loginArea,
#logonArea {
	position: relative;
	height: 80px;
	padding: 10px;
	margin-bottom: 25px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	font-size: 0.9em;
	color: #999;
	overflow: hidden;
}
#logonArea { padding: 5px; }

#logIn a,
#logIn a:visited { color: #999; }
#logIn a:hover { color: #5674b9; }

#logOn a,
#logOn a:visited { color: #888; }
#logOn a:hover { color: #5674b9; }

#logIn input.text {
	width: 110px;
	margin-bottom: 3px;
	padding: 3px 2px;
	background-color: #f3f3f3;
	color: #999;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.login_btn {
	position: absolute;
	top: 10px;
	left: 130px;
	width: 75px;
	height: 47px;
}
.login_btn #login { 
	display: block;
	position: absolute;
	top: 26px;
	left: 3px;
	height: 23px;
	width: 70px;
	background: url(../images/btn_login.gif) no-repeat 0 0;
	text-indent: -9999px;
	border:0 none;
}
.login_btn #login:hover {
	background-position: 0 -23px;
}
#logIn .login_btn label { display: inline; letter-spacing:-1px; cursor:pointer; }
#logIn .login_join { padding:10px 0; }
#logIn .login_join li { display:inline; }
#logIn .login_join .register { padding-right: 7px; background: url(../images/bg_register.gif) no-repeat right 0; }
#logIn .login_join .registerMail { padding:0 7px 0 5px; background: url(../images/bg_register.gif) no-repeat right 0; }
#logIn .login_join .register a,
#logIn .login_join .register a:visited { color: #666; }
#logIn .login_join .register a:hover { color: #5674b9; }
#logIn .login_join .idfind { padding-left: 7px; }


#logOn .logOn {
	background-color: #f3f3f3;
	padding: 10px;
	text-align: center;
	font-size: 1.1em;
	color: #777;
}
#logOn .logOn em {
	color: #f26522;
	font-weight: 800;
}
.manageBtn { text-align: center; letter-spacing: -1px; margin-top: 3px; }
.manageBtn a { margin-right: 10px; padding-left: 14px; background: url(../images/bg_managebtn.gif) no-repeat 0 0; }


/* 달력 */

#calendar {
	color: #999;
	position: relative;
}
#calendar strong {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-family: Tahoma, Sans-serif;
}
#calendar strong a { 
	color:#f26522;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-weight: 800;
}
#calendar thead {}
#calendar tr { height: 20px; }
#calendar th {
	text-align: center;
	color: #777;
}
#calendar th.sunday,
#calendar td.sunday{
	color: #f8941d;
}
#calendar td {
	background-color: #fff;
	border: 1px solid #f3f3f3;
	text-align: center;
}
#calendar td a,
#calendar td a:visited{
	display: block;
	color: #fff;
}
#calendar td a { background-color: #f8941d; }
#calendar td a.free { background-color: #A5BF50; }
#calendar td a:hover {
	text-decoration: underline;
}
#calendar td.today {
}


/* 새글 보기 */
.recent li {
	background: url(../images/bul_list.gif) no-repeat 3px 9px;
	padding-left: 10px; 
}
.recent li a,
.recent li a:visited { color: #777; }
.recent li a:hover { color: #5674b9; }
.recent li a .cnt { padding-left: 12px; color: #f26522;  font-size: 0.9em; font-weight: 800; background:transparent url(../images/bg_cmc.gif) no-repeat scroll 0 0; }


/* 사이드바 배너 */
#banner { text-align: center; }
#banner a { display: block; margin-bottom: 10px; }





/* ------------------------------------------------------------------------------------------------
=Footer
------------------------------------------------------------------------------------------------ */

.siteInfo {
	margin: 30px auto;
	width: 600px;
	text-align: center;
	font-size: 0.9em;
	color: #96989a;
}
.siteInfo address { margin: 3px 0; }
.siteInfo img { vertical-align: text-bottom; }
.bannerArea {
	margin-top: 30px;
	float: right;
}
.bannerArea a {
	margin-right: 20px;
}



/* ------------------------------------------------------------------------------------------------
=sitemap
------------------------------------------------------------------------------------------------ */

#sitemap {
	background: url(../images/bg_sitemap.gif) no-repeat 0 0;
	overflow: hidden;
}
#sitemap .sm_list { width: 170px; float: left; padding: 10px 0; margin-right: 5px; }
#sitemap .sm_list h3 { text-align: center; margin-bottom: 15px; }

#sitemap .sm_list li { list-style: none; background: url(../images/bul_sitemap.gif) no-repeat 0 center; padding-left: 10px; margin: 0 0 5px 20px; }
#sitemap .sm_list li a { color: #666; }
#sitemap .sm_list li a:hover { color: #000; }




/* ------------------------------------------------------------------------------------------------
=Login page
-------------------------------------------------------------------------------------------------- */
.loginWrap {
	width: 460px;
	margin: 60px auto;
	padding: 0 20px;
	background-color: #fff;
	border: 10px solid #e6e6e6;
	position: relative;
	font-size: 1.0em;
}
.loginWrap h1 {
	position: absolute;
	top: 1px;
	left: 3px;
	display: block;
	width: 240px;
	height: 70px;
	background: url(../images/logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
.loginWrap em {
	position: absolute;
	top: 64px;
	left: 190px;
	color: #484e5e;
	font-weight: 800;
}

.loginWrap #logIn {
	margin: 80px 0 20px;
	padding: 30px 40px;
	position: relative;
	background-color: #f3f3f3;
}
.loginWrap #logIn p { height: 30px; }
.loginWrap #logIn label { float: left; width: 80px; color: #555; font-weight: bold; display: block; }
.loginWrap #logIn input.text { width: 180px; background: #fff; }
.loginWrap #logIn .login_btn { 
	position: absolute;
	top: 0;
	left: 285px;
}
.loginWrap #logIn .login_btn .submit {
	position: absolute;
	left: 0;
	top: 22px;
	background: url(../images/admin/btn_login.gif) no-repeat 0 -29px;
	border: 0 none;
	padding: 0;
	width: 107px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}
.loginWrap #logIn .login_btn .submit:hover { background-position: 0 0; }
.loginWrap #logIn .sid { float: none; font-size: 0.9em; font-weight: 400; color: #777; display: inline}


.loginWrap #logIn .login_join { margin-top: 15px; padding: 10px 0 0; text-align: center; border-top: 1px solid #dfdfdf; }
.loginWrap #logIn .login_join li { display:inline; }
.loginWrap #logIn .login_join .register { padding-right: 10px; background: url(../images/bg_register.gif) no-repeat right 0; }
.loginWrap #logIn .login_join .registerMail { padding:0 10px 0 7px; background: url(../images/bg_register.gif) no-repeat right 0; }
.loginWrap #logIn .login_join a,
.loginWrap #logIn .login_join a:visited { color: #666; }
.loginWrap #logIn .login_join a:hover { color: #5674b9; }
.loginWrap #logIn .login_join .idfind { padding-left: 7px; }
































/* 에디터로 쓴 부분에 대한 css 지원????? */

/* 후원 회원 */
.dntGuide { background-color: #f3f3f3; padding: 20px; margin: 20px 0; }
.dntGuide strong { font-weight: 800; color: #777; }
.dntGuide h3 { margin-bottom: 20px;}
.personalInfo label { display: inline; margin-right: 5px; }
.isNotMember label.nickname {margin-right: 17px; }
.personalInfo { overflow: hidden; }
.personalInfo h4 { color: #5674b9; border-bottom: 1px solid #e6e6e6; padding: 5px 0; margin-bottom: 5px;}
.personalInfo p { background-color: #f3f3f3; padding: 5px;  }
.personalInfo div { margin: 10px 0 0; }
.isMember,
.isNotMember { width: 290px; height: 170px; border: 5px solid #e6e6e6; background-color: #fff; padding: 10px; text-align: center; }
.isMember { float: left; }
.isNotMember { float:right; }

/* 버스 타임 테이블 */
.busTimetable { margin: 5px auto; background: #fff; }
.busTimetable caption { font-size: 1.2em; font-weight: bold; color: #111; }
.busTimetable th { border: 1px solid #ddd; background-color: #eee; padding: 5px; font-weight: 800; color: #666; text-align: center;}
.busTimetable td { border: 1px solid #ddd; padding: 5px; text-align: center; }
.busTimetable th.order { font-weight: normal; }
.busTimetable td.note { text-align: left; vertical-align: middle; padding: 5px 10px; }
.busTimetable td.note li { list-style: circle; margin-left: 20px; }
.busTimetable dt { float: left; margin-right: 0; }
.busTimetable dd { margin-left: 60px; }