@charset "utf-8";



/* 문서 공통 --------------------------------------------------------- */

/* ------------------------------------------------------------------- */



* { margin:0; padding:0; border:none; }

body	{ color:#333; font:12px 나눔고딕, NanumGothic, Verdana, 굴림, Gulim, AppleGothic; }

BODY { 
  background: white url(./images/bg.png); 
  background-repeat: repeat-x; 
  background-position: top;
} 


a:link,

a:visited,

a:active	{ color:#333; text-decoration:none;}

a:hover	{ color:#88af00; text-decoration:none;}



h1	{ font:24px 나눔고딕, NanumGothic, dotum, 돋움, Gulim, AppleGothic;}

h2	{ font:18px 나눔고딕, NanumGothic, dotum, 돋움, Gulim, AppleGothic;  font-weight:bold; margin-bottom:5px;}

h2	a	{ color:#333; }

h3, h4, h5, h6	{ font-size: 12px;}

input { height:18px;}

button,

input,

textarea	{ vertical-align:middle; border-top:1px solid #ccc; border-right:1px solid #fefefe; border-bottom:1px solid #fefefe; border-left:1px solid #ccc; background-color:#eee; font:12px 나눔고딕, NanumGothic, Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, sans-serif; color:#333;}

input:focus,

textarea:focus	{ background-color:#ddd;}



hr	{ display:none;}

.clearer { margin:0; padding:0; clear:both; display:block; width:100%; height:0; font-size:1px; line-height:1px;}
.clearer2 { margin:0; padding:0; clear:both; display:block; width:100%; height:0; font-size:1px; line-height:0px;}


.cnt	{ color:#aaa; font-size:9px;}

.date,

.control,

.control a:link,

.control a:visited	{ color:#aaa; font-size:12px;}

.control a:hover	{ color:#88af00;}





/* 블로그 레이아웃 --------------------------------------------------- */

/* ------------------------------------------------------------------- */



#container	{ margin:0 auto; width:850px;}

#header { margin-top:25px;}

#content	{ float:left;  width:600px; overflow:hidden; line-height:20px;}

#sidebar	{ float:right; width:200px; }



#bgTop	{ margin-top:10px; padding-top:20px; background:url("images/bgContentTop.gif") top left no-repeat;}

#bgBottom	{ padding-bottom:20px; background:url("images/bgContentBottom.gif") bottom left no-repeat;}





/* Header ------------------------------------------------------------ */

/* ------------------------------------------------------------------- */



#header .blogMenu ul	{ list-style:none;}

#header .blogMenu ul li	{ display:none;}

#header .blogMenu	{ margin-top:21px; color:#aaa; font-size:12px;}

#header .blogMenu a:link { color:#333;}

#header .blogMenu a:visited	{ color:#333;}

#header .blogMenu a:hover	{ color:#88af00;}





/* content ----------------------------------------------------------- */

/* ------------------------------------------------------------------- */



#content .localog, #content .taglog, #content .entryNotice, #content .entryProtected, #content .entry, #content .guestbook, #content .searchList, #content .searchRplist	{ padding-bottom:50px;}

#content .localog h2, #content .taglog h2, #content .guestbook h2, #content .medialog h2, #content .searchList h2	{ padding:10px 0 20px 0; }



.searchList ol	{ list-style:none;}

.searchList li	{ margin-bottom:7px; line-height:100%; font-variant:small-caps;}

.searchList li a:visited	{ padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}

.searchList .date	{ margin-left:10px;}



.taglog ul	{ list-style:none; text-align:justify;}

.taglog li	{ display:inline;}

.taglog li .cloud1,

.taglog li .cloud2,

.taglog li .cloud3	{ color:#88af00; font-weight:bold;}

.taglog li .cloud4	{ color:#88af00;}

.taglog li .cloud5	{ }

.taglog li a:hover	{ color:#88af00;}



.guestWrite p	{ margin:2px 0;}

.guestWrite label { font-size:9px;}

.guestWrite input	{ width:150px;}

.guestWrite textarea	{ width:588px; padding:5px;}

.guestWrite .homepage   { width:300px;}

.guestWrite .submit		{ height:22px; font-size:9px;}

.guestWrite .warn	{ margin-left:20px;}

.guestWrite input.checkbox	{ width:auto; border:none; background:none;}



.guestList	{ width:100%; margin:50px 0 0 0;}

.guestList ol,

.guestList ol ul	{ list-style:none;}

.guestList ol li	{ margin:25px 0 0 0;}

.guestList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}

.guestList ol li p a	{ color:#88af00;}

.guestList ol li ul li	{ margin:15px 0 0 60px;}

.guestList .name	{ font-weight:bold;}



.guestList .guest_general	{ }

.guestList .guest_admin	{ }

.guestList .guest_secret	{ color:#88af00;}





/* entry ------------------------------------------------------------- */

/* ------------------------------------------------------------------- */



.entryNotice h2 a:link, .entryProtected h2 a:link, .entry h2 a:link, .entryNotice h2 a:visited, .entryProtected h2 a:visited, .entry h2 a:visited	{ color:#333;}

.entryNotice h2 a:hover, .entryProtected h2 a:hover, .entry h2 a:hover	{ color:#88af00;}	



.entryInfo	{ padding-bottom:20px; color:#aaa; font-size:9px; line-height:normal;}

.entryInfo a:link,

.entryInfo a:visited	{ color:#aaa;}

.entryInfo a:hover	{ color:#88af00;}

.entryInfo .category	{ font-size:11px;}

.entryInfo .control { padding-left:5px;}



.entryProtected { }

.warningStripeTop { display:block; width:600px; height:50px; background:url("images/stripe.gif") left top no-repeat;}

.warningStripeBottom { display:block; width:600px; height:200px; background:url("images/stripe.gif") left bottom no-repeat;}

.entryProtected input	{ vertical-align:middle; width:160px; height:18px; color:#333; background-color:#eee; }

.entryProtected button	{ vertical-align:middle; width:60px; height:20px; color:#333; font-size:9px;}



.tagTrail	{ clear:both; text-align: justify;}



.actionTrail	{ clear:both;}

.actionTrail .cnt	{ color:#88af00; font-size:12px; font-weight:bold;}



.trackback		{ width:100%; margin:2px 0 4px 0; overflow:hidden;}

.trackback a	{ color:#333;}

.trackback h3	{ margin:0px 5px 10px 0px; color:#88af00; font-size:11px;}

.trackback h4	{ }

.trackback h4 a	{ color:#88af00;}

.trackback ol	{ list-style:none;}

.trackback li	{ padding:7px 0;}

.trackback p	{ margin:3px 0 0 0; padding:0; text-align: justify;}

.trackback .name,

.trackback .name a	{ color:#aaa;}



.comment	{ margin-top:20px; padding-top:10px; width:100%; background:url("images/dot.gif") top repeat-x;} 

.comment h3	{ display:none;}

.comment p	{ text-align:justify;}

.comment ol,

.comment ul	{ list-style:none;}

.comment ol li	{ margin:25px 0 0 0;}

.comment li ul li	{ margin:15px 0 0 60px; }

.comment .name	{ font-weight:bold;}



.rp_general	{ }	

.rp_admin	{ }

.rp_secret	{ color:#88af00;}

.hiddenComment 	{ color:#88af00; font-weight:normal;}



.commentWrite	{ margin-top:50px;}

.commentWrite label { font-size:9px;}

.commentWrite p { margin:2px 0;}

.commentWrite input		{ width:150px;}

.commentWrite textarea	{ width:588px; padding:5px;}

.commentWrite .homepage	{ width:300px;}

.commentWrite .submit	{ height:22px; font-size:9px;}

.commentWrite input.checkbox	{ width:auto; border:none; background:none;}



.paging		{ margin:10px 0 30px 0; color:#ccc; font-size:9px; text-align:center;}

.paging a:link	{ color:#333;}

.paging a:visited	{ color:#aaa;}

.paging a:hover	{ color:#88af00;}

.paging .prev	{ margin-right:15px;}

.paging .next	{ margin-left:15px;}

.selected	{ color:#88af00;}	/* 페이징 - 현재 페이지 */





/* article ----------------------------------------------------------- */

/* ------------------------------------------------------------------- */



.article	{ color:#333; width:100%; text-align: justify; margin-bottom:25px;} 



.article a:link,

.article a:active	{ color:#88af00; }

.article a:visited	{ color:#333; }

.article a:hover	{ border:none; color:#333;}



.article img,

.article table,

.article div	{ margin:0 0 10px 0; padding:0;}

.article:first-child	{ margin-top:0;}

.article p	{ margin:0 0 15px 0; padding:0;}



.article .another_category	{ margin-top:15px; padding:10px;}



.article ol,

.article ul	{ padding:0 0 10px 40px;}

.article li	{ }



.article pre { margin-bottom:10px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}

.article code { font-family:'Courier New', Courier,'bitstream vera sans mono', mono, 돋움, Dotum, monospace;}



.article dt	{ margin:10px 0 0 0; font-weight:bold; color:#aaa;}

.article dd	{ padding:0 0 0 40px; border-top:1px solid #eee; color:#aaa;}



.article blockquote	{ margin-left:10px; padding-left:30px; background:url("images/iconBlockquote.gif") top left no-repeat;}



.article abbr,

.article acronym	{ border-bottom:1px dotted #88af00; cursor: help;}



.article sup,

.article sub	{ color:#88af00;}



.article em	{ font-style:normal;}

.article strong	{ color:#88af00; font-weight:normal;}



.article address	{ margin:0 0 15px 0; padding:0; vertical-align:middle; color:#999; font-style:normal;}

.article address a:link,

.article address a:active	{ border-bottom:1px dotted #aaa; color:#aaa; font-style:normal;}

.article address a:visited	{ border-bottom:1px dotted #aaa; color:#aaa; padding-right:12px; margin-right:3px; background:url("images/valid.gif") bottom right no-repeat;}

.article address a:hover	{ border:none; color:#88af00;}



p.cap1	{ margin:0; padding:2px 0 0 0; color:#aaa; text-align:center;} /* 이미지 아래 캡션 스타일 */



.imageblock      { border:none; vertical-align:top; line-height:normal;}

.imageblock a:link,

.imageblock a:visited,

.imageblock a:hover,

.imageblock a:active { border-style: none;}

.imageblock img	{ margin:0;}



div.left	{ margin:4px 0 0 0;}

.center	{ }

div.right	{ margin:4px 0 0 0;}

.dual	{ }

.triple	{ }



.key1	{ border-bottom:1px dotted #88af00; color:#88af00;}

.key1:hover	{ color:#333; border:none;}



/* 본문 - more / less */

p.moreless_fold	{ margin:0 0 10px 0; padding-left:25px; background:url("images/iconMore.gif") top left no-repeat; color:#333; font-weight:bold;}

p.moreless_top	{ padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#333; font-weight:bold;}

.moreless_body	{ }

p.moreless_bottom	{ padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#333; font-weight:bold; text-align:right;}





/* Sidebar ----------------------------------------------------------- */

/* ------------------------------------------------------------------- */



#sidebar ul	{ list-style:none;}

#sidebar li	{ list-style:none; margin-bottom:2px;}

#sidebar h2	{ display:none;}

#sidebar h3 { padding:10px 0 5px 0;}

#sidebar h3 a:link,

#sidebar h3 a:visited,

#sidebar h3 a:active	{ color:#333; cursor:pointer;}

#sidebar h3 a:hover	{ color:#88af00;}

#sidebar .name	{ color:#aaa;}

#sidebar h3 a.rss span { display:none;}

#calendar,

#category,

#recentPost,

#recentComment,

#recentTrackback	{ display:block; padding-bottom:10px;}

#archive,

#link	{ padding-bottom:10px; font-size:11px;}



.ib	{ cursor:pointer;}	/* 카테고리 - 이미지 버튼 */



.branch3	{ cursor:pointer; }	/* 카테고리 - 트리 셀 */

.c_cnt	{ color:#aaa; font-size:9px;}	/* 카테고리 - 카테고리 옆 개수 스타일 */



.cal_month	{ padding:5px 0 10px 0; font:bold 12px Georgia; text-align:center;}	/* 달력 월 표시 */

.cal_week1	{ }	/* 달력 요일 표시("th 영역") */

.cal_week2	{ color:#88af00;}	/* 달력 일요일 표시("th 영역") */

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

.cal_current_week	{ }

.cal_day	{ font-size:9px; text-align:center;}	/* 달력 Day("td 영역") */

.cal_day_sunday,	/* 달력 Day, 일요일 ("td 영역")  */

.cal_day_sunday a	{ color:#88af00;}

.cal_day1	{ }	/* 달력 지난 달 날짜 표시("td")   */

.cal_day2	{ }	/* 달력 다음 달 날짜 표시("td")   */

.cal_day3	{ }	/* 달력 이번 달 날짜 표시("td") */

.cal_day4	{ color:#fff; background-color:#ccc;}	/* 달력 오늘 날짜 표시("td") */

a.cal_click:link,	

a.cal_click:visited	{ font-size:11px; font-weight:bold;}/* 달력 글쓴 날 링크 스타일 */

a.cal_click:hover	{ }



/* footer ------------------------------------------------------------ */

/* ------------------------------------------------------------------- */



#footer	{ clear:both; margin:20px 0 40px 0; color:#aaa; text-align:right; line-height:130%; font-size:9px; }

#footer .counter { float:left; }	

#footer a	{ color:#aaa;}

#footer a.valid	{ padding-left:12px; background:url("images/valid.gif") bottom left no-repeat;}

#footer a:hover	{ color:#88af00;}






/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(images/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}