﻿@charset "utf-8";
.gardenBody { background:url('/images/garden/bg_garden_btm.jpg') center bottom no-repeat; }
.gardenBodyWrap { background:url('/images/garden/bg_garden_top.jpg') center top no-repeat; }

/* 로그인 전 */
.beforeLogin { background:url('/images/garden/login_bg_set.jpg') 0 0 no-repeat; }
	
/* 로그인 후 */
.logFinal {background:url('/images/garden/login_bg_set.jpg') -200px 0 no-repeat;}
	
.sideMenu { background:url('/images/garden/bg_side_menu.jpg') left top no-repeat; }
	.sideMenu .sectionTitle { width:100px; height:28px; margin:0 0 0 18px; background:url('/images/garden/h3_side.jpg') 0 0 no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.colummTop h4 { background-image:url('/images/garden/bg_h4_set.jpg'); background-repeat:no-repeat; }
.colummTop .gmNoteTitle { background-position:0 -47px; }
.colummTop .devNoteTitle { background-position:0 0; }
.colummTop .userLogTitle { background-position:0 -94px; }
.colummTop .fanSiteTit {background-position:0 -141px;}

.btnList { border-top:2px solid #d7d6bf; }

.devList { border-bottom:2px solid #d7d6bf;  }

.viewTop .viewInfoDev { position:relative; width:547px; height:33px; background:url('/images/garden/bg_view_info.gif') left top no-repeat; }
	.viewTop h5 a { color:#731838; font-weight:bold; }
	.viewTop h5 em { vertical-align:-1px; color:#7d6110; }
	.viewTop .viewInfoDev dt { overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.viewTop .viewInfoDev dd { position:absolute; }
	.viewTop .viewInfoDev .author { left:68px; top:5px; }
	.viewTop .viewInfoDev .numberic { top:9px; .top:10px; color:#676767; font-size:11px; }
	.viewTop .viewInfoDev .date { left:400px; }
	.viewTop .viewInfoDev .recmd { left:510px; }

.articleHereDev { padding:20px 20px 30px; background:url('/images/garden/bg_article.gif') left top no-repeat; color:#676767; line-height:18px; word-break:break-all; word-wrap:break-word; }

.otherArticle dd em { color:#7d6110; }

.articleList .sixColsTbl { width:547px; }
	.articleList .sixColsTbl th { height:31px; background-image:url('/images/community/bg_th_set_6col.jpg'); background-repeat:no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.articleList .sixColsTbl .numTh { width:47px; background-position:0 0; }
	.articleList .sixColsTbl .titleTh { width:273px; background-position:-47px 0; }
	.articleList .sixColsTbl .authorTh { width:114px; background-position:-320px 0; }
	.articleList .sixColsTbl .dateTh { width:47px; background-position:-434px 0; }
	.articleList .sixColsTbl .viewTh { width:33px; background-position:-481px 0; }
	.articleList .sixColsTbl .recmdTh { width:33px; background-position:-514px 0; }
	.articleList .sixColsTbl td { padding-top:3px; padding-bottom:3px; border-bottom:1px solid #eeeeee; text-align:center; }
	.articleList .sixColsTbl .titleTd { padding-top:4px; padding-left:2px; text-align:left; }
		.articleList .sixColsTbl .titleTd img { margin:0 0 0 5px; }
		.articleList .sixColsTbl .titleTd a { color:#665441; }
		.articleList .sixColsTbl .titleTd a:hover { color:#731838; }
			.articleList .sixColsTbl .titleTd a em { margin:0 0 0 2px; color:#dd375a; font-size:11px; }
		.articleList .sixColsTbl .titleTd .new { font-weight:bold; }
	.articleList .sixColsTbl .authorTd { padding-left:2px; text-align:left; }
		.articleList .sixColsTbl .authorTd a { margin:0 0 0 5px; color:#676767; font-size:11px; }
	.articleList .sixColsTbl .numTd { color:#676767; font:normal 11px Dotum,'돋움'; }
	.articleList .sixColsTbl .dateTd { color:#676767; font:normal 11px Dotum,'돋움'; letter-spacing:-1px; }
	.articleList .sixColsTbl .noticeCol td { background:#ebebeb; border-bottom:1px solid #dbdbdb; }
		.articleList .sixColsTbl .noticeCol .titleTd a { font-weight:bold; color:#515151; }
		.articleList .sixColsTbl .noticeCol .titleTd a:hover { color:#731838; }
	.articleList .sixColsTbl .noticeCol .authorTd { text-align:center; }
	.articleList .sixColsTbl .noticeEnd td { border-bottom:1px solid #cdcdcd; }
	.articleList .sixColsTbl .bestCol td { background:#faf9f2; border-bottom:1px solid #eae9e2; }
		.articleList .sixColsTbl .bestCol .titleTd a { color:#515151; }
	.articleList .sixColsTbl .endCols td { border-bottom:2px solid #d7d6bf; }
.articleList .writeNewPost { position:absolute; bottom:-33px; right:0; display:block; width:50px; height:23px; background:url('/images/community/btn_write.gif') left top no-repeat; overflow:hidden; text-indent:-100000em; font:normal 0/0 verdana; }

/* .paging { margin:-34px auto 0; border-top:2px solid #d7d6bf; } */

.reply .replyWrap { border-bottom:0 none; }

.blogTop { width:497px; height:152px; padding:18px 25px 0; background:url('/images/garden/bg_blog_top.jpg') left top no-repeat; }
	.blogTop li { float:left; width:461px; margin:0 0 6px 0; padding:0 0 3px 36px; background-image:url('/images/garden/icon_rank_set.gif'); background-repeat:no-repeat; border-bottom:1px solid #dfdfdb; }
		.blogTop li a { font-weight:bold; color:#94887a; }
		.blogTop li .user { font-weight:normal; }
		.blogTop li img { margin:0 5px; }
		.blogTop li span { float:left; }
		.blogTop li em { float:right; width:62px; letter-spacing:-1px; text-align:right; font-size:11px; color:#676767; }
			.blogTop li em img { margin:0; vertical-align:-2px; }
	.blogTop .fir { background-position:6px 0; }
		.blogTop .fir a { color:#382918; }
	.blogTop .sec { background-position:6px -29px; }
	.blogTop .thd { background-position:6px -57px; }
	.blogTop .four { background-position:6px -85px; }
	.blogTop .fifth { background-position:6px -113px; border-bottom:0 none; }

.kitDn { position:relative; width:547px; height:97px; margin:0 0 15px 0; background:url('/images/garden/bg_kit_dn.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.kitDn a { position:absolute; top:54px; left:30px; display:block; width:193px; height:23px; }

.blogPr { padding:0 0 0 18px; background:url('/images/garden/icon_arrow_rh.gif') 10px 2px no-repeat; color:#676767; font-size:11px; }

.blogWrap { width:547px; margin:8px 0 0 0; border-bottom:2px solid #d7d6bf; }
.blogSumm { width:547px; padding:20px 0 10px; border-top:2px solid #d7d6bf; }
	.blogSumm dt { float:right; width:470px; color:#515151; font-weight:bold; }
		.blogSumm dt em { color:#dd375a; font-weight:bold; }
		.blogSumm dt img { margin:0 0 0 5px; }
	.blogSumm .userPhoto { float:left; display:inline; width:57px; height:68px; margin:0 0 0 10px; }
	.blogSumm .userName { float:left; display:inline; margin:8px 0 0 10px; }
		.blogSumm .userName a { margin:0 0 0 5px; color:#676767; font-size:11px; font-weight:bold; }
	.blogSumm .date { float:left; display:inline; margin:10px 0 0 9px; .margin:11px 0 0 9px; color:#676767; font-size:11px; }
	.blogSumm .recmd { float:left; display:inline; margin:10px 0 0 10px; .margin:11px 0 0 10px; color:#676767; font-size:11px; }
	.blogSumm .fincBtn { float:left; display:inline; width:470px; margin:6px 0 0 10px; }
		.blogSumm .fincBtn a { margin:0 7px 0 0; }
	.blogSumm .txtHere { clear:both; float:left; width:470px; margin:15px 0 0 0; padding:0 0 0 77px; line-height:1.5em; color:#676767; }
	.blogSumm .subBtn { clear:both; width:547px; margin:10px 0 0 0; }
		.blogSumm .subBtn a { float:right; margin:0 0 0 7px; }

.replyNav { padding:0 0 15px 0; text-align:center; }
	.replyNav a { margin:0 3px 0 0; }

.blogWrite { width:547px; margin:10px 0 0 0; text-align:right; }

.blogInfo { display:block; width:547px; margin:8px 0 0 0; }
		.blogInfo dd .blogSet { width:428px; height:16px; padding:2px 0 0 2px; background:#f8f8f8; border:1px solid #e8e8e8; }
	.blogInfo .topInfo { width:537px; margin:0 auto; padding:13px 0 0 0; border-top:2px solid #d7d6bf; }
		.blogInfo .topInfo dt { float:left; width:105px; }
		.blogInfo .topInfo dd { float:left; width:432px; }
	.blogInfo .btmInfo { width:537px; margin:13px auto 0; padding:13px 0 0 0; border-top:1px solid #dadad7; }
		.blogInfo .btmInfo dt { float:left; width:105px; }
		.blogInfo .btmInfo dd { float:left; width:432px; }
	.blogInfo .postHere { clear:both; width:536px; height:310px; margin:13px 0 0 0; padding:28px 0 0 11px; background:url('/images/garden/bg_post_here.gif') left top no-repeat; }
		.blogInfo .postHere dt { height:0; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.blogInfo .postHere dd { width:525px; height:295px; }
			.blogInfo .postHere dd textarea { width:520px; height:290px; padding:3px 0 0 3px; border:0 none; }

.blogBtnSet { width:327px; margin:8px 0 0 0; padding:0 0 0 220px; }
	.blogBtnSet .postConfirm { float:left; width:50px; height:23px; background:url('/images/community/btn_confirm.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; border:0 none; cursor:pointer; }
	.blogBtnSet .postCancel { float:left; display:inline; margin:0 0 0 7px; width:50px; height:23px; background:url('/images/community/btn_cancel.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; border:0 none; cursor:pointer; }

.blogKit { position:relative; width:547px; height:97px; margin:13px 0 0 0; background:url('/images/garden/bg_kit_dn2.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.blogKit a { position:absolute; top:54px; left:30px; display:block; width:193px; height:23px; }

.reply .replyWrap { padding:7px 8px 0 9px; border-top:1px solid #e8e8e8; }
	.reply .replyWrap .newReply { display:block; margin:6px 0 0 0; }

/* 2010-06-09 */
.fansiteNote {width:527px;height:243px;padding:18px 0 0 20px;background:url('/images/garden/bg_fan_top.gif') left top no-repeat;}
		.fansiteNote dl dd {padding:0 0 0 9px;background:url('/images/garden/bg_icon_arrow_rh.gif') 0 5px no-repeat;font-size:11px;color:#515151;letter-spacing:-1px;line-height:16px;}
		.fansiteNote dl .headNote {padding:0;background:none;font-weight:bold;}
		.fansiteNote dl .noBg {padding:0;background:none;}
		.fansiteNote .abtFan .headNote {margin:9px 0 4px 0;color:#541025;font-size:12px;}
	.fansiteNote .imgKit {margin:10px 0 0 0;}
		.fansiteNote .imgKit .headNote {margin:6px 0 0 0;}
	.fansiteNote .btns {width:505px;margin:14px 0 0 0;padding:12px 0 0 0;background:url('/images/garden/bg_dot_1x2.gif') left top repeat-x;text-align:center;}
.xtns {height:293px;background:url('/images/garden/bg_fan_xtns.gif') left top no-repeat;}
	.xtns .caution {width:495px;height:35px;margin:10px 0 0 0;padding:6px 0 0 10px;background:#e2e2e2;border-bottom:1px solid #fff;}
		.caution li {color:#515151;font-weight:bold;font-size:11px;line-height:16px;}
			.caution li em {color:#541025;}

.detailSite {float:left;clear:both;width:526px;margin:20px 0 0 0;padding:0 10px 20px 11px;border-bottom:1px solid #d7d6bf;}
	.detailSite dt {float:right;width:349px;height:17px;padding:5px 0 0 11px;background:url('/images/garden/bg_site_dt.gif') left top no-repeat;color:#731838;font-weight:bold;}
	.detailSite .siteBanner {float:left;width:147px;height:88px;margin:0;padding:4px;background:url('/images/garden/bg_banner.gif') left top no-repeat;}
		.detailSite .siteBanner a {display:block;}
	.detailSite dd {float:right;width:350px;margin:5px 0 0 0;padding:0 0 0 10px;color:#515151;line-height:16px;letter-spacing:-1px;}
	.detailSite .url {float:right;width:321px;height:16px;padding:0 0 0 32px;background:url('/images/garden/bg_url.gif') left top no-repeat;}
		.detailSite .url a {color:#919191;font-size:11px;}
.endSite {margin:20px 0 31px 0;border-bottom:2px solid #d7d6bf;}

.regEnd {position:relative;width:547px;height:379px;background:url('/images/garden/bg_reg_end.jpg') left top no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.regEnd a {position:absolute;bottom:0;left:247px;display:block;width:53px;height:23px;}

.reqFanSite {margin:12px 0 0 0;}
	.reqFanSite h5 {width:547px;height:23px;background:url('/images/garden/bg_h5_fan_site.gif') left top no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
	.reqFanSite .regForm {float:left;display:inline;width:537px;margin:13px 0 0 5px;}
		.reqFanSite .regForm dt {float:left;width:105px;height:20px;background-image:url('/images/garden/bg_set_fan.gif');background-repeat:no-repeat;background-position:0 -25px;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
		.reqFanSite .regForm dd {float:right;width:432px;height:20px;}
			.regForm dd input {width:420px;height:14px;padding:4px 5px 0;background:#f8f8f8;border:1px solid #e8e8e8;font:normal 12px dotum;}
	.reqFanSite .formEx {padding:0 0 13px 0;border-bottom:1px solid #dadad7;}
		.reqFanSite .formEx dt {background-position:0 0;}
	.regFormFull {position:relative;float:left;width:536px;height:302px;margin:13px 0 0 0;padding:29px 0 0 11px;background:url('/images/garden/bg_reg_site_form.gif') left top no-repeat;}
		.regFormFull dt {position:absolute;top:-10000px;}
		.regFormFull .txtLimit {position:absolute;top:10px;left:95px;color:#676767;font-size:11px;}
			.regFormFull dd textarea {width:515px;height:278px;padding:5px;border:0 none;font:normal 12px dotum;}

	.fileAdd {float:left;display:inline;width:537px;margin:11px 0 0 5px;}
		.fileAdd dt {float:left;width:105px;height:20px;background:url('/images/garden/bg_set_fan.gif') 0 -50px no-repeat;overflow:hidden;text-indent:-10000em;font:normal 0/0 verdana;}
		.fileAdd dd {float:right;width:432px;}
			.fileAdd dd input {width:226px;height:14px;margin:0 8px 0 0;padding:4px 5px 0;background:#f8f8f8;border:1px solid #e8e8e8;font:normal 12px dotum;}
			.fileAdd dd p {margin:5px 0 0 0;color:#676767;font-size:11px;}

	.funcBtn {float:left;display:inline;width:537px;margin:8px 0 0 5px;padding:18px 0 0 0;border-top:2px solid #dadad7;text-align:center;}