@charset "utf-8";
@font-face { font-family:우리새봄; src:url();}
@font-face { font-family:seevaa9; src:url(images/seevaa9.eot);}
@font-face { font-family:seevaa2007; src:url(images/seevaa2007.eot);}
@font-face { font-family:nanum; src:url(images/nanum.eot);}

/* 본문 공통 */

*:lang(ko-kr) 	{ font-family: "Malgun Gothic", 나눔명조, dotum, applegothic, sans-serif;}
*:lang(en-us) 	{ font-family: verdana, helvetica, sans-serif;}
body		{ padding:0; margin:0; color:#666; font:12px verdana, '맑은 고딕', '나눔명조', 'nanum', "Malgun Gothic", AppleGothic, 우리바탕, Tahoma, seevaa2007, dotum, 돋움, gulim; background: #ffffff url(./images/) no-repeat right bottom;}
a:link		{ color:#666; text-decoration:none;}
a:visited		{ color:#666; text-decoration:none;}
a:hover		{ color:#f00; text-decoration:none;}
a:active		{ color:#666; text-decoration:none;}
a img 		{ border : none; text-decoration:none;}
h1, h2, h3, h4	{ margin:0;  padding:0;}
h1, h2, h3, h4, h5, h6	{ font-size: 12px;}
input 			{ height:18px;}
button,
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;}
hr			{ display:none;}
.clearer 			{ margin:0; padding:0; clear:both; display:block; width:100%; height:0; font-size:1px; line-height:1px;}

/* 페이징 - 현재 페이지 */
.selected					{ color:#f00;}
/* 카테고리 - 이미지 버튼 */
.ib								{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3					{ cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt					{ font-size:8px; color:#aaa; font-weight:normal;}
/* 달력 월 표시 */
.cal_month					{ font:11px verdana; height:18px; font-weight:normal; text-align:left;}
/* 달력 요일 표시(th 영역) */
.cal_week1				{ font:11px dotum; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
.cal_week2				{ font:11px dotum; height:18px; font-weight:normal; color:#f00;}
/* 달력 Week(tr 영역)  */
.cal_week					{ }
.cal_current_week		{ }
/* 달력 Day(td 영역) */
.cal_day					{ font:9px verdana; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday		{ color:#f00 !important;}
.cal_day_sunday a		{ color:#f00 !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:#f00; font-weight:bold;}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general				{ }
.rp_admin					{ }
.rp_secret					{ color:#f00;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general			{ }
.guest_admin				{ }
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 		{ color:#f00; 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; text-align: justify;}
/* 본문 - more / less */
p.moreless_fold			{ margin:0 0 10px 0; padding-left:20px !important; background:url(images/more.gif) top left no-repeat; color:#666; font-weight:bold;}
p.moreless_top			{ padding-left:20px !important; background:url(images/less.gif) top left no-repeat; color:#666; font-weight:bold;}
.moreless_body			{ }
p.moreless_bottom		{ padding-right:20px !important; background:url(images/less.gif) top right no-repeat; color:#666; text-align:right; font-weight:bold;}
/* 키워드 */ 
.key1			{ cursor:pointer; border-bottom: 1px dotted #f00;}


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 추가, 삭제 가능  */
/* 블로그 레이아웃 */

#container	{ margin:0 auto; width:860px;}
#header { margin-top:50px;}
#content	{ float:left; width:600px; overflow:hidden; line-height:20px;}
#sidebar	{ float:right; width:200px; }

#bgTop	{ margin-top:10px; padding-top:20px; background:url("images/001.png") top left no-repeat;}
#bgBottom	{ padding-bottom:20px; background:url("images/002.png") bottom left no-repeat;}


/* Header */
#header h1 a { display:block; width:227px; height:50px; background:url("images/title.png") left top no-repeat;}
#header h1 a:hover	{}
#header h1 a span { display:none;}
#header h2		{ }
#header h2 a		{ font:12px Verdana; font-weight:bold; text-transform:uppercase; }
#header h2 a:hover		{ color:#f00;}
#header span		{ font:9px verdana; color:#999; }
#header span a		{ font:9px verdana; color:#999; }
#header span a:hover	{ color:#f00;}

#header .blogMenu ul	{ list-style:none;}
#header .blogMenu ul li	{ display:inline;}
#header .blogMenu	{ color:#aaa; font-size:9px;}
#header .blogMenu a:link,
#header .blogMenu a:visited	{ color:#aaa;}
#header .blogMenu a:hover	{ color:#f60;}


/* 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,		
#content .searchRplist h3,
#content .searchList h3	{ padding-bottom:20px; font:17px dotum; font-weight:bold;}
.searchList ol, 
.searchRplist ol		{ list-style:none; padding:0; margin:0;}
.searchList li, 
.searchRplist li		{ line-height:100%; padding-bottom:2px; margin-bottom:4px; font-variant:small-caps;}
.searchList li a:visited	{ padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}
.searchList .date, 
.searchRplist .date		{ font-size:9px; color:#aaa; margin-left:10px;}
.searchList .cnt		{ font-size:9px; color:#aaa;} 
.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:#f00; font-weight:bold; font-size:12px;}
.taglog li .cloud4		{ color:#f00; font-size:12px;}
.taglog li .cloud5		{ color:#555; font-size:12px;}
.taglog li a:hover		{ color:red;}

.guestbook p		{ padding:2px 0; margin:0;}
.guestWrite		{ font:9px verdana;}
.guestWrite input		{ font:11px verdana;  width:150px; color:#666;}
.guestWrite textarea		{ font:12px verdana; width:588px; padding:5px; color:#666; background:url(./images/spread.gif) no-repeat right;}
.guestWrite .homepage   	{ width:300px; color:#666; font:11px Verdana;}
.guestWrite .submit		{ width:150px; height:20px; background-color:#555; font:9px verdana; color:#ddd;}
.guestWrite input.checkbox	{ width:auto; height:auto; background-color:#fff;  border:none; padding:0; margin:0;}
.guestList			{ width:100%; 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/002.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:#f00;}
.guestList .guest_secret	{ color:#f60;}


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2				{ font:12px verdana, dotum; font-weight:bold;}
.entryProtected 			{ }
.warningStripeTop 			{ display:block; width:600px; height:50px; background:url("images/stripe.gif") left top no-repeat;}
.warningStripeBottom 		{ display:block; width:600px; height:200px; background:url("images/stripe.gif") left bottom no-repeat;}
.titleWrap			{ font:9px verdana, dotum; color:#999; padding-bottom:10px;}
.titleWrap .category a		{ color:#999; font:10px verdana, dotum;}
.titleWrap .category a:hover	{ color:#f00; font:10px verdana, dotum;}
.titleWrap .date		{ }
.titleWrap .admin 		{ padding-left:5px;}
.titleWrap .admin a		{ color:#999;}
.titleWrap .admin a:hover	{ color:#f00;}
.titleWrap .musicBox		{ float:right;}
.titleWrapbottom		{ font:9px verdana, dotum; color:#999; padding-bottom:0px;}
.titleWrapbottom .category a	{ color:#999; font:10px verdana, dotum;}
.titleWrapbottom .category a:hover	{ color:#f00; font:10px verdana, dotum;}
.titleWrapbottom .date		{ }
.titleWrapbottom .admin 		{ padding-left:5px;}
.titleWrapbottom .admin a		{ color:#999;}
.titleWrapbottom .admin a:hover		{ color:#f00;}
.entryProtected		{ margin-bottom:15px;}
.entryProtected input		{ width:140px; height:16px; color:#666; border:1px solid #999;}
.entryProtected .submit	{ font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

/* article ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

.article		{ width:100%; margin-bottom:20px; text-align: justify; font-family: "맑은 고딕", 나눔명조, dotum, applegothic, sans-serif; color:#303030;}
.article a:link	{ border-bottom:1px dotted red; color:red;}
.article a:visited	{ border-bottom:1px dotted #555; color:#555; padding-right:12px; margin-right:3px; background:url("images/valid.gif") bottom right no-repeat;}
.article a:hover	{ border:none; color:#555;}
.article dt		{ text-decoration:underline;}
.article dd		{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ padding-left:40px; background:url('images/blockquote.png') left 5px no-repeat;}
.article img	{ border:none;}
.article h3		{ margin:30px 0 10px 0; padding-left:3px; color:red; border-left:5px solid #f00; line-height:12px; font-weight:bold;}
.article h4		{ font-weight:normal; color:#ea633a; background:url('images/dot.gif') bottom repeat-x;}
.article .box 	{ padding : 8px; border : 1px dotted #f00;}
.article div	{ margin:0 0 10px 0; padding:0;}
.article:first-child	{ margin-top:0;}
.article p		{ margin:0 0 15px 0; padding:0;}
.imageblock      	{ border:none !important; 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;}

.article .download	{ padding-left:40px; background:url('images/download.png') left 5px no-repeat;}
.article pre	{ overflow:auto; margin:15px 0; padding:8px; border:1px solid #bbb; background:url('images/code.png') top left repeat; line-height:25px;}
.article code	{ background:url('images/b10.png') top left repeat; font-family: 'Courier New', 'Courier', 'bitstream vera sans mono', 'mono', '나눔고딕', monospace;}
.article pre code	{ background:none;}
.article .note	{ background:url("images/noteline.gif") repeat-y; padding-left:30px; font:11px "맑은 고딕"; line-height: 21px;}
.article .check	{ background:url("images/notecheck.gif") repeat-y; padding-left:30px; font:12px seevaa2007, "맑은 고딕"; line-height: 21px;}
.article .box	{ margin:15px 0; padding:8px; background-color:#fff;}
.article .textbox	{ margin:15px 0; padding:10px; background:url('images/b30.png') top left repeat;}
.article .gallery	{ margin:0; padding:0; line-height:1px;}
.article .gallery a	{ float:left;}
.article .gallery a:link,
.article .gallery a:visited	{ margin:0; padding:0; border:none !important; background:none !important;}
.article .gallery img		{ float:left; margin:3px 3px 0 0; padding:0;}

.article table caption	{ margin-bottom:5px; font-weight:bold; text-align:left;}
.article table.normalTable { border-collapse:collapse; clear:both; width:100%; border:1px solid #ccc;}
.article table.normalTable tr th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:#eee;}
.article table.normalTable tr td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.article table.normalTable tr:hover { background:#eee;}
.article table.Table01	{ border-collapse:collapse; clear:both; width:100%; border-top:3px solid #ffdede; border-bottom:3px solid #ffdede;}
.article table.Table01 tr th	{ border-bottom:3px solid #ffdede; padding:5px;}
.article table.Table01 tr td	{ border-bottom:1px solid #ffdede; padding:3px;}
.article table.Table01 tr:hover { background:#fff0f0;}
.article table.imgD { margin : 0 0 10px 0; padding : 0; border : none; vertical-align : top;} 
.article table.imgD td { margin : 0; padding : 0; border : none; vertical-align : top;} 
.article table.imgD td div { margin : 0; padding : 0; line-height : 0;} 
.article table.imgD td div img { margin : 0; padding : 2px 2px 0 0; line-height : 0;} 
.article table caption { margin-bottom : 5px; font-weight : bold; text-align : left;} 
.article table.normalTable { border-collapse : collapse; clear : both; width : 100%; border : 1px solid #ccc;} 
.article table.normalTable tr th { border-bottom : 1px solid #ccc; border-right : 1px solid #ccc; padding : 5px; background :#eee;} 
.article table.normalTable tr td { border-bottom : 1px solid #ccc; border-right : 1px solid #ccc; padding : 3px;} 
.article table.normalTable tr:hover { background : #eee; } 
.article table.Table01 { border-collapse : collapse; clear : both; width : 100%; border-top : 3px solid #ffdede; border-bottom : 3px solid #ffdede;} 
.article table.Table01 tr th { border-bottom : 3px solid #ffdede; padding : 5px; } 
.article table.Table01 tr td { border-bottom : 1px solid #ffdede; padding : 3px; } 
.article table.Table01 tr:hover { background : #fff0f0; }
.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;}

div.another_category	{ color:#9b958f !important; border:none !important; background:url('images/bg-b5.png') top left repeat; /* border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; */}
div.another_category h4 { border:none !important;}
div.another_category *	{ color:#9b958f !important;}
div.another_category h4,
div.another_category h4 a,
div.another_category a	{ color:#543 !important;}
div.another_category th a.current	{ text-decoration:line-through !important; border-bottom:none !important; font-weight:normal !important; padding-left:15px; background:url('images/valid-01.png') bottom left no-repeat; }

.tagTrail		{ padding:0 5px 0 0; font-size:11px;}
.tagText		{ font-size:9px;}
.actionTrail		{ clear:both; font-size:9px;}
.actionTrail .cnt	{ font-size:10px; Verdana;}
.lineTrail	{font-size:10px; verdana; color:#aaa;}
.trackback		{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a	{ color:#666;}
.trackback h3	{ font-size:9px; color:#f00; font-weight:normal; margin:0px 5px 10px 0px;}
.trackback h4	{ font-weight:normal; margin:0;}
.trackback h4 a	{ color:#666 !important; font-weight:bold;}
.trackback ol	{ margin:0;  padding:0; list-style:none;}
.trackback li	{ padding:7px 0;}
.trackback .date	{ font:9px Verdana; color:#999;}
.trackback .from	{ font:9px Verdana; color:#999;}
.trackback .sub	{ font:9px Verdana; color:#999;}
.trackback p	{ color:#999; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px Verdana; color:#999;}
.trackback span.left-130	{ position:absolute !important; left:-150px !important; font-size:9px !important; font-weight:normal; color:#f00;}

.comment		{ background:url(images/002.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; text-align:justify;}
.comment h3	{ display:none;}
.comment ol,
.comment ul	{ margin:0;  padding:0; list-style:none;}
.comment .date	{ font:9px Verdana; 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 Verdana; color:#999;}
.commentWrite		{ margin-top:20px; font:9px verdana;}
.commentWrite label { font-size:9px;}
.commentWrite p { margin:2px 0;}
.commentWrite input		{ font:11px verdana; width:150px; color:#666; }
.commentWrite textarea	{ font:11px verdana; width:588px; color:#666; padding:5px; top:5px; background:url(./images/spread.gif) no-repeat right;}
.commentWrite .homepage	{ width:300px; font:11px Verdana;}
.commentWrite .submit	{ height:20px; width:150px; background-color:#555; font:9px verdana; color:#ddd;}
.commentWrite input.checkbox	{ width:auto; height:auto; background-color:#fff; border:none; padding:0; margin:0;}

.paging			{ padding:20px 0; text-align:left; font:9px verdana; color:#ccc;}
.paging .numbox		{ border-left:0px solid #ccc; padding-left:3px; margin-left:6px; font:9px verdana;}
.paging .num		{ border-right:0px solid #ccc; padding-right:3px; margin-right:3px; font:9px verdana;}
.paging a {  } 
.paging a:link                            	{ color :#777;}
.paging a:visited		{ color:#aaa; text-decoration:none;}
.paging a:hover		{ color:#f00;}
.paging .up		{ font:9px verdana; float:right;}

/* sidebar */
#sidebar      	{font:11px verdana; font-color:#666;}
#sidebar ul	{ padding:0; margin:0; list-style:none;}
#sidebar li		{ padding-bottom:2px; list-style:none;}
#sidebar h2	{ display:none;}
#sidebar h3	{ padding-top:2px; padding-bottom:2px;  font-size:10px; font-weight:bold; background:url(images/004.png) left bottom no-repeat;}
#sidebar h3 a:hover	{cursor:pointer;}
#sidebar h3 span:hover{ color:#f00;}
#sidebar h4 { padding:2px 0 2px 0; margin-bottom:0px; font-size:10px; font-weight:bold;}
#sidebar h4 a:hover	{cursor:pointer;}
#sidebar .cnt	{ font-size:8px; color:#aaa; font-weight:normal;}
#sidebar .name	{ font-size:11px; color:#aaa;}
#sidebar .date	{ font-size:9px; color:#aaa; font-weight:normal;}
#meta 		{font-size:10px; background:url(images/501.png) no-repeat;}
#rss 		{font-size:9px;}
#recentPost,
#recentComment,
#recentTrackback	{ padding-bottom:10px;}
#calendar		{ padding-bottom:10px; width:160px;}
#archive		{ padding-bottom:10px;}
#link		{ padding-bottom:10px; font-size:9px;}

#category li { margin-top : 3px; font-size : 10px;}
#category li a	{ } 
#category ul li ul li ul li { padding-left : 10px; font-weight:normal;} 
#category ul li ul li ul li:before { content : "- "; }
#category .selected			{ font-weight:bold;}
#category .selected ul li		{ font-weight:normal;}


/* search */
#searchBox {height:18px; width:160px; margin-bottom:15px; padding-top:3px; border:1px solid #E6E6E6;}
#searchBox input {vertical-align:top;}
#searchBox input.text {float:left; width:131px; height:14px; padding-top:0px; border:0px; color:#888; font:11px/14px verdana;}
#searchBox .submit {float:right; width:12px; height:13px; margin-top:1px; margin-right:5px; background:url(images/search.gif) no-repeat; border-style:none; vertical-align:middle;}
#searchBox .submit {text-indent:-5000px; overflow:hidden; cursor:pointer;}

/* protect */
#protectBox {height:20px; width:180px; margin-bottom:15px; padding-top:3px; border:1px solid #E6E6E6;}
#protectBox input {vertical-align:top; float:left; width:131px; height:16px; padding-top:0px; border:0px; color:#888; font:11px/14px verdana;}
#protectBox .submit {float:right; width:21px; height:15px; margin-top:1px; margin-right:5px; background:url(images/arrow.png) no-repeat; border-style:none; vertical-align:middle;}
#protectBox .submit {text-indent:-5000px; overflow:hidden; cursor:pointer;}

/* footer */
#footer	{ clear:both; margin:10px 0 40px 0; color:#aaa; text-align:right; line-height:130%; font-size:9px; }
#footer .counter { float:left; }
#footer .barcode { text-align:left;}	
#footer a	{ color:#aaa;}
#footer a.valid	{ padding-left:12px; background:url("images/valid2.gif") bottom left no-repeat;}
#footer a:hover	{ color:#f00;}

#tt-body-notice #content .paging { display : none;}
#tt-body-notice #content .titleWrap { display : none;}
#tt-body-notice #content .article a:link	{ border-bottom:0px dotted red; color:red; }
#tt-body-notice #content .article a:visited	{ border-bottom:0px dotted #555; color:#555;}
#tt-body-notice #content .article a:hover	{ border:none; color:#555;}
.tistoryProfileLayerTrigger { background:url('images/profile.png') top left no-repeat !important; height:15px !important; width:10px !important;}