@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {
	margin:0px;
	background-color: #fff;background:url(./images/top_bg_rainbow.gif) repeat-x ;
	font-family: 'Malgun Gothic' , Dotum;
	font-size: 12px;
	color:#333333;
}
a:link {
	text-decoration:none;
	color: #1E82A4;
}

a:visited {
	text-decoration:none;
	color: #1E82A4;
}

a:hover {
	text-decoration:none;
       background-color: #fbfbf4;
	color: #1E82A4;
}

a:active {
	text-decoration:none;
	color: #1E82A4;
}



.key1 {
	color:#1E82A4;
	border-bottom: solid 1px #54C2E2;
}




.input {
	height: 13px;
	border: solid 1px #ddd;
	padding: 2px;
}

.color_1 {  color:#959595; font:11px;
}
.color_1 a:link, .sidebar ul li a:visited {	
	color:#959595;
	}
.color_1 a:hover, .color_1 a:active{
	color: #e793bc;
	background-color: #eee;
	}


.color_2 {  font : tahoma;
	color:#A3A3A3;
}

.color_3 { font : 10px tahoma;
	color:#1E82A4;
}
img { border:0; }
/* ===================================================================
  layout
=====================================================================*/


#wrap {
        margin: 0px auto;
	
        padding:35px 0px 0px 0px; 
	}

#layout {
        width : 800px; 
        margin: 0px auto;
	 padding: 0px; 
      border-top: 0px solid #eee; 
	}
#logo {
         margin:0px auto ;width:240px;
         padding:0px ;
}

#page {
	width : 780px; 
        margin: 0px auto;
	background: #fff;	 
	border: 0px solid #eee;clear:both;
	padding: 10 10px; overflow:hidden
	}



#menu { padding: 0px;margin: 0px; float:left;
 font:12px bold 'Trebuchet MS', tahoma, vernada;line-height: 100%;
}
	


#footer {
	background:url(./images/footer_bg.gif) repeat-x ;
        background-color:#faf9f8;  
        margin: 0px auto;clear:both;
	padding-top:40px;
	}	
#sside { margin:0px auto;width:1024px; }

#sside .left {float:left;margin-right:20px;}
#sside .clear {clear:both;}

.lic {
      background-color:#fdeff3;
       padding:5px;border-top:1px solid #e1e1d9;
}

/* ===================================================================
   etc
=====================================================================*/
.date, .cnt, .name, .from, .delete { font: 0.8em 'Trebuchet MS' , batang ; color: #777;}
.name2 { font:14px  'Malgun Gothic' , dotum , Trebuchet MS, batang; color:#1E82A4; }
.name2 img {vertical-align:middle; }
.icon { padding: 0px 0px 0px 0px; cursor:pointer;}
.m_category {padding:2px 5px;cursor:pointer;}
.space {padding:2px 2px; }
/* ===================================================================
   Contents , menu
=====================================================================*/
.content {
	line-height: 170%;
	}
	
.menu_blue {
               font:12px bold arial ,  tahoma, vernada;list-style:none;line-height: 100%;
              
}

.menu_blue a:link, .menu_blue a:visited {
          color:#5fc6e4;
          padding-left:30px;
          background:url(./images/menu_btn_blue.gif) 0 50% no-repeat;
         
} 
.menu_blue a:hover, .menu_blue a:active {
          color:#db92f0;
          padding-left:30px;background:url(./images/menu_btn_green.gif) 0 50% no-repeat;
         
}

.menu_green {
              font:12px bold arial, vernada, tahoma ;list-style:none;line-height: 100%;
 }
.menu_green a:link, .menu_green a:visited {
          color:#e38d4d;
          padding-left:30px;
         
} 
.menu_green a:hover, .menu_green a:active {
          color:#d3dd2e;
          padding-left:30px;
          background:url(./images/menu_btn_pu.gif) 0 50% no-repeat;
  
}


.menu_pu {
              font:12px bold vernada, tahoma ;list-style:none;line-height: 100%;
 }
.menu_pu a:link, .menu_pu a:visited {
          color:#db92f0;
          padding-left:30px;
         
} 
.menu_pu a:hover, .menu_pu a:active {
          color:#d3dd2e;
          padding-left:30px;
          background:url(./images/menu_btn_green.gif) 0 50% no-repeat;
         
}

.menu_blue1 {
               font:12px bold arial ,  tahoma, vernada;list-style:none;line-height: 100%;
              
}

.menu_blue1 a:link, .menu_blue1 a:visited {
          color:#d3dd2e;
          padding-left:30px;
          
         
} 
.menu_blue1 a:hover, .menu_blue1 a:active {
          color:#5fc6e4;
          padding-left:30px;background:url(./images/menu_btn_pu.gif) 0 50% no-repeat;
         
}




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

.searchList h3 {
	font-weight: normal;
	}

.searchList ul, .searchList ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	list-style:none;
	}
.searchList li {
	padding: 0;
	}

.searchList a:hover {
	color: #0099CC;
	background-color: #eee;
	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  a:hover {
	text-decoration:underline;
	background-color:#f5f5f5
}


.taglog li .cloud1 {
	font: bold 1.4em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#FF3399;
	}
.taglog li .cloud2 {
	font: bold 1.3em 'Malgun Gothic', 'Trebuchet MS', batang;
	color: #0099CC;
	}
.taglog li .cloud3 {
	font: normal 1.2em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#669933;
	}
.taglog li .cloud4 {
	font: normal 1.1em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#333;
	}
.taglog li .cloud5 {
	font: normal 1.0em 'Malgun Gothic', 'Trebuchet MS';
	color:#666;
	}


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

/* ===================================================================
   Article
=====================================================================*/
.subject {
	padding:0px 0px 5px 0px; margin-bottom:10px;border-bottom:1px dashed #fff;
	}

h1 { 
	margin-bottom:2px;
	font:bold 26px 'Nanum Gothic' , "malgun gothic", Verdana, Sans-Serif;
	letter-spacing:0px;padding-left:40px;padding-bottom:5px;
	color:#f7859c;background:url(./images/title_icon.gif) 0 55% no-repeat;
	}
h1 a:link, h1 a:visited {color:#f0a0b6;} 
h1 a:hover, h1 a:active {color:#fff;background-color:#f0a0b6;}

.entry h2 a{
	color: #bdc629;text-decoration:none;
	}
.entry h2 a:hover {
	color: #76939b;
	text-decoration:none;
	}
.posted { 
	margin: 0 0 5px 0; 
	}
		
.admin {
	margin: 0; 
	font-size: 0.98em;
	text-align: left;
	}
	
.article {
	margin: 10px 0 0 0;
	text-align: justify;
	font:13px NanumGothic, 나눔고딕, 'Malgun Gothic' , Dotum;line-height:170%;color:#333;
	}
.article_pt { font:12px NanumGothic, 나눔고딕, 'Malgun Gothic' , Dotum;line-height:200%;color:#333;
 padding-left:10px;margin:0;}
.article code {
	display: block;
	margin: 5px 0;
	padding: 10px;
	overflow: auto;
	background: url(bg_line.gif);
	border: 1px solid #efefef;
	color: #111;
	font: normal 15px Monaco, Bitstream Vera Sans Mono, Andale Mono, Lucida Console, Monospace;
	white-space: pre;
}
.article acronym {
	cursor: help;
	border-bottom: 1px dotted #963;}
.article a {
	color: #336699;

	text-decoration:none;
	}
	
.article a:hover {
	color: #0099CC;
	background-color: #eee;
	text-decoration: none;
	}
	
.article img { border: 0;}
.article .cap1  { font-family: 'Malgun Gothic' , Dotum;
	       font-size: 11px;
	       color:#737373;margin:3px;
                       text-align: center;
 }
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	list-style: circle;
	}

.article .moreless_fold  { padding-left:18px; background:url(images/btn_open.gif) 0 50% no-repeat ;} 
.article .moreless_top    { padding-left:20px; background:url(images/btn_close.gif) 0 50% no-repeat ;}
.article ..moreless_Body { border:1px dotted #eee;} 
.article .moreless_bottom   { background:url(images/btn_close.gif) top right no-repeat; 
padding-right:20px; 
color:#999; 
text-align:right;}

.article blockquote {
	background: url(./images/bg_quote.gif) no-repeat top left;
	margin: 2px; 
        color: #000;
	padding: 30px 30px 10px;
	min-height: 70px;
}


.tagTrail { font-size:11px;
	padding: 5px 0 5px 0;
	}

.tagimg {	vertical-align:absmiddle;
	}
	
.actionTrail {
	text-align:right;
	font-size:11px;	padding-bottom: 3px; letter-spacing:2px;
	border-bottom: 1px dashed #eee;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	font:11px trebuchet MS, batang;
	color:#333;
	text-decoration:none;
	}	
	
/* ===================================================================
   Trackback
=====================================================================*/
.trackback .tbadd {
	font:bold 0.85em trebuchet MS, batang;
	text-align: center;
	}
.trackback ol {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	}
.trackback li {
	padding: 3px 5px 3px 3px; list-style:none;
	}
		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }

.comment .name2 a,
.comment .name2 a:hover {
	color:#1E82A4;	
	text-decoration:none;
	}
.comment a {
	color: #666;
	text-decoration:none; 
	}
.comment a:hover {
	color :#0064CD	;
	text-decoration: underline;
	}

.comment .commentList  { 
	padding:0;
	}
	
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border: 0px solid #fef0c8;		
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:0px; margin:5px 10px 0px 30px;	
	list-style: none; 
	border: 0px solid #f8f2f7;;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 5px 10px 10px 10px;margin-top:10px;background-color: #faf9f8;
	border: 2px solid #f2f2f2;	
	}
.comment ol li:hover	{ 
	padding: 5px 10px 10px 10px;margin-top:10px;background-color: #fff;
	border: 2px solid #c6dee3;	
	}
.comment ol li ul li {
	border: 2px solid #f2f2f2;background-color: #fff;

	padding-top : 0; 
}
.comment ol li ul li:hover {
	border: 2px solid #f4f4f4;background-color: #faf9f8;

	padding-top : 0; 
}

.comment .rp { margin-bottom: 7px; }

.comment  .rp_admin 
{ 
font:12px ;color:#392930; 
padding:5px 0 0 0;
} 

.comment  .guest_admin 
{ 
font:12px ;color:#392930; 
padding:5px 0 0 0;
} 

.control { color:#ccc; font:10px tahoma;letter-spacing:1px; }
.control a:link, .control a:visited  {
	color:#6b8984;text-decoration:none;
	}
.control a:hover, .control a:active {
	background-color:#f5f5f5;
	color:#35645c;text-decoration:none;
	}

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

.comment fieldset 	{ 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:2px .5em;width: 300px; font:1.0em Gulim, AppleGothic,Sans-Serif;vertical-align:middle;color:#666;border:1px solid #ddd;background-color:#fefef7; }
.comment textarea 	{padding:2px .5em;width:100%;height:100px;border:1px solid #ddd;font:1.0em Gulim,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;background-color:#fefef7;}
.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:25px;font-size:.9em;color:#666;cursor:pointer;}

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

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;padding-bottom:2px;
	}
		
.selected { 
	font-weight:bold; color:#db92f0;
	}
	

/*작은글꼴1*/
.smallText {
	font:0.8em 'Franklin Gothic Medium' , tahoma , 돋움;
	color:#959595;
	letter-spacing:0;line-height:120%;
	margin-top:0;
	}
.smallText a:link, .smallText a:visited  {
	color:#959595;
	}
.smallText a:hover, .smallText a:active {
	background-color:#f5f5f5;
	color:#e793bc;
	}

/*작은글꼴2*/
.smallText2 {
	font:11px 'Malgun Gothic' , dotum, tahoma;
                color:#aaa;
	letter-spacing:0;
	}
.smallText2 a:link, .smallText2 a:visited  {
	color:#6b8984;
	}
.smallText2 a:hover, .smallText2 a:active {
	background-color:#fbfbf4;
	color:#35645c;
	}


/* 프로필 */
#blogImage, #userID, #blogDesc {width:135px; margin-left:5px; overflow:hidden; word-break:break-all; word-wrap:break-word; }
#blogImage {padding-top:7px; padding-bottom:3px; text-align:center; }
#blogImage img {width:130px;border:2px solid #ddd; }
#userID {font:0.8em 'Franklin Gothic Medium', dotum, tahoma;
                color:#7f7f7f;
	letter-spacing:1px ;text-align:center;
 }
#blogDesc {color:#aaa; font:0.9em 'Franklin Gothic Medium', tahoma;text-align:center; }

/* 사이드바 */
.sidebar {margin-bottom:10px; width:160px;}

.sidebar ul {
	margin:2px 0 3px 1px;
	padding:0;
	list-style:none;	}
.sidebar ul li {
	margin:0;border-bottom:1px dotted #eee;
        padding:3px 0 3px 0; 
	list-style:none;
	font-size:11px;
	}
.sidebar ul li a {
	display:block;
		
	padding-left:5px;
	}
.sidebar ul li a:link, .sidebar ul li a:visited {	
	color:#444;
	}
.sidebar ul li a:hover, .sidebar ul lia:active{
	padding-left:5px;
	color: #e793bc;
	background-color: #fbfbf4;
	}




/* /// 달력 //////////////////// */
.calendar table {
	padding-left:4px;
	font:0.8em tahoma, Verdana, Sans-Serif;
	}

/*셀 정렬*/
.cal_week1, .cal_week2, .cal_day  {
	text-align:center;
	}
/* 달 표시 부분 */
.cal_month { 
	padding:5px 0 3px 5px;
	text-align:left;font-size:1.1em; 


	}
/* 요일 표시 부분 */
.cal_week1, .cal_week2 {
	border-top:1px solid #eee; 
	border-bottom:1px solid #eee; 
	height:15px;
	}
/* 각 날짜 */
.cal_week { 
	background-color:#f5f5f5; 
	height: 15px;
	}
/* 오늘 날짜 */
.cal_day4 {
	background-color:#fff; 
	font-weight:bold;
	}

.cal_week2
{ 
color:#ff99ff;
} 
 


/* 링크 스타일 */
a.cal_click:link, a.cal_click:visited { text-decoration:none;}
a.cal_click:hover, a.cal_click:active {color:#ff007d; font-weight:bold;}

.ad_b { border:1px dashed #ccc; padding: 5 5 5 5; 
text-align:center;margin: 5px 0px 5px 0px;}

/*------------------------------new----------------------------*/
/* 분류 전체보기 부분 */
.category { font:10px trebuchet MS , arial;width:150px;
                 padding-left:5px;letter-spacing:1px;
}


.category ul {
	margin:0px 0 3px 0;
	padding:0;
	list-style:none;
	}
.category ul li {
	margin:0;
	list-style:none;
	font-size:0.98em;
	}
.category ul li a {
	display:block;
	background-color:#fff;	letter-spacing:1px;
	padding-left:5px;
	}
.category ul li a:link, .category ul li a:visited {	
	color:#858585;
	}
.category ul li a:hover, .category ul lia:active{
	color: #e793bc;
	background-color:#eee;
	}

/* 1단 분류 */
.category ul li ul {
	margin:0;
	border-top:1px solid white;
	}
.category ul li ul li{
	font:bold 1em arial;
	letter-spacing:0;
	border-bottom:1px solid #eee;
	}
.category ul li ul li a {
	display: block;
	line-height: 14px;
	height:14px;
	padding:2px 0 2px 5px;
	background-color:#f5f5f5;	}
.category ul li ul li a:link, .category ul li ul li a:visited {
	color:#666;
	}
.category ul li ul li a:hover, .category ul li ul li a:active{
	color: #e793bc;
	background-color:#fff;
	}

/* 2단 부류 */
.category ul li ul li ul {
	margin:0;
	padding:0;
	}
.category ul li ul li ul li {
	margin:0;
	border:none;
	}
.category ul li ul li ul li a {
	background-color:#fff;
	padding-left:15px;
	background:url(./images/bullet_arrow.gif) 0 50% no-repeat;
	}
.category ul li ul li ul li a:link, .category ul li ul li ul li a:visited {	
	font-weight:normal;
	color:#b9839d;
	border:none;
	}
.category ul li ul li ul li a:hover, .category ul li ul li ul li a:active{
	font-weight:normal;
	color: #e793bc;
	background-color:#f5f5f5;
	}

/* 활성화된 스타일 */
.category ul li .selected a {
	background:#f5f5f5;
	}
.category ul li ul li .selected a {
	background:#f5f5f5 url(./images/bullet_arrow.gif) 0 50% no-repeat;
	}

/* 카테고리 등록 글 수  */
.c_cnt { font:0.8em tahoma; color:#cb89b3;}

/* 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 */

.png24 {
   tmp:expression!(setPng24(this));
}	




#flickr_badge_wrapper { line-height:0px; padding-left:3px; border-bottom:1px solid #f4f4f4;}
#flickr_badge_wrapper .clearer	{ width:100%; height:10px;}
.flickr_badge_image { }
.flickr_badge_image img {  width:45px; height:45px; border:1px solid #ccc;}
#flickr_badge_image1,
#flickr_badge_image2,
#flickr_badge_image3,
#flickr_badge_image4,
#flickr_badge_image5,
#flickr_badge_image6,
#flickr_badge_image7,
#flickr_badge_image8,
#flickr_badge_image9,
#flickr_badge_image10	{ float:left; }

#flickr_badge_wrapper a:hover,
#flickr_badge_wrapper a:link,
#flickr_badge_wrapper a:active,
#flickr_badge_wrapper a:visited { display:block; margin:2px 0 2px 4px; padding:0; text-decoration:none !important;}