@charset "utf-8"; /* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ body{ font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif; background-color:#ddd; color:#4a700a; } a:link { color:#4a700a; text-decoration:none;} a:visited { color:#4a700a; text-decoration:none;} a:hover { color:red; text-decoration:underline;} a:active { color:red; text-decoration:none;} /* 페이징 - 현재 페이지 */ .selected { font-weight:bold; color:#f30;} .no-more-prev, .no-more-next { color:#ccc;} /* 카테고리 - 이미지 버튼 */ .ib { cursor:pointer;} /* 카테고리 - 트리 셀 */ .branch3 { cursor:pointer;} /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f30;} /* 달력 월 표시 */ .cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold;} /* 달력 요일 표시(th 영역) */ .cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;} /* 달력 일요일 표시(th 영역) */ .cal_week2 { font:0.95em Dotum, Arial, sans-serif; color:#f30; } /* 달력 Week(tr 영역) */ .cal_week { } .cal_current_week { background-color:#f3f3f3;} /* 달력 Day(td 영역) */ .cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;} /* 달력 Day, 일요일 (td 영역) */ .cal_day_sunday { color:#f30 !important;} .cal_day_sunday a { color:#f30 !important;} /* 달력 지난 달 날짜 표시(td) */ .cal_day1 { color:#ccc;} /* 달력 다음 달 날짜 표시(td) */ .cal_day2 { color:#ccc;} /* 달력 이번 달 날짜 표시(td) */ .cal_day3 { color:#666;} /* 달력 오늘 날짜 표시(td) */ .cal_day4 { color:#000; text-decoration:underline;} /* 달력 글쓴 날 링크 스타일 */ a.cal_click:link { color:#333; font-weight:bold;} a.cal_click:visited { color:#333; font-weight:bold;} a.cal_click:hover { color:#f30; font-weight:bold;} /* 종류별 코멘트 [##_rp_rep_class_##] */ .rp_general { } .rp_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px; } .rp_secret { color:#f30; font-weight:bold;} /* 종류별 코멘트 [##_guest_rep_class_##] */ .guest_general { } .guest_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;} /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;} /* 이미지 아래 캡션 스타일 */ .cap1 { color:#999; text-align:center;} /* 그림 */ .imageblock { } /* 왼쪽 */ .left { } /* 가운데 */ .center { } /* 오른쪽 */ .right { } /* 그림 2개 배치 */ .dual { background-color:#fff; margin-bottom:5px;} /* 그림 3개 배치 */ .triple { background-color:#fff; margin-bottom:5px;} /* 본문 - 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;} /* 키워드 */ .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; } /* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ hr { display:none;} img { border:0;} h1, h2, h3, h4 { margin:0; padding:0;} h1 { font-size:1.8em;} h2 { font-size:1.4em;} h3 { font-size:1.2em;} h4 { font-size:1em;} input { border:1px solid #d3d3d3;} textarea { border:1px solid #d3d3d3;} /* 블로그 레이아웃 */ #container { margin:0 auto; margin-top:200px; margin-bottom:0; background:white; } #container .inner { padding:5px; background:url(images/bgLeft.gif) 0 0 repeat-y;} .top { background:url(images/bgTop.gif) 0 0 repeat-x; height:8px;} #header { padding:0 10px 0 20px; background-color:#7870ab; text-align:center; } #content { float:right; width:540px; overflow:hidden; margin:0 20px 0 0; } #sidebar { float:left; width:166px; overflow:hidden; margin-left:12px; } *html #content { margin:0 10px 0 0;} *html #sidebar { margin-left:4px;} #footer { clear:both; padding:10px 0 0 0; background:url(images/bgBottom.gif) 0 0 repeat-x; } /* ***** Header ***** */ #header a { color:#fff; padding:0 3px;} #header h1 { padding:60px 0 0 0; font-size:1.4em;} #header .blogMenu { text-align:right; padding:3em 0 0.3em 0;} #header h1 a { font-family:/*@title-font-family=*/ dotum /*@*/; font-weight:bold; letter-spacing:-3px; color:/*@title-color=*/ #3E3E3E /*@*/; display:block;} #header h1 a:hover { color:#4a700a; text-decoration:none;} .blogMenu { margin-bottom:26px; background:url(images/bgMenubar.jpg); height:32px;} .blogMenu ul { margin:0; padding:10px 0 0 0; list-style:none; float:left;} .blogMenu li { display:inline; background:url(images/bullBar.gif) no-repeat; margin-left:3px; padding-left:7px;} .blogMenu li.tab_localog, .blogMenu li.tab_admin{ background:none;} .blogMenu .adminBox { float:right; padding-right:10px;} /* ***** content ***** */ #content .localog, #content .taglog, #content .entryNotice, #content .entryProtected, #content .entry { margin-bottom:60px;} #content .guestbook, #content .searchList, #content .searchRplist { padding:10px;} #content .localog h3, #content .taglog h3, #content .guestbook h3, #content .searchList h3, #content .searchRplist h3 { border-bottom:1px dashed #c8d4b5; padding-bottom:5px; margin-bottom:10px; } .searchList ol, .searchRplist ol { list-style:none; padding:5px; margin:0;} .searchList li, .searchRplist li { border-bottom:1px solid #eee; padding-bottom:2px; margin-bottom:4px;} .searchList .date, .searchRplist .date { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; margin-right:10px; } .searchList .cnt { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#f60;} .searchRplist .name { font:0.95em Dotum, Arial, sans-serif; color:#999; padding-left:8px;} .localog .spot { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left:20px; margin-top:5px;} .localog .info { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left:15px; margin-top:2px;} .localog a:link { color:#5a5194;} .localog a:visited { color:#5a5194;} .localog a:hover { color:#7870ab; text-decoration:underline;} .taglog ul { padding:5px; margin:0; text-align:justify;} .taglog li { display:inline;} .taglog a:hover { background-color:#eee; color:#000;} .taglog li .cloud1 { background-color:#e9d5cf; font-weight:bold; font-size:16px; color:#69414c;} .taglog li .cloud2 { background-color:#e9d5cf; font-weight:bold; font-size:15px; color:#69414c;} .taglog li .cloud3 { background-color:#e9d5cf; font-weight:bold; font-size:14px; color:#81505d;} .taglog li .cloud4 { background-color:#e9d5cf; font-size:13px; } .taglog li .cloud5 { font-size:12px; } .guestbook p { padding:2px 0; margin:0;} .guestWrite { padding:10px; background-color:#f9fafd; border:1px solid #ddd;} .guestWrite input { width:150px;} .guestWrite textarea { width:/*@post-width:-40=*/ 700px /*@*/; padding:5px; height:50px;} .guestWrite .homepage { width:300px;} .guestWrite .submit { width:477px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px;} .guestList { padding:10px 0 0 0;} .guestList ol, .guestList ul { margin:0; padding:0; list-style:none;} .guestList li p { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;} .guestList ol li { padding:10px; margin-bottom:10px; overflow:hidden;} .guestList li ul li { margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; padding-left:25px; border:none; overflow:hidden;} .guestList li .name { font-weight:bold;} .guestList li .date { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;} .guestList .control a.modify { background:url(images/iconModify.gif) no-repeat; padding:0 0 2px 8px; text-decoration:none;} .guestList .control a.modify span { display:none;} .guestList .control a.write { background:url(images/iconWrite.gif) no-repeat; padding:0 5px 2px 8px; text-decoration:none;} .guestList .control a.write span { display:none;} /* entry */ .entryNotice h2, .entryProtected h2, .entry h2 { font-size:1.2em; line-height:1.2em; display:inline; vertical-align:middle;} .titleWrap { border-bottom:1px dashed #c8d4b5; padding-bottom:5px; margin-bottom:10px;} .titleWrap .category a { font:1em Dotum, Arial, sans-serif; color:#4a700a; margin-right:6px; margin-left:6px; padding-left:6px; border-left:1px solid #c8d4b5;} .titleWrap .date { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#a4b784;} .entryProtected p.text { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;} .entryProtected input { width:200px;} .entryProtected .submit { width:50px; padding-top:2px; height:20px; background-color:#ccc;} .article { margin:5px 5px 0 5px; } .article a { font-weight:bold;} .article a:link { text-decoration:none;} .article a:visited { text-decoration:none;} .article a:hover { color:red; text-decoration:underline;} .article a:active { color:red; text-decoration:none;} .article dt { text-decoration:underline;} .article dd { margin-left:20px; padding-bottom:10px;} .article blockquote { background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;} .article .author { text-align:right; padding:20px 20px;} .article .author .text { font:90% Verdana, Arial, Helvetica, sans-serif;} .tagTrail { padding:5px 5px 5px 30px; background:url(images/entryTag.gif) center left no-repeat; clear:both;} .tagTrail a { font-weight:normal;} .tagText { display:none;} .actionTrail { border-top:1px dotted #ccc; padding:7px 5px; clear:both;} .actionTrail .cnt { color:#f60;} .trackback {background-color:#f9fafd; padding:10px; margin-bottom:2px; overflow:hidden;} .trackback a { font-weight:bold;} .trackback h3 { font:11px Verdana; color:#4a700a; font-weight:bold; margin:2px 5px 2px 5px;} .trackback h4 { font:12px Verdana; font-weight:normal; margin:0;} .trackback ol { margin:0; padding:0; list-style:none;} .trackback li { border-top:1px dotted #ccc; padding:5px;} .trackback .date { font:0.8em Verdana, Helvetica, Arial, Gulim, sans-serif; } .trackback p { font:0.95em Dotum, Arial, sans-serif; margin:3px 0 0 0; padding:0; letter-spacing:-1px} .trackback a.delete { background:url(images/iconDelete.gif) left top no-repeat; padding-left:8px; text-decoration:none;} .trackback a.delete span { display:none;} .comment { background-color:#f9fafd; padding:10px; margin-bottom:4px; overflow:hidden;} .comment p { margin:3px 0 0 0; padding:0;} .comment h3 { display:none;} .comment ol, .comment ul { margin:0; padding:0; list-style:none;} .comment .date { font:0.8em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#c4b1b6;} .comment .name { font-weight:bold;} .comment ol li { padding:10px 5px;} .comment li ul li { padding:5px 10px 5px 25px; background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px;} .comment .control a.address { display:none; background:url(images/iconAddress.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .comment .control a.address span { display:none;} .comment .control a.modify { background:url(images/iconModify.gif) no-repeat; padding-left:8px; margin:0; padding-bottom:2px; text-decoration:none;} .comment .control a.modify span { display:none;} .comment .control a.write { background:url(images/iconWrite.gif) no-repeat; padding-left:8px; margin:0; padding-bottom:2px; text-decoration:none;} .comment .control a.write span { display:none;} .commentWrite { padding:5px; } .commentWrite input { width:150px;} .commentWrite textarea { width:/*@post-width:-40=*/ 700px /*@*/; padding:5px; position:relative; top:-16px; height:50px;} .commentWrite .homepage { width:300px;} .commentWrite .submit { width:477px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px; position:relative; top:-18px;} .commentWrite .secretWrap { float:right; position:relative; top:-23px; left:-10px;} .commentWrite .checkbox { border:none; padding:0; margin:0; width:25px;} .commentBtn { width:42px; display:block; height:22px; padding:0; overflow:hidden; } .commentBtn input { border:none; padding:30px 0 0 0; background:url(images/iconWrite2.gif); cursor:pointer;} .commentWrite .commentBtn { margin-top:-12px;} .paging { padding-top:10px; text-align:center; font-size:0.95em;} .paging .numbox { border-left:1px solid #ab7b88; padding-left:6px; margin-left:6px; font:0.95em verdana;} .paging .num { border-right:1px solid #ab7b88; padding-right:8px; margin-right:5px;} /* ***** sidebar ***** */ #sidebar { } #sidebar ul { padding:0; margin:0; list-style:none;} #sidebar li { background:url(images/bul.gif) 0 6px no-repeat; padding-left:7px;} #sidebar h3 { font-size:1em; font-weight:bold; color:#4a700a; padding:5px 0 3px 10px; background:url(images/sidebarHeader.gif); margin-bottom:5px; margin-top:20px;} #sidebar .cnt { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f60;} #sidebar .date { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#92a96c;} #sidebar .name { font:0.9em Dotum, Arial, sans-serif; color:#92a96c;} #sidebar .blogImage img { width:156px; padding-bottom:6px;} #sidebar .blogDesc { font-size:1em; line-height:1.2em; letter-spacing:-1px;} #sidebar .userID { background:url(images/iconBy.gif) 3px 0 no-repeat; padding-left:22px; letter-spacing:-1px;} #sidebar .profileBox { padding:5px; background:#e7cf70;} #sidebar .title { font-weight:bold; line-height:200%;} #sidebar .notice { margin:10px 0; padding:0;} #sidebar .notice li { border-bottom:1px dotted #ddd; margin:0 0 2px 0; padding:0 0 1px 0; background:none;} #sidebar .notice a:link, #sidebar .notice a:visited { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;} #sidebar .notice a:hover { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:0 0 5px 27px; text-decoration:none; color:#f60;} #sidebar .adminMenu { padding:8px 5px 6px 5px; background-color:#eee; margin:5px 0 10px 0;} #sidebar .adminMenu li { background:none; display:inline; width:100px;} #sidebar .adminMenu a { padding:3px 20px 1px 20px; border:1px solid #999; color:#666; text-decoration:none; background-color:#fff;} #sidebar .search { text-align:center;} #sidebar .search input { width:104px; height:16px; vertical-align:middle;} #sidebar .search .submit { width:50px; height:20px; cursor:pointer; background-color:#f3f3f3; border:1px solid #e3e3e3; color:#333; font-weight:bold; font-size:11px; padding-top:2px;} #sidebar .category li { background:none;} #sidebar .category li ul li { background:url(images/bul.gif) 0 6px no-repeat; padding-left:10px;} #sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;} #sidebar .category li ul li ul li a{ color:#999;} #sidebar .tagbox ul { padding:5px 2px; text-align:justify;} #sidebar .tagbox li { background:none; display:inline;} #sidebar .tagbox a { letter-spacing:-1px;} #sidebar .tagbox li .cloud1 { background-color:#f3f3f3; font-weight:bold; font-size:16px; } #sidebar .tagbox li .cloud2 { background-color:#f3f3f3; font-weight:bold; font-size:15px;} #sidebar .tagbox li .cloud3 { background-color:#f3f3f3; font-weight:bold; font-size:14px; } #sidebar .tagbox li .cloud4 { background-color:#f3f3f3; font-size:13px; } #sidebar .tagbox li .cloud5 { font-size:12px; } #sidebar .tagbox a:hover { background-color:#eee; text-decoration:none; color:#000;} #sidebar .recentComment {width:190px; overflow:hidden;} #sidebar .recentComment .info_wrap { margin-bottom:3px; color:#92a96c; display:block;} #sidebar .recentTrackback {width:190px; overflow:hidden;} #sidebar .recentTrackback .info_wrap { margin-bottom:3px; color:#92a96c; display:block;} #sidebar .archive li { font-family:verdana;} #sidebar .calendar td { font-family:verdana;} #sidebar .counter { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding:5px 0; margin:10px 0; text-align:center; background-color:#f1f1f1; letter-spacing:0;} #sidebar .counter li { background:none; display:inline; padding:0 5px;} #sidebar .counter li.total { display:block; font-weight:bold;} #sidebar .botton { text-align:center; padding:5px;} /* ***** footer ***** */ #footer { text-align:center; padding:35px 0 10px 0; font:11px Verdana, dotum; color:#666;} #footer a { color:#666;} #footer a:hover { color:#333;} /* **** width team blog **** */ .recentPost .author{ font:90% dotum; margin-bottom:3px; color:#92a96c; display:block;} /* for skin wizard ******/ body { background: /*@background-image=*/ url("images/PAN090411002.jpg") /*@*/ /*@background-image-position=*/ right top /*@*/ /*@background-image-repeat=*/ no-repeat /*@*/ /*@background-color=*/ #354C38 /*@*/; } #container { width:/*@post-width:230=*/ 970px /*@*/; background:url(images/bgRight.gif) right repeat-y white;} #footer { width:/*@post-width:230=*/ 970px /*@*/; margin:0 auto;} #content {width:/*@post-width=*/ 740px /*@*/; overflow:hidden;} #header { background: /*@title-background-image=*/ url("images/PAN090707019.jpg") /*@*/ /*@title-background-image-position=*/ center top /*@*/; /*@title-background-image-repeat=background-repeat:;*/ background-repeat: no-repeat; /*@*/ /*@title-background-color=background-color:;*/ background-color: #79262A; /*@*/ height:150px; padding-top:/*@title-height:-150=padding-top:*/ 0px /*@*/; } #header h1 { font-size:/*@title-font-size=*/ 32px /*@*/; /*@title-color=color:;*/ color: #3E3E3E; /*@*/} .entryNotice h2, .entryProtected h2, .entry h2 a{color:/*@post-title-color=*/ #3D5D58 /*@*/; font:/*@post-title-font-size=*/ 1.2em /*@*/ /*@post-title-font-family=*/ dotum /*@*/; font-weight: bold;} .article { font:/*@post-body-font-family=*/ dotum /*@*/ /*@post-body-font-size=*/ 1em /*@*/; line-height:150%; /*@post-body-color=color:;*/ color: #78262A; /*@*/}