@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 본문 공통 */
HTML {overflow-x:hidden;}
body{
		font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#f2f2f2; margin:0; padding:0;
background-color:#000; }
a:link          { color:#f2f2f2;     text-decoration:none;}
a:visited       { color:#fff;     text-decoration:none;}
a:hover         { color:#fff;     text-decoration:none; }
a:active        { color:#fff;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
  .selected               { font-weight:normal;  color:#ccc;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               {  padding:0px; }
    .rp_secret              { color:#9a9b9d;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { padding:0px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { padding:0px;  font-weight:normal;}


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


/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:0px; color:#999; text-align:right;}

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


/* 더보기 */
.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; }


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

hr              { display:none;}
img {-ms-interpolation-mode:bicubic; border:0;} 
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
h2              { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
h3              {  font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight: 100; }
h4              { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;}
input           {  border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; background:#111;
                     }
textarea        {   border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; background:#111;                        }










/* 블로그 레이아웃 */

#container {
		 max-width: 1040px; width:96%; /*@*/ margin: 0 auto; 
		margin:0px auto; 
		padding:0px;  
		background-color:#000; border-left: none; 
}
#header {
		margin:0px;   
                max-width: 270px; width:96%; /*@*/ margin: 0 auto;
                height:100%;
                  padding:60px 0px 5px 0px; border-left: 1px solid #333;   float:left; }
#content {
		float: left; 
                max-width: 750px; width:96%; /*@*/ margin: 0 auto;
                padding:70px 5px 0px 7px; border-left: 1px solid #333; margin: 0px; overflow:hidden;  }
#sidebar {     
	      float: left; 
              max-width: 270px; width:96%; /*@*/ margin: 0 auto;
              padding:0px 0px 0px 0px;   overflow:hidden;      }
#footer {
		clear:both;
		margin:0;
                padding:0;
                border-top: px solid #333; width : 150px; }

/* ***** Header ***** */        

#header .bloglogo a        { padding-left: 7px; margin:0px; float:left; width:210px; height:100%; background-color:#000;   color:#fff; font:20px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight:100;  border-left: 0px solid #333;  margin-left: 0px;  }

#header .bloglogo a:hover       { color:#333; text-decoration:none;}



/* ***** content ***** */
#content .non{ width:100%; /*@*/ margin: 0 auto; padding:0px 0px 0px 0px; margin:0px;border-top:px solid #ccc; }
#content .nonEntry h3   { padding-bottom:10px;  margin-bottom:5px;   }

#content .entryNotice, 
#content .entryProtected, 
#content .entry             { width:100%;/*@*/ margin: 0 auto; padding:0px 0px 0px 0px; border-top:px solid #ccc;}


#searchList ol, 
#searchRplist ol            { list-style:none;  padding:10px 0px 40px 0px;  margin:0; color:#ccc;}
#searchList li, 
#searchRplist li            { border-bottom:0px solid #f1f1f1;  padding-bottom:5px;  margin-bottom:4px; font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
#searchList .date, 
#searchRplist .date         { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#999;  margin-right:10px; }
#searchList .cnt            { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  color:#999; padding:0px 0px 0px 0px;} 
#searchRplist .name         { font:11px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#999;  padding-left:8px;}



#guestbook                        { padding:10px 0px 10px 0px; margin-bottom:4px;  width:100%; /*@*/ margin: 0 auto;:3px 0 0 0; padding:0; font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;}
#guestbook p                        { margin:8px 0 0 0; padding:0; font:14px/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:11px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  color:#aaa;}
#guestbook .name img { border-radius:24px; filter:alpha(opacity=80);opacity:0.8; margin-bottom:-10px;}
#guestbook .name                 { color:#f2f2f2; font-weight:100;   }
#guestbook .name a               { color:#fff; font-weight:100;  }
#guestbook ol li                    { padding-bottom:0px;  margin-top:5px;    background:#111; border-bottom:1px solid #222; color:#f2f2f2;   padding: 5px;                               }
#guestbook ol li.ad           { padding-bottom:0px;  margin-top:5px;   border-bottom:1px solid #222;  background:#111; color:#f2f2f2;  padding: 5px;  }
#guestbook .control a            { color:#999; font:11px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#fff;  text-decoration:none;}
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:20px;color:#f2f2f2; margin-bottom: 20px;}
#guestWrite input               {  width:100%; padding:5px; color:#f2f2f2;   border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #222;  border-bottom:1px solid #222; background:#111;  font:14px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   }
#guestWrite textarea            { width:100%; /*@*/ margin: 0 auto; padding:5px; position:relative; top:-16px; height:100px;overflow:auto;color:#f2f2f2;  font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; border-bottom:1px solid #222;  background:#111; }
#guestWrite .homepage           {  width:100%; padding:5px;  border-left:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; border-bottom:1px solid #222; background:#111; font:14px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  }
#guestWrite .submit             {  width:100%;  height:28px; font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  position:relative; top:-20px; padding:2px 10px 0px 33px;text-align:left;color:#f2f2f2; border:none; background:url(./images/post_v_1.png) left no-repeat;   }

#guestWrite .secretWrap         { float:right; position:relative; top:-10px; left:-10px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:#111;}


/* entry */
.entryNotice h2, 
.entryProtected h2,    
.entry h2                { font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;}
.titleWrap               { padding-bottom:5px;  margin-bottom:0px; }
.titleWrap h2 a          {color:#f2f2f2; font-weight: 600;  }
.titleWrap h2 a:hover          { color:fff; }





.entryProtected p.text   { padding-left:0px; font-color : #f2f2f2;}
.entryProtected input    { width:140px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#fff;}


.article                 {  width:100%; /*@*/ margin: 0 auto;margin:0px; overflow:hidden;color:#f2f2f2;   font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; text-align:justify;  font-weight: 100; }

.article a:link          { color:#f2f2f2;   text-decoration:none;  }
.article a:visited       { color:#fff;  text-decoration:none; }
.article a:hover         { color:#fff;  text-decoration:line-through; }
.article a:active        { color:#fff;  text-decoration:none;}

.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/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}



.action             { border:px solid #eee;  padding:5px;  clear:both;
                                font:13px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#f2f2f2;  text-align:left; height:100%;    margin-top: 15px;  border-bottom:1px solid #222;  background:#111; }
.action .spread         { display:block;padding-top:0px; font-family:'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#000; word-break:keep-all; text-align:right; margin-top:-23px; font-weight:bold;  }

.action a           { color:#f2f2f2;}
.action a:hover     { color:#fff;}


.actionTrail             { border:px solid #eee;  padding:0px;  clear:both;
                               font:13px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;color:#999;  text-align:left; height:100%;  background:#111;  margin-top: 15px;  width:100%; /*@*/ margin: 0 auto;margin:0px;  }
.actionTrail a           { color:#ccc;}
.actionTrail a:hover     { color:#fff;}

.actionTrail .all{display:block; padding-top:0px; font-family:'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;   color:#666; word-break:keep-all; text-align:right; margin-top:-23px;  padding-right:11px; font-weight:bold;}






.post_writer{position:relative;margin:5px 0px 5px 5px;padding-top:5px;word-break:break-all; font-size:13px; }
.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=90);opacity:.9;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; }
.post_writer .writer{padding-right:2px; font-family: 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  font-size:1.214em; vertical-align:-2px; font-weight:100; color:#fff; font-weight:bold;  }

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

.post_writer .top a{position:absolute; right:15px; margin-top:-43px; padding-top:0px; font-family:'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#000; text-align:right; font-size:20px; weight:100; }
.post_writer .top a:hover{position:absolute; right:15px; margin-top:-43px; padding-top:0px;  text-decoration:none; }


.commentCount {  font:17px/1.6  Arial, Gulim, sans-serif;}

.comment                          { padding:0px 0px 0px 0px; margin-bottom:4px;      width:100%; /*@*/ margin: 0 auto; overflow:hidden;
 } 
.comment p                        { margin:8px 0 0 0; padding:0; font:14px/1.8 '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:11px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#aaa;}
.comment .name                 { color:#aaa; font-weight:100; font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  }


.comment .name img { border-radius:24px; filter:alpha(opacity=80);opacity:0.8; margin-bottom:-10px;}
.comment .name a               { color:#f2f2f2; font-weight:100;  }
.comment .name a:hover     { color:#fff;     }
.comment ol li                    {padding-bottom:10px; padding: 5px;  margin-top:10px;
                                          border-bottom:1px solid #222;  background:#111; color: #888; }
.comment ol li.ad           { padding-bottom:10px; padding: 5px;  border-bottom:1px solid #333; margin-top:5px;background:#111; color: #888; 
}



.comment .control a            { color:#aaa; font:11px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; padding:0px 0px 0px 5px;}
.comment .control a:hover  { color:#fff; text-decoration:none;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite                     { padding:25px 0px 5px 0px ; margin:0px;color:#aaa;}
.commentWrite input               {  width:100%;  padding:5px; color:#f2f2f2;  border-bottom:1px solid #222;  background:#111; font:14px/1.6 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; }
.commentWrite textarea            { width:100%; /*@*/ margin: 0 auto;padding:5px; position:relative; top:0px;
                                                  height:100px;overflow:auto;color:#f2f2f2;  border-bottom:1px solid #222;  background:#111; font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;}
.commentWrite .homepage           {  width:100%;  padding:5px;  border-bottom:1px solid #222;  background:#111;}
.commentWrite .submit             { width:100%;  height:28px; font:15px 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  position:relative; top:0px; padding:2px 10px 0px 33px;text-align:left;color:#f2f2f2; 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:#111;  }




/* ***** sidebar ***** */










#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu li         { display:inline; background:none;}

#searchBox               { text-align:left; padding:10px 0px 5px 0px;  background: #; color:#fff;}
#searchBox input         { width:180px;  height:14px;  padding:7px;
                                      font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  background: #000; border: none;    border-bottom:0px solid #F3F3F3; border-right:0px solid #F3F3F3; border-top:0px solid #F3F3F3; color:#fff; }

#sidebar h3 a:hover			{ cursor:pointer;    }
#sidebar h3 span:hover		{   color:#fff;   }
#sidebar h3 			{ padding-left:7px; padding-bottom:0px; margin-bottom: 5px;  margin-top: 3px;  font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  background: #000; width: 80px;  color:#f2f2f2; border-left: none solid #333; font-weight: 100 ;  }
#sidebar ul					{ padding-left:11px; margin:0; list-style:none; color:#333; }
#sidebar li					{ padding-bottom:2px; list-style:none; color:#333;  }


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





#category h3 {border-top:1px 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;}












		/* paging */
#paging            { padding:30px 0px 30px 0px;  text-align:left;  font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;  letter-spacing:-1px;}
#paging .numbox    { margin:0px;  font:14px; } 
#paging .num { margin:0px 2px 0px 2px;color:#ccc;border:1px solid #333; 
                        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 .copyright          { text-align:left;  padding:5px 0px 5px 7px;     font:14px/1.8 'Nanum Gothic', Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; color:#666;  repeat-x 0 0; width: 240px; border-left: 1px solid #333; height:100%; }
#footer .copyright  a        { color:#333;   }
#footer .copyright  a:hover  { color:#999;}