@charset "utf-8";
/* .bigoverlay{width: 100%; height: 100%; position: fixed; top: 0px; z-index: 2; background: url(http://www.howliving.com/tumblr/texture.png) repeat fixed;}*/
.tt-trackback-copy-button {display:none;} 


/*BBCode용 이모티콘*/
#emoticon {
 float:right;
 margin-top:1px;
 margin-right:10px;
}
.emoticonborder { padding: 5px; margin: 0 0 7px 0; height: 34px;}
.emoticons { cursor:pointer; float: left; margin:2px 2px 2px 4px; 

}
.emoticonspace { float: left; margin-right:0px; letter-spacing:-0.05em;}
.emoticonusage { cursor:pointer; float: right; }

.emos {
	color: #D46647;
	font: 10px Verdana,sans-serif;
	letter-spacing: -1px;

}

.emos a:link {
    color:#9f4d35;
	text-decoration: none;
}

.emos a:hover{
	color: #9f4d35;
	text-decoration:underline;
}


.emos a:visited {
    color: #6A3324;
}


a.rollover img { border-width:10px; display:block;  }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; background-color:transparent !important;}
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
/*BBCode용 이모티콘*/


/*** menu ***/
#menu { position:fixed; top:200px; left:0px; width:30px; z-index:4; }
#menu a { clear:both; display:block; width:30px; }

#menu .m_sidebar { background:url(./images/menu.png) no-repeat 0 0; height:72px; }
#menu .m_top { background:url(./images/menu.png) no-repeat 0 -72px; height:40px; }
#menu .m_entry { background:url(./images/menu.png) no-repeat 0 -112px; height:52px; }

#menu .m_notice { background:url(./images/menu.png) no-repeat 0 -246px; height:66px; }
#menu .m_guestbook { background:url(./images/menu.png) no-repeat 0 -312px; height:98px; }

#menu .m_sidebar:hover { background-position:-31px 0; }
#menu .m_top:hover { background-position:-31px -72px; }
#menu .m_entry:hover { background-position:-31px -112px; }

#menu .m_notice:hover { background-position:-31px -246px; }
#menu .m_guestbook:hover { background-position:-31px -312px; }

.content .inner { 
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); 
}


.content .entry-content fieldset {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAEEEEEE,endColorstr=#AAEEEEEE); 
}

input,
.content .pMenu,
.moreless_fold,
#profile .inner,
#searchResult .inner {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); 
}
.moreless_content {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF); 
}

.moreless_fold { color:#fff; font-weight: bold; }
.moreless_top,
.moreless_bottom { display:none; }
.content .pMenu,
.moreless_fold{ width:100%; height:auto; text-align:center; padding:6px 0; display:block; background-color:rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -moz-border-radius:3px; }
.content .pMenu { margin-top:10px; }
.content .pMenu:hover,
.moreless_fold:hover { background-color:#000; }
.moreless_content { padding:10px; background-color:rgba(255,255,255,0.1); -webkit-border-radius:8px; -moz-border-radius:8px; }

.communicationInput,
.guestinput,
.guestbookWrite,
.communicationList li,
.tt-input-div input { 
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); 
}
.communicationList li ul li {
	filter: none; 
}
.communicationList .image {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF); 
}

/*ie*/

#tt-GNB .tt-GNB-home { display:none !important; }

#tt-GNB .user form,
#tt-GNB .tt-GNB-LINK-WRITE,
#tt-GNB .tt-GNB-LINK-BLOG,
#tt-GNB .tt-GNB-LINK-OWNER,
#tt-GNB li.home { display:none !important; }

#tt-GNB:hover .user form,
#tt-GNB:hover .tt-GNB-LINK-WRITE,
#tt-GNB:hover .tt-GNB-LINK-BLOG,
#tt-GNB:hover .tt-GNB-LINK-OWNER,
#tt-GNB:hover li.home { display:inline !important; }


ul, ol {list-style:none outside;}

#container {
	width: 510px;
}

#right { 
	z-index: 4;
	width:100%; 
	text-align:center; 
	padding:0px 0px 0px 30px;
	color: white;
	font-size: 70%;
	line-height: 150%;
	letter-spacing: 10px;
	font-weight: normal;
padding-bottom:10px;
 }

body {
	margin: 0pt; 
	padding: 0pt; 
	color: white;
	background:#1e1e1e url('images/bg.jpg') repeat-y left;	
    font:0.75em/220% "나눔고딕", "NanumGothic", "Lucida Grande", "Segoe UI", Arial, AppleGothic, Sans-serif, georgia, gulim;
}
.storycontent h3 {
}
.storycontent h3 a{
    border-bottom: 1px dashed #888a8b;
    text-decoration:none;
}

.storycontent h3 a:hover{
    border-bottom: 1px solid #888a8b;
display:none;
    
}


.storycontent .titleWrap h2 a { display:none;}

a:link				{ color:#b10049; text-decoration:none; }
a:visited			{ color:#b10049; text-decoration:none;}
a:hover				{ color:#da035b; text-decoration:none;}
a:active			{ color:#da035b; text-decoration:none;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++
  스킨 공통 스타일 : 모든 스킨에 공통
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 포스트 관리 메뉴 *******************************/
.tt-ad-div       		{ color:#eee;}
.tt-ad-div a,
.tt-ad-div a:hover,
.tt-ad-div label		{ color:#c5c5c5!important;}
.tt-ad-div form,
.tt-ad-div form div		{ display:inline;}
.tt-ad-div input 		{ vertical-align:middle; margin-right:3px;}
.tt-ad-div button 		{ vertical-align:middle; color:#ffffff; background-color:transparent; font:0.7em dotum;}


/* 트랙백 주소 *******************************/
.tt-trackback-div 						{ border-bottom:1px; z-index: 4;}
.tt-trackback-div .tt-trackback-address { color:#999999; text-align:center;}

.tt-trackback-forbid 					{text-align:right; }
.tt-trackback-forbid span 				{ background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}


/* 댓글 입력 폼 */
.tt-input-div 				{ padding:10px; color:#ccc;}
.tt-input-div dl			{ padding-bottom:6px;color:#ccc;}
.tt-input-div dt			{ float:left; width:80px; padding-top:3px;color:#ccc;}
.tt-input-div .tt-inputText 	{ width:200px;color:#ccc;}
.tt-input-div textarea		{ width:450px; height:100px; overflow:visible;}

.tt-input-div .option dt,
.tt-input-div .btn dt 		{ visibility:hidden;}
.tt-input-div .tt-input-btn-comment { position:absolute; right:+20px; width:160px; height:36px; background:url(./images/commit.png) transparent 0 0 no-repeat; text-indent:-9999px; border:none !important; }
.tt-input-forbid 			{ text-align:center; }
.tt-input-forbid span 		{ background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}


/* 환경설정 > 글작성 > 의견, 방명록 작성 권한 체크시 */
.tt-input-login-required   		{ text-align:center;}
.tt-input-login-required p 		{ padding-bottom:5px;}
.tt-input-login-required a 		{ background:url(images/btn_login.gif) 0 0 no-repeat; width:81px; height:21px; overflow:hidden; display:block; margin:0 auto;}
.tt-input-login-required a span { display:none;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++
  스킨 기본 스타일
    +++++++++++++++++++++++++++++++++++++++++++++++++ */


* 				{ padding:0; margin:0; border:0;}
select			{ border:1px solid #ddd;}
button			{ cursor:pointer;}
textarea 		{ padding:3px; border:1px solid #d8dcd9; background-color:#fff;}
input 			{ }
.tt-inputText		{ padding:2px; border:1px solid #d8dcd9; background-color:#fff; height:16px; font-size:1em;}

hr 				{ display:none;}

h1 				{ font-size:1.8em;}
h2 				{ font-size:1.4em;}
h3				{   font:1em "나눔고딕", "NanumGothic", "Lucida Grande", "Segoe UI", Arial, AppleGothic, Sans-serif, georgia, gulim;
}
h4 				{ font-size:1.2em;}
h5 				{ font-size:1.1em;}
h6 				{ font-size:1em;}



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

/* 스킨용 GNB 스타일 */
#tt-GNB a,
#tt-GNB .name				{ color:#666c64;}
#tt-GNB li 					{ border-right-color:#d6dbd3;}
#tt-GNB .user img 			{ border-color:#ccc;}
#tt-GNB .user .btnLogout  	{  }




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

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

/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt					{ font:0.9em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f90; padding-left:3px;}

/* 달력 월 표시 */
    .cal_month				{ font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}

/* 달력 요일 표시(th 영역) */
    .cal_week1				{ font:0.9em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}

/* 달력 일요일 표시(th 영역) */
    .cal_week2				{ font:0.9em Dotum, Arial, sans-serif;  color:#f90; }

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

/* 달력 Day(td 영역) */
    .cal_day				{ font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; text-align:center;}

/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday			{ color:#f90 !important;}
    .cal_day_sunday a		{ color:#f90 !important;}

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

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

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

/* 달력 오늘 날짜 표시(td) */
    .cal_day4				{ text-decoration:underline;}

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

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general				{ }
    .rp_admin				{ }
    .rp_secret				{ }

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general			{ }
    .guest_admin			{ }
  .guest_secret			{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment .box 	{  }

/* 이미지 아래 캡션 스타일 */
    .cap1					{ text-align:center;  margin-top:8px;}

/* 그림 */
    .imageblock				{ margin:10px 0; color:#999; z-index:1;}


/* 이미지 갤러리 */
  .tt-gallery-box			{ margin:10px 0; color:#999;}

/* 플래쉬 갤러리 */
  .tt-iMazing-box			{ margin:10px 0; color:#999;}

/* 왼쪽 */
    .left					{ float: left; margin: 0 5px 0 0;

}

/* 가운데 */
    .center					{ }

/* 오른쪽 */
    .right					{ float: middle;margin: 0 0 0 5px;
}

/* 그림 2개 배치 */
    .dual					{ background-color:#fff; margin-bottom:5px;}

/* 그림 3개 배치 */
    .triple					{ background-color:#fff; margin-bottom:5px;}



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




/* +++++++++++++++++++++++++++++++++++++++++++++++++
  스킨 스타일 요소
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

.clear	{ clear:both;}
.date 	{ font:0.8em Tahoma;}
.name 	{ font-size:1em;}
.cnt 	{ font:0.9em Tahoma; color:#f90;}



/* ***** Header **************************************** */
blockquote {
    margin: 0px 20px 0px 10px;
    padding-left: 20px;
    border-left: 5px solid #cccccc;
z-index: 4;
}

cite {font-style: normal; z-index: 4;}


	
#header { z-index: 4;
	float:left;	
	width:434px;	
    height:800px;
	background:url('images/header.jpg') no-repeat left top;
}

hr, .nascosto, #header h2 {  z-index: 4;
	position:absolute; 
	top:0;
    left:-9000px;
}
	
#header h1 a:link, #header h1 a:visited  { 
	display: block;
	position:absolute; 
    top: 23px;
    left: 35px;
	z-index: 4;
	overflow:hidden;
	width:380px;	
    height:540px;
	text-indent: -9000px;
    cursor:pointer;
}


#content { z-index: 4;
	margin: 42px 0 0 -15px;
	float:left;
	position: absolute;

	left: 450px;
	text-align:justify;
	font:1em/220% "나눔고딕", "NanumGothic", georgia, gulim;
}

#content h2 { z-index: 4;
	padding-bottom: 2px;
	position: absolute;
	top: 42px;
	left: 470px;
	width: 404px;

}	


/* ***** Menu **************************************** */
#menu .blogMenu				{ padding:10px 5px; text-align:center; font-weight:bold; }
#menu .blogMenu li 			{ display:inline; padding:0 20px; border-right:1px solid #dde0da;}
#menu .blogMenu a 			{ color:#97a195;}
#menu .blogMenu .menuMore a { font-weight:normal; background:url(images/bull_menu_more.gif) right 3px no-repeat; padding-right:13px;}
#menu .blogMenu .menuMore 	{ border:0;}

#menu .moreMenuBox			{ position:absolute; left:488px; top:38px; background-color:#fff; padding:10px 20px; border:1px solid #dde0da; border-top:0;}
#menu .moreMenuBox li		{ list-style:none; padding:3px 0;}
#menu .moreMenuBox a		{ color:#97a195;}

/* ***** Footer **************************************** */
#footer .inner 		{ color:#666; padding-top:40px; border-top:1px solid #dde0da; text-align:center; z-index: 4;}
#footer .copyright	{ font:0.8em Verdana;}


/* entry 'n search */
#searchResult .inner { width:540px; margin:0 auto; background-color:rgba(0,0,0,0.5); z-index: 4;}
#searchResult h3 { color:#999; z-index: 4;}
.searchResult ol 		{ list-style:none; padding-left:5px;}
.searchResult li 		{ z-index: 4; cursor:default; padding:3px 0; height:20px; overflow:hidden; display:block; }
.searchResult .date		{ z-index: 4; float:right; width:60px; margin-left:10px; color:#666; }
.searchResult .title		{ z-index: 4;
	display:block;
	float:left;
	width:390px;

	overflow:hidden;
	margin-left: 25px;
}
.searchResult .cnt		{ z-index: 4;
	display:block;
	float:right;
	width:20px;

	overflow:hidden;
}
.searchResult li:hover { background:#000; z-index: 4; }
.searchResult li:hover .title { color:#f0f0f0; font-weight:bold; z-index: 4; }

/* entry */
.titleWrap 				{ color:#eee; z-index: 4;}
.titleWrap h2 a			{ color:#666; z-index: 4;}
.titleWrap .category a,
.titleWrap .date,
.titleWrap .name 		{ color:#c5c5c5;}

.tagTrail 		{ z-index: 4; clear:both; background:url(images/ico_tag.gif) 0 4px no-repeat;  padding-left:18px;}
.tagTrail a 	{ color:#999; z-index: 4;}

.localTrail 	{ clear:both;  background:url(images/ico_localtag.gif) 0 3px no-repeat;  padding-left:18px;}
.localTrail a 	{ color:#999;}

.authorProfile 				{ clear:both; overflow:hidden; padding:10px; margin-top:10px; background-color:#f7f5f1;}
.authorProfile .image 		{ float:left; margin-right:10px; border:3px solid #fff;  background:url(images/noImage.gif) no-repeat; }
.authorProfile .avatar img 	{ border:1px solid #fff; width:48px; height:48px;}
.authorProfile .box			{ margin-left:65px; }
.authorProfile p 			{ font-size:0.9em;}
.authorProfile .title 		{ font-weight:bold;}
.authorProfile .gotolist 	{ font-size:0.9em; margin-top:5px; text-align:right;}

/* commiunication / Guestbook */
.communication { width:520px; z-index: 4;}

.guestinput { padding:20px 20px 40px 20px; background-color:rgba(0, 0, 0, 0.6); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; z-index: 4; }

.communicationInput,
.guestbookWrite { padding:20px; margin-bottom:40px; background-color:rgba(0, 0, 0, 0.6); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

.communicationList			{ margin:0 auto; width:100%;}
.communicationList ol 			{ list-style:none;}
.communicationList li 			{ list-style:none; position:relative; background-color:rgba(0, 0, 0, 0.6); -webkit-border-radius:8px; -moz-border-radius:8px; width:460px; margin-bottom:20px;left:+60px; border-radius:8px;  }
.communicationList li ul li {margin-bottom: 20px; background-color:transparent;left:+0px;  }

.communicationList .box  		{ padding:20px; }

.communicationList .image img {width:40px !important; height:40px !important; -webkit-transition:width,height 0.2s,0.2s; }
.communicationList .rp_general:hover .image img,
.communicationList .rp_admin:hover .image img { width:48px !important; height:48px !important; }
.communicationList .image { position:absolute; padding:4px; background-color:rgba(255, 255, 255, 0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid rgba(0, 0, 0, 0.2); top:8px; left:-60px; -webkit-transition:left,top 0.2s,0.2s; border-radius:8px;  }
.communicationList .rp_general:hover .image,
.communicationList .rp_admin:hover .image { left:-64px; top:4px; }
.communicationList li .control a { color:#ccc; }
.communicationList li:hover { background-color:#000; }
.control .delete {display:none;}
.communicationList li .control { visibility:hidden; }
.communicationList li:hover .control { visibility:visible; }

.communicationList li .name { font-weight:bold; position:absolute; right:-120px; display:block; width:100px; }
.communicationList li .name,
.communicationList li .name a { color:#ccc; }

.communicationList li .date a { position:absolute; right:-120px; top:40px; display:block; width:100px; color:#a2a2a2; }
.communicationList .control a 		{ padding:0 5px; float:right; margin-left:5px; }
.communicationList .trackbackList h4 	{ font-size:1em;}


/* Article Basic Style */
.article     			{ z-index: 4;padding:10px 0 20px; color:#888; line-height:1.8;}
.article a:link         { color:#f90;  text-decoration:none;}
.article a:visited      { color:#f90;  text-decoration:none;}
.article a:hover        { color:#f60;  text-decoration:none;}
.article a:active       { color:#f90;  text-decoration:none;}

.article ul,
.article ol				{ padding:10px 20px; margin-left:25px;}
.article h1             { font-size : 1.5em;}
.article h2             { font-size : 1.4em;}
.article h3             { font-size : 1.3em; margin:0!important; padding:0!important; border:none !important;}
.article h4             { font-size : 1.2em;}
.article h5             { font-size : 1.1em;}
.article h6             { font-size : 1em;}
.article dl 			{ padding:10px;}
.article dt             { }
.article dd             { margin-left:20px;  padding-bottom:10px;}
.article table 			{ border-collapse:separate!important; margin:10px;}
.article hr { display:block; border:1px solid; margin:10px 0;}


/* ***** me2day Part **************************************** */
.me2day_daily_digest ul { margin-left:0; list-style:none; font-size:1.2em;}
.me2day_daily_digest li { list-style:none; border-bottom:1px dashed #ddd; padding:5px 0 5px 40px; margin:5px 0; background: url(images/icon_me2.png) 0 5px no-repeat; line-height:1.4em;}
.me2day_daily_digest .me2_tags { font-size:0.8em; color:#999;}
.me2day_daily_digest .datetime a{ font-size:0.8em; color:#999; display:block;}
.show_content_layer { font-size:0.8em; background-color:#f2f2f2; padding:10px;}


/* Related Post */
.relatedPost 			{ margin-top:20px;}
.relatedPost h3 		{ font-size:1em; color:#999!important; margin:0!important; padding:0 0 0 15px!important; background:url(images/ico_paper.gif) 0 5px no-repeat!important;}
.relatedPost ol 		{ list-style:none; padding:0; margin:0;}
.relatedPost li 		{ padding:0 5px 0 13px; margin:0 !important; background:url(images/ico_ball.gif) 3px center no-repeat;}
.relatedPost a  		{ color:#999 !important;}
.relatedPost a:hover	{ color:#666 !important;}



/* noEntry - profile */
.profilePage h4 { font-size:1em; color:#666; margin:5px 0; background:url(images/ico_infopaper.gif) 0 3px no-repeat; padding-left:15px; }
.profilePage ul { list-style:none;}
.profilePage li { background:url(images/ico_ball.gif) 5px 9px no-repeat;  padding:3px 0 0 15px;}

.profilePage  a.btn 						{ width:0; height:0; overflow:hidden; margin-left:5px; vertical-align:middle;}
.profilePage .blogInformation a.gotoModify	{ background:url(images/btn_profileModify.gif) 0 0 no-repeat; padding:18px 0 0 70px;  position:absolute; margin-top:1px; }
.profilePage .favBlog a.gotoManager 		{ background:url(images/btn_manager.gif) 0 0 no-repeat; padding:18px 0 0 51px; position:absolute; margin-top:1px; }

.profilePage .avatar { float:left; margin-right:10px; border:3px solid #fff; padding:1px; background-color:#fff;}

.profilePage .blogInformation 			{ padding-bottom:20px;}
.profilePage .blogInformation dd 		{ padding-left:10px;}
.profilePage .blogInformation .box 		{ background-color:#f2f4f3; padding:10px; overflow:hidden; }
.profilePage .blogInformation .info 	{ margin-left:70px; }
.profilePage .blogInformation .name 	{ color:#333; font-weight:bold; background:url(images/ico_master.gif) 0 2px no-repeat; padding:0 5px 0 18px;}
.profilePage .blogInformation .sec01 	{ margin-top:5px;}
.profilePage .blogInformation .sec01 dl { float:left; width:230px; background-color:#fff; padding:5px 0 3px 10px; margin:0 5px 5px 0;}
.profilePage .blogInformation .sec01 dt { float:left; margin-right:5px;}
.profilePage .blogInformation .sec02 dl { padding:5px 0 10px;}
.profilePage .blogInformation .sec02 dt { background:url(images/ico_ball.gif) 0 6px no-repeat; padding-left:8px;}
.profilePage .blogInformation .sec03 dt { background:url(images/ico_ball.gif) 0 6px no-repeat; padding-left:8px;}

.profilePage .matchingBoard { padding-bottom:20px; clear:both;}

.profilePage .bestPost {  padding-bottom:20px;}
.profilePage .bestPost .date { padding-right:5px;}

.profilePage .favBlog .list  { float:left; width:270px; overflow:hidden; margin:5px 0 0 5px; background-color:#f2f4f3; padding:5px;}
.profilePage .favBlog .name,
.profilePage .favBlog .title { white-space:nowrap; overflow:hidden; width:185px;}


/* noEntry - guestbook */
.guestbookWrite { padding:10px; background-color:#f2f4f3; margin-bottom:20px;}

/* noEntry - errorpage */
#page-error { color:#000; text-align:center; background:url(images/warning.gif) center top no-repeat; padding-top:50px!important; margin-top:50px;}

/* noEntry - Localog */
.localog .spot 		{ background:url(images/ico_indent.gif) 0 3px no-repeat; padding:5px 0  5px 17px; }
.localog .info 		{ background:url(images/ico_list.gif) 0 3px no-repeat; padding-left:12px; }

/* noEntry - Taglog */
.taglog				{ }
.taglog ul			{ text-align:justify;}
.taglog li 			{ display:inline; }
.taglog li .cloud1	{ color:#f30; font-size:1.5em;}
.taglog li .cloud2	{ color:#f60; font-size:1.4em;}
.taglog li .cloud3	{ color:#f90; font-size:1.3em;}
.taglog li .cloud4	{ color:#000; font-size:1.2em;}
.taglog li .cloud5	{ font-size:1em;}
.taglog li a:hover	{ background-color:#f2f4f3;}


/* paging selectors */
#paging {width:100%;margin:40px 40px;clear:both;color:#eee;font-size:90%;text-align:center;}
#paging a {text-decoration:none;text-align:center;}
#paging a span {padding:10px 10px 10px 10px;color:#eee;text-align:center;}
#paging a span.selected {font-weight:bold;background-color:#666;color:#eee;text-align:center;}
#paging a span:hover {background-color:#666;color:#eee;text-align:center;}

/* blogInfo selectors */
#blogInfo {width:100%;text-align:center;font-size:90%;}

acronym, abbr {
    border-bottom: 1px dotted #333;
    letter-spacing: .07em;
    cursor: help;
}



/* ***** Sidebar Part **************************************** */

/* common */
#sidebar .widget,
.tt-default-widget  	{ margin:15px 0; border:1px solid #f3f3f3; padding:10px; overflow:hidden;}
#sidebar h3 		{ font-size:1em; color:#666; font-weight:bold; padding-bottom:10px; margin-bottom:5px; background:url(images/bg_sidebar_title.gif) 0 bottom repeat-x;}
#sidebar .box 		{ padding-left:20px; }
#sidebar li 		{ list-style:none;}


/* profile */
#profile 					{ border:5px solid #d8dcd9; padding:5px;}
#profile .image img			{ width:180px; background:url(images/noImage.gif) center center no-repeat;}
#profile .desc 				{ margin-top:5px; margin:0 5px;}
#profile dt 				{ font-weight:bold; color:#666;}
#profile .image dt,
#profile .control dt		{ display:none;}

#profile .control			{ padding:8px 0; margin:0 5px;}
#profile .control	span	{ background:url(images/bull_tri_r.gif) right 3px no-repeat; padding-right:10px;}
#profile .control	a		{ }

#profile .experTag			{ padding:8px 0; margin:0 5px; margin-bottom:5px; border-top:1px dashed #d8dcd9;}
#profile .experTag li 		{ display:inline;}
#profile .experTag a		{ }

#profile .blogRoll dt		{display:none; }
#profile .blogRoll dd		{}
#profile .blogRoll .action 	{display:block; overflow:hidden; height:0; width:0; }

#profile .blogRoll .tt-blogroll-login,
#profile .blogRoll .tt-blogroll-add,
#profile .blogRoll .tt-blogroll-nothing,
#profile .blogRoll .tt-blogroll-owner,
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount  {padding:8px 0; margin:0 5px; border-top:1px dashed #d8dcd9; }

#profile .blogRoll .tt-blogroll-login a ,
#profile .blogRoll .tt-blogroll-add a {float:left; display:block; background:url(images/btn_favblog_add2.gif) left top no-repeat; padding:18px 0 0 80px; margin-right:5px;overflow:hidden; height:0; width:0; }
#profile .blogRoll .tt-blogroll-nothing .action {float:left; background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px;  margin-right:10px;}
#profile .blogRoll .tt-blogroll-owner .action {float:left; background:url(images/btn_myblog.gif) left top no-repeat; padding:17px 0 0 55px;  margin-right:10px;}

#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {clear:both; text-align:center;}

#profile .blogRoll .tt-blogroll-group .addedPart .addedBlog {margin-bottom:3px; text-align:left;}
#profile .blogRoll .tt-blogroll-group .addedPart .action {background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin:5px auto 0;}
#profile .blogRoll .tt-blogroll-group .addPard select  {width:150px; font-size:1em; color:#666; margin-bottom:3px;}
#profile .blogRoll .tt-blogroll-group .addPard button  {background:url(images/btn_favblog_add2.gif) left top no-repeat; height:18px; width:80px; margin-top:5px;}
#profile .blogRoll .tt-blogroll-group .addPard button  span {display:none;}



/* sidebar element */

.search 				{ text-align:center; color:#ccc; z-index: 4;}
.search input			{ width:180px; vertical-align:middle; border:1px solid #ddd; color:#ccc; z-index: 4;}
.search button 			{ vertical-align:middle; width:45px; height:22px; z-index: 4;}
.search button span 	{ visibility:hidden; color:#ccc; z-index: 4;}


.favBlogRoll ul			{ overflow:hidden;}
.favBlogRoll li			{ height:40px; margin-bottom:5px;}
.favBlogRoll .image		{ float:left; background-color:#fff; border:2px solid #ebebeb; padding:1px; margin-right:5px; }
.favBlogRoll .image img	{ width:32px;}
.favBlogRoll .name,
.favBlogRoll .title 	{ white-space:nowrap; overflow:hidden; width:130px;}
.favBlogRoll .more 		{ text-align:right; font-size:0.9em; letter-spacing:-0.1em; background:url(images/bull_tri_r.gif) right 5px no-repeat; padding-right:10px;}
.favBlogRoll .more a	{ color:#999;}

.recentCommunication li	{ }


.calendar h3 			{display:none;}


.counter h3 			{ display:none;}
.counter dl 			{ padding:5px; border-bottom:1px solid #f3f3f3;}
.counter dt 			{ float:left; padding-left:5px; font-family:tahoma; font-size:0.9em;}
.counter dd 			{ text-align:right; padding-right:5px; font-size:0.9em;}
.counter .total			{ font-weight:bold; color:#f90;}


.search,
.counter,
.bannerRss,
.bannerTextcube			{ text-align:center; border:0!important; padding:10px 0!important; z-index: 4;}


.notice li,
.recentPost li,
.recentCommunication li,
.archive li,
.link li 				{ background:url(images/ico_ball.gif) 0 9px no-repeat; padding:2px 0 2px 10px; z-index: 4; }



.storycontent { 
	margin: 0px 0 0 0px;
	padding-left: 15px;
	width: 500px;
float:left;
    z-index:70;
position: relative;
}

.imageblock img:hover { z-index: 1; margin:0 5px 2px 0;
	padding:3px;
    border:1px solid #ccc; -webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }

.storycontent .star img { display:none; margin:0 0 0 0; padding:0px; border:0px; z-index: 1;}
.storycontent .star a img { display:none; margin:0 0 0 0; padding:0px; border:0px; z-index: 1;}
.storycontent img { z-index: 1;
	margin:0 5px 2px 0;
	padding:3px;
    border:1px solid #ccc;
 }

.storycontent a img { z-index: 1;
	margin:0 5px 2px 0;
	padding:3px;
    border:1px solid #ccc;
 }


.storycontent a:hover img { z-index: 1;
    border:1px solid #666;
 }

.storycontent h4 { z-index: 4;
	margin: 10px 0 -10px 0;
	padding: 0px;
	border:none;
	font: bold 11px Verdana,sans-serif;
	background:none;
	text-align:left;
}




.feedback { z-index: 4;
	clear: both;
	color: #D46647;
	font: 10px Verdana,sans-serif;
	letter-spacing: -1px;
	text-align: right;
}

.feedback a { z-index: 4;
    color:#9f4d35;
	text-decoration: none;
}

.feedback a:hover{ z-index: 4;
	color: #D46647;
	text-decoration:overline;
}


.feedback a:visited { z-index: 4;
    color: #6A3324;
}

.retin a{
	padding-right: 1px;
}   



/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(images/close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(images/close_hover.gif); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(images/prototip_loader.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Prototip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(images/close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(images/close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(images/close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(images/classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(images/close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333;font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.jgst2  { background:url(./images/neighborBlog.png) no-repeat 0 0 transparent !important; }





/* 포스트에 쓰인 튜토리얼 */
.button, .button:visited {
	background: #000 url(./images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }

@font-face {
  font-family: MASTERPLAN;
  src: url('http://m.masquera.net/attachment/cfile22.uf@1510CD034B8B1DBC6E1F16.ttf');
}


/* --- */

.panel {
z-index: 99;
position: fixed;
top: 330px;
left: +31px;
display: none;
background: #2c2c2c;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 50px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
z-index: 99;
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
z-index: 99;

color: #9FC54E;


}

.panel a:hover, .panel a:visited:hover{
z-index: 99;

color: #ffffff;

}


#menu .trigger { background:url(./images/menu.png) no-repeat 0 -164px; height:82px; z-index: 4;}
#menu .trigger:hover { background-position:-32px -164px; }