@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */
html {
	margin-left: -1px;
	overflow-Y: scroll;

}
/* 본문 공통 */

body	{ 

font:12px "Malgun Gothic",맑음고딕, verdana, gulim; 
color:#888; 
background-color:#353535;
background-image: url(./images/unistyleV7ti_BG.gif);
}

a:link		{ color:#777; text-decoration:none;}
a:visited	{ color:#777; text-decoration:none;}
a:hover		{ color:#ffcc00; font-weight:bold;}
a:active		{ color:#777; text-decoration:none;}

/* 페이징 - 현재 페이지 */
.selected				{ font-weight:bold; color:#fff;}
/* 카테고리 - 이미지 버튼 */
.ib							{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3				{ cursor:pointer; font:12px "Malgun Gothic", verdana;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt					{ font:9px verdana;  color:#fff;}
/* 달력 월 표시 */
.cal_month				{ font-size:9px; height:18px;}
/* 달력 요일 표시(th 영역) */
.cal_week1			{ font:12px "Malgun Gothic",verdana, dotum; height:18px;}
/* 달력 일요일 표시(th 영역) */
.cal_week2			{ font:12px "Malgun Gothic",verdana, dotum; height:18px; color:#fff;}
/* 달력 Week(tr 영역)  */
.cal_week				{ }
.cal_current_week	{ background-color:#3f3f3f;}
/* 달력 Day(td 영역) */
.cal_day				{ font-size:9px; color:#777; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday	{ color:#fff !important;}
.cal_day_sunday a	{ color:#fff !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1				{ color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2				{ color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3				{ color:#aaa;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4				{ color:#aaa; font-weight:bold; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link		{ color:#aaa; font-weight:bold;}
a.cal_click:visited	{ color:#aaa; font-weight:bold;}
a.cal_click:hover	{ color:#fff; font-weight:bold;}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general			{ margin-top:5px;padding:5px 10px 10px 10px;background-color:#222;border:3px solid #333; }
.rp_admin				{  margin-top:5px;padding:5px 10px 10px 10px;background-color:#1f1f1f;border:3px solid #333; color: #9999ff;}
.rp_secret				{ margin-top:5px;padding:5px 10px 10px 10px;background-color:#222;border:3px solid #900;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general		    {  margin-top:5px;padding:5px 10px 10px 10px;background-color:#222;border:3px solid #333;}
.guest_admin			{  margin-top:5px;padding:5px 10px 10px 10px;background-color:#1f1f1f;border:3px solid #333;color:#99cc33;}
.guest_secret				{ margin-top:5px;padding:5px 10px 10px 10px;background-color:#222;border:3px solid #99cc33;}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{  margin-top:5px;padding:5px 10px 10px 10px;background-color:#222;border:3px solid #cc9966;}
/* 이미지 아래 캡션 스타일 */
.cap1						{ color:#777; text-align:center;}
/* 그림 */
.imageblock			{ border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left						{ }
/* 가운데 */
.center					{ }
/* 오른쪽 */
.right						{ }
/* 그림 2개 배치 */
.dual						{ }
/* 그림 3개 배치 */
.triple					{ }
/* 본문 - more / less */
.moreless_fold		{ background:url(images/iconMore.gif) top left no-repeat; padding-left:25px; color:#aaa; font-weight:bold; }
.moreless_top		{ background:url(images/iconLess.gif) top left no-repeat; padding-left:25px; color:#aaa; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ background:url(images/iconLess.gif) top right no-repeat; padding-right:25px; color:#aaa; text-align:right; font-weight:bold; }
/* 키워드 */ 
.key1					{ cursor:pointer; border-bottom: 1px dotted #fff; }

/* 본문 이미지 블럭*/
.article .imageblock img {
	padding: 3px;
	background-color: #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 5px 0;
}
.article .imageblock img:hover {
	background-color: #555;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.article .imageblock a,
.article .imageblock a:hover {
	background: none;
	border: none;
}
.article .cap1 { text-align:center; }

/*ccl*/
.entry-ccl-by {
text-transform:uppercase;
background-color:#000;
border: 1px solid #ffcc00; 
padding:5px; 
margin-right:5px;
}
.entry-ccl-nc {
text-transform:uppercase;
background-color:#000;
border: 1px solid #ffcc00;
padding:5px; 
margin-right:5px;
}
.entry-ccl-nd {
text-transform:uppercase;
background-color:#000;
border: 1px solid #ffcc00;
padding:5px; 
margin-right:5px;
}
/* ------------------------------------------------------------------- */
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능  */
/* ------------------------------------------------------------------- */

hr						{ display:none;}
img					{ border:0;}
h1,h2,h3,h4		{ margin:0; padding:0;}
h1						{ font-size:24px;}
h2						{ font-size:20px;}
h3						{ font-size:14px;}
h4						{ font-size:12px;}
input					{ border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #444; border-bottom:1px solid #444;}
textarea			{ background-color:#333; border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #444; border-bottom:1px solid #444;}


/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */
#uniout_1 {
	float: left;
	width: 100%;
}

#uniout_2 	{ 
width:950px;
margin:0 auto;position:
overflow: hidden;
}

#Uniall {
	float:left;
	width:950px;
	height:700px;
}

#uni1_ti {
	float:left;
	width:950px;
	height:356px;
	background:url(./images/uni1_ti.gif) no-repeat;
}

#uni2_ti {
	float:left;
	width:950px;
	line-height:160%; 
	overflow:hidden; 
	background:url(./images/uni2_ti.gif) repeat-y;
	
}

#uni3_ti {
	float:left;
	width:950px;
	height:147px;
	background:url(./images/uni3_ti.gif) no-repeat;
	margin: 0 auto;
}

#uni4_ti {
	float:left;
	width:950px;
	height:50px;
	background:url(./images/uni4_ti.gif) no-repeat;
	margin: 0 auto;
}


#uni4_ti a.uni4_ti_top{
	display:block;
	width:950px;
	height:50px;
	background:url(./images/uni4_ti_over.gif) no-repeat;
	float:right;
}
#uni4_ti a:hover.uni4_ti_top{
	background-position:0 -50px;
}
#uni4_ti a.uni4_ti_top span{
	display:none;
}
/* ------------------------------------------------------------------- */
/* ***** header ***** */
/* ------------------------------------------------------------------- */

/* 블로그 상단 */
#top_l { 
float:left;
width:650px; 
overflow:hidden;
padding-top:40px;
margin:0 20px;
}

#top_l .headerFL {
overflow:hidden;
margin:20px 5px;
height:140px;
text-align:center;
}


#header_l {
overflow:hidden;
margin:0 5px;

}

#header_l .title 		{margin-bottom:40px;}
#header_l .title h2 a	{ color:#777; font:30px Helvetica,verdana,dotum; font-weight:bold; text-transform:uppercase;}
#header_l .title h2 a:hover		{ color:#fff;}


#header_l .menu {
	height:30px;	
}
#header_l .menu ul {
	list-style:none;
	margin:0;
	padding:auto;
}
#header_l .menu ul li {
	float:left;
	display:block;
}
#header_l .menu ul li a, 
#header_l .menu ul li a:visited {
	color:#777;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 30px 10px;
	text-transform:uppercase;
	text-decoration:none;
	
}
#header_l .menu ul li a:hover {
	text-decoration:underline;
	background:#111;
	color:#fff;
}


#top_r { 
    float:right; 
    width:240px; 
    margin:0 15px 0 0;
	overflow:hidden;
	padding-top:40px;
}
#top_r .hrbox {
overflow:hidden;
margin:10px 5px;

}

#top_r .hrbox2 {
overflow:hidden;
margin:50px 5px;

}

#header_r {
overflow:hidden;
margin:0 5px;

}

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

/* 블로그 포스트 */
#main { 
float:left;
width:650px; 
overflow:hidden;
margin:0 20px;
}

#content {
line-height:160%;
overflow:hidden;
margin:0 5px;
cursor:pointer;
}
/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

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

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,
#content .searchList h3, 
#content .searchRplist h3	{ padding-bottom:20px; color:#aaa; font:16px "Malgun Gothic", dotum, verdana; font-weight:bold;}

.searchList ol, 
.searchRplist ol					{ list-style:none; padding:0; margin:0;}
.searchList li, 
.searchRplist li					{ }
.searchList .date, 
.searchRplist .date				{ font:9px Verdana; }
.searchList .cnt					{ font:9px Verdana; color:#fff;} 
.searchRplist .name			{ font:12px "Malgun Gothic", Verdana; color:#777; }

.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;}
.taglog li					{ display:inline;}
.taglog li a:hover		{ color:#fff;cursor: crosshair}
.taglog li .cloud1			{ color:#aaa; font-weight:bold; font-size:12px;}
.taglog li .cloud2			{ color:#99cc33; font-weight:bold; font-size:22px;}
.taglog li .cloud3			{ color:#cc9966; font-weight:bold; font-size:18px;}
.taglog li .cloud4			{ color:#888; font-size:14px;}
.taglog li .cloud5			{ font-size:12px; color:#777; }

.guestbook p					{ padding:2px 0; margin:0;}

.guestWrite					{ font:9px verdana;}
.guestWrite input			{ background-color:#333; width:150px; font:12px "Malgun Gothic", verdana; color:#aaa;}
.guestWrite textarea		{ width:99%; padding:3px; font:12px "Malgun Gothic", verdana; color:#aaa;}
.guestWrite .homepage   { width:300px; }
.guestWrite .submit			{ width:640px; background-color:#333; height:30px; font:9px verdana; color:#aaa;}
.guestWrite input.checkbox	{ width:15px; background-color:#333;  border:none; padding:0; margin:0;}

.guestList							{ width:100%; padding:20px 0 0 0;}
.guestList ol						{ padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul					{ margin:0; padding:0; list-style:none;}
.guestList ol li						{ margin:0; padding:0; overflow:hidden; list-style:none;}
.guestList ol li p					{ padding-top:5px; background:url(./images/paging.gif) top repeat-x; }
.guestList ol li ul li		{padding:0px 0px 0px 0px;}
.guestList ol li .name			{ font:12px "Malgun Gothic", verdana; font-weight:bold;}
.guestList ol li .date				{ font:9px verdana; color:#777; }
.guestList .control				{ font:9px verdana; color:#777;}
.guestList .control a			{ color:#777;cursor: crosshair}
.guestList .control a:hover	{ font:9px verdana; color:#fff;cursor: help}



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

.entryNotice h2, 
.entryProtected h2, 
.entry h2								{ font:16px "Malgun Gothic", dotum, verdana; font-weight:bold; padding-bottom:3px;}
.entryNotice h2 a, 
.entryProtected h2 a, 
.entry h2 a								{color:#fff;cursor: crosshair}
.titleWrap								{ font:9px Verdana; padding-bottom:20px;}
.titleWrap .category a				{ font:11px Verdana, dotum; color:#777;}
.titleWrap .category a:hover	{ color:#fff; font-weight:bold;}
.titleWrap .date						{ color:#777;}
.titleWrap .admin 					{ font:9px Verdana; color:#777; padding-left:5px;}
.titleWrap .admin a					{ color:#777;}
.titleWrap .admin a:hover		{ color:#fff; font-weight:bold;}

.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:#777;}

.article						{ width:100%; overflow:hidden; padding-bottom:20px;font:13px "Malgun Gothic",맑음고딕, verdana, gulim; }
.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:0; }
.tagText						{ }

.actionTrail					{ clear:both;padding-top:15px;}
.actionTrail .cnt			{ color:#fff;}

.trackback						{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a					{ color:#aaa;cursor: crosshair}
.trackback h3					{ font:12px "Malgun Gothic", Verdana; color:#fff;  margin:5px 0 5px 0;}
.trackback h4					{ font:12px "Malgun Gothic", 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:#777;}
.trackback p					{ font:12px "Malgun Gothic", Verdana; color:#777; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px Verdana; color:#777;cursor: help}

.comment			{ background:url(./images/paging.gif) top repeat-x; padding-top:20px; margin-top:20px; margin-bottom:4px; width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,
.comment ul		{ margin:0;  padding:0; list-style:none;}                       
.comment .date	{ font:9px Verdana; color:#777;}
.comment .name{ font:12px "Malgun Gothic", verdana; font-weight:bold;}
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:0px 0px 0px 0px; }

.comment .control				{ font:9px Verdana; color:#777;}
.comment .control a			{ color:#777;cursor: crosshair}
.comment .control a:hover	{ color:#fff;cursor: crosshair}

.commentWrite						{ margin-top:20px; font:9px verdana;}
.commentWrite input				{ background-color:#333; font:12px verdana; width:150px; color:#aaa; }
.commentWrite textarea			{ font:12px "Malgun Gothic", verdana; width:99%; color:#aaa; padding:5px; top:5px; }
.commentWrite .homepage		{ font:12px verdana; width:300px; }
.commentWrite .submit			{ height:30px; width:640px; font:10px verdana; color:#aaa; background-color:#333;}
.commentWrite .checkbox		{ width:15px; border:none; padding:0; margin:0; background-color:#333;}
.commentWrite .toppage {
	text-align:right;
	color:#777;
	font-size:0.95em;
	padding:5px 15px;
	margin:0;
}
.commentWrite .toppage a {
	color:#777;
	border-bottom:none;
	text-decoration:underline;
}


#content table {
	border:0;
	margin: 0 auto;
	width:99%;
	/*background: #222;*/
	border-collapse: collapse;
        cursor:pointer;
}

#content table td {
	margin: 0;
	padding: 0;
	border:0px solid #000;
	border-collapse: collapse;
	color:#777;
	cursor: move;
}

#content .right_button {
width: auto;
float:right;
margin-bottom: 10px;
padding:2px;
}
/* ------------------------------------------------------------------- */
/* ***** etc box ***** */
/* ------------------------------------------------------------------- */
#content .left-box {
    float:left; 
    width:305px; 
    margin:0 10px 20px 10px;
	overflow:hidden;
	padding-top:5px;
	text-align:center;
	/*border:1px solid #fff;*/
}
#content .right-box {
    float:right; 
    width:305px; 
    margin:0 10px 20px 0;
	overflow:hidden;
	padding-top:5px;
	text-align:center;
	/*border:1px solid #fff;*/
}


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */
/* 블sidebar 로그 사이드바 */

#side  { 
    float:right; 
    width:240px; 
    margin:0 15px 0 0;
	overflow:hidden;
	padding-top:5px;

}

#sidebar  {
overflow:hidden;
margin:0 5px;

}

#sidebar .adbox  {
	display: block;
	margin: 0;
	margin-bottom: 5px;
	text-align:center;

}


#sidebar-block {
	position:relative;

}

#sidebar-block .box {
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sidebar-nav
{
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

ul#sidebar-nav li.sidebar-element h3,
ul#sidebar-nav li.sidebar-element a

{
	display: block;
	width: 190px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sidebar-nav li.sidebar-element h3
{
	color: #fff;
	background:#333 url(./images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sidebar-nav li.sidebar-element a

{
	color: #999;
	background:#222 url(./images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sidebar-nav li.sidebar-element a:hover { color: #fff;background-color:#333;border:1px solid #cccc33; }








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


#navigation-block {
	position:relative;

}

#hide {
	position:absolute;
    left:-190px;
}

ul#sliding-navigation
{
	font-size: .7.5em;
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 190px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(./images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(./images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffcc00; }
/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

/* 블로그 하단 */
#food_l { 
float:left;
width:650px; 
overflow:hidden;
padding-top:45px;
margin:0 20px;
}

#footer_l {
overflow:hidden;
margin:0 5px;

}
#footer_l .menu {
	height:40px;	
}
#footer_l .menu ul {
	list-style:none;
	margin:0;
	padding:auto;
}
#footer_l .menu ul li {
	float:left;
	display:block;
}
#footer_l .menu ul li a, 
#footer_l .menu ul li a:visited {
	color:#777;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 35px 10px;
	text-transform:uppercase;
	text-decoration:none;
	
}
#footer_l .menu ul li a:hover {
	text-decoration:underline;
	background:#222;
	color:#ffcc00;
}

#food_r { 
    float:right; 
    width:240px; 
    margin:0 15px 0 0;
    overflow:hidden;
    padding-top:45px;
}

#footer_r {
overflow:hidden;
margin:3px 5px;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;

}

p.footer {
	text-align:center;
	color:#fff;
	font-size:0.95em;
	padding:30px 15px;
	margin:0;
}
p.footer a {
	color:#fff;
	border-bottom:none;
	text-decoration:underline;
}

/* 블로그 페이지 */

#paging {
background:url(./images/paging.gif) top repeat-x;	
overflow:hidden;
margin:0 5px;
padding-top:10px;
}
#paging table {
	border: 0;
	margin: 0 auto;
	background: #1b1b1b;
	border-collapse: collapse;
}

#paging table td {
	margin: 0;
	padding: 0;
}

#paging .numbox {
	margin-left: 6px;
	font: 9px tahoma, sans-serif;
	color: #262626;
}

#paging .numbox .num {
	display: block;
	float: left;
	margin: 0 2px;
	background: #161616;
	width: 19px;
	height: 16px;
	border: 1px solid #333;
	color: #626262;
	padding: 6px 2px 0;
}

#paging .numbox .num .selected {
	color: #f0ff00;
	font-weight: bold;
	cursor: normal;
}

#paging .numbox .interword {
	display: block;
	float: left;
	width: 19px;
	height: 16px;
	color: #626262;
	padding: 6px 2px 0;
}

#paging #prevPage {
	display: block;
	width: 47px;
	height: 24px;
	background: url(./images/Prev.gif) left top no-repeat;
	margin-right: 4px;
}

#paging #nextPage {
	display: block;
	width: 47px;
	height: 24px;
	background: url(./images/Next.gif) right top no-repeat;
}

#paging .no-more-prev {
	background: url(./images/PrevNo.gif) left top no-repeat !important;
}

#paging .no-more-next {
	background: url(./images/NextNo.gif) right top no-repeat !important;
}

#paging .hidden {
	display: none;
}

#paging a {
	text-decoration: none;
}

#paging_left {
	position:absolute;
	left:0; 
	bottom:10px;
	width:18px;
	z-index:11; 
}

#paging_right {
	position:absolute;
	right:0;
	bottom:10px;
	width:18px;
	z-index:11; 
}
/* misc classes */
*:focus {
	outline:none;
}
.clear {
	clear:both;
}