@charset "utf-8";

/* 본문 전체  */
	body,td {
		margin:0;
		padding:0;
		text-align:center;
		background: #ffffff url(./images/main_bg.jpg) top repeat-x;
		color:#c0c0c0;
		font-size:9pt;
		font-family: 굴림;
		line-height:150%;
	}
/* 메인 페이지 박스 */
	#main_box {
		width:900px;
		height:600px;
		margin:0px auto;
		padding:0;
	}
	#info_box {
		width:910px;
		height:60px;
		text-align:center;
		padding:0;
	}
	#out_box {
		width:910px;
		height:600px;
		text-align:center;
		background: url(./images/outbox_bg.gif) top no-repeat;
		padding:0; margin:0 auto;
	}
/* 서브 페이지 박스 */
	#sub_box {
		width:900px;
		background: url(./images/sub_bg.jpg) top no-repeat;
		margin:0px auto;
		padding:0;
	}
	#subout_box01 {
		width:910px;
		background: url(./images/suboutbox_bg.gif) top repeat-y;
		padding:0; margin:0 auto;
	}
	#subout_box02 {
		width:910px;
		text-align:center;
		background: url(./images/outbox_bg.gif) top no-repeat;
		padding:0; margin:0 auto;
	}

	#sub_logo {
		width:250px;
		height:100px;
		float:left;
		}
	#menu_box {
		width:600px;
		height:100px;
		float:right;
		}

	#sub_menu {
		width:220px;
		float:left;
		text-align:center;
	}
	#sub_cont {
		width:680px;
		float:right;
		text-align:center;
	}
	.sub_menubox {
		width:180px;
		height:250px;
	}




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

/* 3. 이미지 */
	img {
		border-width: 0px;
	}

/* 4. 이미지 버튼 */
	.ib {
		cursor: pointer;
	}

/* 5. 입력 텍스트 */
	.text {
	}

/* 6. 트리 테이블 */
	.branch2 {
	}

/* 7. 트리 셀 */
	.branch3 {
		font-size:9pt;
		line-height:9pt;
		cursor:pointer;
		height:17px;
		padding:2px 2px 0 2px;
	}

/* 8. 달력 월 표시 */
	.cal_month {
		vertical-align:top;
		height:18px;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		font-weight:bold;
	}
/* 9. 달력 요일 표시 */

	.cal_week1 {
		text-align:center;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}

/* 10. 달력 일요일 표시 */
	.cal_week2 {
		color:#CC0000;
		text-align:center;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}


/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}


/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		padding-left:2px;
		font-weight:bold;
	}


/* 15. 달력 글쓴 날 링크 스타일 */
	A.cal_click:link {
		font-weight:bold;
	}

	A.cal_click:visited {
		font-weight:bold;
	}

	A.cal_click:hover {
		font-weight:bold;
	}


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

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


/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt {
		font-size:8pt;
		font-family:verdana;
	}

/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {
		font-size:7pt;
		font-family:verdana;
	}


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

	
	#top_no1 {
		text-align:center;
		margin:0 10px 0 52px;
		background: #000000 url(./images/os_top_bg0.gif) repeat-x top left; 
		height:150px;		
		}
	#top_no2 {
		margin:0 10px 0 52px;
		text-align:left;
		}
		
	#blog_main {
		margin:0 auto;
		width:822px;
		text-align:left;
		background: transparent url(./images/oc_toline_m.gif) repeat-y top right; 
		padding:0;
		display:table;
	}

	#rgt_main {
		float:right;
		width:600px;
	}
	
	.rgt_fix {
		padding:0 25px 0 10px;
	}
	
	#lft_sub {
		float:left;
		width:222px;
	}
	
	.admin {
		height:20px;
		float:right;
		}
/*  메뉴 상단버튼 */
	#smenu {
		width: 100px;
		height: 20px;
		padding:0 0px 0 0px;
		margin: 0;
	}
	#smnav {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 20px;
		overflow: hidden;
		width: 145px;
	}
	#smnav li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	#smnav a {
		float: left;
		padding: 20px 0 0 0;
		overflow: hidden;
		height:20px;
	}
	#smnav a:hover {
		background-position: 0 -20px;
	}
	#smnav a:active,
	#smnav a.selected {
		background-position: 0 -40px;
	}
	#btblog a {
		width: 29px;
		background: url(./images/smenu_b01.gif) top left no-repeat;
	}
	#btkey a {
		width: 29px;
		background: url(./images/smenu_b02.gif) top left no-repeat;
	}
	#btloc a {
		width: 29px;
		background: url(./images/smenu_b03.gif) top left no-repeat;
	}
	#btrss a {
		width: 29px;
		background: url(./images/smenu_b04.gif) top left no-repeat;
	}
	#btguest a {
		width: 29px;
		background: url(./images/smenu_b05.gif) top left no-repeat;
	}


	.clear {
		clear:both;
	}

	.submnu {
		background: url(./images/os_sm_bgm.gif) repeat-y top left; 
		width:100%;
	}
	
	
	.subtop {
		background: url(./images/os_sm_bg1.gif) no-repeat top left; 
	}
	
	.subbottom {
		background: url(./images/os_sm_bg2.gif) no-repeat bottom left; 
	}
	
	.subcontents {
		padding:8px 5px 8px 5px;
	}
	
	.mypic {
		text-align:center;
		margin:0 0 5px 0;
	}
	
	.hline1 {
		width:100%;
		font-size:1px;
		background: url(./images/os_sm_line.gif);
		background-repeat: repeat-x; 
		line-height:1px;
		height:3px;
	}
	
	.catgr{
		background: url(./images/os_ct_bgm.gif) repeat-y top left; 
	}
	
	.cattop  {
		background: url(./images/os_ct_bgt.gif) no-repeat top left;
	}
	
	.catbottom  {
		background: url(./images/os_ct_bgb.gif) no-repeat bottom left;
	}

	.catcontents {

		padding:25px 0 14px 20px;
	}
	
	.search {
		font-family: 굴림;
		font-size:9pt;
		color:#c0c0c0;
		padding-top:5px;
		background: #1d3001 url('./images/os_sm_src00.gif');
		width:125px;
		height:20;
		border:0px  none;
	}
	
	.poscal {
		width:180px;
		margin:10px 15px 10px 15px;
	}

	.articllist {
		background:  url('./images/os_sm_bgm2.gif');
	}
		
	.plisttop,
	.plistbottom {
		font-size:1px;
		height:10px;
	}

	.plisttop {
		background: url(./images/os_sm_bgt.gif) no-repeat top left;
	}
		
	.plistbottom {
		background: url(./images/os_sm_bgb.gif) no-repeat top left;
		margin-bottom:10px;
	}
		
	ul.plist {
		text-align:left;
		list-style:none;
		margin:0;
		padding: 2px 15px 2px 15px;
		color:#c0c0c0;
	}
	
	ul.plist li {
		line-height:1.2em;
		padding:0.2em 0 0.2em;
	}
		
	ul.plist a:link,
	ul.plist a:visited {
		font-size:9pt;
		color:#c0c0c0;
		padding:0.2em 0 0.2em;
	}
	
	ul.plist a:hover{
		font-size:9pt;
		color:#d2d2d2;
		padding:0.2em 0 0.2em;
	}
	
	.rp_rep {
		color:#808080;
		font-size:8pt;
		line-height:11px;
		padding-bottom:7px;
	}
	
	.banner{
		padding:0 5px 0 5px;
	}
	
	.counter {
		padding:0 0 0 60px;
	}

/* 방명록, RSS, 키로그, 위치로그 */	

	.othcontents {
		padding:10px 15px 10px 25px;
	}
	
	.keydt {
		margin:5px 0 0 -10px;
	}
	
	ul.rlist,
	ul.slist {
		text-align:left;
		list-style:none;
		margin:0;
		color:#808080;
	}
	
	ul.rlist {
	padding: 0;
	}
	ul.slist {
	padding: 10px 15px 20px 25px;
	}
	
	ul.rlist li,
	ul.slist li {
		line-height:1.2em;
		padding:0.2em 0 0.2em;
	}
	
	ul.rlist a,
	ul.slist a {
		font-size: 9pt;
		letter-spacing:-1px;
		line-height:15px;
	}

	ul.rlist a:link,
	ul.slist a:visited,
	ul.slist a:link {
		color:#c0c0c0;
	}
		
	ul.slist a:visited {
		color:#808080;
	}

	ul.slist a:hover,
	ul.slist a:hover{
		color:#ffffff;
	}
	
	.guestc {
		width:100%;
		}
	
	.guestc1 {
		float:left;
	}

	.guestc2b {
		width:270px;
		float:right;
	}
	
	.guestc2 {
		background-color:#212121;
	}

	.guestc1,
	.guestc2 {
		width:270px;
		padding:5px 5px 5px 5px;
		margin: 0 0 5px 0;
	}
	
	.guestc1_2 {
		text-align:right;
		margin: 0 0 5px 0;
	}

/* 본문 */
	blockquote {
		margin:0;
		padding:10px;
		background-color:#181818;
		border:1px solid #404040;
	}
	.center{
		text-align:center;
	}
	
	.hline2 {
		width:100%;
		font-size:1px;
		background: transparent url(./images/dot_width2.gif);
		background-repeat: repeat-x; 
		line-height:1px;
	}
		
	.adminbox {
		margin:10px 0 10px 0;
	}
	
	.contitle {
		margin:5px 0 5px 0;
	}
	
	.contitle img {
		vertical-align:middle;
	}
	
	.contents {
		padding:20px 0 20px 0;
		line-height:1.5em;
	}

	.repbox {
		text-align:right;
	}
	
	.box1 {
		background-color:#181818;
		border-style:solid;
		border-width:1px;
		border-color:#404040;
		margin-top:5px;
		padding:12px 12px 12px 12px;
	}

	.repbox2 {
		font-size:7pt;
		font-family:verdana, 굴림;
		font-weight:bold;
		color:#808080;
		padding:10px 5px 10px 5px;
	}
	
	.repname,
	.repbox2 a:link,
	.repbox2 a:visited,
	.repbox2 a:hover {
		font-size:9pt;
		font-weight:bold;
		color:#ffffff;
	}
	
	.repbox3,
	.repbox4 {
		font-size:9pt;
		font-family:굴림;
		color:#C0C0C0;
		word-break:break-all;
	}
	
	.repbox,
	.repbox3 {
		padding:5px 5px 5px 5px;
	}
	
	.repbox4 {
		padding:0 5px 10px 5px;
	}
	
	.repre {
		margin:0 0 0 50px;
	}
	
	.pagenavi {
		margin:15px 0 10px 0;
		color:#808080;
		text-align:center;
	}
	

	.formtext,
	.forminput {
		color:#c0c0c0;
		background-color:#282828;
		border:1px #404040 solid;
	}
	
	.formtext {
		scrollbar-face-color: #606060;
		scrollbar-shadow-color: #404040; 
		scrollbar-highlight-color: #808080; 
		scrollbar-3dlight-color: #333333; 
		scrollbar-darkshadow-color: #000000; 
		scrollbar-track-color: #181818; 
		scrollbar-arrow-color: #021650; 
	} 

	.comment {
		padding:15px 15px 0 15px;
	}

	.commentc1 {
		margin:0 0 5px 0;
	}

	.commentc2 {
		width:380;
		float:left;
	}

	.commentc3 {
		width:360px;
		float:right;
	}
		
	.commentc4 {
		text-align:right;
		margin:30px 0 0 0;
		width:100px;
		height:55px;
	}
	
	.commentc5 {
		text-align:left;
		float:left;
		width:150px;
	}

	.local {
		padding-left:16px;
		background:url(images/iconIndentArrow_local.gif) no-repeat 0 2px;
		margin-bottom:3px;
	}	
	.local_info {
		padding-left:20px;
		background:url(images/iconIndentArrow_localinfo.gif) no-repeat 5px 50%;
		margin-bottom:3px;
	}	
	#tag_lst {
		padding:0 5px 0 5px;
		text-align:justify;
	}

	#tag_lst .cloud1 {
		background-color:#eee;
		font-weight:bold;
	  font-size : 16px;
	  color : #f60;
	  }
	#tag_lst .cloud2 {
		background-color:#eee;
		font-weight:bold;	
	  font-size : 15px;
	  color : #069;
	  }
	#tag_lst .cloud3 {
		background-color:#eee;
	  font-size : 14px;
	  color : #690;
	  }
	#tag_lst .cloud4 {
	  font-size : 13px;
	  color : #09c;
	  }
	#tag_lst .cloud5 {
	  font-size : 12px;
	  color : #999;
	  }	
/* 텍스트 스타일 지정 */

	.contitle,
	.os_h1 {
		font-size:12pt;
		font-family:verdana, 굴림;
		font-weight:bold;
		color:#ffffff;
		letter-spacing:-1px;
		}

	.os_h2 {
		font-size:10pt;
		font-family:굴림;
		font-weight:bold;
		color:#ffffff;
		letter-spacing:-1px;
		}

	.rlist,
	.slist,
	.plist,
	.formtext,
	.forminput ,
	.os_h3 {
		font-size:8pt;
		font-family:굴림;
		letter-spacing:-1px;
	}		
		
	.counter,
	.os_h4{ 
		font-size:7pt;
		font-family:verdana,돋움;
		font-weight:bold;
		line-height:11pt;
		color:#606060;
		}

	#keywrd {
	text-align:left;
	margin:10px ;
	background: #000000 url(./images/os_top_bg0.gif) repeat-x top left; 
	padding:10px;
		}