@charset "utf-8";
/* 필수 스타일 */
/* 본문 전체  */
body{font: 0.75em/1.5 'malgun gothic', dotum; color:#aaa; background-color:#444; margin-top:30px; }
/* 기본 링크 */
a:link {text-decoration: none; color:#999; }
a:visited {text-decoration: none; color:#999; }
a:hover {text-decoration: underline; color:#ccc; }
a:active {text-decoration: none; color:#999; }
/* 이미지 */
img {border-width: 0px; }
/* 이미지 버튼 */
.ib {cursor: pointer; }
/* 입력 텍스트 */
.text {	border:1px solid #999; background-color:#222; height:18px; }
/* 트리 테이블 */
.branch2 { }
/* 트리 셀 */
.branch3 {cursor: pointer; height: 10px; }
/* 이미지 아래 캡션 스타일 */
.cap1 {	color:#ccc; text-align:center; }
.galleryCaption { color:#ccc !important; text-align:center; }
/* 키워드 스타일 */
.key1 {	cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 카테고리 옆 개수 스타일 */
.c_cnt {font:100% 'malgun gothic', dotum; color:#f83; margin-left:3px; }
/* 필수 스타일 끝 */
.selected { color:#ccc; font-weight:bold; }

hr {display:none;}	
h1, h2, h3, h4 {margin:0; color:#222;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}
ul, ol{list-style:none; margin:0; padding:0;}
input{ height:18px; border:1px solid #222; background-color:#1c1c1c; color:#999; margin:1px 0;}
textarea{ height:100px;  border:1px solid #222; background-color:#1c1c1c; color:#999; margin:1px 0; overflow:visible;}

.container { width:780px; margin:0 auto; }
.container .orange { color:#ff8833; }

.header { margin:0; }
.header .title h1 a { color:#ddd; }

.header .bloginfo { float:left; width:400px; }
.header .bloginfo .image { float:left; margin-right:10px; }
.header .bloginfo .image img { width:90px; height:70px; padding-bottom:12px; }
.header .bloginfo .desc { color:#ddd; }
.header .bloginfo .menu { margin-top:6px; }
.header .blogrss { float:right; text-align:right; margin:0; padding:6px 0 0 0; }
.header .blogrss img { padding-bottom:3px; }
.header .blogrss a { color:#ccc; }

.contentLayoutMiddle{ background:url(./images/layoutMiddle.gif)  repeat-y; clear:both; }
.contentLayoutTop{ background:url(./images/layoutTop.gif)  no-repeat top;}
.contentLayoutBottom{ background:url(./images/layoutBottom.gif)  no-repeat bottom;}

.content { margin-bottom:10px; width:700px; padding:40px;}
.content .date {font:80% 'malgun gothic', dotum;}
.content .name{ color:#999;}
.content .cnt{ color:#ff8833;}
.content .content .list, .content .rpList, .content .tag, .content .local, .content .notice, .content .protected, .content .entry{margin-bottom:50px;}
.content h3{border-bottom:1px solid #181818; margin-bottom:5px; color:#ccc;}

/* 검색 결과 리스트 */
.content .list li, .rpList li{ border-bottom:1px solid #282828; padding:3px 5px; }
.content .list li .date { margin-right:10px; }
.content .list li a:link { color:#bbb; }
.content .list li a:visited { color:#bbb; }
.content .list li a:hover { color:#ccc; }
.content .list li a:active { color:#bbb; }

.content .tag a{ text-decoration:none; font-family:'malgun gothic', dotum;}
.content .tag ul{ margin:0; padding:0;}
.content .tag li{ display:inline; padding:0; text-align:justify; margin-right:8px; }
.content .tag li .cloud1 { font-weight:bold; font-size:170%; color:#ccc; background-color:#222; }
.content .tag li .cloud2 { font-weight:bold; font-size:160%; color:#ccc; background-color:#222; }
.content .tag li .cloud3 { font-weight:bold; font-size:140%; color:#ccc;}
.content .tag li .cloud4 { font-size:120%; color:#bbb;}
.content .tag li .cloud5 { font-size:100%; color:#aaa;}
.content .tag li a:hover{ background-color:#111; color:#ddd;}

.content .titleinfo { border-bottom:1px solid #181818; padding-bottom:3px;}
.content .titleinfo h2 { float:left; }
.content .titleinfo h2 a{ color:#fff;}
.content .titleinfo .date{ text-align:right; padding-top:10px; color:#999; margin-bottom:3px; }
.content .titleinfo #copyright { clear:both; }
.content .titleinfo #copyright a { color:#bbb; }
.content .admin{ clear:both; }

.content .article{ clear:both; width:700px; overflow:hidden; margin-top:10px;}
.content .article ul{ margin-left:30px; padding:10px 0; }
.content .article ol{ margin-left:30px; padding:10px 0; }
.content .article ul li { list-style-type:disc; padding:2px 0;}
.content .article ol li { list-style-type:decimal; padding:2px 0;}
.content .article a{ color:#ff8833;}
.content .article blockquote{ margin:10px 0 10px 30px; border-left:4px double #ded2c6; padding-left:10px;}

.content .favorites img { vertical-align:middle; }
.content .favorites .favoritebtn { color:#ff8833; border:1px solid #111; background-color:#333; padding:2px; }

/* content > entry >  태그 */
.content .entry .tag{ clear:both; text-align:left; padding-right:10px; margin-bottom:10px;}
.content .entry .tag a:hover{ color:#ccc;}

/* content > entry  댓글+트랙백 공통 스타일 */
.content .entry .list .name{ float:left;}
.content .entry .list .date{ float:left; padding:5px 2px 0 5px; }
.content .entry .list .control{ margin-left:400px; text-align:right; padding-right:5px; }
.content .entry .listBody {clear:both; }

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #222; padding:8px 5px; margin:0;}
/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0 0 10px 0;}
.content .entry .trackback h3{font-size:90%; border-top:1px solid #222; padding:10px 5px 8px 5px; color:#999; font-weight:normal; margin:0 0 1px 0; background-color:#282828; text-align:center;}
.content .entry .trackback .address{letter-spacing:0; font-family:'malgun gothic', dotum; color:#999;}
/* content > entry > 트랙백 리스트 */
.content .entry .trackback h4{ font-size:100%; font-weight:normal; display:inline; margin:0;}
.content .entry .trackback h4 a{color:#999; padding:0 2px;}
.content .entry .trackback .list {margin-bottom:5px;}
.content .entry .trackback .list ol{margin:0; padding:0; list-style:none;}
.content .entry .trackback .list li{ background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #222; padding:8px 0 5px 12px;}
.content .entry .trackback .list .date{ color:#999;}
.content .entry .trackback .list .listBody { color:#666; padding:2px 0;}
/* content > entry > 댓글 타이틀*/
.content .entry .comment{width:700px; overflow:hidden; color:#999;}
.content .entry .comment p{margin:0;}
.content .entry .comment {margin:0 0 10px 0;}
.content .entry .comment h3{font-size:100%; border-top:1px solid #222; padding:10px 5px 8px 5px; color:#999; font-weight:normal; margin:0 0 1px 0; background-color:#282828; text-align:center;}
.content .entry .comment .address{letter-spacing:0; font-family:'malgun gothic', dotum; color:#999;}
/* content > entry > 댓글 리스트 */
.content .entry .comment .list ol{margin:0; padding:0; list-style:none;}
.content .entry .comment .list ul{list-style:none;}
.content .entry .comment .list li{ background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #222; padding:8px 0 5px 20px; margin-bottom:4px;}
.content .entry .comment .list li ul li{ background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 30px; margin:10px 2px;  background-color:#2c2c2c; border:1px solid #222;}
.content .entry .comment .name a{ font-size:110%; color:#999;}
.content .entry .comment .list .date{ float:left; padding:5px 10px 0 10px; color:#999; }
.content .entry .comment .list .control{ margin-left:400px; text-align:right; padding-right:5px; color:#999; }
.content .entry .comment .listBody {clear:both; color:#999; }
/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#282828; border:1px solid #222; padding:10px; color:#666; margin:10px 5px;}
.content .entry .comment .write input{ width:30%;}
.content .entry .comment .write .homepage{ width:50%; display:inline;}
.content .entry .comment .write textarea{ width:100%;}
.content .entry .comment .write .checkbox{ border:0; width:20px;}
.content .entry .comment .write .btn{ width:100%; color:#999; border:1px solid #000; background-color:#111; height:26px; font-family:'malgun gothic', dotum; }
.content .paging{ clear:both; text-align:center; margin:50px 0; font:100% 'malgun gothic', dotum;}

/* 사이드바 공통 스타일 */
.sideinfo h3 { color:#D6FF9C; padding:3px 10px; margin-bottom:6px; background-color:#333; border:1px solid #222; }
.sideinfo h3 img { border:0; vertical-align:middle; margin-right:4px; }
.sideinfo .cnt { font:100% 'malgun gothic', dotum; color:#ff8833; }
.sideinfo .date { font:90% 'malgun gothic', dotum; color:#777; }
.sideinfo .name { font:90% dotum; color:#777; }
.sideinfo li { background:url(./images/bull.gif) no-repeat 0 3px; padding:0 0 0 8px; line-height:120%; }
.sideinfo a:link { color:#ccc; }
.sideinfo a:visited { color:#ccc; }
.sideinfo a:hover { color:#ddd; text-decoration:underline; }
.sideinfo a:active { color:#ccc; }

.sideinfo {clear:both; width:780px; margin:0 auto; font-family:'malgun gothic', dotum; }
.sideinfo .clear { clear:both; }
.sideinfo .darkgraybox { padding:6px; background-color:#333; border:1px solid #222; }

/* 사이드바 */
.sideinfo .sideleft { width:244px; margin-right:10px; float:left; }
.sideinfo .category { margin-bottom:10px; }
.sideinfo .freevaccine { }

.sideinfo .sidemiddle { width:272px; margin-right:10px; float:left; }
.sideinfo .recentpost { }

.sideinfo .sideright { width:244px; margin-right:0px; float:right; }
.sideinfo .lovedpost { margin-bottom:10px; }
.sideinfo .favorite { width:240px; margin:10px 0 0 0; padding:4px 0; background-color:#333; border:2px solid #222; text-align:center; font-size:120%; }
.sideinfo .favorite a:link,
.sideinfo .favorite a:visited,
.sideinfo .favorite a:hover,
.sideinfo .favorite a:active { color:#ccc; }

.sideinfo .search { width:780px; margin-top:10px; }
.sideinfo .search .searchname { float:left; width:248px; margin:0 6px 0 0; padding:5px 0 0 0; color:#fff; font-size:120%; font-weight:bold; text-align:right; vertical-align:middle; }
.sideinfo .search .input { float:left; width:448px; margin:0 8px 0 0; padding:0; background-color:#333; border:5px solid #222; color:#fff; font-family:'malgun gothic', dotum; }
.sideinfo .search .btn { float:right; width:60px; height:28px; margin:0; padding:0; background-color:#333; border:5px solid #222; color:#fff; font-family:'malgun gothic', dotum; font-weight:bold; }

.sideinfo .glink { width:526px; margin:4px 0 0 254px; padding:0; }

.footer { clear:both; width:780px; margin:14px 0 0 0; padding:0; text-align:center; }
.footer img { border:0; vertical-align:middle; }
.footer .menu { width:778px; margin:0; padding:5px 0; background-color:#333; border:1px solid #222; color:#aaa; }
.footer .menu a:link { color:#ccc; }
.footer .menu a:visited { color:#ccc; }
.footer .menu a:hover { color:#ddd; text-decoration:underline; }
.footer .menu a:active { color:#ccc; }

.content .article .mybox { padding:8px; background-color:#222; border:1px solid #111; font-size:130%; color:#ccc; }
.content .article .mybox img { vertical-align:middle; margin:0; }
.content .article .mytitle { font-size:120%; color:#ccc; }
.content .article .mytitle2 { font-size:110%; color:#ccc; }
.content .article .mydesc { margin:0px 10px; padding:10px; border:3px double #aaa; background-color:#222; }
.content .article .mydesc2 { margin:0px 10px; padding:6px; border:2px solid #777; }
.content .article .mylink { color:#333; }

.content .article .mytable { width:100%; border-style:solid; border-width:0px; border-spacing:1px; }
.content .article .mytable th { background-color:#222; font-weight:bold; }
.content .article .mytable th a { color:#ff8833; }
.content .article .mytable th, 
.content .article .mytable tr td { text-align:center; padding:2px; color:#ccc; border:1px solid #999; }
.content .article .mytable caption { text-align:right; font-size:90%; }
.content .article .mytable caption a { color:#888; }
.content .article .mytable .mypoint { background-color:#043100; font-weight:bold; }
.content .article .mytable .mypoint10 { background-color:#310400; font-weight:bold; }

.blackbox { margin:5px 0 10px 0; padding:10px; background-color:#111; }
.blackbox a:link { color:#ff8833; }
.blackbox a:visited { color:#ff8833; }
.blackbox a:hover { color:#ff8833; text-decoration:underline; }
.blackbox a:active { color:#ff8833; }
.blackbox b { color:#ddd; }
.blackbox img { vertical-align:middle; margin:0; padding-bottom:1px; }