@charset "utf-8";


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

/* 본문 공통 */

body          { padding:0; margin:0; font-family:verdana, dotum; font-size:9pt; 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:#999; text-decoration:none; }


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

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

/* 달력 월 표시 */
.cal_month     { font-size:8pt; height:18px; font-weight:bold; text-align:right;}
/* 달력 요일 표시(th 영역) */
.cal_week1     { font:9pt dotum; height:18px; font-weight:normal; text-align:right;}
/* 달력 일요일 표시(th 영역) */
.cal_week2     { font:9pt dotum; height:18px; font-weight:normal; color:#7aa; text-align:right;}
/* 달력 Week(tr 영역)  */
.cal_week               { background-color:#fff;}
.cal_current_week     { background-color:#eee;}
/* 달력 Day(td 영역) */
.cal_day               { font:7pt verdana; color:#999; text-align:right;}
/* 달력 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      { background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1               { color:#F2F2F2; text-align:center; }
/* 그림 */
.imageblock          { border:1px solid #CCCCCC; padding:10px 9px 0px; margin:0px; background: #ffffff; }
/* 왼쪽 */
.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 #ccc; }


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

hr                         { display:none;}
/*img                         { border:0;}*/
h1, h2, h3, h4          { margin:0;  padding:0;}
h1                         { font-size:2em;}
h2                         { font-size:1.4em;}
h3                         { font-size:1.2em;}
h4                         { font-size:1em;}
input                    { border:1px solid #aaa;}
textarea               { border:1px solid #aaa;}



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

#container                { padding-top:20px; margin:0; width:900px; }
#left                    { float:left; width:250px; padding-right:20px; padding-bottom:20px; }
#header                { text-align:right; width:250px; padding-top:40px; padding-bottom:5px; }
#sidebar               { text-align:right; width:250px; text-align:right; }
#content                { float:right; width:630px; line-height:160%; overflow:hidden; padding-bottom: 5px; }

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

#header h2                    { font:13pt dotum; font-weight:bold;}
#header span               { font:8pt verdana; color:#999; }
#header span a               { font:8pt 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-bottom:5px; font-size:9pt; font-weight:bold; cursor:pointer;}
#sidebar h3 span:hover     { color:#7aa;}
#sidebar .cnt               { font-size:7pt; color:#7aa; font-weight:normal;}

#sidebar .search               { padding-bottom:10px;}
#sidebar .search input          { font:9pt verdana; width:100px; height:16px; color:#666; border:1px solid #999; }
#sidebar .search .submit     { width:50px; height:20px; background-color:#aaa; font:7pt verdana; color:#fff; }

#recentPost,
#recentComment,
#recentTrackback     { padding-bottom:15px;}
#calendar               { text-align:right; width:250px; padding-bottom:15px;}
#archive               { font-size:8pt; padding-bottom:15px;}
#link                    { font:8pt verdana, dotum; padding-bottom:15px;}


/* Categories */
#category               { font-size:9pt; font-weight:bold; padding-bottom:15px;}
#category ul          { list-style:none;}
#category li a          { }

/* 1 depth */
#category ul li ul li a               { }

/* 2 depth */
#category ul li ul li ul li          { }
#category ul li ul li ul li a     { font:8pt verdana, dotum; font-weight:normal;}

/* selected */
#category .selected                    { font-weight:bold;}
#category .selected ul li          { font-weight:normal;}

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

#content .localog,
#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .entry,
#content .guestbook,
#content .searchList,
#content .searchRplist          { padding-bottom:40px; }


#content .localog h3,
#content .taglog h3,
#content .guestbook h3          { padding-top:40px; padding-bottom:32px; color:#666; font-family:dotum; font-weight:bold; font-size:13pt;}
#content .medialog h3          { padding-top:40px; padding-bottom:31px; color:#666; font-family:dotum; font-weight:bold; font-size:13pt;} /* 티스토리용 */
#content .searchRplist h3,
#content .searchList h3          { padding-top:40px; padding-bottom:36px; color:#666; font-family:dotum; font-weight:bold; font-size:13pt;}


.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:7pt; margin-left:10px; }
.searchList .cnt               { font-size:7pt; color:#7aa;}
.searchRplist .name               { font-size:9pt; 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:#000000; font-weight:bold; font-size:14pt;}
.taglog li .cloud2          { color:#3c3c3c; font-weight:bold; font-size:11pt;}
.taglog li .cloud3          { color:#464646; font-weight:bold; font-size:10pt;}
.taglog li .cloud4          { color:#5a5a5a; font-size:9pt;}
.taglog li .cloud5          { color:#787878; font-size:8pt;}
.taglog li a:hover          { color:#7aa;}

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

.guestWrite                    { font:7pt verdana; }
.guestWrite input       { font:9pt verdana;  width:150px; padding-left:2px; color:#666;}
.guestWrite textarea     { font:9pt verdana; width:608px; padding:5px; color:#666;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit          { width:150px; height:20px; background-color:#aaa; font:7pt verdana; color:#fff;}
.guestWrite .checkbox               { width:25px; border:none; padding:0; margin:0; }

.guestList                         { width:620px; padding:40px 0 0 0;}
.guestList ol                    { border-left:1px solid #aaa; margin:0 0 35px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul               { margin:0; padding:0; list-style:none;}
.guestList ol li               { padding-left:15px; overflow:hidden;}
.guestList ol li p               { border-top:1px solid #aaa; }
.guestList ol li ul li          { padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name          { color:#666; font-weight:bold;}
.guestList ol li .date          { font-size:7pt; color:#999; }
.guestList .control               { font-size:7pt; color:#999;}
.guestList .control a          { color:#999;}
.guestList .control a:hover     { font-size:7pt; color:#7aa;}


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

.entryNotice h2,
.entryProtected h2,
.entry h2                              { padding-top:40px; font:13pt dotum; font-weight:bold; }
.entry h3                              { padding-top:42px; font:11pt dotum; font-weight:bold; }
.titleWrap                         { font:8pt verdana, dotum; color:#999; margin-right: 5px; margin-left: 5px; margin-bottom: 20px; }
.titleWrap .category a               { color:#999;}
.titleWrap .category a:hover     { color:#7aa; 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; border:1px solid #999;}
.entryProtected .submit          { font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

.article                         { margin: 44px 5px 15px; }
.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;}


.tagTrail               { margin: 15px 5px 20px ; padding:0px 5px 0px 0px; font-size: 8pt; }<!--태그위치-->
.tagText                    { }

.actionTrail               { clear:both; font-size: 8pt; border: 1px solid #CCCCCC; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; background: #ffffff;
}
.actionTrail .cnt          { color:#7aa;}

.trackback                    { padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a               { color:#666;}
.trackback h3               { font-size:8pt; 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:5px;}
.trackback .date          { font:7pt Verdana; color:#999;}
.trackback p               { color:#999; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span     {font:7pt Verdana; color:#999;}

.comment          {
     /*background:url(images/small-border.gif) no-repeat;*/
     padding-top:20px;
     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:7pt Verdana; color:#999;}
.comment .name          { font-weight:bold;}
.comment ol li          { padding:10px 5px;}
.comment li ul li     { padding:5px 10px 10px 40px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span     { font:7pt Verdana; color:#999;}

.commentWrite                         {
     font:7pt verdana;
     margin-right: 5px;
     margin-left: 5px;
}
.commentWrite input                    { font:9pt verdana; width:152px; color:#CCCCCC; background: #ffffff; border: 1px solid #CCCCCC;
}
.commentWrite textarea               { font:9pt verdana; width:608px; color:#CCCCCC; padding:5px; top:5px; background: #ffffff; border: 1px solid #CCCCCC;
}
.commentWrite .homepage               { width:304px; background: #ffffff;
}
.commentWrite .submit               { height:20px; width:150px; background-color:#CCCCCC; font:7pt verdana; color:#fff; }
.commentWrite .checkbox               { width:25px; border:none; padding:0; margin:0; }

.paging                         { padding:20px 0px 20px 0px; text-align:center; font:7pt verdana; }
.paging .numbox               { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:7pt verdana;}
.paging .num               { border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:7pt verdana;}
.paging a:visited          { color:#999; text-decoration:none;}
.paging a:hover               { font-weight:bold; color:#7aa;}




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

/* ------------------------------------------------------------------- */

#footer                         { line-height:130%; padding:20px 0px 0px; font-size:7pt; margin-right: 5px; margin-left: 5px; margin-top: 100px; }
#footer .counter          { }                                                                                    


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

/*.imageblock *               { border:none !important;}*/
#mediaLogLimit               { display:none !important;}
div .box                    { width: 95%; height: auto;     margin: 0; border: 1px dotted #7aa; padding: 8px;}

/*스크롤 따라 움직이는 메뉴*/
#STATICMENU { padding:0; margin:0; position:absolute; z-index:1;}
#STATICMENU .scrolltop {display:block; width:40px; height:15px; background:url("./images/top.gif") top left no-repeat; }
#STATICMENU .scrolltop:hover {background:url("./images/top-on.gif") top left no-repeat; }

/*페이스북*/
.fbc                         { margin: 15px 5px 20px ; }