@charset "utf-8";


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

/* 본문 공통 */


body		{ padding:0; margin:0; font-family: dotum, gulim, verdana; font-size:9pt; color:#777;}
a:link		{ color:#777; text-decoration:none;}
a:visited	                { color:#888; text-decoration:none;}
a:hover		{ color:#7aa; text-decoration:none;}
a:active	                { color:#777; text-decoration:none;}



#sidebar .blog_img {
	text-align: right;
	margin-bottom: 15px;
}
#sidebar .blog_img img {
	border: 5px
	padding: 0px;
}


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

/* 카테고리 - 이미지 버튼 */
.ib			{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3	{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt		{ font-size:8pt; 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:#008ACC;}

.secret {
	margin-top: -12px;
	position: absolute;
	margin-left: 0px;
        color:#008ACC;
}

/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) no-repeat; padding-left:20px; 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) center left no-repeat;  padding-left:20px; color:#666;font-family:verdana, dotum;}
    .moreless_top    { background:url(images/iconLess.gif) center left no-repeat;  padding-left:20px; color:#666;font-family:verdana, dotum;}
    .moreless_body   { }
    .moreless_bottom { background:url(images/iconLess.gif) center right no-repeat;  padding-right:20px; color:#888; text-align:right;font-family:verdana, dotum;}


/* ------------------------------------------------------------------- */
/* 키워드 */ 
/* ------------------------------------------------------------------- */


.key1	{ cursor:pointer; color:#008ED2; border-bottom: 1px dotted #ccc; font-family: dotum,굴림,verdana;}




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

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:1550px; }
#left		{ float:left; width:230px; padding-right:40px; padding-bottom:20px;}
#header 	{ text-align:right; width:250px; padding-top:40px; padding-bottom:20px;}
#sidebar	{ text-align:right; width:250px; text-align:right;}
#content 	{ float:right; width:1280px; padding-bottom:40px; line-height:180%; overflow:hidden;}

/* ------------------------------------------------------------------- */
/* ***** 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:3px; list-style:none;}
#sidebar h3	{ padding-bottom:5px; font:12px Dotum, 굴림, verdana; font-weight:bold; cursor:pointer;}
#sidebar h3 span:hover	{ color:#7aa;}
#sidebar .cnt	{ font-size:7pt; color:#7aa; font-weight:normal;}
#sidebar .link  { padding:0; margin:0; list-style:none; font:9pt Dotum, 굴림, verdana;}




/* 하단 배너  */
#sidebar .search         { text-align:right;}
#sidebar .search input   { width:108px; padding-left:45px; border:1px solid #ccc; padding-top:3px; color:#626262; font:12px Dotum, 굴림, verdana; height:15px; background:url(images/bgSearch.gif); margin-top:3px;}
#sidebar .search .submit { width:45px; height:21px; background-color:#eee; font:8pt verdana; color:#888;}



/* Categories */
#category		{ padding-bottom:13px; font-size:11px; font-weight:normal; padding-left:20px;}
#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	{ padding-left:50px; font:11px verdana, dotum; font-weight:normal;}
/* selected */
#category .selected		{ font-weight:bold;}
#category .selected ul li	{ font-weight:normal;}



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




/* ------------------------------------------------------------------- */
/* ***** 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	{ 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		{ width:620px; padding:0px; margin:0; text-align:justify;}
.taglog li		{ display:inline;}
.taglog li .cloud1	{ color:#cc0033; font-weight:bold; font:12px Dotum, 굴림, verdana;background-color:#f2f2f2;}
.taglog li .cloud2	{ color:#008ACC; font-weight:bold; font:12px Dotum, 굴림, verdana;background-color:#f2f2f2;}
.taglog li .cloud3	{ color:#008ACC; font-weight:bold; font:12px Dotum, 굴림, verdana;background-color:#f2f2f2;}
.taglog li .cloud4	{ color:#666; font:12px Dotum, 굴림, verdana;}
.taglog li .cloud5	{ color:#999; font:12px Dotum, 굴림, verdana;  }
.taglog li a:hover	{ color:#7aa;}








.guestbook p		{ padding:2px 0; margin:0;}
.guestWrite legend      { font:10px tahoma; color:#999; padding:0 10px;}
.guestWrite label       { display:none;}
.guesttWrite form       { padding:10px 0 15px 0;}

.guestWrite		{ font:8pt verdana; }
.guestWrite input       { width:252px; color:#666; margin:1px 0; padding-left:60px; border:none; padding-top:4px; padding-bottom:2px;  font:9pt Dotum, 굴림,verdana; height:15px; border:1px solid #ccc;}
.guestWrite input.name  { background:url(images/bgName.gif) 0 0 no-repeat white;}
.guestWrite input.home  { background:url(images/bgHome.gif) 0 0 no-repeat white; font:0.8em tahoma;}
.guestWrite input.pass  { background:url(images/bgPass.gif) 0 0 no-repeat white; }
.guestWrite textarea	{ height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px;  font:9pt Dotum, 굴림, verdana; width:600px; color:#666;}
.guestWrite .homepage   { width:200px; color:#666;}
.guestWrite .submit	{ border:0; padding:0; margin:0; width:92px; height:23px; margin-top:4px; background:#555; font:0.8em tahoma; color:#ddd;}
.guestWrite .checkbox	{ width:25px; border:none; padding:0; margin:0; }

.guestList		{ width:630px; padding:40px 0 0 0; font:9pt Dotum, 굴림, verdana; line-height:190%;}
.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;  padding:5px;}
.guestList ol li ul li	{ padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name	{ font:12px Dotum, 굴림, verdana; font-weight:bold;}
.guestList ol li .date	{ font-size:7pt verdana,굴림; color:#999; }
.guestList .control	{ font-size:7pt verdana,굴림; 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:9pt Dotum, 굴림, verdana; font-weight:none; }
.titleWrap			{ font:9pt Dotum, 굴림, verdana; color:#999; padding-bottom:20px;}
.titleWrap .category a		{ color:#999;}
.titleWrap .category a:hover	{ color:#7aa; font-weight:none;}
.titleWrap .date		{ }
.titleWrap .admin 		{ padding-left:5px;}
.titleWrap .admin a		{ color:#999;}
.titleWrap .admin a:hover	{ color:#7aa; font-weight:none;}





.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-bottom:20px; width:100%;  font:12px Dotum, 굴림, verdana;line-height:190%;} 

.article a:link, 
.article a:visited	{ color:#8EBE5A; border-bottom:1px dotted #ccc;font:12px Dotum, 굴림, verdana;line-height:180%;}
.article a:hover,active	{  color:#777; border-bottom:1px dotted #bbb;font:12px Dotum, 굴림, verdana;line-height:180%;}
.article dt		{ text-decoration:underline;font:12px Dotum, 굴림, verdana;line-height:180%;}
.article dd		{ margin-left:20px; padding-bottom:10px;font:12px Dotum, 굴림, verdana;line-height:180%;}
.article blockquote	{ background:url(images/Blockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;font:12px Dotum, 굴림, verdana;line-height:180%;}






.tagTrail               { padding:10px 10px 10px 10px; font:12px Dotum, 굴림, verdana}
.tagText		{ }

.actionTrail		{ clear:both;font:12px Dotum, 굴림, verdana}
.actionTrail .cnt	{ color:#7aa;font:12px Dotum, 굴림, verdana}

.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/line.gif) no-repeat; padding-top:50px; margin-bottom:4px; width:100%; overflow:hidden;} 
.commentWrite label  { display:none;}
.commentWrite form   { padding:10px 0 15px 0;}
.commentWrite legend { font:10px tahoma; color:#999; padding:0 10px;}

.comment p	{ width:600px; margin:3px 0 0 0; padding:0;font:12px Dotum, 굴림, verdana;line-height:180%;}
.comment h3	{ display:none; width:600px;}
.comment ol,
.comment ul	{ margin:0;  padding:0; list-style:none; width:450px;}
.comment .date	{ font:7pt Verdana; color:#999;}
.comment .name	{ font:12px Dotum, 굴림, verdana; 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		 { padding:5px; margin-top:20px; font:7pt verdana;}

.commentWrite input	 { width:252px; color:#666; margin:1px 0; padding-left:60px; border:none; padding-top:4px; padding-bottom:2px;  font:9pt Dotum, 굴림, verdana; height:15px; border:1px solid #ccc;}
.commentWrite input.name { background:url(images/bgName.gif) 0 0 no-repeat white;}
.commentWrite input.home { background:url(images/bgHome.gif) 0 0 no-repeat white; font:0.8em tahoma;}
.commentWrite input.pass { background:url(images/bgPass.gif) 0 0 no-repeat white; }
.commentWrite .secretWrap   { margin-bottom:2px; background:url("images/inputSecret.gif") 25px 5px no-repeat;}
.commentWrite textarea  { height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px;  font:9pt Dotum, 굴림, verdana; width:600px; color:#666;}
.commentWrite .homepage	{ width:200px;}
.commentWrite .submit { border:0; padding:0; margin:0; width:92px; height:23px; margin-top:4px; background:#555; font:0.8em tahoma; color:#ddd;}
.commentWrite .checkbox	{ width:25px; border:none; padding:0; margin:0; }




.paging			{ padding:30px 0px 20px 0px;   text-align:left;  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;}



.title                  {color:#aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}
A.title:link            {color:#aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}
A.title:visited         {color:#aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}
A.title:active          {color:#aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}
A.title:hover           {color:#6BB7C7;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}


/* ------------------------------------------------------------------- */
/* ***** 이미지들  ***** */
/* ------------------------------------------------------------------- */

.bg {
	background-attachment: scroll;
	background-image: url(./images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}



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

#footer		     { line-height:130%; padding:20px 0px; font-size:7pt;}
#footer .counter     { color:aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;}
#footer .copyright   { color:aaaaaa;font-family:verdana;font-size:7pt;font-weight:normal;margin:0;border:none;padding:0;line-height:160%;} 


				
.banner              { width:200px; padding-bottom:12px;}
.banners             { border-top:1px solid #ddd; padding:10px;}
				

		
div .linetrans       { padding: 12px;}						
div .line            { width: 90%; border-bottom:1px solid #bbb;  padding: 5px;}

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

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