@charset "utf-8";


@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);

@media (max-width: 500px) {
	body {overflow-x:hidden;
		    background:#000000;
		    word-wrap:break-word;
	        color:#000;}
	img {max-width:100%; height:auto;}
	#wrap {max-width:100%; margin:auto; overflow-x:hidden;}
	#menu {max-width:100%; margin:auto;}
	#container {max-width:100%; height:auto; margin:auto;}
}

.tt_article_useless_p_margin div:last-child { margin-top: -30px; }
.tt_article_useless_p_margin div:last-child img{ display:none;}

	body.hidden{ 
display:none; 
} 

body,td,th {
	font-family: 'Verdana';
	color: #000000;
	line-height: 1.8;
	font-size: 10px;
		margin:auto;
}
	
	a:link {
	color:#000;
	text-decoration: none;
	transition: linear 0.2s;
	-webkit-transition: linear 0.2s;
}
  a:visited {
	color:#000;
	text-decoration: none;
}
  a:active {
	color:#000;
	text-decoration: none;
}
	a:hover {
	color:#C9D6FF;
	text-decoration: none;
		
	}
	
	body {
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);
	background: linear-gradient(to right, #fff, #fff);
	width:100%;
	height:100%;
	margin: auto;
	margin-bottom:30px;
    margin-top:80px;
	padding: 0;		
	
	}

#wrap {
		width:405px;
		height:100%;
		margin:auto;
		margin-top:100px;
	}
	
	#menu {
		margin-top:30px;
		background:rgba(255,255,255,1);
		border:1px solid #000;
		width:100px;
		height:auto;
		
	}
	
	#container {
		margin-top:20px;
		background:rgba(255,255,255,1);
		border:1px solid #000;
		width:400px;
		height:auto;
	}

  #copy {color:rgba(0,0,0, 0.5);
    position:fixed;
    left:30px;
    bottom:30px;}
  
::selection{ 
color: transparent; 
text-shadow: 0 0 2px #000; 
transition: all 250ms ease-in; 
} 

::-moz-selection{ 
color: transparent; 
text-shadow: 0 0 2px #000; 
transition: all 250ms ease-in; 
}


img:hover {
transition: all 0.3s ease-in 0s;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
    }
  
    

  
    ::-webkit-scrollbar {
	width:7px;
	background-color:#fff; /* 배경색 */
}

::-webkit-scrollbar-thumb {
	border:3px solid #fff; /* 테두리 색 */
	width:7px;
	background-color:rgba(0,0,0,1); /* 스크롤바 색 */
	
}


img {vertical-align: top}

img { border : 0; }

#tistorytoolbarid {display: none;}

.singo{

position: absolute;

margin-bottom:10px 0 25px;

}

.singo a{

font-size:10px;

color:#EF4B50;

}
	
/* ===================================================================
   Layout
=====================================================================*/
 #wrapper {
	width:40px;
	margin-bottom:30px;
	margin-top:30px;
	}

	#header {
	width : 600px; 
	margin:0 auto;
	padding: 60px 0 10px 0;
	}

#page {
	width : 350px; 
	margin: 0 auto;	 
	border: 0px solid #000;
	padding: 10px 0 10px 0;
	}
	
.content {
	margin: 20px 0;
	}

#footer {
	width : 600px; 
	margin: 25px auto;	
	text-align:center;
	font: 0.9em 'Malgun Gothic', 'Trebuchet MS', sans-serif;
	color: #999;
	}	
	
/* ===================================================================
   Contents
=====================================================================*/
.date, .cnt, .from, .delete { font: 0.9em Trebuchet MS, batang; color: #000;}
.name { font: 0.9em Trebuchet MS, batang; color: #C9D6FF;}
.name2 { font:bold 0.95em Trebuchet MS, batang; color:#C9D6FF;}

/* ===================================================================
   Header
=====================================================================*/
.blogtitle{
	margin:0px;
	padding:0px;
	text-align:center;
	font:bold 30px Times new roman, trebuchet MS, batang;
	color: #333;
	text-decoration: none;
}

.blogtitle a {
	color: #333;
	text-decoration: none;
}
.blogtitle a:hover{
	color: #333;
	background-color: #fff;
	text-decoration: none;
}

.blogmenu {
	margin: 10px 0px;
	padding:10px 0px 0px 4px;
	word-spacing:-1px;
	letter-spacing:5px;
	text-align:center;
	border-top:1px solid #000;
}


/* ===================================================================
   Search
=====================================================================*/
.search { 
	border: 2px solid #000;
	background: #eee;
	padding: 2px;
	margin-bottom: 2px;
	width:150px;  
	height:13px;
	font: 0.9em 'Malgun Gothic', 'Trebuchet MS', sans-serif;
	color:#999;
	}

/* ===================================================================
    top, bottom background
======================================================================*/
#top {
	background:url("images/top.gif") repeat-y;	
	height: 30px
	}
#bottom {
	background:url("images/bottom.gif") repeat-y bottom;	
	height: 30px;
	}

/* ===================================================================
   Contents
=====================================================================*/
.content {
	line-height: 180%;
	}
	
.content h2 {
	font: 25px segoe script, trebuchet MS;
	font-weight: normal; 
	}

/* ===================================================================
   Search List
=====================================================================*/

.searchList h3 {
	font-weight: normal;
	}

.searchList ul, .searchList ol {
	margin: 0 0 15px 0;
	padding: 0;
	border-top:1px solid #000;
	list-style:none;
	}

.searchList li {
	padding: 7px 15px 7px 15px; /* 위 오른쪽 아래 왼쪽 */
	border-bottom:1px solid #000;
	}

.searchList a:hover {
	color:#C9D6FF;
	text-decoration: none;
	}

/* ===================================================================
   Local Log
=====================================================================*/
.localog .spot { 
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  
	padding-left:20px;  
	margin-top:5px;
	}
.localog .info  { 
	background:url(images/iconIndentArrow_localinfo.gif) 0 50% no-repeat;
	padding:3px 6px 3px 8px;
	margin-top:2px;
	}

/* ===================================================================
   Keywords
=====================================================================*/
.taglog ul, .keywords ul { 
	padding:10px; 
	margin:0; 
	text-align:justify;
	}
.taglog li, .keywords li { 
	display:inline;
	}

.taglog  a { text-decoration:none; }
.taglog li .cloud1 {
	font: bold 1.3em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#FF3399;
	}
.taglog li .cloud2 {
	font: bold 1.2em 'Malgun Gothic', 'Trebuchet MS', batang;
	color: #369;
	}
.taglog li .cloud3 {
	font: bold 1.0em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#369;
	}
.taglog li .cloud4 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#333;
	}
.taglog li .cloud5 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS';
	color:#666;
	}


/* ===================================================================
   Page Error
=====================================================================*/
#page-error { 
	font : bold 1.3em tahoma, sans-serif;
	text-align:center;
	padding: 80px;
	}

/* ===================================================================
   Article
=====================================================================*/




.entry h2 a{
	color: #333;
	text-decoration:none;
	}
.entry h2 a:hover {
	color: #333;
	text-decoration:underline;
	}

.posted { 
	margin: 0 0 5px 0; 
	}
		
.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 0 0 20px 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article a {
	color: #000;
	text-decoration:none;
	}
	
.article a:hover {
	color: #000;
	text-decoration: none;
	}
	
.article img { border: 0;}
.article .cap1  { font:1.0em trebuchet MS, batang; margin:3px ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	
	}

.moreless_fold span, .moreless_top span{position:relative;padding-top:10px;padding-left:10px}
.moreless_fold span:hover, .moreless_top span:hover{}
.moreless_fold span:before{position:absolute;content:'+';left:0}
.moreless_top span:before{position:absolute;content:'-';left:0}
.moreless_content{padding:15px 0 15px 0;border-top:1px solid #000;}
.moreless_bottom{display:none}

.article blockquote {
	border-left: 4px solid #ccc;
	clear: both;
	color: #555;
	display: block;
	font:1.0em Verdana,serif;
	margin: 12px 16px;
	padding-left: 12px;
	}

.tagTrail { 
	margin: 5px 0 15px 0;
	}

.tagText {	
	font: bold 0.9em 'Trebuchet MS'; 
	color: #000;
	}
	
.actionTrail {
	text-align:right;
	font-size: 0.9em;
	padding-bottom: 3px;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	font:12px trebuchet MS, batang;
	color:#333;
	text-decoration:none;
	}	
	

		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }
.comment .name2 a,
.comment .name2 a:hover {
	color:#000;	
	text-decoration:none;
	}
.comment a {
	color: #000;
	text-decoration:none; 
	}
.comment a:hover {
	color :#000	;
	text-decoration: underline;
	}

.comment .commentList  { 
	padding:0;
	margin:20px;
	}
	
.comment ol     { 
	width:340px;
	padding:0;
	margin:0 auto;
	margin-left:-10px;
	margin-bottom:30px;
	list-style: none; 
	word-wrap:break-word;
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{
	padding:10px; width:300px; margin:20px 0 20px 10px;
	list-style: none;
	border: 1px solid #000;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li ul li {
	padding: 2px 0 2px 0;
	}
.comment .rp {margin-bottom: 0px; }


/* ===================================================================
   Comment - Form
=====================================================================*/

.comment fieldset 	{width:350px; margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment legend 	  {font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font:0.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#666;vertical-align:middle;}
.comment label span	{color:#999;}

.comment input		{padding:5px;width: 70px;background:rgba(255,255,255,0.5);font-size:1.0em;vertical-align:middle;color:#666;border:1px solid #000; }

.comment textarea 	{padding:5px;line-height:170%;width:330px;height:100px;background:rgba(255,255,255,0.5);border:1px solid #000;font-size:1.0em;color:#666; margin:auto; margin-left:-2px;}

.comment .checkbox 	{float:right;margin-right:10px;margin-bottom:8px;background:rgba(255,255,255,0.5);padding:0;width:12px;height:12px;border:1px solid #000;}

.comment .submit input {float:right;margin-top:1em;margin-right:10px;margin-bottom:20px;padding:.3em;width:50px;height:25px;font-size:.9em;color:#000;cursor:pointer;border:1px solid #000;background:rgba(255,255,255,0.5);}

/* ======================================
	Content - Paging 
=========================================*/
.paging {
	color:#000;
	text-align:center;
	font:9px verdana;	
	margin: 20px 0;
	}

.paging .numbox {
	color:#000;
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num {
	color:#000;
	padding:4px; 
	margin:2px;
	}
		
.selected { 
	font-weight:bold;
	color:#000;
	background:none;
	}
	
/* ======================================
	Sidebar - from Tistory Gallery skin
=========================================*/

#sidebar_close {display:none;}

#sidebar { 
	color:#8b8a8a; 
	line-height: 170%;
	}

.open_close	{
	font: bold 1.0em 'Trebuchet MS', Sans-serif; 
	text-align:center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 4px;
	margin-bottom: 10px ;
	}
	
.open_close a	{ color:#8b8a8a;}
.open_close img	{margin:0 0 0 2px;}

.sidebox, .sidebox2, .sidebox3{
	text-align:justify;
	margin: 15px 0;
	}
	
.sidetitle {
	color: #369; 
	font:bold 12px 'Trebuchet MS', batang, sans-serif; 
	word-spacing:-1px;
	letter-spacing:3px;
	}
	
/* sidebox ul, li style */
.sidebox ul, .sidebox2 ul, .sidebox3 ul{
	margin:0; 
	padding:0;
	word-spacing:-1px;
	}

.sidebox ul li {
	display:inline;
	margin:10 5 0px;
	padding:0 5 0px;
	}
	
.sidebox3 li {
	margin:1px;
	padding:0px;
	display:inline;
	}
	
.sidebox3 li a {margin:0px; color:#848484;}
.sidebox3 ul li ul {} 
.sidebox3 ul li ul li { word-spacing:-2px; font:bold 13px 'Trebuchet MS', batang; display:inline;} /* 덜 세세한 카테고리 -.-; */
.sidebox3 ul li ul li ul {display:inline;} 
.sidebox3 ul li ul li ul li {word-spacing:-2px; font:12px 'Trebuchet MS', batang; } /* 가장 세세한 카테고리 */

.c_cnt {padding:1px; margin:1px; font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#999; }

/* sidebox tag cloud */
.sidebox2 ul.tagcloud li	{
	list-style:none;
	display:inline; 
	background:none; 
	}

.sidebox2 ul.tagcloud li .cloud1 {
	font: bold 1.0em batang, trebuchet MS;
	color: #FF3399
	}
	
.sidebox2 ul.tagcloud li .cloud2 {
	font: bold 1.0em batang, trebuchet MS;
	color: #369;
	}

.sidebox2 ul.tagcloud li .cloud3 {
	font: bold 0.9em batang, trebuchet MS;
	color:#669933;
	}

.sidebox2 ul.tagcloud li .cloud4 {
	font: normal 0.9em batang, trebuchet MS;
	color:#333;
	}

.sidebox2 ul.tagcloud li .cloud5 {
	font: normal 0.9em batang, trebuchet MS;
	color:#666;
	}

.clear {clear: both; }

/* calendar */
	.cal_month { font-size : 11px; height: 18px; } /* 달력의 년월일, 이전달, 다음달을 표시하는 스타일 */
	.cal_week1 { font-size : 11px; height:18px;} /* 달력의 요일명을 표시하는 스타일 */
	.cal_week2 { font-size:11px; } /* 일요일 요일명을 표시하는 스타일 */
	
	.cal_week { } /* 달력의 주(Week) 단위를 표시하는 스타일 */
	.cal_current_week { background-color:#f2f2f2; } /* 달력의 현재 주(Current Week)를 표시하는 스타일 */
	.cal_day {} /* 현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 */
	..cal_day_sunday { } /* 현재 달을 포함하는 전체 날짜의 일요일 스타일 */
	 
	.cal_day1 {	color: #fff; font-size:11px; text-align: center;} /* 해당 달력에서 이전달 날짜를 표시하는 스타일 */
	.cal_day2 {	color: #000; font-size : 11px;  text-align: center;} /* 해당 달력에서 다음달 날짜를 표시하는 스타일 */
	.cal_day3 {	font-size : 11px;} /* 현재 달력의 이번달 날짜를 표시하는 스타일 */
	
	.cal_day4 {
		text-align: center;
		font-size: 11px;
		text-decoration:underline;
		color: #4284B0;
		} /* 오늘 날짜를 표시하는 스타일 */
		
	a.cal_click:link, a.cal_click:visited {	color : #777; }
	a.cal_click:hover {	color: #4284B0; } /* 글을 작성한 날의 링크 스타일 */

/* IE 버그 */
*:first-child+html .rss_feed .rss			{position:relative; top:1px;}
* html .rss_feed .rss						{position:relative; top:1px;}
* html .rss_feed							{padding:2px 0 0 0;}

*:first-child+html .tag .article_post		{padding:7px 15px 21px 15px;}
* html .tag .article_post					{padding:7px 15px 21px 15px;}

* html .ib	{height:18px;}
*:first-child+html	.ib	{height:18px;}/* CSS Document */

.like_btn{display:none}