@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
	body {
	   font-family: 맑은 고딕, Malgun Gothic,돋움,Dotum,AppleGothic,sans-serif;
	   font-size:14px;
	   line-height: 1.5;

	   /*@background-image=background-image:*/ background-image: url(./images/bodybg.jpg) /*@*/;
	   /*@background-image-position=background-position:*/ background-position: center -40px /*@*/;
	   /*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;
	   /*@background-color=background-color:*/ background-color: #133855 /*@*/;
	   padding:0; margin:0;
	}
	a:link { color:#666; text-decoration:none;}
	a:visited { color:#666; text-decoration:none;}
	a:hover { color:#666; text-decoration:underline;}
	a:active { color:#666; text-decoration:none;}
	img { border: 0; }
/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold; color:#333; }
	.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
	.ib { 	cursor: pointer; }
/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }
/* 6. 트리 테이블 */
	.branch2 { }
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
	.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 275px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
	.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
	.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
	.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
	.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 { 	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
	.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font-size: 11px; color : #999; }

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

	#container { /*@post-width:295=width:;*/ width: 1300px; /*@*/ margin: 0 auto; }
	#header {
		float: left;
		/*@post-width:215=width:;*/ width: 1280px; /*@*/
		height:/*@title-height=*/ 131px /*@*/;
		border-bottom: 0px solid #989898;
   	    margin: 0 0 12px 10px; display: inline;
   	   /*@title-background-image=background-image:*/ background-image: /*@*/;
	   /*@title-background-image-position=background-position:*/ background-position: /*@*/;
	   /*@title-background-image-repeat=background-repeat:*/ background-repeat: /*@*/;
	   /*@title-background-color=background-color:*/ background-color:  /*@*/;
	}
	#header h1{
		float: left;
		margin-top: 30px;
		margin-left: 190px;
		/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
		/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@title-color=color:*/ color: #333 /*@*/;
		font-weight:bold;
	  }

	#header h1 a {
		/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
		/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
	    /*@title-color=color:*/ color: red /*@*/;
	}

   #img_navi {
   	clear: both;
      width: 1280px; 
      height: 56px;
      margin: 0 0 12px 10px;
      padding-bottom: 10px;
      border-bottom: 0px solid #989898;
   }

   .thum_navi {
   	float: left;
   	text-align: center;
   	width: 53px; height: 53px;
   	margin-left: 6px;
      margin-right: 6px;
  }

   .img_navi_whitec {
   	float: left;
   	height: 75px;
   	background: url(./images/imgnaviwhitec.png) repeat-x;
  }

   .img_navi_whitel {
   	float: left;
   	width: 16px;
   	height: 75px;
   	background: url(./images/imgnaviwhitel.png) no-repeat;
  }
  
   .img_navi_whiter {
   	float: left;
   	width: 21px;
   	height: 75px;
   	margin-right: 10px;
   	background: url(./images/imgnaviwhiter.png) no-repeat;
  }
   
   #navi {
      clear: both; 
      margin: 0px 10px; 
      width: 1280px; 
      height: 46px;
      background: url(./images/navi_bg.png) no-repeat;
   }
   
   #navi ul { margin: 0px; padding: 10px 0px 0px 20px; list-style: none; }
   #navi li { float:left; position:relative; margin-right: 40px; padding: 0px; }
   #navi li a { 
      color: #ffffff;
      font-weight: normal;
      font-family: Helvetica, 맑은 고딕, Malgun Gothic, 돋음;
      font-size: 15px;
      text-decoration: none;
   }
   #navi .blg { color: #ffffff; }
   #navi .pwr { color: #00ffff; }
   #navi .cpp { color: #ffff00; }

   #navi .adm { float: right; margin-left: 20px; margin-right: 20px; }

	/* sidebar */
	#sidebar { float: right; width: 300px; margin-right: 0px; display: inline; padding-bottom: 1px; background-color: #DDDDDD; }
	#blogImage {margin-bottom: 5px; }
	#blogImage img { width: 300px; }
	#blogDesc { font-size: 11px; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #ececec;}

  #blogMenu { margin: 0; padding: 0; }
	#blogMenu ul { list-style:none; margin: 0; padding: 0;}
	#blogMenu li {
		border-bottom:1px solid #ececec;
	}

	#blogMenu li a {
		list-style:none;
		text-decoration:none;
		display:block;
		color:#666;
		letter-spacing:-1px;
		font-family:verdana;
		font-size:12px;
		padding:10px 0;
	}

	#blogMenu li a:hover {
		color:#ff000a;
	}

	/* category */
	#category { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#treeComponent #cafegoryWrapTd { padding: 10px; }
	#category h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* blog_category */
	#blog_category { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#treeComponent #cafegoryWrapTd { padding: 10px; }
	#blog_category h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* site_category */
	#site_category { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#treeComponent #cafegoryWrapTd { padding: 10px; }
	#site_category h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#site_category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* capple_category */
	#capple_category { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#treeComponent #cafegoryWrapTd { padding: 10px; }
	#capple_category h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#capple_category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* recommendPost */
	#recommendPost { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#recommendPost ul { padding: 0; list-style: none; margin: 10px 10px;}
	#recommendPost li { list-style: none; line-height: 1.4; }
	#recommendPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
	#recommendPost h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* custom_Banner */
	#custom_Banner { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#custom_Banner ul { padding: 0; list-style: none; margin: 0px 10px;}
	#custom_Banner li { list-style: none; line-height: 1.4; }
	#custom_Banner li .cnt { font-family: verdana; font-size: 11px; color: #999; }
	#custom_Banner h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* custom_RSS */
	#custom_RSS { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}

	/* custom_Intro */
	#custom_Intro { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}

	/* custom_Search */
	#custom_Search { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2; padding-bottom: 5px; overflow: auto;}
	#searchBox { margin: 5px 10px; display: block;}
	#searchBox input.search_keyword { width: 234px; height: 18px; border: 1px solid #3469AE; background-color: #ffffff; float: left; margin-right: 4px; }
	#searchBox input.button {background: url(./images/btn_search.gif) no-repeat; width: 32px; height: 20px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }

	/* tag cloud */
	#tagbox { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#tagbox ul {text-align: justify; margin: 10px;}
	#tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
	#tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#tagbox li .cloud2 { font-size : 12px; color : #000; }
	#tagbox li .cloud3 { font-size : 12px; color : #ddd; }
	#tagbox li .cloud4 { font-size : 12px; color : #999; }
	#tagbox li .cloud5 { font-size : 12px; color : #999; }
	#tagbox h3 { width: 275px; padding: 10px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* notice */
	#notice { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#notice ul { padding: 0; list-style: none; margin: 0px 10px;}
	#notice li { list-style: none; line-height: 1.4; }
	#notice h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* recentPost */
	#recentPost { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2; overflow:hidden;}
	#recentPost ul { padding: 0; list-style: none; margin: 0px 10px;}
	#recentPost li { padding: 0px 0px 5px 20px; background:url(./images/bulld.gif) left center no-repeat; list-style: none; line-height: 1.4; font:normal 13px 맑은 고딕, Malgun Gothic, 나눔고딕, tahoma, arial, sans-serif; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
	#recentPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
	#recentPost h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* recentComment */
	#recentComment { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2; overflow:hidden;}
	#recentComment ul { padding: 0; list-style: none; margin: 0px 10px;}
	#recentComment li { padding: 0px 0px 5px 20px; background:url(./images/bullc.gif) left center no-repeat; list-style: none; line-height: 1.4; font:normal 13px 맑은 고딕, Malgun Gothic, 나눔고딕, tahoma, arial, sans-serif; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
	#recentComment li.cnt { font-family: verdana; font-size: 10px; color: #999; }
	#recentComment h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#recentComment li .info { color: #999; font-size: 10px; }

	/* recentTrackback */
	#recentTrackback { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2; overflow:hidden;}
	#recentTrackback ul { padding: 0; list-style: none; margin: 0px 10px;}
	#recentTrackback li { padding-bottom:5px; list-style: none; line-height: 1.4; font:normal 13px 맑은 고딕, Malgun Gothic, 나눔고딕, tahoma, arial, sans-serif; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
	#recentTrackback h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}
	#recentTrackback li .info { color: #999; }

	/* archive */
	#archive { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#archive ul { padding: 0; list-style: none; margin: 10px;}
	#archive li { list-style: none; line-height: 1.4; }
	#archive li .cnt { font-family: verdana; font-size: 10px; color: #999; }
	#archive h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* calendar */
	#calendar { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#calendar .tt-calendar { width: 275px; }
	#calendar .wrapAbContent { padding: 0 10px 10px 10px; }

	/* Links */
	#link { width:296px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2;}
	#link ul { padding: 0; list-style: none; margin: 0px 10px;}
	#link li { padding-bottom: 5px; list-style: none; line-height: 1.4; font:normal 13px 맑은 고딕, Malgun Gothic, 나눔고딕, tahoma, arial, sans-serif;}
	#link h3 { width: 275px; padding: 5px 0; margin: 5px auto; font-family: 맑은 고딕, Malgun Gothic, Verdana; font-size: 16px; font-weight: normal; color: #666; border-bottom: 1px solid #F2F2F2;}

	/* Counter */
	#counter { width: 296px; height: 186px; border: 1px solid #ffffff; margin: 1px auto 0px; background-color: #F2F2F2; font-family: verdana,san-serif; font-size:10px; color: #999;}
	#counter h4 { padding: 0px; margin: 5px 0px 0px; text-align: center; font-size:10px; color: #999;}
	#counter li { display: inline; margin-right: 7px; }

	/* RSS */
	#btnRSS { width: 290px; border-bottom: 1px solid #ececec; }
	#btnRSS img {margin-left: 6px;}

	/* content */
	#content{ float:left; width:/*@post-width=*/ 960px /*@*/; margin-left: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 56px; display: inline; background-color: #ffffff; }

	/* ***** content ***** */
	#content .nonEntry {  }
	#content .nonEntry h3 {
		  /*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		  /*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		  /*@post-title-color=color:*/ color: #333333 /*@*/;
		  margin: 0; padding: 10px 0;
		  font-weight: bold;
		  border-bottom: 1px solid #f6f6f6;
		  margin-bottom: 14px;
		}
	#content .entry          { width:/*@post-width=*/ 960px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }

	#searchList ol,
	#searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
	#searchList li,
	#searchRplist li            { border-bottom:1px solid #f6f6f6;  padding: 6px 0;}
	#searchList .date,
	#searchRplist .date         { color: #999; margin-right:10px; }
	#searchList .cnt            { color: #999; }
	#searchRplist .name         { color:#999;  padding-left:8px;}

	#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) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
	#localog                    { color: #666;}
	#localog a:link             { color: #999;}
	#localog a:visited          { color: #999;}
	#localog a:hover            { color: #999;  text-decoration: none;}

	#taglog ul                  { padding:5px; margin:0; text-align:justify;}
	#taglog li                  { display:inline;}
	#taglog a:hover             { background-color:#eee;  color:#000;}
	#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#taglog li .cloud2 { font-size : 12px; color : #000; }
	#taglog li .cloud3 { font-size : 12px; color : #ddd; }
	#taglog li .cloud4 { font-size : 12px; color : #999; }
	#taglog li .cloud5 { font-size : 12px; color : #999; }

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

	#guestWrite                 { padding:10px;  background-color:#f8f8f8; border:1px solid #F2F2F2; color: #666;}
	#guestWrite input           { width:150px; border:1px solid #F2F2F2; color: #666; }
	#guestWrite textarea        { width:/*@post-width:-38=*/ 922px /*@*/; overflow: hidden;  padding:5px; border:1px solid #F2F2F2;}
	#guestWrite .homepage       { width:300px;}
	#guestWrite .submit         { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}

	#guestList                  { padding:10px 0 0 0; color: #000; }
	#guestList ol,
	#guestList ul               { margin:0; padding:0;  list-style:none;}
	#guestList li p             { border-top:1px solid #ededed; margin-top:5px; padding-top:5px; font-size: 14px; font-family: 맑은 고딕, Malgun Gothic,돋움,Dotum;}
	#guestList ol li            { border:5px solid #F2F2F2;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
	#guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#F2F2F2;  padding-left:25px;  border:none;  width:/*@post-width:-102=*/ 858px /*@*/; overflow:hidden;}
	#guestList li .name         { color:#666; }
	#guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
	#guestList .control a span { font-size: 11px; color: #999; }


	   /* entry */
	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
		border-bottom: 0px solid #f6f6f6;
	}
	.entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{
		/*@post-title-font-size=font-size:*/ font-size: 20px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: 맑은 고딕, Malgun Gothic, dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
	}
	.titleWrap { width:/*@post-width=*/ 960px /*@*/; overflow: hidden; color: #999; padding-bottom: 10px; border-bottom: 1px solid #C9CAC9;}
	.titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/ color: #333333 /*@*/; margin-bottom: 0px; }
	.titleWrap h2 a:link { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }

	.entryProtected { color: #666; }
	.entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #F2F2F2; }
	.entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
	.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

	.article                 {  width:/*@post-width=*/ 960px /*@*/; font-size:/*@post-body-font-size=*/ 14px /*@*/; font-family: /*@post-body-font-family=*/ 맑은 고딕 /*@*/; color:/*@post-body-color=*/ #000000 /*@*/; overflow:hidden; padding: 40px 0 10px; margin-left: 0px; line-height: 180%; word-break: break-all; }

	.article a:link          { color:#0075C8;  text-decoration:none;}
	.article a:visited       { color:#0075C8;  text-decoration:none;}
	.article a:hover         { color:#0075C8;  text-decoration:underline;}
	.article a:active        { color:#0075C8;  text-decoration:none;}
	
	.article p        { margin:0;}
	.article h3 { padding: 10px; background: #FFE5E5; font-size: 18px; font-weight: bold; text-decoration: none; line-height: normal;}

	.article h4 { padding: 5px 0 3px 24px; border-bottom: 2px solid #FF5858; background: url(./images/pwr_square-red.png) no-repeat 0% 68%; font-size: 16px; font-weight: bold; text-decoration: none; line-height: normal;}
	
	.article sup        { margin: 0px; padding: 0px;}

	.article img        { border: 1px solid #aaaaaa; padding: 5px; background: #ffffff;}

	.article dt              { text-decoration:underline;}
	.article dd              { margin-left:20px;  padding-bottom:10px;}

	.article blockquote      { background:url(./images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

	.author                  { text-align:right; color:#888; padding:20px 20px;}
	.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}

	.tagTrail                { padding:8px 5px 5px 30px;  background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
	.tagText                 { display:none;}

	#articleBtmWrap { width:/*@post-width=*/ 960px /*@*/; background: #f8f8f8; border: 1px solid #F2F2F2; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; margin: 0 auto; }

	.actionTrail             { width:/*@post-width:-30=*/ 930px /*@*/; overflow: hidden; border-bottom: 1px solid #fff; margin: 0 15px; padding-bottom: 5px; }
	.actionTrail .cnt        { color:#ff000a; font-weight: bold; }
	.actionTrail a:hover { text-decoration: none; }

	.trackback               { width:/*@post-width:-30=*/ 930px /*@*/; overflow:hidden;  margin: 0 15px;}
	.trackback a             { color:#666; text-decoration: none;}
	.trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
	.trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
	.trackback ol            { margin:0;  padding:0; }
	.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
	.trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
	.trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
	.trackback p             { margin:2px 0 0 0; padding:0;}

/* 댓글 */
.comment { 
  width:/*@post-width:-30=*/ 930px /*@*/;
  overflow:hidden;  
  margin-left: 15px; 
  border:0px solid #f8f8f8;
  font-size: 14px;
  font-family: 맑은 고딕, Malgun Gothic,굴림, gulim;
  color: #000000;
}

.comment a {
 color: #0075C8;
}


.comment h3 {
  display:none;
}


/* 댓글 읽기 */
.commentList ol li {
  padding:15px 0 0 25px;
  margin:30px 0 0 0;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  width:/*@post-width:-57=*/903px/*@*/;
}

.commentList ol li p {
  width:/*@post-width:-80=*/880px/*@*/;
  word-wrap:break-word;
  word-break:break-all;
}

/* 댓글 읽기 폭 */
.commentList ol li ul li {
  padding:15px 0 0 25px;
  margin:0 0 15px 0;
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  width:/*@post-width:96=*/864px/*@*/;
}

.commentList ol li ul li p {
  width:/*@post-width:-119=*/841px/*@*/;
  word-wrap:break-word;
  word-break:break-all;
}

/* 댓글에 댓글 읽기 폭 */
.commentList ol,.commentList ul {
  margin:0;
  padding:0;
  list-style:none;
}

.commentList p {
  margin:0;
  padding:10px 0 20px 0;
}

.commentList li ul li {
  margin:0;
  padding:0 0 0 37px;
  width:524px;
}

.commentList .name {
  font-family:verdana, Tahoma, Helvetica, Arial, Gulim, sans-serif;
  font-size:13px;
  font-weight:bold;
}

.commentList .date {
  font:9px verdana, Tahoma, Helvetica, Arial, Gulim, sans-serif;
  color:#aeaeae;
}

.commentList .control {
  float: right;
  padding: 0 10px 0 0;
}

.commentList .control a span {
  display:none;
}

.commentList .control a.address {
  background:url(images/iconAddress.gif) no-repeat;
  padding:0 0 0 31px;
  font-size:11px;
  text-decoration:none;
}

.commentList .control a.modify {
  background:url(images/iconModify.gif) no-repeat;
  padding:0 0 0 43px;
  font-size:11px;
  margin-left:-4px;
  text-decoration:none;
}

.commentList .control a.write {
  background:url(images/iconWrite.gif) no-repeat;
  padding:0 0 0 34px;
  margin-right: 10px;
  font-size:11px;
  text-decoration:none;
}

	.commentWrite                     { overflow: hidden; color:#666; }
	.commentWrite input               { width:150px; color:#666; border: 1px solid #F2F2F2; }
	.commentWrite textarea            {  width:/*@post-width:-42=*/ 918px /*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; color: #666; border: 1px solid #dddddd;}
	.commentWrite .homepage           { width:300px;}
	.commentWrite .submit             { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
	.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
	.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}

	#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
	#paging .numbox    { border-left:1px solid #ddd; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
	#paging .num       { border-right:1px solid #ddd; padding-right:8px; margin-right:5px;}
	#paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
	#paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
	#paging span .selected { color: #ff000a; }

	/* footer */
	#footer { clear:both; width: 1280px; margin: 0 10px; padding-top: 8px; border-top: 1px solid #989898; }
	#footer .adTistory { float:left; }
	#footer .copyright {float: right; font-family: Vadana, san-serif; font-size: 11px; text-align: right; padding: 0; margin: 0; }
	#footer .copyright p, #footer .copyright p a { color: #999; }
	#footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }

	#blogMenu ul {margin: 0; padding: 0;}

	#footer .adTistory .logoTistory {
		background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
	}
	* html #footer .adTistory .logoTistory {
		background-image:none;
		cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cfs.tistory/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');
	}

.UpBox {width: 960px; margin: -10px auto 20px; }
.UpBoxList {float: right; vertical-align: top; width: 542px; }
.UpBoxUp {float: left; width: 402px; }
	/* 다음뷰 위젯 */
	
	.daumvw {text-align: left; margin-bottom: 21px; }

	/* 믹스업 위젯 */
	
	.mixupw {text-align: left; }

.tt-plugin {background-color: #ffffff;}
.another_category {background-color: ; }

/* 블로그 카운트 */
#daumcount { width: 88px; height: 25px; background: url(./images/daumcountbg.png) no-repeat 0 0; cursor: pointer;}
.daumcountnum { font-size: 11px; font-family: 굴림; float: left; margin: 2px 0 0 20px;}









.p_link {border-bottom: 1px solid #0075C8; padding-left: 20px; background: url(./images/pwr_page_icon.gif) no-repeat center left}
.p_outlink {border-bottom: 1px solid #0075C8; padding-left: 20px; background: url(./images/pwr_external_link_icon.gif) no-repeat center left}
.p_down {padding-left: 20px; background: url(./images/pwr_download.png) no-repeat top left}
.p_outdown {padding-left: 20px; background: url(./images/pwr_download.png) no-repeat top left}
.p_listlink {border-bottom: 1px solid #0075C8; padding-left: 20px; background: url(./images/pwr_listlink.png) no-repeat center left}

.p_doc1 {border: 1px solid #79A5E4; padding: 10px; background: #DBE8FB;}
.p_doc2 {border: 1px solid #F3C534; padding: 10px; background: #FEFEB8;}
.p_doc3 {border: 1px solid #9FD331; padding: 10px; background: #E7FDB5;}
.p_doc4 {border: 1px solid #FE8943; padding: 10px; background: #FEDEC7;}
.p_doc5 {border: 1px solid #aaaaaa; padding: 10px; background: #f9f9f9;}
.p_doc6 {border: 1px solid #aaaaaa; border-left: 10px solid #1E90FF; padding: 10px; background: #fbfbfb;}
.p_doc7 {border: 1px solid #aaaaaa; border-left: 10px solid #FF0000; padding: 10px; background: #fbfbfb;}
.p_doc8 {border: 1px dashed #aaaaaa; padding: 10px; background: #ffffff;}
.p_cmmd {border: 1px solid #79A5E4; padding: 10px; background: #DBE8FB;}
.p_cmmd2 {border: 1px solid #aaaaaa; padding: 10px; background: #f5f5f5; font-family: monospace;}
.p_code {border: 1px dotted #aaaaaa; padding: 10px; background: #f5f5f5;}
.p_embed {border: 1px solid #aaaaaa; padding: 10px; background: #f9f9f9;}
.p_linkbox {border: 3px double #aaaaaa; padding: 10px; background: #ffffff;}
.p_downbox {padding: 10px; border: 1px solid #aaaaaa; border-left: 10px solid #9fd331; background: #f9f9f9;}
.p_downbox .hash {color: #016A00; font-size: 12px;}
.p_qbox {padding: 10px; border: 1px solid #aaaaaa; border-left: 10px solid #f4c430; background: #f9f9f9;}

.p_toc {width: 938px; margin: 0 auto; border: 1px solid #CEDFF2; padding: 5px 10px; background: #ffffff;}
.p_toc h5 {margin: 0; padding: 0; text-align: center; font-size: 14px;}
.p_toc ul {margin: 0; padding: 0; list-style: none;}
.p_toc ul li {margin: 0; padding: 0;}

.p_doc_blank {margin-bottom: 150px;}

.p_highlight {padding-left: 20px; border-bottom: 1px solid #ff0000; background: #FFE7E7 url(./images/pwr_Redmark.png) no-repeat top left;}

.p_doc_outdoc_tb {width: 100%; border: 1px solid #aaaaaa; background: #ffffff}
.p_doc_outdoc_tr1 {background: #fbfbfb;}
.p_doc_outdoc_tr2 {background: #fbfbfb;}
.p_doc_outdoc_td1 {padding: 10px; border-left: 10px solid #f4c430; border-bottom: 1px dashed #aaaaaa;}
.p_doc_outdoc_td2 {padding: 10px; border-left: 10px solid #f4c430;}

.p_doc_sts_tb {width: 100%; border: 1px solid #aaaaaa; background: #ffffff}
.p_doc_sts_tb .tr1 {background: #ffffff;}
.p_doc_sts_tb .tr2 {background: #f2f2f2;}
.p_doc_sts_tb .tr3 {background: #fefeb8;}
.p_doc_sts_tb tr .tdl {width: 100%; padding: 10px 10px 20px 10px; vertical-align: top;}
.p_doc_sts_tb tr .tdr {padding: 10px 10px 20px 0; vertical-align: top;}

.p_doc_table_tb {width: 100%; border: 1px solid #A6ACB2;}
.p_doc_table_tb caption {padding-bottom: 10px; color: #3e3e3e; font-weight: bold;}
.p_doc_table_tb th {height: 24px; background: url(./images/pwr_table-th.png) repeat-x top left; color: #3e3e3e; border-bottom: 1px solid #A6ACB2;}
.p_doc_table_tb td {border-left: 1px solid #dddddd;}
.p_doc_table_trh {background: #f0f1f3;}
.p_doc_table_tr1 {background: #ffffff;}
.p_doc_table_tr2 {background: #f8f8f8;}
.p_doc_table_tb .h-item {padding: 5px; text-align: left; color: #3e3e3e;}
.p_doc_table_tb .item {padding: 5px; border-left: 0px solid #dddddd; text-align: left; color: #3e3e3e; font-size: 13px; font-weight: bold;}
.p_doc_table_tb .txt {padding: 5px; color: #3e3e3e; font-size: 13px; text-align: center;}
.p_doc_table_tb .i-check {background: url(./images/pwr_ok-green.png) no-repeat center center;}
.p_doc_table_tb .i-none {}
.p_doc_table_tb .i-check p {text-align:center; display: none;}
.p_doc_table_tb .i-none p {text-align:center; display: none;}

.p_doc_link_tb {width: 100%;}
.p_doc_link_tr1 {background: #ffffff;}
.p_doc_link_tr2 {background: #ffffff;}
.p_doc_link_td1 {padding: 10px 0; border-bottom: 5px solid #F28500;text-align: center; font-size: 18px; font-weight: bold;}
.p_doc_link_tdl {width: 50%; padding: 10px; border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-right: 1px dashed #aaaaaa;}
.p_doc_link_tdl .p_link {}
.p_doc_link_tdl .p_outlink {}
.p_doc_link_tdr {width: 50%; padding: 10px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
.p_doc_link_tdr .p_link {}
.p_doc_link_tdr .p_outlink {}

.p_doc_list_tb {width: 100%;}
.p_doc_list_tr1 {background: #ffffff;}
.p_doc_list_tr2 {background: #ffffff;}
.p_doc_list_td1 {padding: 10px 0 0; text-align: center; font-family:맑은 고딕,Malgun Gothic,굴림; font-size: 15px; font-weight: bold; color: #000000;}
.p_doc_list_td2 {width: 50%; vertical-align: top; padding-top: 0; border: 1px solid #aaaaaa; background: url(./images/pwr_list-line.png) repeat top left; color: #000000;}
.p_doc_list_td2 a {color:#000000; text-decoration: none}
.p_doc_list_td2 a:hover,
.p_doc_list_td2 a:focus {color: #0000ff; text-decoration: underline}
.p_doc_list_td3 {width: 50%; vertical-align: top; padding-top: 0; border: 1px solid #aaaaaa; background: url(./images/pwr_list-line.png) repeat top left; color: #000000;}
.p_doc_list_td3 a {color:#000000; text-decoration: none}
.p_doc_list_td3 a:hover,
.p_doc_list_td3 a:focus {color: #0000ff; text-decoration: underline}

.p_list_ul1 ul {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.p_list_ul1 ol {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.p_list_ul1 li {line-height: 200%; font-family: 맑은 고딕,Malgun Gothic,굴림; Font-size: 14px; color: #aaaaaa;}
.p_list_ul2 ul {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.p_list_ul2 ol {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.p_list_ul2 li {line-height: 200%; font-family: 맑은 고딕,Malgun Gothic,굴림; Font-size: 13px; color: #aaaaaa;}

.moreless_fold span {color: #0075C8; border-bottom: 1px solid #0075C8; padding-left: 20px; background: url(./images/pwr_fold.png) no-repeat center left}
.moreless_top span {color: #ff0000; border-bottom: 1px solid #ff0000; padding-left: 20px; background: url(./images/pwr_fold.png) no-repeat center left}
.moreless_bottom span {color: #ff0000; border-bottom: 1px solid #ff0000; padding-left: 20px; background: url(./images/pwr_fold.png) no-repeat center left}


/* ----------------------------------------------------------------------------------------------------------------------------
== FOLDED CORNERS
** ---------------------------------------------------------------------------------------------------------------------------- */

.note {
    position:relative;
    width:900px;
    padding:1em 1.5em;
    margin:0 auto;
    color:#fff;
    background:#97C02F;
    overflow:hidden;
}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background:#658E15; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
            box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.red {background:#C93213;}
.note.red:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}

.note.blue {background:#53A3B4;}
.note.blue:before {border-color:#fff #fff transparent transparent; background:transparent;}

.note.taupe {background:#999868;}
.note.taupe:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}

/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
 
.note.rounded {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.note.rounded:before {
    border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}

.note p {margin:0;}
.note p + p {margin:1.5em 0 0;}

.wikitable {border: 1px solid #aaa;}
.wikitable th {Background-color: #f2f2f2;}
.wikitable td {Background-color: #f9f9f9;}