@charset "utf-8"; /* +++++++++++++++++++++++++++++++++++++++++++++++++ 반드시 들어가야 하는 스타일 시작 +++++++++++++++++++++++++++++++++++++++++++++++++ */ /* 썸네일 부드럽게 */ img {-ms-interpolation-mode:bicubic;} /* 페이징 - 현재 페이지 */ .selected { font-weight:bold; color:#f30;} .no-more-prev, .no-more-next { color:#ccc;} /* 카테고리 - 이미지 버튼 */ .ib { } /* 카테고리 - 트리 셀 */ .branch3 { } /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font:0.75em Tahoma; letter-spacing:0; color:#f30;} /* 달력 월 표시 */ .cal_month { height:20px; font-weight:bold; letter-spacing:0;} /* 달력 요일 표시(th 영역) */ .cal_week1 { height:20px;} /* 달력 일요일 표시(th 영역) */ .cal_week2 { color:#f30; } /* 달력 Week(tr 영역) */ .cal_week { } .cal_current_week { } /* 달력 Day(td 영역) */ .cal_day { text-align:center;} /* 달력 Day, 일요일 (td 영역) */ .cal_day_sunday { color:#f30;} .cal_day_sunday a { color:#f30;} /* 달력 지난 달 날짜 표시(td) .cal_day1 { } /* 달력 다음 달 날짜 표시(td) .cal_day2 { } /* 달력 이번 달 날짜 표시(td) */ .cal_day3 { } /* 달력 오늘 날짜 표시(td) */ .cal_day4 { color:#000; font-weight:bold; background-color:#eee;} /* 달력 글쓴 날 링크 스타일 */ a.cal_click:link { color:#333; text-decoration:underline;} a.cal_click:visited { color:#333; text-decoration:underline;} a.cal_click:hover { color:#f30; text-decoration:underline;} /* 종류별 코멘트 [##_rp_rep_class_##] */ .rp_general { } .rp_admin { } .rp_secret { } /* 종류별 코멘트 [##_guest_rep_class_##] */ .guest_general { } .guest_admin { } /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { } /* 이미지 아래 캡션 스타일 */ .cap1 { color:#999; text-align:center;} /* 그림 */ .imageblock { } /* 왼쪽 */ .left { } /* 가운데 */ .center { } /* 오른쪽 */ .right { } /* 그림 2개 배치 */ .dual {} /* 그림 3개 배치 */ .triple {} /* 본문 - more / less */ .moreless_fold { color:#000; font-weight:bold;} .moreless_top { color:#000; font-weight:bold;} .moreless_body { background-color:#f5f5f5;} .moreless_bottom { color:#999; font-weight:bold; text-align:right; } /* 키워드 */ .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; } /* +++++++++++++++++++++++++++++++++++++++++++++++++ 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 +++++++++++++++++++++++++++++++++++++++++++++++++ */ *:lang(ko-kr) { font-family: "Malgun Gothic", dotum, applegothic, sans-serif;} *:lang(en-us) { font-family: verdana, helvetica, sans-serif;} body { font: 0.75em "Malgun Gothic"; line-height:1.5; color:#555; background-color:#333; padding:30px;} a:link { color:#555; text-decoration:none;} a:visited { color:#555; text-decoration:none;} a:hover { color:#000; text-decoration:underline;} a:active { color:#555;} * { padding:0; margin:0; border:0;} button { cursor:pointer; font-family:dotum; padding:1px 2px 0 2px;} textarea { font: 1em "Malgun Gothic", dotum; border:1px solid #bbb; background-color:#fff; padding:3px;} input { font: 1em "Malgun Gothic", dotum; } .textField { border:1px solid #bbb; background-color:#fff; padding:3px 2px 1px 2px;} hr { display:none;} h1 { font-size:1.6em;} h2 { font-size:1.4em;} h3 { font-size:1.4em;} h4 { font-size:1.2em;} h5 { font-size:1.1em;} h6 { font-size:1em;} .date { font:0.9em Tahoma;} .name { font-size:1em;} .cnt { font:0.9em Tahoma; color:#f30;} /* +++++++++++++++++++++++++++++++++++++++++++++++++ Layout +++++++++++++++++++++++++++++++++++++++++++++++++ */ #container { width:1250px; padding:20px; margin:0 auto; background-color:#fff;} #header { } #menu { background-color:#eee; height:38px;} #body { padding-top:10px;} #content { width:960px; padding:20px; float:left;} #sidebar { width:230px; padding:10px; float:right;} #footer { clear:both; padding:20px; } /* ***** Header **************************************** */ #header h1 {padding-top:3px; text-align:left;} #header h2 { font:2.2em batang; padding:30px 20px 20px 20px; letter-spacing:-0.15em; text-align:left;} #header h2 a { color:#555; text-decoration:none; } /* ***** Menu **************************************** */ #menu .blogMenu ul { float:left; padding:10px 0 0 10px;} #menu .blogMenu li { display:inline; padding:0 15px;} #menu .blogMenu a { color:#000; text-decoration:none; font-weight:bold;} #menu .search { float:right; padding:7px 10px 0 0; } #menu .search input { width:150px; vertical-align:middle; margin-right:4px;} #menu .search button { width:55px; height:21px; vertical-align:middle; background:url(images/btn_search.gif) no-repeat;} #menu .search button span { display:none;} /* ***** Footer **************************************** */ #footer .inner { margin-top:30px; padding:20px; border-top:1px solid #ddd; text-align:center;} #footer .copyright { font:1.0em gulim;} /* +++++++++++++++++++++++++++++++++++++++++++++++++ Content Part +++++++++++++++++++++++++++++++++++++++++++++++++ */ #content .group { padding:0 0 50px 0;} #content .group h3 { padding-bottom : 5px; border-bottom:1px solid #ddd; margin-bottom:10px;} #content .result h3 strong { color:#000;} #content .result h3 .cnt { font-weight:bold;} #content .result ol { padding-left:25px;} #content .result li { border-bottom:1px solid #eee; padding:3px 0;} #content .result .date { margin-right:5px; color:#000;} #content .result .name { margin-right:5px;} #content .result p { color:#999;} #content .noEntry ol, #content .noEntry ul, #content .noEntry li { list-style:none;} #content .entry .titleWrap { color:#ccc; margin-bottom:10px;} #content .entry .titleWrap h2 { letter-spacing:-0.1em;} #content .entry .titleWrap h2 a { color:#000;} #content .entry .titleWrap .category a { color:#999;} #content .entry .titleWrap .date { color:#999;} #content .entry .titleWrap .name { color:#999;} #content .writeForm dl { border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;} #content .writeForm dt { float:left; width:150px; padding-top:3px;} #content .writeForm .textField { width:660px; color:#999;} #content .writeForm label { font-size:0.9em;} #content .writeForm textarea { width:760px; height:150px; overflow:visible;} #content .writeForm .btnComment { width:765px; padding:3px; border:1px solid #999; background-color:#eee; font-weight:bold;} #content .commentList ol { list-style:none;} #content .commentList li { list-style:none; padding:10px 0; border-bottom:1px dashed #ccc;} #content .commentList li ul li { padding-left:45px; background:url(images/ico_reply.gif) 15px 10px no-repeat; border:none;} #content .commentList .name { color:#000; font-weight:bold; margin-right:5px;} #content .commentList .name a { color:#000;} #content .commentList .date a { color:#999;} #content .commentList .reply , #content .commentList .modify { background-color:#fff; font:0.9em dotum; padding:2px 0 0 1px; color:#999; margin-right:2px;} /* noEntry - Localog */ .localog .spot { background:url(images/ico_indent.gif) 0 5px no-repeat; padding:5px 0 5px 17px; color:#999;} .localog .info { background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:12px; border-bottom:1px solid #eee;} /* noEntry - Taglog */ .taglog ul { text-align:justify; } .taglog li { display:inline; font-weight:bold; } .taglog li .cloud1 { color:#f30; font-size:1.6em;} .taglog li .cloud2 { color:#f60; font-size:1.5em;} .taglog li .cloud3 { color:#333; font-size:1.4em;} .taglog li .cloud4 { color:#666; font-size:1.3em;} .taglog li .cloud5 { color:#999; font-size:1.2em;} /* noEntry - Keyword */ .keywords li { padding-top:5px;} /* noEntry - Guestbook */ .guestbook .writeForm { margin-bottom:30px;} .guestbook .commentList {} /* entry - protected */ .entryProtected dl { } .entryProtected dt { float:left; padding:2px 5px 0 0;} .entryProtected dd { float:left; } .entryProtected input { vertical-align:middle; margin-right:4px;} .entryProtected button { vertical-align:middle; background-color:#fff; border:1px solid #ccc; font:0.85em Tahoma; padding:2px; font-weight:bold;} /* entry - post */ .tagTrail { background:url(images/ico_tag.gif) 0 5px no-repeat; padding-left:20px; margin-bottom:20px;} .tagTrail span { display:none;} .communication { padding-bottom:10px;} .trackback h3 { display:none;} .trackback .trackbackAdd { background-color:#eee; padding:10px; color:#000; } .trackback ol { list-style:none;} .trackback li { list-style:none; border-bottom:1px dashed #ccc; margin:5px; padding:5px;} .trackback p { line-height:1.2em; color:#999; font-size:0.9em; padding-top:3px;} .trackback h4 { font-size:1em; font-weight:normal; } .trackback h4 a { color:#000;} .trackback .delete { background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; margin-left:4px;} .comment { margin-top:20px; } .comment h3 { background-color:#eee; padding:10px; color:#333; font-size:1em; border:0 !important; } .comment .commentList { padding:0 10px;} .comment .writeForm { margin-top:30px; padding-left:10px;} .paging { text-align:center;} .paging a { padding:5px;} .paging a:hover { background-color:#eee;} /* Article Basic Style */ .article { width:960px; overflow:hidden; padding-bottom:20px;} .article p { margin:5px 0 10px 0;} .article a:link { color:#f60; text-decoration:none;} .article a:visited { color:#f60; text-decoration:none;} .article a:hover { color:#f30; text-decoration:underline;} .article a:active { color:#f60; text-decoration:none;} .article blockquote { background:url(images/ico_blockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;} .article li { margin-left:25px;} .article h1 { font-size : 1.5em;} .article h2 { font-size : 1.4em;} .article h3 { font-size : 1.3em; margin-top:30px; border:none !important;} .article h4 { font-size : 1.2em;} .article h5 { font-size : 1.1em;} .article h6 { font-size : 1em;} .article dl { padding:10px;} .article dt { } .article dd { margin-left:20px; padding-bottom:10px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++ Sidebar Part +++++++++++++++++++++++++++++++++++++++++++++++++ */ #sidebar h3 { font-size:1.2em; padding:0 0 3px 3px; margin-bottom:7px; border-bottom:1px solid #ccc; color:#000;} #sidebar .box { padding-left:3px;} #sidebar li { list-style:none;} #sidebar .module { padding-top:20px;} #sidebar .date { color:#000;} #sidebar .name { color:#000;} /* Sidebar module */ .blogImage img { border:3px solid #333; width:180px; padding:1px;} .blogDesc { padding:10px;} .notice.module { margin-top:0 !important;} .notice h3 { display:none;} .notice li { background:url(images/bull_notice.gif) 0 center no-repeat; padding-left:40px;} .category li ul li { padding-top:5px; } .category li ul li a { color:#000;} .category li ul li ul { padding:0 0 5px 0;} .category li ul li ul li { background:url(images/bull_paper.gif) 2px 8px no-repeat; padding-left:18px; } .category li ul li ul li a { color:#999;} .recentComment li, .recentTrackback li { padding-bottom:3px;} .tagbox ul { text-align:justify; } .tagbox li { display:inline;} .tagbox li a.cloud1 { color:#f30; font-size:1.4em; font-weight:bold;} .tagbox li a.cloud2 { color:#f60; font-size:1.3em; font-weight:bold;} .tagbox li a.cloud3 { color:#333; font-size:1.2em; font-weight:bold;} .tagbox li a.cloud4 { color:#666; font-size:1.1em;} .tagbox li a.cloud5 { color:#999; font-size:1em;} .counter { } .counter dl { border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;} .counter dt { float:left;} .counter dd { text-align:right; padding:2px 5px 0 0;} .counter .total dd { color:#000; font-weight:bold;} .banner { text-align:center;}