@charset "utf-8";

.actionTrail {display:none;}

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

/* 본문 공통 */
body			{margin:0; padding:0; font:0.75em/1.5 Arial, dotum, Sans-serif; color:#88847E; background:#181818 url("./images/bg_header.gif") no-repeat center top;}
.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix   {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */


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

/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#fff;}
    .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_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					{margin:0 0 28px 0; text-align:left;}

/* 본문 - more / less */
#more1_0					{padding:10px 0 0 0;}
.moreless_fold				{clear:both; color:#de2314; }
.moreless_fold span			{float:right; display:block; height:11px; width:40px; overflow:hidden; text-indent:-5000px; background:url("./images/btn_more.gif") top left no-repeat;}
.moreless_top				{color:#de2314;}
.moreless_top span			{float:right; display:block; height:14px; width:40px; overflow:hidden; text-indent:-5000px; background:url("./images/btn_close.gif") top left no-repeat;}
.moreless_bottom			{clear:both; color:#de2314; }
.moreless_bottom span		{float:right; display:block; height:14px; width:40px; overflow:hidden; text-indent:-5000px; background:url("./images/btn_close.gif") top left no-repeat;}


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

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-size:2em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}

/* 블로그 레이아웃 */
#wrap			{width:905px; margin:0 auto; }
#header			{width:905px; padding:33px 0 15px 0; color:#696969;}
#container		{width:905px; background:url("./images/bg_wrap.gif") repeat-y right top;}
.container_wrap	{float:left; width:650px;}
#content		{float:left; margin:0 35px 0 0; width:650px; overflow:hidden;}
#sidebar		{float:right; width:170px; padding:20px 25px 0 25px; background:#000000 url("./images/bg_sidebar_top.gif") no-repeat left top;}
#footer			{width:905px; padding:0 0 20px 0; color:#777777; font-size:0.9em; text-align:right; background:url("./images/bg_footer.gif") no-repeat right top;}

/* ***** Header ***** */
#header .img_dstrict			{position:absolute; left:15px; top:15px;}
#header h1						{padding:30px 30px 40px 0; height:70px;}
#header h1 a					{display:block; margin:0 auto; height:62px; width:553px; overflow:hidden; text-indent:-5000px; background:url("./images/blog_tilte.png") no-repeat left top;}
#header .search					{text-align:right;}
#header .search input			{vertical-align:middle;}
#header .search .input_text		{margin:0 0 0 10px; width:136px; padding:3px 2px; border:none; border-bottom:1px solid #313131; color:#696969; font-size:1em; font-family:arial, dotum, sans-serif; background:#000000;}

/* ***** content ***** */
.searchList .title,
.searchRplist .title,
.searchTblist .title		{padding:22px 0 15px 0; color:#ffffff; font-style:italic;}
.searchList ol,
.searchRplist ol,
.searchTblist ol			{padding:0; margin:0; list-style:none;}
.searchList ol li,
.searchRplist ol li,
.searchTblist ol li			{padding:19px 0 16px 0; line-height:2.1em; background:url("./images/bg_dot.gif") repeat-x left top;}
.searchList .bold,
.searchRplist .bold,
.searchTblist .bold			{font-weight:bold;}
.searchList .date,
.searchRplist .date,
.searchTblist .date			{font:0.9em Arial, sans-serif; color:#616161;}
.searchList ol li a,
.searchRplist ol li a,
.searchTblist ol li a		{color:#ffffff; font-size:1.5em; font-family:Georgia, serif; font-style:italic; text-decoration:none;}


/* entry */
.entry						{padding:0 0 44px 0; width:650px;}
.entryNotice h2, 
.entryProtected h2, 
.entry h2					{padding:0 0 6px 0; color:#ffffff; line-height:1.1em; font-family:Georgia, serif; font-style:Italic; font-weight:normal;}
.entryNotice h2, 
.entryProtected h2, 
.entry h2 a					{color:#ffffff; text-decoration:none;}
.entryNotice h2, 
.entryProtected h2, 
.entry h2 a:hover			{text-decoration:underline;}
.titleWrap					{width:650px;}
.titleWrap .category		{padding:0 0 7px 0;}
.searchList .title_result,
.titleWrap .category a		{padding:1px 10px 1px 8px; color:#000000; font-family:Arial, sans-serif; font-size:1.15em; font-style:normal; font-weight:bold; text-decoration:none; text-transform:uppercase; background:#de2314;}
.titleWrap .date			{font:0.9em Arial, sans-serif; color:#616161;}
.titleWrap .admin			{padding:5px 0 0 0; font:0.95em dotum, sans-serif; color:#616161;}
.titleWrap .admin a			{color:#616161;}

.entryProtected p.text   {padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}

/* page error*/ 
#page-error 
{ 
	font-weight          : bold; 
	padding              : 200px 0; 
	text-align           : center; 
}

.article				{padding:29px 0 23px 0; width:650px; overflow:hidden;}
.article strong			{color:#a29e99;}
.article a				{color:#88847E; text-decoration:none;}
.article a:hover		{text-decoration:underline;}
.article dd				{margin-left:20px; padding-bottom:10px;}
.article blockquote		{padding-left:25px; margin:10px 20px;}
.article h3				{color:#bbbbbb;}

.tagTrail				{clear:both; padding:10px 2px 20px 2px; color:#777777; background:url("./images/bg_dot.gif") repeat-x left top;}
.tagTrail a				{color:#777777; text-decoration:none;}
.tagTrail a:hover		{text-decoration:underline;}
.tagTrail .tagText		{margin:0 5px 0 0; color:#cecece; font-weight:bold;}

.actionTrail			{width:650px; position:relative; padding:13px 0 23px 0; clear:both; font-weight:bold; background:url("./images/bg_dot.gif") repeat-x left top;}
.actionTrail a			{color:#cecece; text-decoration:none;}
.actionTrail img		{position:absolute; top:17px; right:14px;}

.trackback				{color:#777777;}
.trackback a			{color:#777777; text-decoration:none;}
.trackback a:hover		{text-decoration:underline;}
.trackback .address		{padding:0 0 18px 0; color:#777777;}
.trackback ol			{margin:0; padding:0; list-style:none;}
.trackback ol li		{padding:0 0 18px 0;}
.trackback .date		{font:0.9em;}
.trackback .date,
.trackback .from		{color:#7c6357;}
.trackback .name		{margin:0 2px; color:#ffffff; font-style:italic;}
.trackback .delete		{margin:0 0 0 10px; color:#bbbbbb; font-size:0.75em; border-bottom:1px dotted #949494; text-decoration:none;}

.comment				{width:650px; overflow:hidden;}
.comment p				{margin:2px 0 0 0; padding:0; color:#696969;}

.comment ol,
.comment ul				{margin:0;  padding:0;  list-style:none;}
.comment .date,
.comment .txt			{color:#7c6357;}
.comment .name			{margin:0 2px; color:#ffffff; font-style:italic;}
.comment .name a		{color:#ffffff; text-decoration:none;}
.comment .name a:hover	{text-decoration:underline;}
.comment .name img		{display:none;}
.comment ol li			{padding:0 0 18px 0;}
.comment li ul li		{padding:15px 0 5px 25px;}
.comment .control		{margin:0 0 0 10px; font-size:0.75em;}
.comment .control a		{margin:0 5px 0 0; color:#bbbbbb; border-bottom:1px dotted #949494; text-decoration:none;}

.commentWrite						{position:relative;}
.commentWrite .namewrite,
.commentWrite .password,
.commentWrite .website				{float:left; margin:0 5px 3px 0; padding:0 0 0 8px; border:#383836 1px solid; color:#3d3d3d; font-weight:bold; font-size:0.9em; background:#252525;}
.commentWrite input					{margin:0 0 0 2px; padding:0 2px 0 0; border:none; color:#696969; font-size:1.15em; font-family:Arial, sans-serif; vertical-align:middle; background:#252525;}
.commentWrite .namewrite input		{width:76px;}
.commentWrite .password input		{width:85px;}
.commentWrite .website input		{width:110px;}
.commentWrite .secretWrap			{float:left; margin:0 0 3px 0; color:#3d3d3d;}
.commentWrite .commentbox			{clear:both;}
.commentWrite .commentbox textarea	{width:520px; height:68px; padding:3px; border:#383836 1px solid; color:#696969; font-size:1em; font-family:Arial, sans-serif; background:#252525; vertical-align:middle;}
.commentWrite .commentbox input		{vertical-align:middle;}

.paging								{float:left; padding:12px 0 20px 0; width:650px; text-align:center; border-top:solid 1px #242424; color:#777777; font-family:Georgia, serif;}
.paging a							{color:#777777; text-decoration:none;}
.paging a:hover						{text-decoration:underline;}
.paging .numbox						{margin:0 6px;}
.paging .selected					{color:#de2314;}


/* ***** sidebar ***** */
#sidebar ul							{padding:0; margin:0; list-style:none;}
#sidebar .title						{color:#e2e1dd; font-size:1.15em; font-family:Georgia, serif; font-style:italic; font-weight:bold;}
.archive ul,
.recentComment ul,
.recentTrackback ul,
.tagbox ul								{padding:9px 0 22px 0 !important;}
.archive li,
.recentComment li,
.recentTrackback li					{padding:0 0 0 13px; background:url("./images/icon_sidebar_list.gif") no-repeat 0 50%;}
.archive li a,
.recentComment li a,
.recentTrackback li a				{color:#696969; text-decoration:none;}
.archive li a:hover,
.recentComment li a:hover,
.recentTrackback li a:hover			{text-decoration:underline;}
.archive li .cnt,
.recentComment li .cnt,
.recentTrackback li .cnt			{color:#696969;}

.category							{padding:0 0 20px 0;}
.category a							{color:#de2314; font-size:1.5em; font-family:Georgia, serif; font-style:italic; text-decoration:none;}
.category a .c_cnt					{display:none;}
.category ul li ul					{padding:5px 0 0 4px !important;}
.category ul li ul li				{padding:0 0 0 10px; background:url("./images/icon_category_list.gif") no-repeat 0 50% !important;}
.category ul li ul li a				{color:#7c6357; font-size:1em; font-family:Arial, sans-serif; font-style:normal;}
.category ul li ul li a .c_cnt		{display:inline; color:#7c6357;}

.tagbox ul li						{margin:0 5px 0 0; display:inline; font-size:0.9em; color:#696969;}
.tagbox ul li a						{color:#696969; text-decoration:none;}
.tagbox ul li a:hover				{text-decoration:underline;}

.sidebar_etc						{padding:9px 0 8px 4px;background:url("./images/bg_dot02.gif") repeat-x left top;}
.sidebar_etc a						{color:#ffffff; text-decoration:none;}
.sidebar_etc a:hover				{color:#de2314; text-decoration:underline;}
.sidebar_etc .rss					{float:left; margin:8px 0; vertical-align:middle;}
.sidebar_etc .txt_login				{float:right; margin:7px 0; color:#696969; font-size:0.9em;}

/* ***** footer ***** */
.copyright							{padding:15px 0 0 2px;}
.copyright a						{color:#777777; text-decoration:none;}
.copyright a:hover					{text-decoration:underline;}
.copyright span						{font-family:Gulim, Dotum, sans-serif;}