@charset "utf-8";

/* ------------------------------------------------------------------- */
/* 문서 공통 */
/* ------------------------------------------------------------------- */

* { margin:0; padding:0; }

body	{ color:#555; font-size:12px; font-family:Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;}
a:link,
a:visited,
a:active	{ color:#555; text-decoration:none;}
a:hover	{ color:#f18e31; text-decoration:none;}

img	{ border:none;}
h1, h2, h3, h4, h5	{ font-size: 12px; font-weight:bold;}
input { height:18px;}
button,
input,
textarea	{ border-top:1px solid #ccc; border-right:1px solid #fefefe; border-bottom:1px solid #fefefe; border-left:1px solid #ccc; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; color:#555; letter-spacing:1px}
hr { display:none;}

.bgTop	{ background:url("images/bgTop.jpg") top repeat-x;}
.bgTopLeft	{ background:url("images/bgTopLeft.jpg") top left no-repeat;}
.bgBottom	{ background:url("images/bgBottom.jpg") bottom repeat-x;}
.bgBottomLeft  { background:url("images/bgBottomLeft.jpg") bottom left no-repeat; width:100%;}


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

#container	{ width:1100px;}
#header	{ padding-top:64px; }
#content	{ float:right; width:800px; padding:10px 0 75px 0; overflow:hidden; line-height:200%;}
#sidebar	{ float:center; width:200px; padding:56px 0 0 37px; line-height:150%}
.clearer     { clear:both; display:block; width:100%; height:1px;}


/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */
#header h1	{ padding-left:297px; position:absolute; height:40px !important;}
#header h1 a	{ font:40px verdana, malgun; font-style: italic; color:#f18e31; letter-spacing:-2px;}
#header h1 a span	{ font-weight:normal;}
#header h1 a:hover   { color:#00bfff;}
#header .blogMenu	{ padding-top:43px; padding-left:660px;}
#header .blogMenu,
#header .blogMenu a	{ font-size:20px; color:#fff;}
#header .blogMenu a:hover   { color:#00bfff;}


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

#sidebar ul	{ list-style:none;}
#sidebar li	{ list-style:none; margin-bottom:2px;}

#sidebar h2 { padding:10px 0 5px 0; color:#f18e31; }
#sidebar h2 a:hover	{ color:#f18e31; cursor:pointer;}
#sidebar h2 a:hover	{ color:#00bfff;}

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

#category,
#calendar,
#recentPost,
#recentComment,
#recentTrackback	{ padding-bottom:10px;}
#archive 
#link	{ padding-bottom:10px; font-size:11px;}


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

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

#content .localog h2, 
#content .taglog h2, 
#content .guestbook h2        { padding-bottom:20px; color:#00bfff; font:20px verdana, 돋움; font-weight:normal;}		
#content .medialog h2          { padding-bottom:20px; color:#00bfff; font:20px verdana, 돋움; font-weight:normal;} 	
#content .searchRplist h2,
#content .searchList h2	{ padding-bottom:20px; color:#00bfff; font:18px verdana, 돋움; font-weight:normal;}

.searchList ol, 
.searchRplist ol	{ list-style:none;}
.searchList li, 
.searchRplist li	{ margin-left:20px; margin-bottom:6px; line-height:110%;}
.searchList .date, 
.searchRplist .date	{ margin-left:10px; font-size:9px;}
.searchList .cnt	{ color:#f18e31; font-size:9px;} 
.searchRplist .name	{ padding-left:8px; color:#999;}

.taglog ul	{ list-style:none; text-align:justify;}
.taglog li	{ display:inline;}
.taglog li .cloud1,
.taglog li .cloud2,
.taglog li .cloud3	{ color:#f18e31; font-weight:bold;}
.taglog li .cloud4	{ color:#f18e31;}
.taglog li .cloud5	{ }
.taglog li a:hover	{ color:#f18e31;}

.guestWrite	{ font-size:9px;}
.guestWrite p	{ padding:2px 0;}
.guestWrite input	{ width:150px;}
.guestWrite textarea	{ display:block; background:url("images/333ang_ieiri.jpg") no-repeat bottom right; width:600px; padding:5px;}
.guestWrite .homepage   { width:374px;}
.guestWrite .submit	{ width:150px; height:22px; font-size:9px; background:transparent;}
.guestWrite .warn	{ padding-left:20px; font-size:12px;}
.guestWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.guestList	{ width:600px; padding:5px 0 0 0;}
.guestList ol,
.guestList ol ul	{ list-style:none;}
.guestList ol li	{ padding:25px 0 0 0; overflow:hidden;}
.guestList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}
.guestList ol li ul li	{ padding:15px 0 0 60px;}

.guestList .name	{ font-weight:normal;}
.guestList .date,
.guestList .control,
.guestList .control a	{ font-size:9px; color:#999;}
.guestList .control a:hover	{ color:#f18e31;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */
.entryNotice h2, .entryProtected h2, .entry h2	{ font:18px Dotum, 돋움; font-weight:bold;}
.entryNotice h2 a:link, .entryProtected h2 a:link, .entry h2 a:link	{ color:#00bfff;}
.entryNotice h2 a:visited, .entryProtected h2 a:visited, .entry h2 a:visited	{ color:#f18e31;}
.entryNotice h2 a:hover, .entryProtected h2 a:hover, .entry h2 a:hover	{ color:#999;}	

.titleWrap	{ padding-bottom:11px; color:#999; font-size:10px;}
.titleWrap .category	{ font:11px Dotum, 돋움;}
.titleWrap a	{ color:#999;}
.titleWrap a:hover	{ color:#f18e31;}
.titleWrap .admin { padding-left:5px;}

.entryProtected { }
.warningStripeTop { display:block; width:800px; height:50px; background:url("images/stripe.gif") left top repeat-x;}
.warningStripeBottom { display:block; width:670px; height:200px; background:url("images/stripe.gif") left bottom repeat-x;}
.entryProtected input	{ vertical-align:middle; width:160px; height:18px; color:#555; background-color:#eee; }
.entryProtected button	{ vertical-align:middle; width:60px; height:20px; color:#555; font-size:9px;}


/* 본문적용 */
.article	{ width:100%; text-align: justify;} 
.article a:link,
.article a:visited,
.article a:active	{ border-bottom:1px dotted #f18e31; color:#f18e31;}
.article a:hover	{ color:#555; border:none;}

.article h3 { margin:0 0 6px 0; padding:0; color:#f18e31;}
.article h4	{ display:inline; margin:0 0 4px 0; font-size: 12px; font-weight:normal; border-bottom:1px solid #f18e31;}
.article p	{ margin:0 0 20px 0; padding:0;}
.article li	{ margin-left:40px;}
.article pre { margin-bottom:20px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}
.article code { font-family:'Courier New', Courier, Monaco, 'bitstream vera sans mono', AppleGothic, '돋움', Dotum, monospace;}
.article dt	{ text-decoration:underline;}
.article dd	{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ margin:0 0 0 20px; padding-left:35px; background:url("images/iconBlockquote.gif") top left no-repeat;}

.article a.noneBorder 	{ border:none;}
.article .gallery img	{ float:left; margin:3px 3px 0 0;}
.article .box	{ margin-bottom:20px; padding:8px; border:1px dotted #f18e31;}
.article .boxgray	{ background-color:#eee; padding:8px; margin-bottom:20px;}
.article .boxborder	{ margin-bottom:20px; padding:8px; border:1px solid #ddd;}
.article .p0	{ margin:0; padding:0;}
.article .pcolor	{ color:#f18e31;}
.article ul.pad	{ margin-top:10px;}
.article ul.pad li	{ margin-bottom:8px;}

.tagTrail	{ clear:both; text-align: justify;}
.tagText	{ }

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

.trackback	{ width:100%; margin:2px 0 4px 0; overflow:hidden;}
.trackback a	{ color:#555;}
.trackback h3	{ margin:0px 5px 10px 0px; color:#f18e31; font-size:11px;}
.trackback h4	{ margin:0;}
.trackback h4 a	{ color:#f18e31;}
.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; text-align: justify;}
.trackback a.delete span	{ color:#999; font-size:9px;}

.comment	{ width:100%; margin-top:20px; background:url("images/dot.gif") top repeat-x; overflow:hidden;} 
.comment p	{ text-align:justify;}
.comment p a:hover	{ font-weight:normal;}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ padding:25px 0 0 0;}
.commentList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}
.comment li ul li	{ padding:15px 0 0 60px; }

.comment .name	{ font-weight:normal;}
.comment .date,
.comment .control,
.comment .control a	{ font-size:9px; color:#999;}
.comment .control a:hover	{ color:#f18e31;}

.commentWrite	{ margin-top:20px; font-size:9px;}
.commentWrite p { margin-top:3px;}
.commentWrite input	{ width:150px;}
.commentWrite textarea  { display:block; background:url("images/333ang_ieiri.jpg") no-repeat bottom right ; width:600px; padding:5px;}
.commentList	{ width:600px; padding:5px 0 0 0;}
.commentWrite .homepage	{ width:374px;}
.commentWrite .submit { width:150px; height:22px; font-size:9px; background:transparent;}
.commentWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.paging	{ padding:0 0 0 0; font-size:10px; font-weight:normal; color:#555; text-align:center;}
.paging a:link	{ color:#555;}
.paging a:visited	{ color:#555; text-decoration:none;}
.paging a:hover	{ color:#f18e31;}
.paging .prev	{ padding-right:15px;}
.paging .next	{ padding-left:15px;}


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

#footer	{ clear:both; padding:0 0 55px 303px; color:#fff; text-align:left; line-height:130%; font-size:9px; }
#footer .counter	{ float:left; margin:0 10px 0 0; padding-left:4px; background:url("images/barcode_line.gif") top left repeat-y;}	
#footer .counter .barcode	{ padding-top:35px; background:url("images/barcode.gif") top left repeat-x; }
#footer	.search		{ margin-bottom:3px;}
#footer	.search input	{ width:160px; height:18px; border:none; background:url("images/search.gif") top left no-repeat; color:#555; font-size:12px;}
#footer	.search button	{ display:none;}
#footer a	{ color:#fff;}
#footer a.valid	{ padding-left:12px; background:url("images/valid.gif") bottom left no-repeat;}
#footer a:hover	{ color:#999; font-weight:normal;}


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

/* 스크롤메뉴 */
#STATICMENU { position:absolute; width:40px; z-index:1;}
#STATICMENU a { display:block; width:40px; height:22px; background:url("images/top.gif") top left no-repeat;}
#STATICMENU a:hover { background:url("images/top_on.gif") top left no-repeat;}


/* ------------------------------------------------------------------- */
/* 티스토리 설정 */
/* ------------------------------------------------------------------- */

/* 페이징 - 현재 페이지 */
.selected	{ color:#f18e31;}

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

/* 달력 월 표시 */
.cal_month	{ padding:5px 0 10px 0; font:bold 12px Georgia; text-align:center;}
/* 달력 요일 표시("th 영역") */
.cal_week1	{ }
/* 달력 일요일 표시("th 영역") */
.cal_week2	{ color:#f18e31;}
/* 달력 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:#f18e31;}
/* 달력 지난 달 날짜 표시("td")   */
.cal_day1	{ }
/* 달력 다음 달 날짜 표시("td")   */
.cal_day2	{ }
/* 달력 이번 달 날짜 표시("td") */
.cal_day3	{ }
/* 달력 오늘 날짜 표시("td") */
.cal_day4	{ color:#f18e31; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,
a.cal_click:visited	{ color:#555; font-weight:bold;}
a.cal_click:hover	{ color:#f18e31;}

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

/* 이미지 아래 캡션 스타일 */
p.cap1	{ margin:0; padding:2px 0 0 0; color:#999; font-size:12px; text-align:center;}

/* 그림 */
.imageblock      { border:none; vertical-align:top; line-height:normal;}
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img	{ margin:0;}

/* 왼쪽 */
.left	{ }
/* 가운데 */
.center	{ }
/* 오른쪽 */
.right	{ }
/* 그림 2개 배치 */
.dual	{ }
/* 그림 3개 배치 */
.triple	{ }




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