@charset "utf-8"; /* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ body { font:12px Malgun Gothic, arial, dotum; letter-spacing:-1; background-color:#fff; color:#404040; } a:link { color:#3e3e3e; text-decoration:none; } a:visited { color:#3e3e3e; text-decoration:none; } a:hover { color:#ff0090; text-decoration:underline; } a:active { color:#3e3e3e; text-decoration:none; } /* 페이징 - 현재 페이지 */ .selected { font-size:14px; font-weight:bold; color:#92ca1b; } /* 카테고리 - 이미지 버튼 */ .ib { } /* 카테고리 - 트리 셀 */ .branch3 { } /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font-size:11px; color:#b3b3b3; padding-left:0px; } /* 종류별 코멘트 [#_rp_rep_class_#] */ .rp_general { } .rp_admin { } .rp_secret { color:#777; } /* 종류별 코멘트 [#_guest_rep_class_#] */ .guest_general { } .guest_admin { } /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { } /* 이미지 아래 캡션 스타일 */ .cap1 { color:#f5f5f5; text-align:center; } /* 그림 */ img { border:0;} /* 왼쪽 */ .left { } /* 가운데 */ .center { } /* 오른쪽 */ .right { } /* 그림 2개 배치 */ .dual { } /* 그림 3개 배치 */ .triple { } /* 본문 - more / less */ .moreless_fold { background:url(images/iconMore.gif) top left no-repeat; padding-left:20px; color:#000;} .moreless_top { background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;} .moreless_body { } .moreless_bottom { background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;} /* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ /*-----------------------------------------------------------------------------------------------------------*/ /* general selectors */ * { margin:0; padding:0; } h1 { font-weight:bold; font-size:14px; line-height:18px; } h2 { font-weight:bold; font-size:14px; line-height:18px; color:3e3e3e;} blockquote { padding-left:10px; border-left:4px solid #ddd; background-color:#f9f9f9; } pre { margin-left:10px; padding:5px 0 5px 10px; border-left:4px solid #000; font:90%/150% courier; } ul, ol { list-style:none outside; } fieldset { border:none; } legend { font:11px Malgun Gothic, arial, dotum; color:#555; padding:10px 0 10px 0;} .cnt { color:#a9a9a9; } textarea, input { border:2px solid #eee; font:12px Malgun Gothic, arial, dotum; } input { padding:3px 10px; } abbr[title] { } em { font-style:none; } del { text-decoration:line-through; color:#777} ins { text-decoration:underline; } a.extensionIcon img { } a { } /* wrapper selectors */ #wrapper { width:900px; position:relative; margin:0 auto; margin-bottom:50px; background-color:#fff; } #logo { width:100%; text-align: center; } #container { width:900px; float:center; padding:0px; margin:0; background-color:#fff;} /* blogTitle selectors */ #blogTitle { width:100%; text-align:center; margin-bottom:30px;} /* wrapperBody selectors */ #wrapperBody { width:600px; float:left; background-color:white;} /* searchList selectors */ .searchList { width:100%; margin-bottom:40px; } .searchList ol { margin:5px 0; border-top:1px solid #d8d8d8;} .searchList li { padding:10px 0; border-bottom:1px solid #eaeaea;} .searchList a { text-decoration:none; } .searchList .listDate { color:#aaa; font-size:11px; margin-right:5px;} /* tagCloud selectors */ #tagCloud { width:100%; margin-bottom:40px; } #tagCloud ul { margin:5px 0; } #tagCloud ul li { white-space:nowrap; } #tagCloud ul li a { text-decoration:none; } /* content selectors */ .content { width:600px; margin-bottom:40px; } /* notice selectors */ .notice { width:100%; } .notice .titleWrap { padding-bottom:10px; } .notice .titleWrap h2 { border-bottom:1px solid #d8d8d8; padding:2px 0 3px 0; } .notice .titleWrap a { color:black; text-decoration:none; display:block; line-height:150%; } .notice .titleWrap .articleInfo { font-size:12px; color:#92ca1b; padding-left:0px; padding-top:2px;} .notice .titleWrap .articleInfo a { color:#ff0090; } .notice .titleWrap .articleInfo a:hover { color:#ff0090; } .notice .desc { font-size:12px; line-height:1.5; padding:10px 0; } .notice .desc a { text-decoration:underline; padding-left:0; padding-right:0; } .notice .desc ol { list-style:decimal inside; margin-left:10px; } .notice .desc ul { list-style:disc inside; margin-left:10px; } /* article selectors */ .article { width:100%; } .article .titleWrap { padding-bottom:10px; } .article .titleWrap h2 { border-bottom:1px solid #d8d8d8; padding:2px 0 3px 0; } .article .titleWrap a { color:#3e3e3e; text-decoration:none; line-height:1.5; } .article .titleWrap a:hover { color:#ff0090; text-decoration:underline;} .article .titleWrap .articleInfo { font-size:12px; color:#92ca1b; padding-left:0px; padding-top:2px;} .article .titleWrap .articleInfo a { color:#ff6600; margin-left:10px;} .article .titleWrap .articleInfo a:hover { color:#ff0090; } .article .desc { font-size:12px; padding:10px 0; line-height:1.5; } .article .desc a { text-decoration:underline; padding-left:0; padding-right:0; } .article .desc ol { list-style:decimal inside; margin-left:10px; } .article .desc ul { list-style:disc inside; margin-left:10px; } .article .tag { margin-top:30px; width:100%; font-size:11px; color:#ff9000; } .article .tag a { font-size:12px; } .article .conWrap { background-color:#f2f2f2;height:24px;padding:5px 0px 0px 0;} .article .admin { font-size:11px; text-align:left;} .smb { width:350px; margin-left:120px; text-align:center; } .fbl { text-align:center; margin:10px 0 10px 0;} /* responseSwitch selectors */ .responseSwitch { line-height:30px; text-align:left; border-bottom:1px dotted #a7a7a7; margin:20px 0 10px 0;} .responseSwitch a { width:100%; padding-right:10px; text-decoration:none; } .responseSwitch a:hover { text-decoration:underline; } /* trackback selectors */ .trackback { font-size:12px; line-height:16px; width:100%;} .trackback .url { font-weight:bold; color:#555; padding-bottom:10px; } .trackback .desc { color:#555; } .trackback ol li { padding-bottom:15px; border:1px solid #e3e3e3; width:580px; padding:10px; } .trackback ol li:hover { background-color:#f6f6f6; } .trackback ol li a { padding-left:0; padding-right:0; } .trackback ol li a.tbTitle { color:#499bb6; font-weight:bold; padding-left:0; padding-right:0; } .trackback .trackbacker { text-align:left; padding:5px 0 5px 0;} .trackback .modifier a { color:#aaa; text-decoration:none; font-size:11px; } /* comment selectors */ .comment { font-size:12px; color:#555; line-height:16px; width:100%; } .comment .desc a { text-decoration:underline; color:#499bb6; } .comment div a { padding-left:0; padding-right:0; } .comment ol li { margin-top:10px; border:1px solid #e3e3e3; width:580px; padding:10px; } .comment ol li ol{ padding:0; border:0;} .comment ol li ol li{ margin-top:10px; border:1px solid #e3e3e3; background-color:#f6f6f6; width:560px; padding:10px;} .comment .firstLevel { } .comment .secondLevel { } .comment .nickname { text-align:left; padding:5px 0 5px 0;} .comment .nickname1 { color:#92ca1b; font-weight:bold; font-size:12px; padding-right:5px;} .comment .nickname1 a { color:#ff0090; } .comment .modifier { color:#aaa; font-weight:none; text-align:left; font-size:11px; text-decoration:none; } .comment .modifier a { color:#aaa; text-decoration:none; } .comment .write { position:relative; margin-top:20px; padding-top:10px; border-top:1px dotted #d8d8d8;} .comment .write div { margin: 3px 0; } .comment .commenterInfo { margin-top:2px; } .comment .commenterInfo div { clear:both; } .comment .commenterInfo label { display:block; float:left; text-align:right; width:90px; padding:3px 3px 3px 0; } .comment .commenterInfo .secretCheck { position:absolute; right:0; } .comment .commenterInfo .secretCheck input { border:none; } .comment .commenterInfo .secretCheck label { display:inline; float:none; color:#777; } .comment .commenterInfo em { font-size:10px; color:#499bb6; font-style:none;} .comment .commenterInfo .name { width:30%; } .comment .commenterInfo .password { width:30%; } .comment .commenterInfo .homepage { width:50%; } .comment .write textarea { overflow:auto; width:596px; height:80px; } .comment .submit { margin-top:15px; text-align:center; } .comment .submit .submitButton { width:100%; color:#ffffff; background-color:#444444; } .commentBottom { height:15px; } /* guestbook selectors */ #guestbook { width:100%; margin-bottom:15px; } #guestbook .write { margin-top:20px; } #guestbook .write div { margin: 3px 0; } #guestbook .write div a:hover { background-color:#eee; } #guestbook .commenterInfo { margin-top:2px; } #guestbook .commenterInfo div { clear:both; } #guestbook .commenterInfo label { display:block; float:left; text-align:right; width:90px; padding:3px 3px 3px 0; } #guestbook .commenterInfo em { font-size:10px; color:#2a285a;} #guestbook .commenterInfo .name { width:30%; } #guestbook .commenterInfo .password { width:30%; } #guestbook .commenterInfo .homepage { width:50%; } #guestbook .write textarea { overflow:auto; width:596px; height:100px; } #guestbook .submit { margin-top:15px; text-align:center; } #guestbook .submit .submitButton { width:100%; color:#ffffff; background-color:#444444; } #guestbook .desc a { text-decoration:underline; color:#499bb6; } #guestbook ul { margin-top:15px; } #guestbook div a { padding-left:0; padding-right:0; } #guestbook div a:hover { background-color:white; } #guestbook .firstLevel { padding-bottom:15px; border-top:1px solid #e3e3e3; padding-top:5px; } #guestbook .secondLevel { margin-left:15px; padding-bottom:15px; } #guestbook .date { color: #499bb6; } #guestbook .nickname { text-align:left; padding:5px 0 5px 0;} #guestbook .nickname1 { color:#92ca1b; font-weight:bold; text-align:left; font-size:12px; padding-right:5px;} #guestbook .nickname1 a { color:#ff0090; } #guestbook .modifier a { color:#aaa; font-weight:none; text-align:left; font-size:11px; text-decoration:none; } /* paging selectors */ #paging { width:100%; margin:20px 0; clear:both; } #paging p { line-height:400%; font-size:12px; text-align:center; padding-top:40px; } #paging a { padding:10px 5px; } #paging a:hover { text-decoration:none; } #paging .prev { padding-left:50px; } #paging .prev:before { content:"\00ab "; } /* foolish IE won't understand this */ #paging .next { padding-right:50px; } #paging .next:after { content:" \00bb"; } /* foolish IE won't understand this */ /* wrapperSide selectors */ #wrapperSide { margin-top:0; width:250px; float:right; font-size:12px; } #wrapperSide p { font-weight:bold; color:#3e3e3e; padding-left:0px; border-bottom:1px dotted #a7a7a7; padding:5px 0 5px 0; margin-bottom:2px; } #wrapperSide a { color:#545454;} #wrapperSide a:hover { color:#ff0090;} #wrapperSide .cnt { font-size:11px; color:#b3b3b3; padding-left:0px; } #wrapperSide li { padding-bottom:3px;} #wrapperSide ul { padding-top:3px;} #wrapperSide ol { padding-top:3px;} /* blogMenu selectors */ #blogMenu { margin:20px 0;} #blogMenu a { text-decoration:none; } /* tagbox selectors */ #tagbox { width:100%; margin:0 0 10px 0;} #tagbox a { display:inline; margin:0 0 3px 0;} #tagbox a:hover { color:#ff0090; text-decoration:underline; } #tagbox ul { padding-bottom:2px; } #tagbox ul li { display:inline; white-space:nowrap; } #tagbox li .cloud1 { font-size:12px; font-weight:bold; color:#3e3e3e; } #tagbox li .cloud2 { font-size:11px; font-weight:bold; color:#616161; } #tagbox li .cloud3 { font-size:11px; color:#7d7d7d; } #tagbox li .cloud4 { font-size:11px; color:#9a9a9a; } #tagbox li .cloud5 { font-size:11px; color:#b7b7b7; } /* category selectors */ #category { width:100%; margin:0 0 10px 0; font-size:12px; line-height:16px;} #category a { margin-bottom: 0;} #category ul .selected a { color:#2a285a;} /* archive selectors */ #archive { width:100%; margin:0 0 10px 0; font-size:12px; } #archive a { padding:0; } /* linkSites selectors */ #linkSites { width:100%; margin:0 0 10px 0; font-size:12px; line-height:16px;} #linkSites a { padding:0; } #linkSites li { margin-bottom: 0;} /* recentArticle selectors */ #recentArticle { width:100%; margin:0 0 10px 0; font-size:12px;} #recentArticle a { line-height:16px; padding:0;} #recentArticle li { margin-bottom: 0;} /* recentComment selectors */ #recentComment { width:100%; margin:0 0 10px 0; font-size:12px; line-height:14px; } #recentComment a { padding:0;} #recentComment li { margin-bottom: 2px;} #recentComment .recentCommenter { font-size:11px; color:#b3b3b3; font-style:none; text-decoration:none; } #recentComment .recentCommentTime { font-size:11px; color:#b3b3b3; font-style:none; } #recentComment .recentCommentTime:before { content:" , "; } /* foolish IE won't understand this */ /* recentTrackback selectors */ #recentTrackback { width:100%; margin:0 0 10px 0; font-size:12px; line-height:14px; } #recentTrackback a { padding:0;} #recentTrackback li { margin-bottom: 2px;} #recentTrackback .recentlyTrackbacked { font-size:11px; color:#b3b3b3; font-style:none; text-decoration:none; } #recentTrackback .recentTrackbackTime { font-size:11px; color:#b3b3b3; font-style:none; } #recentTrackback .recentTrackbackTime:before { content:" : "; } /* foolish IE won't understand this */ /* counter */ #counter { font-size:11px; margin:20px 0;} #counter ul.top { background-color:#f5f5f5;border-top:#e6e6e6 solid 1px;border-bottom:#e6e6e6 solid 1px;padding:10px 5px 0px 0px;height:25px} #scounter li { background:none; border:0px;display:block; padding:0 5px;} #counter li.total { display:block; color:#ff0084;padding:10px 0px 12px 5px;border-bottom:#e6e6e6 solid 1px;clear:right} #counter li.today { display:block; color:#a4c923; padding-left:5px; float:left} #counter li.yesterday { display:block; color:#bbbbbb; padding-right:5px; float:right} /* clearDiv selectors */ .clearDiv { clear:both; margin:20px 0; boder:none;} /* footer selectors */ #footer { clear:both; padding:20px 0 40px 0;} /* searchBox selectors */ #searchBox { width:100%; text-align:center; font-size:12px; margin-bottom:30px; } #searchBox input { border:4px solid #eee; } #searchBox input:focus { border:4px solid #2a285a; } #searchBox input.submitButton { border:3px solid #eee; background-color:#eee; } /* blogInfo selectors */ #blogInfo { width:100%; text-align:center; font:10px arial, dotum; color:#ff2db2; } #blogInfo a { color:#ff2db2; padding-left:0; padding-right:0; } #blogInfo a:hover { color:#ff0090; text-decoration:underline;} div.AD10 {clear:none; width:190px !important;} div.AD10 tr {line-height:15px;height:15px;} div.blogger-news-widget {display:inline; float:right; clear:both; text-align:left; width:410px !important; overflow:hidden !important; margin-top:0px; } div.mixup_widget {display:inline; float:right; clear:both; width:420px !important; margin-bottom:-5px; padding:0;} div.blogger-news-widget embed {float:left;}