@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px Tahoma;
		background-color:#fff;
		color:#666;
		margin:0px;
		background:url(./images/body_bg.gif) top left repeat-x fixed;
		line-height:20px;
}
a:link          { color:#666;   text-decoration:none;}
a:visited       { color:#666;   text-decoration:none;}
a:hover         { color:#9c0;	text-decoration:none;}
a:active        { color:#666;	text-decoration:none;}

a.default:link          { color:#666;   text-decoration:none;}
a.default:visited       { color:#666;   text-decoration:none;}
a.default:hover         { color:#9c0;	text-decoration:none;}
a.default:active        { color:#666;	text-decoration:none;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#9c0;}
    .no-more-prev,
	.no-more-next { color:#ccc;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:9px tahoma; color:#999;}

/* 달력 월 표시 */
    .cal_month              { font:12px tahoma; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:20px; background:url(./images/bg_ad.gif)}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:12px Gulim, Arial, sans-serif;  height:18px;  font-weight:normal; text-align:center;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:12px Gulim, Arial, sans-serif;  color:#1b5056;  text-align:center;}

/* 달력 Week(tr 영역)  */
    .cal_week               { }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:9px tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center; height:20px; text-align:center; margin-left:8px;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#1b5056 !important;}
    .cal_day_sunday a        { color:#1b5056 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#fff;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#fff;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#333;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#9c3 !important;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#9c3 !important;  font-weight:bold;}
    a.cal_click:visited     { color:#9c3 !important;  font-weight:bold;}
    a.cal_click:hover       { color:#9c3 !important;  font-weight:bold; font-size:15px;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(./images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(./images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(./images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { padding-left:20px; color:#00BFF3;}
    .moreless_top           { padding-left:20px; color:#00BFF3;}
    .moreless_body          { }
    .moreless_bottom        { padding-left:20px; color:#00BFF3;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


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


/* common styles */
img		{border:none;}


.article{line-height:20px;}
#header	{height:40px; padding-left:465px;}
#main	{width:1150px;}

#main 	#float	{position:absolute; z-index:2}
#main 	.bg		{width:800px; border:10px solid #eee; margin:0px 0px 20px 20px; padding:20px; background:#fff;}

.f9		{font:9px tahoma; color:#A2A2A2;}
.f11	{font:11px 돋움,Dotum; letter-spacing:-1px;}
.f12	{font:12px 굴림,Gulim; }
.f15	{font:12px 돋움,Dotum;  font-weight:bold; letter-spacing:-1px;}
.f18AB	{font:16px "Arial Black"; letter-spacing:-2px;}
.f30	{font:30px 돋움,Dotum; letter-spacing:-4px;}

.point	{font-weight:bold; color:#9c0;}
.name1	{color:#ccc; font-weight:bold;}

.star1	{color:#9c0; font:9px tahoma;}


/* Gondola */
#gondola	{position:absolute; width:100%; /*background:url(./images/group_bg.gif) repeat-x;*/ z-index:1;}
#gondola	#gondolaBg	{width:100%; height:140px; background:url(./images/group_bg_center.gif) repeat-x; position:absolute; z-index:2; }
#gondola	#introduce	{padding:8px 0px 32px 890px; height:60px;}
#gondola	#introduce	#pic		{position:absolute; background:#fff; width:130px; height:80px; border:#9c0 solid 2px; z-index:10}
#gondola	#introduce	#blogTitle	{position:absolute; margin:15px 0px 0px 140px; z-index:10}
#gondola	#introduce	#blogTitle2	{position:absolute; margin:16px 0px 0px 141px; z-index:9; color:#ddd;}

#gondola	#greenLine	{position:relative; left:900px; z-index:3; color:#fff;}
#gondola	#greenLine	a.linkWhite:link		{color:#fff; text-decoration:none;}
#gondola	#greenLine	a.linkWhite:hover		{color:#fff; text-decoration:none;}
#gondola	#greenLine	a.linkWhite:visited	{color:#fff; text-decoration:none;}

#gondola	#greenLine	a:link		{color:#999; text-decoration:none;}
#gondola	#greenLine	a:hover		{color:#9c0; text-decoration:none;}
#gondola	#greenLine	a:visited	{color:#999; text-decoration:none;}

#gondola	.rv			{position:relative; float:left; width:270px; padding:20px 2px 20px 0px; display:none; color:#666; z-index:1; line-height:20px; text-align:justify;}
#gondola	#rv_category{line-height:normal;}
#gondola	.rv_trackrep{line-height:normal; margin-bottom:10px;}
#gondola	#rvSpace	{height:0px;}

/* 기본으로 보여줄 div */
/* 글 #rv_article, 리플#rv_reply, 트랙백 #rv_trackback, 링크 #rv_link, 보관함 #rv_archive, 태그 #rv_tag, 카테고리 #rv_category */
#gondola	#rv_category	{display:block;}

#rv_tag .cloud1, #tag .cloud1 	{color:#99cc00 !important; text-decoration:none;}
#rv_tag .cloud2, #tag .cloud2	{color:#626262 !important; text-decoration:none;}
#rv_tag .cloud3, #tag .cloud3	{color:#959595 !important; text-decoration:none;}
#rv_tag .cloud4, #tag .cloud4	{color:#c2c2c2 !important; text-decoration:none;}
#rv_tag .cloud5, #tag .cloud5	{color:#ddd !important; text-decoration:none;}

#sidebar2	{position:absolute; left:900px; width:270px; text-align:left;}
#sidebar2	div			{margin:0px 0px 0px 0px;}

#rv_notice	{line-height:15px; padding:0px 0px 10px 0px;}

#counter	{color:#d9d9d9;}
#author		{color:#d9d9d9;}
			a.grayLink1:link		{color:#d9d9d9; text-decoration:none;}
			a.grayLink1:hover		{color:#9c0; text-decoration:none;}
			a.grayLink1:visited	{color:#d9d9d9; text-decoration:none;}

#searchBox		{padding-top:15px;}
#searchBox		input		{background:url(./images/tx_search.gif) right no-repeat; background-color:#fff; width:170px; height:13px; border:4px solid #f2f2f2; color:#b2b2b2; padding-top:4px; padding-left:3px;}

#login		{padding-top:5px;}

/* Search List */
#searchArticle ol, 
#searchReply ol,
#searchTrack ol,
#trackback ol			{ list-style:none;  padding:0px;  margin:0;}
#searchArticle li, 
#searchReply li			{ padding-top:15px;}
#searchTrack li,
#trackback li			{ padding:20px 0px 0px 0px; border-top:1px solid #e5e5e5; margin-top:15px;}
				.tbBody	{float:right; text-align:right; line-height:10px;}

/* keywords */
#keyword		{text-align:center;}

/* tag */
#tagBody		{text-align:justify; line-height:30px; word-break:break-all; word-wrap:break-word;}
#tagBody		a:hover	{color:#9c0 !important;}

/* guestbook */
#guestInput		{height:30px;}
#guestInput		input		{width:145px; height:23px; border:0px solid; padding-top:7px; color:#4c4c4c;}
#guestInput		.homesite	{width:170px; height:20px; padding-top:10px;}
#guestInput		.checkbox	{width:12px; position:absolute; margin-top:5px;}

#guestHead		textarea	{width:780px; height:150px; background:url(./images/tx_bg.gif); color:#7f7f7f; border:none; overflow:auto; padding:10px; line-height:20px;}
#guestHead		.submit		{margin-top:10px;}

#control		{float:right; text-align:right; margin-top:-23px;}
.guestbookVision{padding-bottom:10px; line-height:10px;}
.vision			{width:10px; height:30px; background:#9c0; position:absolute; margin:-2px 0px 0px -30px;}
.guestbookBody, replyBody	{line-height:20px; text-align:justify;}
.gLine			{height:1px; background:#e5e5e5; margin:20px 0px 20px 0px;}

#control		a:link		{color:#ccc; text-decoration:none;}
#control		a:hover		{color:#9c0; text-decoration:none;}
#control		a:visited	{color:#ccc; text-decoration:none;}

.guestbookVision	a:link          { color:#666;   text-decoration:none;}
.guestbookVision	a:visited       { color:#666;   text-decoration:none;}
.guestbookVision	a:hover         { color:#9c0;	text-decoration:none;}
.guestbookVision	a:active        { color:#666;	text-decoration:none;}

/* local */
#local	.spot	{background:url(./images/pic_reply.gif) no-repeat top left; padding-left:10px;}
#local	.local0	{margin-top:20px; background:url(./images/tx_bg.gif); padding:5px 0px 5px 5px!important; font:30px 돋움,Dotum !important; font-weight:bold !important; letter-spacing:-6px; border-bottom:1px dashed #eee;}
#local	.local0 .spot	{background:none; padding:0px;}
#local	.info	{height:20px;}

/* Article */
#articleHead	img	{}
#notice			.article	{padding-top:0px;}
.postadmin		{padding:3px; margin:1px 0px 0px 0px; position:absolute;  border:1px dashed #ccc; background:url(./images/tx_bg.gif);}
.article		{padding-top:20px;}

.article	blockquote	{	border:1px dashed #ddd;	padding:15px;}
.article	h3		{	font:12px dotum,돋움; font-weight:bold; color:#9c0;}
.article	h4		{	font:15px 돋움,dotum; font-weight:bold; letter-spacing:-2px; color:#666; line-height:25px;}
.article	h5		{	font:30px 돋움,dotum; letter-spacing:-3px; color:#666; line-height:30px;}
.article	h6		{	font:30px 돋움,dotum; letter-spacing:-3px; color:#9c0; line-height:30px;}

.article	hr		{	height:1px; margin:10px 0px 10px 0px;}
.article	ol		{	margin:0px 0px 0px 10px;}
.article	ul		{	list-style: none;}
.article	ul li	{	padding-left: 10px;}



.tattermoreless	{	border:dashed 1px #ddd; padding:5px;}


/* tnr */
#tnr						{width:100%; color:#e1e1e1; text-align:right; padding:20px 0px 20px 0px;}
#tnr			.tnrcount	{color:#9c0;}
#tnr			a.tnr:link	{color:#e1e1e1; text-decoration:none;}
#tnr			a.tnr:hover	{color:#9c0; text-decoration:none;}
#tnr			a.tnr:visited{color:#e1e1e1; text-decoration:none;}

#trackback		.address	{color:#8c8993;}
#trackback		.vision		{width:10px; height:30px; background:#9c0; position:absolute; margin:-10px 0px 0px -30px;}

#reply			{line-height:17px; text-align:justify;}
#reply			ol,ul		{list-style:none; padding:0px; margin:0px;}
#reply			li			{padding:15px 0px 0px 0px; border-top:1px solid #e5e5e5; margin-top:15px;}
#reply			li.rp2		{padding:15px 0px 0px 0px; border-top:1px dashed #e5e5e5; margin-top:15px;}
.replyVision	{padding-bottom:10px; line-height:10px;}
.replyVision	img	{/*margin:-7px 0px 0px 684px; position:absolute;*/}

.replyVision	a:link          { color:#666;   text-decoration:none;}
.replyVision	a:visited       { color:#666;   text-decoration:none;}
.replyVision	a:hover         { color:#9c0;	text-decoration:none;}
.replyVision	a:active        { color:#666;	text-decoration:none;}

#replyWrite		{padding-top:20px; border-top:1px solid #e5e5e5; margin-top:20px;}
#getOpenID		{float:right; margin-top:-20px;}
#replyInput		{position:relative;}
#replyInput		input		{width:170px; height:23px; border:0px solid; padding-top:7px; color:#4c4c4c;}
#replyInput		.homesite	{width:170px; height:20px; padding-top:10px;}
#replyInput		.checkbox	{width:12px; height:12px; position:absolute; margin-top:10px;}

#replyWrite		textarea	{width:780px; height:50px; background:url(./images/tx_bg.gif); color:#7f7f7f; border:none; overflow:auto; padding:10px; line-height:20px;}
#replyWrite		.submit		{margin-top:10px;}

/* media */
#mediaLogNest	{width:800px!important; border:10px solid #eee; margin:0px 0px 20px 20px; padding:20px; background:#fff;}

/* Tatter desk */
#TD_content		{width:800px!important; border:10px solid #eee; margin:0px 0px 20px 20px; padding:20px; background:#fff;}

/* pageing */
#pageing		.pages		{float:right; text-align:right;}