@charset "utf-8";

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

/* 본문 공통 */

body	{ margin:0; padding:0; color:#333; font:12px arial, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;}
a:link,
a:visited,
a:active	{ color:#444; text-decoration:none;}
a:hover	{ color:#0066cc; text-decoration:underline;}

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

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

/* 달력 월 표시 */
.cal_month					{ padding-bottom:5px; font-size:10px; font-weight:bold; text-align:center;}
/* 달력 요일 표시("th 영역") */
.cal_week1				{ }
/* 달력 일요일 표시("th 영역") */
.cal_week2				{ color:#f60;}
/* 달력 Week("tr 영역")  */
.cal_week					{ }
.cal_current_week		{ background-color:#eee;}
/* 달력 Day("td 영역") */
.cal_day					{ font-size:9px; text-align:center;}
/* 달력 Day, 일요일 ("td 영역")  */
.cal_day_sunday,
.cal_day_sunday a		{ color:#f60;}
/* 달력 지난 달 날짜 표시("td")   */
.cal_day1					{ }
/* 달력 다음 달 날짜 표시("td")   */
.cal_day2					{ }
/* 달력 이번 달 날짜 표시("td") */
.cal_day3					{ }
/* 달력 오늘 날짜 표시("td") */
.cal_day4					{ color:#f60; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,
a.cal_click:visited		{ font-weight:bold;}
a.cal_click:hover		{ color:#f60;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general	{ }
.rp_admin	{ }
.rp_secret	{ color:#f60;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }
.guest_secret	{ color:#f60;}
/* 비밀 댓글 ("로그아웃시 비밀글 표현") */
.hiddenComment 	{ color:#f60; font-weight:normal;}

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

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


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

img	{ border:none;}
h1,
h2,
h3,
h4	{ margin:0; padding:0; font-size: 12px;}
input,
textarea	{ border:1px solid #666; background-color:#fff; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;}


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

#container	{ width:960px; margin:auto; padding:0;}
#header	{ }
#content	{ clear:both; float:left; width:715px; margin:0; padding:0; overflow:hidden; line-height:160%;}
#sidebar	{ float:right; width:215px; margin:0; padding:0;}
.clear { clear:both; display:block; width:100%; height:1px;}

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */
*html #header { margin:0; padding:17px 0 5px 0; border-top:7px solid #ff9a00; }
#header { margin:0; padding:17px 0 17px 0; border-top:7px solid #ff9a00; }
#header h1 a { float:left; font:20px Dotum, 돋움, Verdana, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; font-weight:bold; padding-bottom:14px;}
#sidebar .search { border:none; margin-bottom:20px;}
#sidebar .search .input		{ width:170px; height:18px; border:1px solid #ccc; background:transparent;  color:#333; font-size:12px;margin-right:5px;}
#sidebar .search .submit		{ width:20px; height:20px; border:none; cursor:pointer; background:url(images/search-trans2.png) no-repeat scroll right top;}


.blogMenu	 { clear:both; color:#fff; line-height:100%;margin:0; padding:0; width:100%;}
.blogMenu ul { float:left; margin:0; padding:0; width:100%; border-top:1px solid #C0C0C0;background-color:#eee;}
.blogMenu li { font-family:arial; border-right:1px solid #DDDDDD; display:block; float:left; margin:0; padding:0; }
.blogMenu li a { font-size:8.5pt; color:#323232; display:block; margin:0; padding:10px 15px; text-decoration:none; text-transform:uppercase; }
.blogMenu li a span{ color:#696969; display:block; font-size:90%; text-transform:lowercase; }
.blogMenu li a:hover, 
.blogMenu li a:hover span { background:#4A4A4A none repeat scroll 0 0; color:white !important; }
.blogMenu li.rhs { background:#FF9A00 none repeat scroll 0 0; border-left:1px solid #FFFFFF; border-right:medium none; display:block; float:right; }
.blogMenu li.rhs a:hover,
.blogMenu li.rhs a:hover span
{background:#FF9A00 none repeat scroll 0 0;}

.botMenu	 { clear:both; color:#fff; line-height:100%;margin:0; padding:0; width:100%;}
.botMenu ul { float:left; margin:0; padding:0; width:100%; background-color:#eee;}
.botMenu li { font-family:arial; border-right:1px solid #DDDDDD; display:block; float:left; margin:0; padding:0; }
.botMenu li a { font-size:8.5pt; color:#323232; display:block; margin:0; padding:10px 15px; text-decoration:none; text-transform:uppercase; }
.botMenu li a span{ color:#696969; display:block; font-size:90%; text-transform:lowercase; }
.botMenu li a:hover, 
.botMenu li a:hover span { background:#4A4A4A none repeat scroll 0 0; color:white !important; }
.botMenu li.rhs { background:#FF9A00 none repeat scroll 0 0; border-left:1px solid #FFFFFF; border-right:medium none; display:block; float:right; }
.botMenu li.rhs a:hover,
.botMenu li.rhs a:hover span
{background:#ff9a00 none repeat scroll 0 0;}


/* ------------------------------------------------------------------- */
/* ***** Sidebar ***** */
/* ------------------------------------------------------------------- */

#sidebar {border-top:1px solid #000;padding:15px 0;}
#sidebar ul, #l_sidebar ul	{ list-style:none; margin:0; padding:0 0 25px 0;}
#sidebar li, #l_sidebar li	{ list-style:none; padding:3px 0; }
#sidebar h3, #l_sidebar h3 { color:#A11B1B; font-size:0.8em; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; padding:5px 0; font-family:arial; }
#sidebar h3 a:hover { color:#f60;}
#l_sidebar h3 a:hover { color:#f60;}
#sidebar .cnt	{ color:#999; font-size:9px;}
#sidebar .name	{ color:#999;}
#sidebar .date	{ color:#999; font-size:9px;}

#sidebar .blogImage img { width:200px;}
.blogDesc { line-height:150%;}
.userID { font-weight:bold;}


/* Categories */
#category ul,
#category li { padding:0;}
#category li a { color:#444; display:block; padding:1px 0 1px 6px;}
#category li a:hover { color:#0066cc; text-decoration:none;}
#category .selected	{ font-weight:bold;}
#category .selected	ul li{ font-weight:normal;}

/* notice */
#notice li a { color:#444; padding:3px 0 3px 6px;}
#notice li a:hover { color:#0066cc; text-decoration:none;}

/* recent post */
#recentPost li a { color:#444; padding:3px 0 3px 6px;}
#recentPost li a:hover { color:#0066cc; text-decoration:none;}

/* recent Comment */
#recentComment li span { margin:3px 0 3px 6px;}
#recentComment li a { color:#444; padding:3px 0 3px 6px;}
#recentComment li a:hover { color:#0066cc; text-decoration:none;}

/* popularPost Comment */
#popularPost li span { margin:3px 0 3px 6px;}
#popularPost li a { color:#444; padding:3px 0 3px 6px;}
#popularPost li a:hover { color:#0066cc; text-decoration:none;}

/* link Comment */
#link ul {}
#link li {margin-bottom:5px;line-height:160%;padding:3px 0 3px 6px;}
#link li span { margin:3px 0 3px 6px;}
#link li a { color:#0066cc; }
#link li a:hover { color:#0066cc; text-decoration:none;}

/* book Comment */
#book ul {}
#book li {margin-bottom:5px;line-height:160%;padding:3px 0 3px 6px;}
#book li span { margin:3px 0 3px 6px;}
#book li a { color:#0066cc; }
#book li a:hover { color:#0066cc; text-decoration:none;}

#category,
#calendar	{ padding-bottom:25px;}
.blogImage	{ padding-bottom:20px;}
#archive,
#link { font-size:11px;}

#rss a { display:block; width:20px; height:20px; background:url("images/rss.gif") top left no-repeat;}
#rss a:hover { background:url("images/rss-on.gif") top left no-repeat;}


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

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

#content .keylog h2, 
#content .localog h2, 
#content .taglog h2, 
#content .guestbook h2		{ margin-bottom:30px; padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; font-size:16px;font-family:arial;}		
#content .medialog h2,
#content .searchRplist h2,
#content .searchList h2		{ margin-bottom:15px; padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; font-size:12px;}

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

.localog a { font-weight:bold;}
.keylog ul,
.taglog ul				{ margin:0; padding:0px; text-align:justify;}
.keylog li,
.taglog li				{ display:inline;}
.taglog li .cloud1		{ color:#000; font-weight:bold;}
.taglog li .cloud2		{ color:#222; font-weight:bold;}
.taglog li .cloud3		{ color:#333; font-weight:bold;}
.taglog li .cloud4		{ color:#444; }
.taglog li .cloud5		{ color:#444;}
.taglog li a:hover	{ color:#f60;}

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

.guestWrite		{ font-size:12px; font-family:arial; }
.guestWrite input	{ width:200px; color:#000;margin:3px 0;}
.guestWrite textarea	{ width:530px; padding:5px; color:#000; line-height:120%;}
.guestWrite .homepage   { width:200px;}
.guestWrite .submit		{ width:150px; height:20px; font-size:13px; color:#fff; background-color:#555;}
.guestWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none; }

.guestList	{ width:100%; padding:40px 0 0 0;}
.guestList ol	{ list-style:none; margin:0; padding:30px 0 0 0;}
.guestList ol ul	{ list-style:none; margin:0; padding:0;}
.guestList ol li	{ overflow:hidden;}
.guestList ol li p	{ padding-top:7px; background:url("images/dot.gif") repeat-x;}
.guestList ol li ul li	{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li ul li { text-align:right;}

.guestList ol li .name	{ font-weight:bold;}
.guestList ol li .date,
.guestList .control,
.guestList .control a	{ font-size:9px; color:#999;}
.guestList .control a:hover	{ color:#f60;}


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

.entryNotice h2, 
.entryProtected h2, 
.entry h2	{ }

.titleWrap	{ padding:10px 0; border-top:1px solid #000; color:#999; font-size:9px;}
.titleWrap h2 {padding:0 0 7px 0;}
.titleWrap h2 a{ color:#444; font-size:20px;line-height:110%;font-family:arial;}
.titleWrap h2 a:hover{ color:#0066cc; text-decoration:none; }
.titleWrap .category a	{ color:#999; font-size:11px;}
.titleWrap .date,
.titleWrap .admin a	{ color:#999;}
.titleWrap .category a:hover,
.titleWrap .admin a:hover		{ color:#f60;}
.titleWrap .admin { padding-left:5px;}

.warning	{ margin-bottom:10px; padding-left:45px; background:url("images/imgProtected.gif") no-repeat;}
.entryProtected input	{ width:140px; color:#000; background-color:#eee; }
.entryProtected .submit	{ width:50px; height:18px; background-color:#eee; color:#000; font-size:9px;}

.article	{ width:100%;} 
.article a:link,
.article a:visited,
.article a:active	{ color:#0066cc;text-decoration:underline;}
.article a:hover	{ border:none;text-decoration:underline;}
.article dt	{ text-decoration:underline;}
.article dd	{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ margin:10px 20px; padding-left:28px; background:url("images/iconBlockquote.gif") top left no-repeat;}
.article a img	{ border:none !important;}

.tagTrail	{ clear:both; margin-top:20px; padding:0px 5px 0px 0px;}
.tagText	{ font-size:9px; background:transparent url(images/tag_icon.jpg) no-repeat scroll 0 0; padding-left:17px;margin-left:10px;}
.tagText a {color:#888;}
.tagText a:hover {color:#0066cc; text-decoration:none;}

.actionTrail	{ clear:both;}
.actionTrail .cnt	{ color:#f60; font-weight:bold;}

.trackback		{ width:100%; margin-bottom:4px; padding-top:2px; overflow:hidden;}
.trackback a	{ color:#000;}
.trackback h3	{ margin:0px 5px 10px 0px; color:#f60; font-size:11px;}
.trackback h4	{ margin:0;}
.trackback h4 a	{ color:#f60;}
.trackback ol	{ list-style:none; margin:0; padding:0;}
.trackback li	{ padding:7px 0;}
.trackback .date	{ color:#999; font-size:9px;}
.trackback p	{ margin:3px 0 0 0; padding:0; color:#999; letter-spacing: 0px;}
.trackback a.delete span	{ color:#999; font-size:9px;}

.comment	{ width:100%; margin:15px 0 4px 0; padding-top:10px; background:url("images/dot.gif") top repeat-x; overflow:hidden;} 
.commentList p	{ margin:3px 0 0 0; padding:0; }
.commentList p a:hover	{ font-weight:normal;}
.comment ol,
.comment ul	{ list-style:none; margin:0; padding:0;}
.comment .date	{ color:#999; font-size:9px;}
.comment .name	{ font-weight:bold;}
.comment ol li	{ margin-bottom:7px; padding:7px 7px 12px 7px; border:1px solid #BBBBBB; background-color:#F5F5F5;}
.comment li ul li	{ padding:5px 10px 10px 60px; text-align:right;border:none; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ color:#999; font-size:9px;}

.commentWrite	{ margin-top:20px; font-size:12px; font-family:arial;}
.commentWrite h2 { font-family:Arial,Lucida Sans Unicode,Sans-serif;font-size:16px; margin-bottom:10px;}
.commentWrite p	{ margin:3px 0 0 0; padding:0;}
.commentWrite input		{ width:200px; color:#000;margin:3px 0;}
.commentWrite textarea	{ width:450px; padding:5px; top:5px; color:#000; line-height:120%;}
.commentWrite .homepage	{ width:200px;}
.commentWrite .submit	{ width:150px; height:20px; font-size:13px; color:#fff; background-color:#555; font-family:arial;}
.commentWrite input.checkbox	{ width:15px; margin:0; padding:0; border:none;}


.paging		{ float:left; padding:10px 0 10px 0; line-height:130%;  font-size:10px; }
.paging .numbox	{ margin-left:6px; padding:0 8px 0 2px;  }
.paging .num	{ padding:0 9px 0 6px; border:1px solid #BFBFBF;margin-right:2px;padding:3px 5px;}
.paging a	{ color:#000; text-decoration:none;}
.paging a:hover		{ color:#000; border-color:#FF8000;}


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

#footer		{ width:100%; margin:30px 0 0 0; padding-bottom:5px; border-top:1px solid #000; font-size:11px; }
#footer .copyright { padding:15px 0;}
#footer .copyright a {color:#0066cc; }
#footer .copyright a:hover {text-decoration:underline; }
#footer .copyright-right { float:right; text-align:right;padding:15px 0; font-size:12px; }
#footer #row {}
#footbanner {border-top:7px solid #ff9a00;background-color:#000; height:80px;padding:15px 0 0 10px;;}

.letterT	{ color: #009bd5;}
.letterE	{ color: #0083ae;}
.letterX	{ color: #e80478;}
.letterT2	{ color: #b71767;}
.letterC	{ color: #fdc11f;}
.letterU	{ color: #f39424;}
.letterB	{ color: #b1d04d;}
.letterE2	{ color: #8daa41;}

/* ------------------------------------------------------------------- */
/* ***** coverpage ***** */
/* ------------------------------------------------------------------- */

.coverpage .img_preview { float:right; }
.coverpage .img_preview img { width:40px; height:40px; margin:0 0 5px 5px; border-top:2px solid #000;}
.coverpage .content_box h2 { padding:5px 0 0 0; border-top:2px solid #000;}
.coverpage .post_info { margin-bottom:15px; color:#999; font-size:9px;}
.coverpage .post_info .category a	{ color:#999; font-size:11px;}
.coverpage .post_tags	{ clear:both; margin:10px 0 30px 0; color:#999; font-size:12px;}
.coverpage .post_tags a	{ color:#999; font-size:12px;}

#l_sidebar { float:left; margin-right:5px; padding:10px 0 0 0; width:165px; border-top:1px solid #000000;}
#post_body { float:right; margin:0; padding:0; width:520px; }

#l_tag {}
#l_tag ul {text-align:justify;padding-left:6px;}
#l_tag li{ display:inline;}
#l_tag li a:hover { color:#0066cc; text-decoration:none;}
#l_tag li .cloud1 {color:#fff; background-color:#AAC9FF; font-weight:bold; font-size:16px;}
#l_tag li .cloud2 {color:#fff; background-color:#AAC9FF; font-size:14px;}
#l_tag li .cloud3 {color:#5b81bf; font-weight:bold; font-size:13px;}
#l_tag li .cloud4 {color:#5b81bf; font-weight:bold; }

#header_notice {float:right; text-align:right;}
#header_notice p {padding-right:16px; margin-top:70px;right:0; }
#header_notice a {color:#0066cc; background:transparent url(./images/mini_arrow_off.gif) no-repeat scroll 100% 0;padding-right:15px;}
#header_notice a:hover {color:#0066cc; background:transparent url(./images/mini_arrow_on.gif) no-repeat scroll 100% 0;text-decoration:underline;}

#sidebar .top_line {border-top:1px solid #ddd; padding:10px 0; margin:10px 0;}