@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */


body            { padding:0; margin:0; font-family:NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif
; font-size:12px; color:#666; }
a:link      { color:#666; text-decoration:none;}
a:visited   { color:#666; text-decoration:none;}
a:hover     { color:#7aa; font-weight:bold;}
a:active        { color:#666; text-decoration:none;}


/* 페이징 - 현재 페이지 */
.selected                   { font-weight:bold; color:#7aa;}

/* 카테고리 - 이미지 버튼 */
.ib                             { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3                    { cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt                      { font-size:9px; color:#7aa; font-weight:normal; }

/* 달력 월 표시 */
.cal_month                  { font:11px verdana; height:18px; font-weight:bold; text-align:left; }
/* 달력 요일 표시(th 영역) */
.cal_week1              { font:12px dotum; height:18px; font-weight:normal; }
/* 달력 일요일 표시(th 영역) */
.cal_week2              { font:12px dotum; height:18px; font-weight:normal; color:#7aa; }
/* 달력 Week(tr 영역)  */
.cal_week                   { }
.cal_current_week       { background-color:#eee;}
/* 달력 Day(td 영역) */
.cal_day                    { font:9px verdana; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday     { color:#7aa !important;}
.cal_day_sunday a       { color:#7aa !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1                   { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2                   { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3                   { color:#666;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4                   { color:#666; font-weight:bold; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link            { color:#666; font-weight:bold;}
a.cal_click:visited     { color:#666; font-weight:bold;}
a.cal_click:hover       { color:#7aa; font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general             { }
.rp_admin                   { }
.rp_secret                  { color:#7aa;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general          { }
.guest_admin                { }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment      { color:#7aa; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1                           { color:#999; text-align:center;}
/* 그림 */
.imageblock             { border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left                           { }
/* 가운데 */
.center                     { }
/* 오른쪽 */
.right                          { }
/* 그림 2개 배치 */
.dual                           { margin-bottom:5px;}
/* 그림 3개 배치 */
.triple                     { margin-bottom:5px;}

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

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


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

hr                      { display:none;}
img                 { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1                      { font-size:24px;}
h2                      { font-size:18px;}
h3                      { font-size:16px;}
h4                      { font-size:12px;}
input                   { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee;}
textarea            { background-color:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee;}



/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container      { margin:0; padding:0; }
#header             { margin:0; padding:10px;width:630px;}
#sidebar            { float:left; width:300px; padding:10px; }
#content            { float:left; width:630px; padding:15px; overflow:hidden; line-height:160%;}

#base-table {width:100%; margin:0; padding:0;}
#base-table td.con  {vertical-align:top; }

#base-table .td-1 {width:7px; background:url(images/1.gif)  repeat-y;}
#base-table .td-2 {height:7px; background:url(images/2.gif)  repeat-x;}
#base-table .td-3 {width:7px; height:7px; background:url(images/3.gif) no-repeat;}

#base-table .tr-1   {height:50px;}
#base-table .td-left {width:50px;}
#base-table .td-middle {width:660px; }


/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2                  { }
#header h2 a                    { font:18px Verdana; font-weight:bold; text-transform:uppercase; }
#header h2 a:hover      { color:#7aa;}
#header span                { font:11px Verdana; color:#999; }
#header span a              { font:11px Verdana; color:#999; }
#header span a:hover    { color:#7aa; font-weight:bold; }


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar ul                     { padding:0; margin:0; list-style:none;}
#sidebar li                         { padding-bottom:2px; list-style:none;}
#sidebar h3                     { padding-top:10px; padding-bottom:5px; font-size:12px; }
#sidebar h3 a:hover         {cursor:pointer;}
#sidebar h3 span:hover      { color:#7aa;}
#sidebar .cnt                       { font-size:9px; color:#7aa; font-weight:normal;}
#sidebar .name                  { color:#aaa;}
#sidebar .date                  { font-size:9px; color:#aaa; font-weight:normal;}

#recentPost,
#recentComment,
#recentTrackback,
#calendar               { padding-bottom:10px;}
#archive                { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; padding-bottom:10px;}
#category,
#link                       { font:11px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; padding-bottom:10px;}

/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist      { }


#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,     
#content .searchRplist h3,
#content .searchList h3     { padding-bottom:20px; font:17px dotum; font-weight:bold; }


.searchList ol, 
.searchRplist ol            { list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li            { line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date     { font-size:9px; margin-left:10px; }
.searchList .cnt            { font-size:9px; color:#7aa;} 
.searchRplist .name { font-size:12px; color:#999; padding-left:8px;}

.taglog                 { margin-bottom:30px;}
.taglog ul              { padding:0px; margin:0; text-align:justify;}
.taglog li              { display:inline;}
.taglog li .cloud1      { color:#666; font-weight:bold; font-size:12px;}
.taglog li .cloud2      { color:#666; font-weight:bold; font-size:12px;}
.taglog li .cloud3      { color:#666; font-weight:bold; font-size:12px;}
.taglog li .cloud4      { color:#666; font-size:12px;}
.taglog li .cloud5      { color:#999; font-size:12px;  }
.taglog li a:hover  { color:#7aa;}

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

.guestWrite                 { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; }
.guestWrite input           { background-color:#eee;font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif;  width:150px; color:#666;}
.guestWrite textarea        { font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; width:618px; padding:5px; color:#666;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit         { width:150px; height:20px; font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#666;}
.guestWrite input.checkbox      { width:15px;  background-color:#fff;  border:none; padding:0; margin:0; }

.guestList                  { width:630px; padding:40px 0 0 0;}
.guestList ol               { padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul            { margin:0; padding:0; list-style:none;}
.guestList ol li                { overflow:hidden;}
.guestList ol li p          { padding-top:5px; background:url(images/2.gif)  repeat-x; }
.guestList ol li ul li      { padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li .name  { color:#666; font-weight:bold;}
.guestList ol li .date      { font-size:9px; color:#999; }
.guestList .control             { font-size:9px; color:#999;}
.guestList .control a           { color:#999;}
.guestList .control a:hover { font-size:9px; color:#7aa;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2                               { font:14px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; font-weight:bold; }
.titleWrap                              { font:11px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#999; padding-bottom:20px;}
.titleWrap .category a              { color:#999; font:11px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif;}
.titleWrap .category a:hover    { color:#7aa; font:11px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; font-weight:bold;}
.titleWrap .date                        { }
.titleWrap .admin                   { padding-left:5px;}
.titleWrap .admin a                 { color:#999;}
.titleWrap .admin a:hover       { color:#7aa; font-weight:bold;}

.entryProtected             { margin-bottom:15px;}
.warning                        { background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input       { width:140px; color:#666; background-color:#eee; }
.entryProtected .submit { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; width:50px; height:20px; color:#666;  background-color:#eee;}

.article                        { width:100%; margin-bottom:30px; } 
.article a:link, 
.article a:visited          { color:#7aa; border-bottom:1px dotted #7aa;}
.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:28px; margin:10px 20px;}
.article img                { border:none;}


.tagTrail                   { padding:0px 5px 0px 0px;}
.tagText                    { }

.actionTrail                { clear:both;}
.actionTrail .cnt       { color:#7aa;}

.trackback                  { padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a                { color:#666;}
.trackback h3               { font-size:9px; color:#7aa;  margin:0px 5px 10px 0px;}
.trackback h4               { font-weight:normal; margin:0; font-weight:bold;}
.trackback ol               { margin:0;  padding:0; list-style:none;}
.trackback li               { padding:7px 0;}
.trackback .date            { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#999;}
.trackback p                { color:#999; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span    {font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#999;}

.comment                { background:url(images/2.gif)  top repeat-x; margin-top:20px; padding-top:15px; margin-bottom:4px;  width:100%; overflow:hidden;} 
.comment p          { margin:3px 0 0 0; padding:0;}
.comment h3         { display:none;}
.comment ol,
.comment ul         { margin:0;  padding:0; list-style:none;}
.comment .date      { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#999;}
.comment .name  { font-weight:bold;}
.comment ol li      { padding:10px 0;}
.comment li ul li       { padding:5px 10px 10px 60px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span  { font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#999;}

.commentWrite                       { margin-top:20px; font:9px verdana;}
.commentWrite input             { background-color:#eee; font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; width:150px; color:#666; }
.commentWrite textarea          { font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; width:618px; color:#666; padding:5px; top:5px; }
.commentWrite .homepage     { width:300px;}
.commentWrite .submit           { height:20px; width:150px; font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; color:#666; }
.commentWrite input.checkbox        { width:15px;  background-color:#fff; border:none; padding:0; margin:0; }

.paging                     { margin:40px 0px 30px 0px; text-align:center;  font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif;}
.paging .numbox     { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif;}
.paging .num                { border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:9px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif;}
.paging a:visited           { color:#999; text-decoration:none;}
.paging a:hover         { font-weight:bold; color:#7aa;}




/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer                 { text-align:right; line-height:130%; padding:10px 10px 40px 10px; font-size:9px;}
#footer .search { padding-bottom:8px;}
#footer .search input       { background-color:#eee; width:130px; height:16px; color:#666; font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은고딕, Dotum, 돋움, Verdana, Sans-serif; }
#footer .counter        { }                                                                 
.tnm_post               { padding:20px;

/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *           { border:none !important;}