@charset "utf-8";


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

*	{ margin:0; padding:0; word-wrap:break-word;}
body	{ font:12px 'Verdana', 'Helvetica', 'AppleGothic', Sans-serif; color:#543; text-shadow:0 1px 0 #f3f2f1;}
a:link,
a:visited,
a:active	{ color:#543; text-decoration:none;}
a:hover	{ color:#ea633a;}
a
h1, h2, h3, h4, h5, h6	{ font-size: 12px; font-weight:bold;}

input { height:18px;}
button,
input,
textarea	{ border:none; background:url('images/bg-30.png') top left repeat; font:12px 'Verdana', 'AppleGothic', Sans-serif; color:#543; text-shadow:0 1px 0 #f3f2f1;}
button:focus,
input:focus,
textarea:focus	{ background:url('images/bg-50.png') top left repeat;}

img	{ border:none;}
hr	{ display:none;}
.clearer { display:block; clear:both; width:100%; height:1px; line-height:0;}

.cnt	{ font-size:9px; color:#ea633a;}
.date,
.control,
.control a:link,
.control a:visited	{ font-size:9px; color:#9b958f;}
.control a:hover	{ color:#ea633a;}


	.bg-base	{ background:url('images/bg-base.jpg') top left repeat}
	.bg-point-gr-rt	{ background:url('images/bg-point-gr-rt.png') top right no-repeat}
	.bg-point-water	{ background:url('images/bg-point-water.png') top no-repeat}
	.bg-point-water02	{ background:url('images/bg-point-water02.png') center 2500px no-repeat}
	.bg-point-cat	{ background:url('images/bg-point-cat.png') right bottom no-repeat;}
	.bg-point-fish	{ background:url('images/bg-point-tropicalfish.png')  top no-repeat;}
	.bg-pattern	{ background:url('images/bg-pattern.png') top left fixed repeat; width:100%}


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

#container	{ width:840px; margin:auto; padding:35px 0 40px;}
#header { padding-bottom:40px;}
#content	{ float:left; width:600px; margin-right:60px; line-height:20px;}
.sidebar	{ float:left; width:180px; margin:20px 0 60px 0;}
#footer	{ }


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

'#header h1	{ padding:20px 0 3px 0; background:url("images/point.gif") left top no-repeat;}
'#header h1 a	{ display:block; width:370px; height:42px; background:url("images/title.png") left top no-repeat;}
#header h1	{ padding:0 0 7px 0; font-size:9px; font-weight:normal;}
#header h1 a	{ display:block; width:275px; height:40px; background:url('images/title.png') left top no-repeat; text-indent:-999em;}
#header h1 a:hover	{ background-position:0 -40px;}
#blog-menu	{ list-style:none;}
#blog-menu li	{ display:inline; font-size:9px;}
/* #blog-menu li:after	{ content:' /';} */


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

.entry-protected,
.entry,
.entry-notice,
.search-list,
.guestbook,
.taglog	{ margin-bottom:50px;}

.search-list h2,
.taglog h2,
.guestbook h2	{ margin:0 0 10px 0; padding:20px 0 3px 0; }

.search-list ol	{ list-style:none;}
.search-list li	{ margin-bottom:7px; line-height:100%;}
.search-list li a:visited	{ padding-left:15px; background:url('images/valid.png') bottom left no-repeat;}

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

.guest-write p	{ margin:2px 0;}
.guest-write label { font-size:9px;}
.guest-write input	{ width:150px;}
.guest-write textarea	{ width:588px; padding:5px;}
.guest-write .homepage   { width:300px;}
.guest-write .submit		{ height:22px; font-size:9px;}
.guest-write input.checkbox	{ width:auto; border:none; background:transparent;}

.guest-list	{ width:100%; margin:50px 0 0 0;}
.guest-list ol,
.guest-list ol ul	{ list-style:none;}
.guest-list ol li	{ margin:25px 0 0 0;}
.guest-list ol li p	{ padding-top:5px; }
.guest-list ol li p a	{ color:#ea633a;}
.guest-list ol li ul li	{ margin:15px 0 0 50px;}
.guest-list .name	{ font-weight:bold;}
.guest-list .guest_general	{ }
.guest-list .guest_admin	{ }
.guest-list .guest_secret	{ color:#ea633a;}


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

.entry h2,
.entry-protected h2,
.entry-notice h2	{ padding:20px 0 3px 0; }

.title-wrap h2 a { color:#543;}
.title-wrap h2 a:hover { color:#ea633a;}
.title-wrap	{ position:relative; margin-bottom:21px; font-size:9px; color:#9b958f; line-height:normal;}
.title-wrap span a:link,
.title-wrap span a:visited	{ color:#9b958f;}
.title-wrap span a:hover	{ color:#ea633a;}
.title-wrap .control { padding-left:5px;}
.title-wrap .share-twitter	{ position:absolute; right:0;}

.entry-protected	{ }
.entry-protected .bg-stripe-top	{ display:block; width:600px; height:50px; background:url('images/bg-stripe.png') left top no-repeat;}
.entry-protected .bg-stripe-bottom	{ display:block; width:600px; height:200px; background:url('images/bg-stripe.png') left bottom no-repeat;}
.entry-protected input	{ width:160px; height:18px; vertical-align:middle;}
.entry-protected button	{ width:60px; height:20px; font-size:9px; vertical-align:middle;}

.ad-google	{ clear:both; padding-bottom:10px;}

.tag-trail	{ clear:both; text-align: justify;}
.action-trail	{ clear:both;}
.action-trail .cnt	{ font-size:12px; font-weight:bold; color:#ea633a;}

.trackback	{ width:100%; margin:2px 0 4px 0;}
.trackback a	{ color:#543;}
.trackback h3	{ position:relative; margin:0px 5px 10px 0px; font-size:11px; color:#ea633a;}
.trackback h4	{ position:relative;}
.trackback h4 a	{ color:#ea633a;}
.trackback ol	{ list-style:none;}
.trackback li	{ padding:7px 0;}
.trackback p	{ position:relative; margin:3px 0 0 0; padding:0; }
.trackback .name,
.trackback .name a	{ color:#9b958f;}
.trackback span.left-130	{ position:absolute; left:-150px; font-size:9px; font-weight:normal; color:#9b958f;}

.comment	{ width:100%; margin-top:20px; padding-top:10px; background:url('images/bg-dot.gif') top repeat-x;} 
.comment p	{ }
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ margin:25px 0 0 0;}
.comment li ul li	{ margin:15px 0 0 50px; }
.comment .name	{ font-weight:bold;}

.rp_general	{ }	
.rp_admin	{ }
.rp_secret	{ color:#ea633a;}
.hiddenComment 	{ font-weight:normal; color:#ea633a;}

.comment-write	{ margin-top:50px;}
.comment-write p { position:relative; margin:2px 0;}
.comment-write label { position:absolute; left:-150px; font-size:9px; color:#9b958f;}
.comment-write input		{ width:150px;}
.comment-write textarea	{ width:588px; padding:5px;}
.comment-write .homepage	{ width:300px;}
.comment-write .submit	{ height:22px; font-size:9px;}
.comment-write input.checkbox	{ width:auto; border:none; background:transparent;}

.paging		{ margin:10px 0 40px 0; font-size:9px; color:#543;}
.paging a	{ margin:0 3px;}
.paging a:link	{ color:#543;}
.paging a:visited	{ color:#9b958f;}
.paging a:hover	{ color:#ea633a;}
.paging .prev	{ margin-right:10px;}
.paging .next	{ margin-left:10px;}
.selected	{ color:#ea633a;}	/* 페이징 - 현재 페이지 */


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

.article	{ width:100%; } 
.article a:link,
.article a:active	{ color:#ea633a;}
.article a:visited	{ color:#9b958f;}
.article a:hover	{ border:none; color:#543;}

.article ol,
.article ul,
.article h4	{ margin:15px 0;}
.article h3	{ margin:25px 0 15px; color:#ea633a; background:url('images/bg-dot.gif') bottom repeat-x;}
.article h4	{ font-weight:normal; color:#ea633a; background:url('images/bg-dot.gif') bottom repeat-x;}

.article p	{ margin:15px 0; padding:0; vertical-align:middle; }
.article img	{ margin-bottom:10px;} /* -moz-opacity:0.75; -ms-filter:'alpha(opacity=75)'; filter:alpha(opacity=75); opacity:0.75;} */

.article pre	{ overflow:auto; margin:15px 0; padding:8px; border:1px solid #bbb; font-family: 'Courier New', 'Courier', 'bitstream vera sans mono', 'mono', '나눔고딕', monospace; background:url('images/bg-code.png') top left repeat; line-height:25px;}
.article code	{ background:url('images/bg-b10.png') top left repeat; font-family: 'Courier New', 'Courier', 'bitstream vera sans mono', 'mono', '나눔고딕', monospace;}
.article pre code	{ background:none;}

.article dl	{ margin:15px 0;}
.article dt	{ font-weight:bold; color:#9b958f;}
.article dd	{ padding:0 0 0 40px; background:url('images/bg-dot.gif') top repeat-x; color:#9b958f;}

.article blockquote	{ padding-left:40px; background:url('images/icon-blockquote.png') left 5px no-repeat;}

.article abbr,
.article acronym	{ border-bottom:1px dotted #ea633a; cursor:help;}

.article sup,
.article sub	{ color:#ea633a;}

.article em	{ }
.article strong	{ }

.article .p0	{ margin:0; padding:0;}
.article .box	{ margin:15px 0; padding:8px; background-color:#fff;}
.article .textbox	{ margin:15px 0; padding:10px; background:url('images/bg-30.png') top left repeat;}
.article .box *:first-child,
.article .textbox *:first-child,
.article .download *:first-child	{ margin-top:0;}
.article .box *:last-child,
.article .textbox *:last-child,
.article .download *:first-child *:last-child	{ margin-bottom:0;}
.article .download	{ padding-left:40px; background:url('images/icon-download.png') left 5px no-repeat;}
.article object#audioplayer1	{ opacity:.2; filter:alpha(opacity=20);/* For IE 5-7 */ -ms-filter:'alpha(opacity=20)';/* For IE 8 */}

.article .repeatImg	img	{ margin:0; padding:0;}
.article .repeatImg div	{ width:100%; background:url('images/bg-50.png') top left repeat;}

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; }
div.another_category th span,
div.another_category td	{ font:9px 'Verdana';}

.article .f9 { font-size:9px;}

/* 테이블 예제 */
.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; background:url('images/bg-30.png') top left repeat;}
.article table.normalTable tr th	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:url('images/bg-30.png') top left repeat;}
.article table.normalTable tr td	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.article table.normalTable tr:hover { background:url('images/bg-30.png') top left repeat;}

.article table.Table01	{ border-collapse:collapse; clear:both; width:100%; border-top:3px solid #888; border-bottom:3px solid #888;}
.article table.Table01 tr th	{ border-bottom:3px solid #888; padding:5px;}
.article table.Table01 tr td	{ border-bottom:1px solid #888; padding:3px;}
.article table.Table01 tr:hover { background:url('images/bg-30.png') top left repeat;}

.imageblock      { position:relative; margin-bottom:10px; border:none; line-height:normal; vertical-align:top;}
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img	{ margin:0;}

.center	{ }
.center img	{  }

p.cap1	{ margin:0; padding:2px 0 0 0; font-size:9px; color:#9b958f; } /* 이미지 아래 캡션 스타일 */
.imageblock p	{ position:absolute; top:0; left:-150px; width:120px; text-align:left;}

.center .ExifInfo	{ position:absolute; top:0; left:-150px; width:120px; text-align:left;}
.center .ExifInfo span	{ width:100px;}
.center .ExifInfo span.exifBar	{ display:none !important;}
.left .ExifInfo,
.right .ExifInfo,
.dual .ExifInfo,
.triple .ExifInfo	{ display:none;}

.tt-gallery-box	{ position:relative; padding-bottom:15px;}
.galleryControl	{ position:absolute; bottom:0; margin:0 !important; vertical-align:middle !important;}
.galleryControl	img	{ margin-bottom:0;}

.key1	{ border-bottom:1px dotted #ea633a; color:#ea633a;}
.key1:hover	{ color:#543; border:none;}

/* 본문 - more / less */
p.moreless_fold	{ margin:0 0 10px 0; padding-left:25px; background:url('images/icon-more.png') top left no-repeat; font-weight:bold; color:#543;}
p.moreless_top	{ padding-left:25px; background:url('images/icon-less.png') top left no-repeat; font-weight:bold; color:#543;}
.moreless_body	{ }
p.moreless_bottom	{ padding-right:25px; background:url('images/icon-less.png') top right no-repeat; font-weight:bold; color:#543; text-align:right;}


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

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

#search-form { width:180px; margin:0; background:url('images/bg-30.png') top left repeat;}
#search-form:hover	{ background:url('images/bg-50.png') top left repeat;}
#search-form label	{ position:absolute; left:-2000px;}
#search-form input	{ float:left; padding-left:3px; width:125px; height:18px; border:none; background:none; color:#543;}
#search-form button	{ float:right; width:50px; height:18px; border:none; background:none; font-size:9px; color:#543; cursor:pointer;}

.sidebar .category li	{ margin-top:3px; font-size:11px;}
.sidebar .category ul li ul li ul li	{ padding-left:10px;}
/* .sidebar .category ul li ul li ul li:before { content:'- '; } */

.sidebar h2	{ position:absolute; left:-2000px;}
.sidebar .name	{ color:#9b958f;}
.sidebar h3	{ cursor:pointer;}
.sidebar h3,
.sidebar .meta { margin:20px 0 5px 0; padding:0 0 3px 0;}

.sidebar .links, 
.sidebar .archive	{ font-size:9px;}

.sidebar .rss	{ padding-top:20px;}
.sidebar .rss a	{ display:block; width:17px; height:17px; background:url('images/bg-rss.png') 0 -17px no-repeat; text-indent:-999em;}
.sidebar .rss a:hover	{ background:url('images/bg-rss.png') 0 0 no-repeat;}

.c_cnt	{ color:#ea633a; font-size:9px;}	/* 카테고리 - 카테고리 옆 개수 스타일 */


/* Footer ----------------------------------------------------------- */

#footer	{ }
#footer	p	{ font-size:9px;}
.quick-link,
address	{ position:absolute; top:0; left:-2000px;}
.quick-link a.go-to-top	{ position:fixed; bottom:20px; right:20px; display:block; width:30px; height:30px; text-indent:-999em; background:url('images/icon-top.png') no-repeat;}
.quick-link a.go-to-top:hover	{ background-position:0 -30px;}
.quick-link a.go-to-top:active,
.quick-link a.go-to-top:focus	{ outline:none;}


/* Social ----------------------------------------------------------- */

#social	{ }
#social h3 { margin:20px 0; background:none;}
#social a	{ color:#9b958f;}
#social a.c_cnt	{ color:#ea633a; font-size:9px;}

#twitter, #delicious	{ float:left; width:295px; margin:0 5px 30px 0;}
#twitter p, #delicious p	{ margin:0; overflow:hidden;}
.tweet	{ padding: 10px; margin: 5px 0; background:url('images/bg-30.png') top left repeat; white-space: pre-wrap; border:0; border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; -opera-border-radius:7px;}
.tweet:hover	{ background:none;}
.tweet-time	{ font-size:9px; color:#9b958f; line-height:15px;}

#flickr *	{ padding:0; margin:0;}

#flickr div	{ float:left; width:115px; overflow:hidden; margin:0 5px 5px 0; border:0;}
#flickr div:hover	{ background:url('images/bg-30.png') top left repeat;}
#flickr img	{ width:115px;}
#flickr div:first-child	{ width:235px;}
#flickr div:first-child img	{ width:235px;}
#flickr p	{ margin-top:15px;}

#gallery112	{ width:600px;}
#gallery112 a { display:block; width:71px; height:71px; float:left; margin:0 4px 4px 0;}
#gallery112 a,
#gallery112 a:link,
#gallery112 a:hover,
#gallery112 a:visited { border:none;}
#gallery112 img	{ width:71px; height:71px;}
#gallery112 span	{ display:block; width:71px; height:71px; float:left; margin:0 4px 4px 0; background:url('images/bg-b5.png') top repeat;}



.tistoryProfileLayerTrigger { background:url('images/icon-profile.png') top left no-repeat !important; height:15px !important; width:10px !important;}