@charset "utf-8";

A:active, A:focus { outline:0; }
/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

html {font-size: 62.5%}
body{
	margin:0px;
	padding:0;
	font:1.2em/1.5em  Dotum, Verdana, AppleGothic, Sans-serif;
	color:#777;
	 margin-bottom:30px;
	background-position:0;
	background-repeat:repeat;
	 background-color:#1e1a19;
	}

/* 공통 링크 스타일 */
a {text-decoration:none;}
a:link, a:visited { color:#777; }
a:hover  { color:#C4B200; }
a:active { none; }


/* 기본적인 스타일 */
button { border:none; cursor:pointer;}
img {border:0;}
br {letter-spacing:0;}
h1,h2,h3,h4 {margin:0; padding:0;}
.clear {clear:both;}

/* 이미지 캡션 스타일 */
.cap1 { color:#999;  text-align:center;}

/* Float 버그 */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* 자바 메뉴 */
.dhtmlgoodies_question{    /* Styling question */


font:1.1em AppleGothic, 'Trebuchet MS', Helvetica, Sans-Serif;
    background-color:#332d2f;
    border:0px #444444 solid;
    color:#888;
    width:230px; 
    padding:8px;
    overflow:hidden;
    cursor:pointer; 
    margin-left:22px; 
   text-align: center;
}
.dhtmlgoodies_answer{    /* Parent box of slide down content */
    /* Start layout CSS */
    
    font:1.1em Dotum,arial, Verdana, Sans-Serif;

    background-color:#1e1a19;
    padding:0;
    width:246px; 
    visibility:hidden;
    overflow:hidden;
    position:relative;
    margin-left:22px; 
    text-align: center;
    
}
.dhtmlgoodies_answer_content{    /* Content that is slided down */
    padding-top:5px;
    font-size:0.9em;
    position:relative; 
    display:block; 
    background-color:#1e1a19;  
    width:246px; height: auto;
}

.dhtmlgoodies_answer_content a:hover{
    background-color:#221e1d ;
    width:246px; 
    display:block; 
    color:#AB9D18; 
    text-decoration:none; height: auto;
}





/* 페이징 - 현재 페이지 */
.selected				{ font-weight:bold; color:#AB9D18;}
/* 카테고리 - 이미지 버튼 */
.ib							{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3				{ cursor:pointer; font:12px verdana;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt					{ font:9px verdana;  color:#fff;}

/* /// 달력 //////////////////// */
.calendar table {
	padding:0;
	font:0.75em 'Franklin Gothic Medium', Verdana, Sans-Serif;
	}

/*셀 정렬*/
.cal_week1, .cal_week2, .cal_day  {
	text-align:center;
	}
/* 달 표시 부분 */
.cal_month { text-align:center; }

/* 요일 표시 부분 */
.cal_week1, .cal_week2 {
	height:15px;	
	border-top:1px solid #222; 
	border-bottom:1px solid #141414; 
	}
/* 각 날짜 */
.cal_week { 
	height: 15px;
	background-color:#1e1a19; 
	}
/* 오늘 날짜 */
.cal_day4 {
	background-color:#666; 
	font-weight:bold;
	color:#ccc;
	}
/* 링크 스타일 */
a.cal_click:link, a.cal_click:visited { text-decoration:underline;}
a.cal_click:hover, a.cal_click:active {color:#b77695; font-weight:bold;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general			{ }
.rp_admin				{ }
.rp_secret				{ color:#fff;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general		{ }
.guest_admin			{ }
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}
/* 이미지 아래 캡션 스타일 */
.cap1						{ color:#666; text-align:center;}
/* 그림 */
.imageblock			{ border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left						{ }
/* 가운데 */
.center					{ }
/* 오른쪽 */
.right						{ }
/* 그림 2개 배치 */
.dual						{ }
/* 그림 3개 배치 */
.triple					{ }

/* 본문 - more / less */

.moreless_fold		{  padding-left:0px; color:#92406d; font-weight:bold; }
.moreless_top		{  padding-left:0px; color:#c2889f; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{  padding-right:0px; color:#c2889f; text-align:center; font-weight:bold; }

.moreless_fold, .moreless_top {text-align:center; }

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


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




/* 본문제목 */
h1 { 
	margin-bottom:0;
	font:bold 1.6em gulim, Verdana, Sans-Serif;
	letter-spacing:-1px;
	color:#c887a8;
	}
h1 a:link, h1 a:visited {color:#c887a8;} 
h1 a:hover, h1 a:active {color:#b6447c;}

/* 댓글 이름 */
h2 { 
	margin:0 0 5px;
	font:bold 1.2em dotum;
	letter-spacing:-1px;
	color:#acb7b6;
	}
h2 a:link, h2 a:visited {color:#AB9D18;}
h2 a:hover, h2 a:active {color:#C4B200;}

h3						{ font-size:14px; }
h4						{ font-size:12px; }

h5 { 
	margin:0 0 5px;
	font:bold 1.1em dotum;
	letter-spacing:-1px;
	color:#AB9D18;
	}
h5 a:link, h5 a:visited {color:#9d9016 ;}
h5 a:hover, h5 a:active {color:#C4B200;}

h6 { 
	margin:0 0 5px;
	font:bold 1.8em dotum;
	letter-spacing:-1px;
	color:#AB9D18;
	}
h6 a:link, h6 a:visited {color:#AB9D18;}
h6 a:hover, h6 a:active {color:#C4B200;}



/* 검색결과 타이틀, 사이트바 타이틀 */
h3 { 
	margin:0;
	font:bold 1.1em arial, Verdana, Sans-Serif;
	color:#999;
	}

/*트랙백 타이틀 */
h4 { 
	margin:0;
	font-size:1.2em;
	}
h4 a:link, h4 a:visited {
	color:#669818;
	}
h4 a:hover, h4 a:active {
	color:#7ab61a;
	}

/* 본문 */	
.article {
	margin-bottom:10px;
	width:520px;
	overflow:hidden;
	line-height:1.5em;
	text-align:justify;
	letter-spacing:normal;
	     
	}
.article a:link, .article a:visited {border-bottom:1px solid #333;} /*본문 링크 밑줄*/
.article a:hover { border-bottom:1px solid #5a5a5a;}
.article a:active {none;}

/*작은글꼴1*/
.smallText {
	font:0.9em 'Franklin Gothic Medium', myriad, tahoma;
	color:#808080;
	letter-spacing:0; 
	}
.smallText a:link, .smallText a:visited  {
	color:#444;
	}
.smallText a:hover, .smallText a:active {
	background-color:#212121;
	color:#666;
	}

/*작은글꼴2*/
.smallText2 {
	font:0.8em 'Franklin Gothic Medium', dotum, tahoma;
	letter-spacing:0;
	}

/*작은글꼴3*/
.smallText3 {
	font:0.75em 'Franklin Gothic Medium', myriad, tahoma;
	color:#777;
	letter-spacing:0;
	float: right;
	}
.smallText a:link, .smallText a:visited  {
	color:#444;
	}
.smallText a:hover, .smallText a:active {
	background-color:#212121;
	color:#666;
	}

/* date 부분, 밝은 글씨 */
.light { color:#ccc;}



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

#container 		{ width:920px; margin: 10px auto; margin-top: 20px; }
#header 			{ width:920px; padding-bottom:10px; margin-bottom:0px;  }
#sidebar 			{ float:left; width:290px; padding:0 0px 10px 0; margin-right:0px; background:url(./images/s_bg.gif) repeat; }
#content 			{ float:right; width:620px; line-height:160%; overflow:hidden; padding-left: 5px; padding-right: 5px; background: #332d2f; }
#footer 				{ }


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

#header .title h2 a	  { color:#aaa6a5; font:1.2em 'Trebuchet MS', Helvetica, Sans-Serif; font-weight:bold; text-transform:uppercase; padding-left: 60px  }
#header .title h2 a:hover	  { color:#666; padding-left: 60px;  }
#header .blogMenu		  { padding-top:3px; text-align: right; }
#header span				{ font-size:11px; font-family: 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif; line-height:10px; color:#999; }
#header span a				{ font-size:11px; font-family: 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif; line-height:10px; color:#999; }
#header span a:hover	{ color:#C4B200; border-bottom: 1px dotted; text-decoration: none; font-size:11px; font-family: 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif; line-height:10px; }





/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar ul		{ padding:0; margin:0; list-style:none;  }
#sidebar li			{ padding-bottom:2px; border-bottom:1px solid #262626; }
#sidebar h3		{ padding:20px 0 3px 0; margin-bottom:6px; font:12px verdana; color:#fff; font-weight:bold; background:url(./images/line-1.gif) bottom repeat-x;}
#sidebar .cnt		{ font:9px verdana; color:#999;}
#sidebar .date	{ font:9px verdana; color:#666;}
#sidebar .name	{ font:12px verdana; color:#666;}

#sidebar .search				{ text-align: center; }
#sidebar .search input		{ width:178px; height:16px; background-color:#1e1a19; font:12px 'Franklin Gothic Medium', dotum, tahoma;  color:#888; border:1px #333 solid; }
#sidebar .search .submit		{ width:50px; height:23px; background-color:#332d2f; font:0.8em 'Franklin Gothic Medium', dotum, tahoma;; color:#888; }

#sidebar .archive		{ font:11px Verdana;}

#sidebar .calendar		{ font:9px Verdana;}

#sidebar .link ul			{ padding-bottom:30px;}
#sidebar .link li			{ font:11px Verdana, dotum;}

#sidebar .botton			{  text-align: center; }

#sidebar .counter		{ font:11px verdana; display:inline; text-align: center; }
#sidebar .counter li	{  float: center; }

#sidebar .rss		{ font:11px verdana; text-align: center; }


/* Subject */
.subject {
	margin-bottom:20px;
	}


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

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

#content .medialog   { margin-bottom:10px; padding-top: 3px; }
#content .medialog h3 { padding-left:10px; }
#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,
#content .searchList h3, 
#content .searchRplist h3	{  padding-left:20px; color:#AB9D18; font:16px 'Franklin Gothic Medium', dotum, verdana; font-weight:bold;}

.searchList ol, 
.searchRplist ol					{ list-style:none; padding-left:20px; margin:0; }
.searchList li, 
.searchRplist li					{ }
.searchList .date, 
.searchRplist .date				{  font:0.9em 'Franklin Gothic Medium', dotum, tahoma;}
.searchList .cnt					{  color:#999; font:0.9em 'Franklin Gothic Medium', dotum, tahoma;} 
.searchRplist .name			{ font:12px dotum, Verdana; color:#666; }

.localog .spot,
.localog .info				{ padding-left:20px; margin-top:3px;}
.localog a					{ color:#fff; font-weight:bold;}

.taglog ul					{ padding:0; margin:0; text-align:justify; width:560px; 
                                                         padding-left:20px; padding-right:20px; }
.taglog li					{ display:inline; }
.taglog li a:hover		{ background: #1a1a19  }
.taglog li .cloud1			{ color:#8a7f16; font-weight:bold; font-size:14px;}
.taglog li .cloud2			{ color:#a16185; font-weight:bold; font-size:17px;}
.taglog li .cloud3			{ color:#92406d; font-weight:bold; font-size:20px;}
.taglog li .cloud4			{ color:#586a0f; font-size:12px;}
.taglog li .cloud5			{ font-size:12px; color:#777; }





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

.entryNotice h2, 
.entryProtected h2, 
.entry h2						{ font:16px dotum, verdana; font-weight:bold; padding-bottom:3px;}
.entryNotice h2 a, 
.entryProtected h2 a, 
.entry h2 a					{color:#fff;}
.titleWrap					{  padding-bottom:20px; padding-left: 20px; }
.titleWrap .category a				{  color:#777;}
.titleWrap .category a:hover	{ color:#c2889f;  }
.titleWrap .date					{ color:#777; font:0.9em 'Franklin Gothic Medium', myriad, tahoma; }
.titleWrap .admin 					{ color:#777; padding-left:5px; font:0.75em 'Franklin Gothic Medium', myriad, tahoma; }
.titleWrap .admin a					{ color:#777;}
.titleWrap .admin a:hover		{ color:#c2889f;  }


.entryProtected p.text				{ padding-left:48px; background:url(images/imgProtected.gif) no-repeat ;}
.entryProtected input				{ width:200px; color:#aaa; }
.entryProtected .submit			{ font:9px Verdana; width:50px; padding-top:2px; height:20px; color:#fff; background-color:#666;}

.article						{ width:580px; overflow:hidden; padding-bottom:20px;
	padding-left: 20px;
	padding-right: 20px; }
.article dt					{ text-decoration:underline;}
.article dd					{ margin-left:20px; padding-bottom:10px;}
.article blockquote		{ padding-left:28px; margin:10px 20px; background:url(images/iconBlockquote.gif) top left no-repeat;}

.tagTrail               		{ padding-left:20px; font: .9em  Dotum, 돋움, AppleGothic, Sans-Serif; }
.tagText						{ font:13px 'Franklin Gothic Medium', dotum, tahoma; }

.actionTrail			{ clear:both; text-align: right;
                                      font:11px 'Franklin Gothic Medium', dotum, tahoma;  
                                      margin-right: 20px;  width: 600px; }
.actionTrail .cnt			{ color:#999; }

.trackback					{ padding-top:0px; margin-bottom:4px; width:100%; text-align: center; overflow:hidden;  border: solid 1px #1e1a19; }
.trackback a					{ color:#aaa; }
.trackback h3					{ font:12px 'Franklin Gothic Medium', dotum, arial, Verdana, Sans-Serif; color:#999;  margin:5px 0 5px 0; color:#777;  }
.trackback h4					{ font:12px Verdana; font-weight:normal; margin:0; font-weight:bold;}
.trackback ol					{ margin:0;  padding:0; list-style:none;}
.trackback li					{ padding:5px 0 5px 0;}
.trackback .date				{ font:9px Verdana; color:#666;}
.trackback p					{ font:12px 'Franklin Gothic Medium', dotum, tahoma; color:#666; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px 'Franklin Gothic Medium', dotum, tahoma; color:#666;}



.paging		{ padding:10px 0;   text-align:center;  font:1.0em 'Franklin Gothic Medium', dotum, tahoma;}
.paging .numbox	{ background:url(./images/line-2.gif) left repeat-y; padding-left:6px; margin-left:6px;  font:1.0em 'Franklin Gothic Medium', dotum, tahoma; }
.paging .num			{ background:url(./images/line-2.gif) right repeat-y; padding-right:8px; margin-right:5px; font:1.0em 'Franklin Gothic Medium', dotum, tahoma; color:#888; }
.paging a:visited		{ color:#888; text-decoration:none;}
.paging a:hover		{ color:#AB9D18;}

/* /// 댓글, 방명록 리스트 /////////////////// */

/* 댓글, 방명록 리스트 */
.commentList { 
           margin-bottom:20px; 
	}
.guestList { 
	margin-top:20px;  
	}

.commentList li {
	margin-bottom:1em;
	border:1px solid #1e1a19;
	}
	* html .list li {display:inline-block;}
	*:first-child+html .list li {display:inline-block;}

.guestList li { 
	margin-bottom:1em;
	border:1px solid #1e1a19; 
	}
	* html .list li {display:inline-block;}
	*:first-child+html .list li {display:inline-block;}



.commentList ol, .guestList ol { 

	margin:20px 0 0 0;
	padding:0; 
 	list-style:none;  
	}


.commentList ol li, .guestList ol li { 	
	margin:0;
	padding:5px 10px;
	border-bottom:solid 1px #1e1a19;  
         margin-bottom:1em;  
	}
.commentList ol li p, .guestList ol li p {
	margin: 18px 0 8px;  
	}

/* 답변 부분 */
.commentList ol li.odd, .guestList ol li.odd {
	
         background:url(./images/s_bg.gif) repeat;
	padding:5px 10px 5px 10px;
	border:1px solid #1e1a19;  
	}


/* /// 댓글, 방명록 작성폼 /////////////// */
.writeForm {
	 border: 1px;
	margin:20px 0 30px;
	padding:10px 20px;
	}
.writeForm span.message {
	background:url(./images/bullet_message.gif) left 50% no-repeat;
	padding-left:15px;
	color:#808080;
	display:block;
	}

.writer { margin:5px 0;}

/* 입력 칸 라벨 */
label {
	padding-left:2px;
	width:300px;
	font:0.8em tahoma;
	display:block;
	}
label span {
	color:#505050;
	}
label.inline {
	display:inline;
	}

/* 등록자 정보 입력 폼 */
input{
	border:1px solid #1e1a19;
         background:url(./images/s_bg.gif) repeat;
	padding:3px 5px 2px 5px;
	width: 300px;
	height:15px;
	font-size:11px;
	color:#999;
	border:none; font:1.0em 'Franklin Gothic Medium', myriad, tahoma;
	}
/* 글 입력상자 */
textarea {
	margin-top:10px;
	padding:5px;
	width:550px;
	height:70px;
	overflow:auto;
	border:none;
	border:1px solid #1e1a19;
         background:url(./images/s_bg.gif) repeat;
	font: 12px Dotum;

	color:#888;
	}
/* 비밀글 체크박스 */
.checkbox {
	border:1px solid #1e1a19;
         background:url(./images/s_bg.gif) repeat;
	margin:0 0 0 2px; 
	padding:0;
	width:15px;
	border:0; 
	}

/* Submit 버튼 */
.submit input {
	border:1px solid #1e1a19;
         background:url(./images/s_bg.gif) repeat;
	margin:15px 0;
	padding-bottom:5px;
	width:80px;
	height:25px;
	color:#808080;
	}


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

#footer          { text-align:center;  font:0.9em 'Franklin Gothic Medium', myriad, tahoma; padding:10px 0 40px 0; }

A.roll img { display:inline; border:0;} 
A.roll img.over { display:none; } 

A.roll:hover { border:0; }
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline; }

/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}