@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 본문 공통 */
HTML {overflow-x:hidden;}




body {font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
      color:#666; background: #ffffff; margin:0; padding:0; overflow-x:hidden;  }


	a:link { color:#333; text-decoration:none;}
	a:visited { color:#333; text-decoration:none;}
	a:hover { color:#333; text-decoration:none; }
	a:active { color:#333; text-decoration:none;}
	img { border: 0;  }





/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold; color:#333; }
        .no-more-prev {  padding-left:6px; color:#000;}
	.no-more-next {  padding-right:6px; color:#000;}
	  
/* 카테고리 - 이미지 버튼 */
	.ib { 	cursor: pointer; }
/* 5. 입력 텍스트 */
	.text { border:px solid #999; }
/* 6. 트리 테이블 */
	.branch2 { }
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; height: 10px; }

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

/* 18. 더보기 */
.moreless_fold 
{background:url(./images/down.png) left no-repeat ; 
padding-left:15px; }

.moreless_top  
{background:url(./images/up.png) left no-repeat ; 
padding-left:15px; }


/* 19. * 그림 */
  
  .imageblock {    max-width:100%;
	border:none;
	margin:0;
	padding:0; 
	}









input           {  border:none; color:#666; font:15px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  }
textarea        {  border:none;  color:#666; font:15px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }


/* Tiedition  
   ------------------------------------------------ */
#ttCanvas { max-width: 100%!important; }
.tt-span-1,
.tt-span-2,
.tt-span-3,
.tt-span-4,
.tt-span-5,
.tt-span-6,
.tt-span-7,
.tt-span-8,
.tt-span-9,
.tt-span-10,
.tt-span-11,
.tt-span-12 {
max-width: 100%!important;
}

/* Tiedition use the hNews microformat 
-------------------------------------------------- */
.tiedition .entry-header { }
.tiedition .entry-title { }
.tiedition .entry-summary { }
.tiedition .entry-content-asset { }
.tiedition .entry-content { }
.tiedition .byline { }
.tiedition .updated { }
.tiedition .entry-tags { }

/* Tiedition entry
-------------------------------------------------- */
.tiedition-title {
  margin: 0 0 10px!important;
  padding: 0 0 10px!important;
  font-size: 16px!important;
  font-family: inherit!important;
  border-bottom:1px solid #eee!important;
} 
.tt-post-title {
  font-weight: normal!important;
  letter-spacing: normal!important;
  font-size: 14px!important;
  text-align: center!important;
  margin: 0 0 5px!important;
  padding: 0!important;  
  text-shadow:#666666 0 1px 2px;filter:Shadow(Color=#666666, Direction=180, Strength=2); 
}
.tt-post-thumb {
  padding-bottom:5px!important; width:100%;  )
}
.tt-post-summary {
  text-align: justify!important;
  font: inherit!important;
}
.tt-post-etcinfo {
  font: inherit!important;
  letter-spacing: normal!important;
  text-align: left!important;
}
.tt-post-etcinfo * {
  white-space:initial!important;
}
.tt-post-etcinfo p {
  font-size:8px!important;
  margin: 5px 0 20px!important;
}
.tt-post-category, 
.tt-post-author,
.tt-post-date,
.tt-post-comment { 
  font: inherit!important;
  letter-spacing: normal!important;
  line-height: 1.8!important;
}
.multi-columns-row .first-in-row {
  clear: left;
}
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }
@media (min-width: 768px) {
  .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }
  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }
  .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}



.tiedition-m-6 { 
margin-right:-6px !important;
margin-left:-6px !important;
}

.tiedition-p-6 { 
padding-right:6px !important;
padding-left:6px !important;
}

.h-m-6 {
margin-top:6px !important;
margin-bottom:6px !important;
}







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

#container {  max-width: 820px; width:94%; /*@*/ margin: 0 auto; 	

  margin-top : 0px;  border-right: px dashed #482F1F;   position: relative; /* For scrollyspy */
 }



/* ***** header ***** */


#header { float: center; /*@post-width:100%=width:;*/ width:100%; /*@*/
		height:/*@title-height=*/ 57px /*@*/;
		border-bottom: 1px solid #aaa;
   	    left: 0px;    
   	   display: block;   position:fixed; _position:absolute;   top:0px; z-index: 9999;
              background-color: #fff; opacity:0.9;filter:Alpha(opacity=90) ; }

#header img { -webkit-border-radius:144px;border-radius:144px; width: 44px; height:44px; background: none; margin-top: 7px; margin-left: 31px;  border: 0px solid #E1E1E0;    z-index: 11000;   background:none;  }


	
#header h1{
	/*@title-font-size=font-size:*/ font-size:0px /*@*/;
	/*@title-font-family=font-family:*/ font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; /*@*/;margin-top: -32px;  margin-left: 77px;   color: #transparent;  }

#header h1 a { 
	/*@title-font-size=font-size:*/ font-size: 0px /*@*/;
	/*@title-font-family=font-family:*/ font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; /*@*/; float:center; z-index: 10005; color: #fff;

 }
















#sidebar {
		float:left;
		width:100%;
                padding:0px 0px 50px 0px; 
               overflow:hidden;  margin-left: 0px;
}
	
	

 




	/* ***** content ***** */
	#content .nonEntry {   }
    #content .nonEntry h3 {
          /*@post-title-font-size=font-size:*/ font-size: 15px /*@*/;
          /*@post-title-font-family=font-family:*/ font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;/*@*/;
          /*@post-title-color=color:*/ color: #333 /*@*/;
          margin: 0; padding: 10px 0;            
          margin-bottom: 14px;  font-weight:normal;  margin-top: 14px;        }

	#content .entry          { width:/*@post-width=*/ 100%; /*@*/; margin: 0;  overflow:hidden;     text-align:left;   }





	#searchList ol,
	#searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
	#searchList li,
	#searchRplist li            { border-bottom:1px solid #f9f9f9;  padding: 5px 0; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  color:#333; width:100%; text-align:left;   }

	#searchList li a:visited		{   color:#999;  list-style:none;  }
	#searchList .date,          
	#searchRplist .date         { color: #aaa; margin-right:10px; float:right; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   }
	#searchList .cnt            { color: #999; }
	#searchRplist .name         { color:#fff;  padding-left:8px;}
	


	

#guestbook                        { padding:10px 0px 40px 0px; margin-bottom:4px;  
                                           width:100%; overflow:hidden; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; } 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
#guestbook h3                       { display:none;}
#guestbook ol,
#guestbook ul                       { margin:0;  padding:0;  list-style:none; }
#guestbook .date                    { font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  color:#aaa; }
#guestbook .name                 { color:#999999;font:15px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: 300;  }
#guestbook .name a               { color:#000; font:15px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: 300; }
#guestbook ol li                    { padding-bottom:10px;  margin-top:40px;   border-bottom:1px solid #F3F3F3;  background:#FBFBFB;        color:#333;    padding: 5px;                               }
#guestbook ol li.ad           { padding-bottom:10px;  margin-top:5px;   border-bottom:1px solid #F3F3F3;  background:#FBFBFB;      color:#333;  padding: 5px;  }
#guestbook .control a            { color:#ccc; font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#222;  text-decoration:none;   background:url(./images/bright.gif) right top no-repeat; padding-top: 11px; }
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:20px;color:#aaa; margin-bottom: 20px;}
#guestWrite input               { width:250px;padding:5px; color:#333;   border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3;  border-bottom:1px solid #F3F3F3; background:#FBFBFB;   }
#guestWrite textarea            { width:80%; padding:5px; position:relative; top:0px;
                                              height:100px;overflow:auto;color:#333;
                                             font:15px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; border-bottom:1px solid #F3F3F3;  background:#FBFBFB; }
#guestWrite .homepage           { width:250px;padding:5px;  border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; border-bottom:1px solid #F3F3F3; background:#FBFBFB; }
#guestWrite .submit             { width:100px;  height:25px;  
                                                font:15px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; position:relative; top:5px;     padding:2px 0px 5px 0px; text-align:center;color:#333; border:none; background: none;   float: left;;}
#guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}









       /* entry */
	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 22px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; /*@*/;
		/*@post-title-color=color:*/ color: #333 /*@*/;   
			width: 100%; margin-top: 90px; font-weight: bold;  }
    .entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{ 
		/*@post-title-font-size=font-size:*/ font-size: 22px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family:'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; /*@*/; font-weight: 100;
		/*@post-title-color=color:*/ color: #333 /*@*/;  width: 100%;   margin-top: 90px;}
	.titleWrap { width:/*@post-width=*/ 100%; /*@*/; overflow: hidden; color: #333;  border-bottom: 1px solid #E1E1E0;  margin-bottom: 20px; font-weight: 100; }
	.titleWrap h2 { margin-left: 0px; padding: 10px 0; /*@post-title-color=color:#999* /*@post-body-font-family=*/  dotum, arial, verdana, sans-serif;  /*@*/color: #999/*@*/; margin-bottom: 10px;  font-weight:normal;  width:100%; text-align:left;   font-weight: 100;  }
         .titleWrap h2 a:link { /*@post-title-color=color:*/ color: #333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #222 /*@*/; text-decoration:none; }
	.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #111 /*@*/; text-decoration:none;  background:url(./images/bright.gif) right top no-repeat; padding-top: 11px; }
	.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #999 /*@*/; text-decoration:none; }
        .titleWrap .date         { color: #ccc;  float: left;   font:14px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  padding-right: 0px;  padding-top:3px;  padding-bottom:3px; margin-top:-15px;   margin-bottom:25px; font-weight:100;  }
        .titleWrap .author         { color: #333;  float: left;   font:14px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  padding-right: 0px;  padding-top:3px;  padding-bottom:3px; margin-top:-15px;   margin-bottom:25px; font-weight:100;  }
     .titleWrap .sort         { font-color: #52D017;  float: left;   font:14px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  padding-left: 0px;  padding-top:3px;  padding-bottom:3px; margin-top:75px;   font-weight:100;   }

 .titleWrap .edit a       { color: #aaa;  float: right;   font:0.9em verdana, gulim, dotum;   }


	.entryProtected { color: #666; border : none;  }
	.entryProtected p.text   { padding:15px;  }
	.entryProtected input    { width:200px ; background: #f9f9f9; }
	.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:100%;   color:#666; overflow:hidden; margin: 10 10 10 0px;   font:15px/2.1 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: 100; }


	.article a:link          { color:#333;   text-decoration:underline;}
	.article a:visited       { color:#333;   text-decoration:underline;}
	.article a:hover         { color:#333;  text-decoration:underline;   background:url(./images/bright.gif) right top no-repeat; padding-top: 11px; }
	.article a:active        { color:#333;  text-decoration:none;}

	.article img        {   width: auto\9;
  max-width: 100%;
  height: auto; }

	.article img        {  display: block;  max-width: 100%;  width:auto\9;  height: auto;
  vertical-align: middle;    border:0;  -ms-interpolation-mode:bicubic;  }




	

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

.article blockquote      { background:url(./images/photoline.gif) top left no-repeat;  padding-left:px;  margin:0px 0px;}




.post_writer{position:relative;margin:31px 0px 39px;padding-top:11px;word-break:break-all}.post_writer .thumb{display:table-cell;padding-right:10px}

.post_writer .thumb a{display:block;overflow:hidden;width:50px;height:50px}

.post_writer .thumb .img{display:block;overflow:hidden;position:relative;width:50px;height:50px}

.post_writer .thumb .img:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;filter:alpha(opacity=10);opacity:.1;border-radius:24px;content:''}

.post_writer .thumb img{width:50px;height:50px;border-radius:24px; }

.post_writer .txt{display:table-cell;overflow:hidden;vertical-align:top}
.post_writer .writer{padding-right:2px;font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  font-size:1.214em;vertical-align:-2px}


.post_writer .dsc{display:block;padding-top:2px;font-family:'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#838282;word-break:break-all}

.tagTrail {  color:#838282;  margin-top : 30px; margin-bottom : 30px; font-size: 14px; } 
.tagTrail a {  color:#838282;  margin-top : 25px; margin-bottom : 25px; font-size: 14px; background : #efefef;  padding: 2px 4px 2px 4px;  line-height:30px; } 
.tagTrail a:hover {  color:#333;   } 
.tagTrail .tagText { font-weight:bold; color:#838282; font-size: 15px;   }
.tagTrail .line a { color:#838282; font-size:14 ;  margin-top:10px;   }
.snsfb{width: 100%; padding-top:20px; padding-bottom:0px; border-top:1px solid #E1E1E0; border-bottom:px solid #E1E1E0; }


.profile { margin-top : 5px; margin-bottom : 20px; } 
.profile .author { font:15px/1.7 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: bold;  }
.profile .my { font:15px/1.7 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#838282;  }






.post_writer {position:relative;margin:0px 0px 5px 0px;padding-top:0px;word-break:break-all; font-size:14px;  }
.post_writer .blogImage{display:table-cell;padding-right:10px; }

.post_writer .blogImage a{display:block;overflow:hidden;width:50px;height:50px; }

.post_writer .blogImage .img{display:block;overflow:hidden;position:relative;width:50px;height:50px;}

.post_writer .blogImage .img:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;filter:alpha(opacity=10);opacity:.1;border-radius:24px;}

.post_writer .blogImage img{width:50px;height:50px;border-radius:24px; }

.post_writer .txt{display:table-cell;overflow:hidden;vertical-align:top; color:#fff;  font: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;}
.post_writer .title a{padding-right:2px; font-size:1.214em; vertical-align:-2px;  color:#fff; }

.post_writer .dsc{display:block;padding-top:0px; margin-top:0px;  color:#fff; word-break:keep-all}

.post_writer .top a{position:absolute; right:15px; margin-top:-53px; padding-top:0px;  
       background: #fff ;  text-align:right; font-size:20px;  }
.post_writer .top a:hover{position:absolute; right:15px; margin-top:-53px; padding-top:0px;  text-decoration:none; }



	#articleBtmWrap { width 100% ;  border: px solid #f5f5f5; padding: 7px 0 5px 0;     font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-size:15px;  color: #eee; margin: 0 auto;    }

	.actionTrail  { width:/*@post-width:*/ 100px;/*@*/; overflow: hidden;  
   font-size: 17px ;  margin: 0 0px; padding-bottom:2px;  color:$333; }

.actionTrail .cnt        { color:#333;  font-size: 17px; font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;    padding:2px 0px 2px 2px;  margin-left:2px;  }
.actionTrail a:hover { text-decoration: none;   background:url(./images/bright.gif) right top no-repeat; padding-top: 11px;  }
    

.action {font-size:17px; font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; border-top:1px solid #E1E1E0; top:16px; padding-top:8px;  }


.comment                          { padding:10px 0px 10px 0px; margin-bottom:4px; width:100%; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
.comment p .sm          {  font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    {  font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#bbb;}
.comment .name                 { color:#bbb; font-weight:bold; }
.comment .name a               { color:#333; font-weight:bold; }
.comment .name a:hover     { color:#aaa;}
.comment ol li                    { padding-top:10px; border-top:1px solid #E1E1E0; margin:10px 0px 0px 0px;
                                           background:#fff; font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#666;}
.comment ol li.ad           { padding-top:10px;border-top:1px solid #E1E1E0; margin:10px 0px 0px 0px;
                                           background:#fff; font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#666;}
.comment .control a            { color:#666; font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
.comment .control a:hover  { color:#888;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite                     { padding:25px 0px 5px 0px ; margin:0px;color:#444;}
.commentWrite input               { width:60%;padding:5px; color:#444; background:none; border:1px solid #E1E1E0;}
.commentWrite textarea            { max-width: 100%; width:94%;  padding:5px; position:relative; top:5px;
                                                  height:100px;overflow:auto;color:#444; background:none;
                                                 font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; border:1px solid #E1E1E0; }
.commentWrite .homepage           { width:60%;padding:5px; border:1px solid #E1E1E0; background:none;}
.commentWrite .submit             { width:100%;  height:25px; font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  position:relative; top:10px; padding:2px 10px 0px 33px;text-align:left;color:#333; border:none; background:url(./images/post_v_1.png) left no-repeat;    }
.commentWrite .secretWrap         { float:right; position:relative; top:0px; left:-10px;}
.commentWrite .checkbox          {border:none; padding:0;	margin:0; width:25px; background:none;}





#sidebar h3 			{ padding-bottom:10px; margin-top: 25px;  margin-bottom: 0px;   width: 100%;  color:#333; border-bottom: 1px solid #E1E1E0;  font-size:15px; font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: bold; font-size:15px }

#sidebar h4 			{ padding-bottom:10px; margin-top: 25px;  margin-bottom: 0px;   width: 100%;  color:#333; border-bottom:0px solid #E1E1E0;  font-size:15px; font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: bold;  }

#sidebar ul					{ padding-top:0px; padding-left:0px; margin:0;  color:#333; list-style:none; font-size:15px; }
#sidebar li 					{   color:#333;  list-style:none;  }
#sidebar li a:link		{   color:#333;  list-style:none;  }
#sidebar li a:hover		{   color:#333;  list-style:none;  }
#sidebar li a:visited		{   color:#999;  list-style:none;  }



#sidebar .cnt						{ font-size:11px; color:#aaa; font-weight:normal;}
#sidebar .name					{ color:#aaa;}
#sidebar .date					{ font-size:9px; color:#aaa; font-weight:normal;}


#category { width: 100%;  border-bottom: 1px solid #E1E1E0;  }
#category ul {padding-top:0px; padding-left:15px; margin:0;  color:#333; list-style:none; font-size:15px; margin-top:15px;}
#category li { padding-left:0px; margin:0;  color:#333; list-style:none; font-size:15px;   padding-top:4px; padding-bottom:3px;     }
#category li a { }
#category li a:hover { color:#666;  }



#recentPost li {  color:#333;   border-bottom: 1px solid #E1E1E0; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; padding-top:12px; padding-bottom:12px;   }
#recentPost li a {     }
#recentPost li a:hover { color:#666;   }

#recentComment li {  color:#333;   border-bottom: 1px solid #E1E1E0; font:15px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  padding-top:12px; padding-bottom:12px;   }
#recentComment li a { }
#recentComment li a:hover { color:#666;  }

#recentTrackback li a { }
#recentTrackback li a:hover { color:#666;   background:  #FFFFCC; }

#category h3 {border-top:px solid #333; }
#recentPost, 
#recentComment,
#recentTrackback,
#calendar				{ padding-bottom:10px;}
#archive				{ font:9px verdana, dotum; padding-bottom:10px;}






#link						{ font:11px verdana, dotum; padding-bottom:10px;}



/* ***** side tag ***** */

#sidebar_tag { width:100%;
              no-repeat bottom; 
             padding:0px 0px 0px 0px; margin-bottom:10px;
             }

#sidebar_tag ul            { padding:0px 10px 0px 0px; margin:0px;text-align:justify; color:#ccc}
#sidebar_tag li            { background:none;  display:inline; color:#ccc;opacity:.7; }
#sidebar_tag a             {  background-color:#efefef;  color:#ccc;   font-style: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-size: 15px;  line-height:30px; padding: 2px 3px 2px 3px;
font-weight: 100; }	
#sidebar_tag li .cloud1    { background-color:#efefef; color:#ccc; font-size:15px; line-height:30px; padding: 0px 3px 0px 3px;}

#sidebar_tag a:hover          { background-color: #eee; color:#999 ; }
#sidebar_tag a:visited		{  background-color: #eee;  color:#999;  list-style:none;  }



.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.searchBox               { text-align:left; padding:0px 0px 20px 0px;  font:18px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  }
.searchBox input         { width:80%;  height:24px; border:1px solid #E1E1E0;  padding:5px; background:#fff;
            font:16px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  color:#777;   }







	/* paging */
#paging            { padding:30px 0px 20px 0px;  text-align:left;  font-size:15px; letter-spacing:0px; line-height:22pt;}
#paging .numbox    { margin:0px;  font:1.0em; } 
#paging .num { margin:0px 2px 0px 2px;color:#ccc;border:1px solid #f1f1f1; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; color:#999; }

#paging .num:hover { margin:0px 2px 0px 2px;border:1px solid #B9B19D; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; color:#333; background-color:#ccc;}













/* ***** footer ***** */
#footer {margin-bottom: 10px;  }
#footer .copyright          {   padding:0px 0px 5px 5px;  color: #bbb;  font:15px/1.5 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   width: 100%; bottom: 0px;  left: 5px;   z-index: 9999; overflow: visible;  }
#footer .copyright  a        { color:#bbb;   }
#footer .copyright  a:hover  { color:#333; padding-top: 7px;   background:url(./images/bright.gif) right top no-repeat; padding-top: 11px; }