@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */

	body,td {
		font: 12px/18px 돋움, Dotum;
		padding:0;
		color:#555555;
		 
		 
		 
		 
	}

/* 2. 기본 링크 */
	a:link {
		color: #909090;
		text-decoration:none;
	}
	a:visited {
		color: #909090;
		text-decoration:none;
	}
	a:hover {
		color: #202020;
		text-decoration:underline;
	}

/* 3. 이미지 */

	img {
		border-width:0px;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
		font: 11px 돋움,Dotum;
		padding-top:2px;
	}

/* 6. 트리 셀 */
	.branch3 {
		font: 11px 돋움,Dotum, verdana;
		cursor:pointer;
		height:18px;
	}

/* 7. 달력 월 표시 */
	.cal_month a:link,
	.cal_month a:visited,
	.cal_month a:hover,
	.cal_month {
		color:#a1a1a1;
		vertical-align:top;
		height:18px;
		font:bold 10px Vernada;
		text-align:center;
	}

/* 8. 달력 요일 표시 */
	.cal_week1 {
		color:#b1b1b1;
		text-align:center;
		font:bold 10px Vernada;
	}

/* 9. 달력 일요일 표시 */
	.cal_week2 {
		color:#FF2168;
		text-align:center;
		font:bold 10px verdana;
	}

/* 10. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		color:#ffffff;
		font: 10px Vernada;
		text-align:center;
	}

/* 11. 달력 다음 달 날짜 표시 */
	.cal_day2 {
		color:#ffffff;
		font: 10px Vernada;
		text-align:center;
	}

/* 12. 달력 이번 달 날짜 표시 */
	.cal_day3 {
		background: url(./images/cal_2.gif) no-repeat left top;
		width:20px;
		height:20px;
		color:#b1b1b1;
		font: 10px Vernada;
		text-align:center;
	}

/* 13. 달력 오늘 날짜 표시 */
	.cal_day4 {
		background: url(./images/cal_3.gif) no-repeat left top;
		width:20px;
		height:20px;
		color:#ffffff;
		font:bold 11px verdana;
		letter-spacing:-1px;
		text-align:center;
		padding-left:1px;
	}

/* 14. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link,
	a.cal_click:visited{
		color:#808080;
		font-weight:bold;
		letter-spacing:-1px;
		padding-left:1px;
	}
	a.cal_click:hover {
		color:#747474;
		font-weight:bold;
		text-decoration:underline;
	}

/* 15. 이미지 아래 캡션 스타일 */
	.cap1 {
		text-align:center;
		color:#707070;
		word-break:break-all;
	}

/* 16. 키워드 스타일 */
	.key1 {
		cursor:pointer;
		text-decoration:none;
		border-bottom: 1px solid gray;
		color:#308FC9;
	}

/* 17. 카테고리 옆 개수 스타일 */
	.c_cnt {
		font:10px Vernada;
		letter-spacing:-1px;
	}

/* 18. 최신글 옆 개수 스타일 */
	.ps_cnt {
		font: 10px Vernada;
	}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */


/* 폰트 스타일 */
	h1,
	.title_box{
		font:bold 12px 돋움, Dotum, verdana;
	}

	h2,
	ul.r_list{
		font:12px 돋움, Dotum, verdana;
	}

	h3,
	#mydesc,
	#search_fx,
	.sfkor,
	ul.s_list,
	ul.n_list,
	.s_title,
	.rep_box1,
	.admin_box,
	.formsp,
	.forminput,
	.local,
	.guest_holder{
		font:11px 돋움,Dotum, Baekmuk, verdana;
		letter-spacing:-1px;
	}

	 h4,
	.toolbox,
	.rep_box3,
	.sfeng,
	.gusest_tool,
	#page_navi {
		font:10px verdana;
	}

	h5,
	.insub_box,
	.sfeng2{
		font:9px Lucida Grande, Lucida Sans Unicode, Verdana;
	}

	h6,
	.formtext{
		font:12px/18px 돋움, Dotum, Vernada;
	}
	.sfeng {
		letter-spacing:0px;
	}
	.sfeng2 {
		letter-spacing:0px;
		font-weight:normal;
	}
	.sfkor {
		font-weight:normal;
	}
	.clear {
		font-size:0px;
		line-height:0px;
		width:100%;
		clear:both;
	}
	.center {
		text-align:center;
	}

	.hline1 {
		width:100%;
		font-size:1px;
		line-height:1px;
		background: #d1d1d1;
		margin:12px 0 12px 0;
	}
	.hline2 {
		width:100%;
		font-size:1px;
		line-height:1px;
		background: transparent url(./images/dot_width2.gif) repeat-x;
		margin:12px 0 12px 0;
	}
/* 페이지 레이아웃 */

	body { 
		background: #F1F1F1 url(./images/pbg01.jpg) repeat-x top left;
		margin:0;
		padding:0;
		text-align:center;
	}

	#blog_main {
		margin:0 auto;
		width:995px;
		text-align:left;
		padding-top:30px;
	}

/* 레이아웃 설정 */
/* 755:최대 이미지 사이즈 */

	#submenu {
		text-align:left;
		float:right;
	}

	#mainview{
		text-align:left;
		float:left;
	}

	#mainview{
		width:810px;
		margin:0;
		text-align:left;
		float:left;
	}

	#submenu {
		width:180px;
		text-align:left;
		float:right;
	}

/* 아웃박스 */
	.maintl {
	 	background: url(./images/mboder01.gif) no-repeat top left;
	}
	.maintm {
		background: #ffffff url(./images/mboder02.gif) repeat-x top;
	}
	.maintr {
	 	background: url(./images/mboder03.gif) no-repeat top right;
	}
	.mainml {
		background: url(./images/mboder04.gif) repeat-y left; 
	}
	.mainmr {
	 	background: url(./images/mboder05.gif) repeat-y right;
	}
	.mainbl {
	 	background: url(./images/mboder06.gif) no-repeat bottom left;
	}
	.mainbm {
	 	background: url(./images/mboder07.gif) repeat-x bottom;
	}
	.mainbr {
		background: url(./images/mboder08.gif) no-repeat bottom right;
	}
	/* 서브메뉴용 아웃박스 */
	/* 
	.maintl_alt {
	 	background: url(./images/mboder01.gif) no-repeat top left;
		background-position: -6px top;
	}
	.mainbl_alt {
	 	background: url(./images/mboder06.gif) no-repeat bottom left;
		background-position: -6px bottom;
	}
	.mainml_alt {
		
	}
	.mainmr_alt {
	 	background: url(./images/mboder05.gif) repeat-y right;
	}
	.maintr_alt {
	 	background: url(./images/mboder03.gif) no-repeat top right;
	}
	.mainbr_alt {
		background: url(./images/mboder08.gif) no-repeat bottom right;
	}
	#subbox {
		padding:24px 6px 25px 0;
	}
	*/

/* 서브메뉴 박스 */
	#subbox {
		padding:24px 6px 25px 0;
	}

	/* 메뉴 이미지*/
	#tcategory,
	#ttags,
	#tcalendar,
	#tarticles,
	#treplies,
	#trackbacks,
	#tlinks,
	#tarchives {
		cursor:pointer;
		width:160px;
	    height:36px;
	}

	#tcategory {
		background: url(./images/btn_category.jpg) top left no-repeat;
	}
	#ttags {
		background: url(./images/btn_tags.jpg) top left no-repeat;
	}
	#tcalendar{
		background: url(./images/btn_calendar.jpg) top left no-repeat;
	}
	#tarticles{
		background: url(./images/btn_rarticles.jpg) top left no-repeat;
	}
	#treplies{
		background: url(./images/btn_rreplies.jpg) top left no-repeat;
	}
	#trackbacks{
		background: url(./images/btn_trackbacks.jpg) top left no-repeat;
	}
	#tlinks{
		background: url(./images/btn_links.jpg) top left no-repeat;
	}
	#tarchives{
		background: url(./images/btn_archives.jpg) top left no-repeat;
	}

	/*메뉴 스타일*/
	#mypic {
		width:174px;
		overflow: hidden;
		padding:0 0 8px 0;
		text-align:center;
	}
	#mydesc {
		color:#909090;
		padding:0 10px 0 10px;
		line-height:10px;
		text-align:center;
		word-break:break-all;
	}
	#ctree{
		width:160px;
		padding:0 0 5px 12px;
	}
	#ctree td{
		line-height:18px;
	}

	#ccal{
		width:148px;
		margin:0 0 5px 12px;
	}

	#tagcloud,
	#tagcloud2 {
/*		background: url('./images/tag_sky.jpg') no-repeat top; */
		text-align: justify;
		padding: 0 10px 0 10px;
	}
	/*테그 클라우드*/
	#tagcloud,
	#tagcloud2 *{
		line-height: 18px;
		font-family: 돋움,Dotum, verdana;
		text-align: justify;	
	}		
	#tagcloud,
	#tagcloud2 a:hover{
	}	

	#tagcloud .cloud1,
	#tagcloud2 .cloud1 {
		background-color:#eee;
		font-weight:bold;
		font-size : 16px;
		color : #FF2168;
	}
	#tagcloud .cloud2,
	#tagcloud2 .cloud2 {
		background-color:#eee;
		font-weight:bold;	
		font-size : 15px;
		color : #069;
	}
	#tagcloud .cloud3,
	#tagcloud2 .cloud3 {
		background-color:#eee;
		font-size : 14px;
		color : #690;
	}
	#tagcloud .cloud4,
	#tagcloud2 .cloud4 {
		font-size : 12px;
		color : #09c;
	}
	#tagcloud .cloud5,
	#tagcloud2 .cloud5 {
		font-size : 11px;
		color : #999;
	}	

	.insub_box {
		width:160px;
		color:#a0a0a0;
		line-height:12px;
		padding:5px 0 5px 12px;
	}
	#search_box {
		padding:7px 5px 0 35px;
		background: url('./images/search_bg.gif') no-repeat 12px 5px;
		height:25px;
	}
	#search_fx {
		color:#808080;
		background: transparent;
		border:0px  none;
		height:12px;
		width:115px;
	}
	#notice_box {
		padding-top:10px;
	}
	ul.n_list {
		text-align:left;
		list-style: disc inside url(./images/rss_blt.gif); 
		color:#c0c0c0;
		margin:0 6px 8px 8px;
		padding:0;
	}
	ul.n_list li{
		line-height:12px;
		padding:2px 0 2px 0;
	}
	ul.n_list a:link,
	ul.n_list a:visited {
		color:#909090;
		padding:4px 0 0 0;
	}
	ul.n_list a:hover{
		color:#000000;
	}

	/* 메뉴 리스트 스타일 */
	ul.s_list{
		text-align:left;
		list-style:none;
		color:#c0c0c0;
		margin:0 6px 8px 12px;
		padding:0;
	}
	ul.s_list li{
		line-height:12px;
		padding:2px 0 2px 0;
	}
	ul.s_list a:link,
	ul.s_list a:visited {
		color:#909090;
		padding:4px 0 0 0;
	}
	ul.s_list a:hover{
		color:#000000;
	}
	.eng_fx {
		letter-spacing:1px;
	}

/* 내용 박스 */
	#mainbox {
		padding:0 6px 25px 6px;
	}
	/*  상단 메뉴버튼 */
	.subtop {
		background: url(./images/smenu_top_img.gif) repeat-x top;
		height:24px;
		width:398px;
		margin:0 auto;
	}
	.subtopf {
		background: url(./images/smenu_top_imgf.gif) no-repeat top left;
	}
	.subtopb {
		background: url(./images/smenu_top_imgb.gif) no-repeat top right;
		padding:0 10px 0 10px;
		text-align:left;
	}
	#smenu {
		width: 398px;
		height: 24px;
		padding:0 0px 0 0px;
		margin: 0;
	}
	#smnav {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 24px;
		overflow: hidden;
		width: 398px;
	}
	#smnav li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	#smnav a {
		float: left;
		padding: 24px 0 0 0;
		overflow: hidden;
		height:24px;
	}
	#smnav a:hover {
		background-position: 0 -24px;
	}
	#smnav a:active,
	#smnav a.selected {
		background-position: 0 -48px;
	}
	#btblog a {
		width: 71px;
		background: url(./images/smenu_b01.gif) top left no-repeat;
	}
		#btguest a {
		width: 71px;
		background: url(./images/smenu_b05.gif) top left no-repeat;
	}
	#btkey a {
		width: 71px;
		background: url(./images/smenu_b02.gif) top left no-repeat;
	}
	#btloc a {
		width: 71px;
		background: url(./images/smenu_b03.gif) top left no-repeat;
	}
	#btrss a {
		width: 71px;
		background: url(./images/smenu_b04.gif) top left no-repeat;
	}
	#bttag a {
		width: 71px;
		background: url(./images/smenu_b06.gif) top left no-repeat;
	}
	#btminif a {
		width: 19px;
		background: url(./images/smenu_c01.gif) top left no-repeat;
	}
	#btmagnif a {
		width: 19px;
		background: url(./images/smenu_c02.gif) top left no-repeat;
	}
	#btaleft a {
		width: 19px;
		background: url(./images/smenu_c03.gif) top left no-repeat;
	}
	#btaright a {
		width: 19px;
		background: url(./images/smenu_c04.gif) top left no-repeat;
	}
	#btadmin a {
		width: 19px;
		background: url(./images/smenu_c06.gif) top left no-repeat;
	}

	/* 메인 컨텐츠 */
	#contents {
		background-color: #ffffff;
		padding:0;
		margin:0;
	}
	/* 상단 이미지
	#maintop {
		background: url(./images/main_top_img.jpg) no-repeat top; 
		height:150px;
		width:100%;
		cursor:pointer;
		margin-bottom:5px;
	} */
	
	/* 이미지 아래 글 표시부*/
	.mainmargin {
		padding:0 8px 0 8px;
	}
	/* 글 제목 */
	.article_title {
		background: url(./images/title_bg02.gif) no-repeat;
		height:32px;
		margin-left:8px;
	}
	.title_box {
		background: url(./images/title_bgt.gif) no-repeat top right;
		padding:0 10px 0 0;
		margin:0 0 0 30px;
		height:32px;
		float:left;
		display: inline;
	}
	.title_box,
	.title_box a:link,
	.title_box a:visited,
	.title_box a:hover {
		font-weight:bold;
		line-height:30px;
		color:#000000;
	}
	/* 관리자 메뉴 */
	.admin_box {
		height:28px;
		line-height:28px;
		background: url(./images/ctoolbox_bg.gif) no-repeat top left;
		color:#909090;
		margin:0 0 0 8px;
		padding:0 0 0 30px;
	}
	/* 본문 */
	.article_holder {
		padding:10px 10px 20px 10px;
	}
	/* 본문 하단 메뉴 (태그, 트랙백, 코멘트) */
	.article_sub {
		padding:0 12px 0 12px;
		text-align:right;
	}
	.s_title {
		text-align:left;
		line-height:15px;
		height:15px;
		color:#909090;
	}
	.s_title,
	.s_title a:link,
	.s_title a:visited,
	.s_title a:hover {
	}
	.toolbox {
		position:relative;
		top:-18px;
		margin-left:auto;
		margin-right:0;
		text-align:right;
		width:180px;
		height:18px;
		font-weight:bold;
		color:#909090;
	}
	/* 트랙백, 코맨트 영역 */
	.rep_holder {
		background-color:#f7f7f7;
		border-style:solid;
		border-width:1px;
		border-color:#d1d1d1;
		margin:0 10px 10px 10px;
		padding:12px 12px 12px 12px;
	}
	.rep_binder {
		text-align:right;
	}
	.rep_box1 {
		text-align:center;
	}
	.rep_box2 {
		text-align:left;
		font-weight:bold;	
	}
	.rep_box3 {
		position:relative;
		width:140px;
		top:-14px;
		margin-left:auto;
		margin-right:0;
		text-align:right;
		color:#909090;
	}
	.rep_box4 {
		padding:0 5px 0 5px;
		line-height:15px;
		word-break:break-all;
	}
	.rep_box2 img,
	.rep_box3 img {
		vertical-align:middle;
	}
	.rep2_box {
		padding:12px 0 0 20px;
	}

	/* 입력 폼*/
	.formsp {
		text-align:center;
		padding:10px 0 0 0;
	}
	.repinput {
		margin:auto;
		width:420px;
		text-align:left;
	}
	.submit01 {
		height:25px;
		text-align:left;
	}
	.submit02 {
		position:relative;
		top:-25px;
		left:0px;
		text-align:right;
	}
	.submit03 {
		text-align:right;
	}
	.formtext,
	.forminput {
		color:#909090;
		background-color:#ffffff;
		border:1px #d1d1d1 solid;
	}

/*검색 목록, Rss, 키로그, 방명록, 기타*/

	.list_title,
	.rss_title,
	.key_title,
	.loc_title,
	.gst_title {
		height:32px;
		margin-left:8px;
	}
	.list_title {
		background: url(./images/title_bg03.gif) no-repeat;
	}
	.rss_title {
		background: url(./images/title_bg04.gif) no-repeat;
	}
	.key_title {
		background: url(./images/title_bg06.gif) no-repeat;
	}
	.loc_title {
		background: url(./images/title_bg05.gif) no-repeat;
	}
	.gst_title {
		background: url(./images/title_bg01.gif) no-repeat;
	}
	/* 검색 목록 본문 표시부*/
	.list_holder {
		padding:5px 0 5px 25px;
	}
	.list_holder2 {
		padding:5px 0 5px 5px;
	}
	ul.r_list {
		list-style: disc inside url(./images/rss_blt.gif); 
		text-align:left;
		color:#808080;
		margin:8px 0 8px 0;
		padding:0;
	}
	ul.r_list a:link,
	ul.r_list a:visited,
	ul.r_list a:hover {
		padding:3px 0 3px;
	}

	/* 위치로그 표시부 */
	.loc_holder {
		padding:5px 0 5px 35px;
	}
	.local {
		padding-left:16px;
		background:url(./images/localarrow01.gif) no-repeat 0 2px;
		margin-bottom:3px;
	}	
	.local_info {
		padding-left:20px;
		background:url(./images/localarrow02.gif) no-repeat 0 2px;
		margin-bottom:3px;
	}

	/* 하단 페이지 이동 */
	#page_navi {
		margin:0 auto;
		text-align:center;
		color:#a0a0a0;
		padding:15px 0 15px 0;
		font-weight:bold;
	}
	#page_navi img {
		vertical-align:middle;
	}

	/*방명록*/
	.guest_box {
		margin:0 0 40px 0;
	}
	.guest_repbox{
		margin:0 0 0 150px;
	}
	.guest_holder {
		text-align:left;
	}
	.gusest_tool {
		padding:0px 0 5px 0;
		color:#909090
	}
	.guest_holder img,
	.gusest_tool img{
		vertical-align:middle;
	}
	.guset_sp1 {
		padding:5px 85px 5px 85px;
	}
/*키워드뷰용 스타일*/
	#key_main {
		text-align:left;
	}
	.keymargin {
		padding:25px 8px 25px 8px;
	}
	
	
/* mediaLog */
.mediaLog { background:url(images/iconMedia.gif) 2px 6px no-repeat; padding:5px 2px 4px 18px; margin:0 16px;}
.mediaLog a:link, .mediaLog a:visited { color:#666;}