@charset "utf-8"; /* CSS Document */ body{ font:0.75em/1.5em dotum, Verdana; color:#666; margin:35px 0 0 0;} strong {letter-spacing: -1px;} a:link{color:#666; text-decoration:none;} a:visited{color:#666; text-decoration:none;} a:hover{color:#666; text-decoration:underline;} a:active{color:#666;} a.u:link {text-decoration:underline;} a.u:link {text-decoration:underline;} a.u:visited {text-decoration:underline;} a.u:hover, a.u:active {text-decoration:underline;} a.uEmp { color: #F35F21; text-decoration: underline; } .vBar { color:#DDD; } dl, dt, dd{margin:0; padding:0;} form { margin:0; padding:0;} img {border:0;} hr{ display:none;} input, label { vertical-align:middle;} /* common text style: mmnmm */ .p11 { font: 11px dotum; } .p11Nar { font: 11px dotum; letter-spacing: -1px; } .darkTxt { color: #333; } .norTxt { color: #666; } .dimTxt { color: #999; } .empTxt { color: #F35F21; } .fl { float:left; } .fr { float:right; } /* component style: mmnmm */ table { border-collapse: collapse; } table.tblType1 { border-top: 1px solid #efefef; width: 715px; } table.tblType1 th { width: 130px; background-color: #f6f6f6; font-family: gulim; letter-spacing: -1px; color: #333; text-align: left; padding: 10px 0 10px 15px; border-bottom: 1px solid #efefef; } table.tblType1 td { border-bottom: 1px solid #efefef; padding: 10px 0 10px 15px; } table.tblType1 .loginId { font-weight: bold; color: #333; letter-spacing: normal; } table.tblType1 td input { margin: 0 !important; } ul.listSRect { margin: 0; padding: 0; } ul.listSRect li { list-style: none; color: #999; line-height: 15px; background: url(http://cfs.tistory.com/www/resource/images/ico_point.gif) no-repeat left 6px; padding-left: 8px; } .arrowR { background: url(http://cfs.tistory.com/www/resource/images/bull_tri_desc.gif) no-repeat right 3px; display: inline; overflow: hidden; padding: 0 8px 0 0; margin: -20px 10px 0 0; } .boxTopMsg { margin: 0 0 3px 10px; } .tblDesc { margin-top: 5px; padding: 0; } /* ********** layout ********** */ #container{ width:930px; margin:0 auto;} /* header의 레이아웃 */ #header { border:1px solid #FFFFFF; } #header h1{ float:left;} /* content-wrap와 sidebar의 레이아웃 */ #content-wrap { float:right; width:730px; margin:0; padding:0;} #sidebar{ float:right; width:191px; margin:0; padding:0;} /* sideinfo와 content의 레이아웃 */ #sideinfo{ float:left; width:191px; clear:both; } body#index #content{ float:left; width:525px; } #footer{clear:both;} /* ********** close layout ********** */ /* 티스토리 로고 - 이미지 대체 */ #header h1 { margin:0; padding:0; float:left; width:165px; height:42px;overflow:hidden;} #header h1 a { display : block; width:165px; height:0; padding:60px 0 0 0; overflow:hidden; background : url(http://cfs.tistory.com/www/resource/images/logo.gif) top left no-repeat;} #header .menu { float:left; margin:0 22px 0 46px; padding:0; } #header .menu ul { margin:0; padding:7px 0 0 0;} #header .menu li { float:left; list-style:none; padding:0; margin:0;} #header .menu li a { overflow:hidden; display:block; height:0; padding:36px 0 0 0;} #header .menu li.menu1 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_001.gif); width:100px;} #header .menu li.menu2 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_002.gif); width:79px;} #header .menu li.menu3 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_003.gif); width:69px;} #header .menu li.menu4 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_004.gif); width:69px;} #header .menu li.menu5 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_005.gif); width:93px;} body#index #header .menu li.menu1 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOn_001.gif);} body#indexBest #header .menu li.menu1 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_001.gif);} body#indexBest #header .menu li.menu2 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOn_002.gif);} body#indexNewpost #header .menu li.menu1 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_001.gif);} body#indexNewpost #header .menu li.menu2 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_002.gif);} body#indexNewpost #header .menu li.menu3 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOn_003.gif);} body#indexForum #header .menu li.menu3 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_003.gif);} body#indexForum #header .menu li.menu4 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOn_004.gif);} body#indexForum #header .menu li.menu5 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOff_005.gif);} body#indexSkinManual #header .menu li.menu5 a { background:url(http://cfs.tistory.com/www/resource/images/btn_menuOn_005.gif);} /* 로그인 박스 */ #memberbox { background:url(http://cfs.tistory.com/www/resource/images/login_bg.gif); margin-bottom:15px;} #memberbox h1, #loginbox h2, #loginbox h3{margin:0; padding:0;} #memberbox h2{display:none;} #memberbox dt{display:none;} #memberbox.logined ul li{background:url(http://cfs.tistory.com/www/resource/images/icon_blog.gif) no-repeat; margin-bottom:2px;} #memberbox.logined ul li.main { clear:both; background:url(http://cfs.tistory.com/www/resource/images/icon_blogMain.gif) 0 0 no-repeat; } #memberbox.logined ul li a { background:url(http://cfs.tistory.com/www/resource/images/icon_go.gif) no-repeat right 2px; width:135px; display:block; padding:0 0 0 15px; } #memberbox.logined ul li.main a { color:#333;} #memberbox #loginbox-wrap{ background:url(http://cfs.tistory.com/www/resource/images/login_top.gif) top center; padding:17px 10px 10px 15px; position:relative; } #memberbox #loginFailed {margin-bottom:-6px;font:0.9em dotum; padding:6px 0; } #memberbox #loginFailed h3 { display:none;} #memberbox #loginFailed ul {margin:0; padding:0; text-align:center;} #memberbox #loginFailed li { list-style:none; color:#ff6600; margin:3px 0; } #memberbox #loginFailed input { margin:0; height:15px;} #memberbox #loginFailed label { color:#777; } /* login - 20071026 by rani */ #input-line input {border:1px solid #e2e2e2; width:98px; height:14px; margin:0 0 4px 2px; padding:2px; font:11px dotum; color:#999;} #input-line .loginid {background:url(http://cfs.tistory.com/www/resource/images/login_id.gif) no-repeat;} #input-line .password {background:url(http://cfs.tistory.com/www/resource/images/login_password.gif) no-repeat;} #memberbox .btn-login { background:url(http://cfs.tistory.com/www/resource/images/btn_login.gif) no-repeat; width:48px; height:50px; padding-top:90px; border:0; cursor:pointer; position:absolute; top:18px; right:17px;} #memberbox #option-line{ clear:both; font:11px dotum; letter-spacing:-1px; color:#999;} /* 로그인 페이지 */ #login_container { background:url(http://cfs.tistory.com/www/resource/images/login/ti_login_bg1.gif) no-repeat; width:466px; margin:0 auto; padding:184px 0 0 0; } #login_container .p11 { font:11px dotum; } #login_container a.p11:hover { font:11px dotum; } #login_container .d_999 { color:#999; } #login_container a.d_999:hover { color:#999; } #login_container p { padding:0; margin:0; } #login_container div.login_box { background:url(http://cfs.tistory.com/www/resource/images/login/ti_login_bg2.gif) repeat-y; width:366px; padding:10px 0 0 100px; } /*#login_container div.login_box a.loginBtn { background:url(http://cfs.tistory.com/www/resource/images/login/btn_tistory_login.gif) no-repeat; display:block; text-indent:-1000em; width:48px; height:46px; overflow:hidden; margin:14px 0 0 0; }*/ #login_container div.login_box input.loginBtn { background:url(http://cfs.tistory.com/www/resource/images/login/btn_tistory_login.gif) no-repeat; display:block; text-indent:-1000em; width:48px; height:46px; overflow:hidden; padding:0; margin:4px 0 0 0; border:0; cursor:pointer; float:left; } #login_container div.login_input input { border:1px solid #e2e2e2; width:186px; height:14px; margin:2px 2px 3px 2px; padding:2px; } #login_container div.login_input { float:left; padding:0 10px 0 0; width: 190px; } #login_container div.login_box input.chkbox { width:18px; height:14px; vertical-align:middle; margin:0 0 2px 0; } #login_container div.login_box label { cursor:pointer; font:11px dotum; color:#999; } #login_container div.login_box div.emailSaveChk { clear:both; padding:7px 0 0 0; background:url(http://cfs.tistory.com/www/resource/images/login/dot_line.gif) repeat-x bottom; width:260px; height:25px; } #login_container div.login_box p { padding:10px 0 0 0; text-align:center; width:260px;} #login_container div.login_box p a.daumIdLogin { background:url(http://cfs.tistory.com/www/resource/images/login/btn_tistory_daumid.gif) no-repeat; display:block; text-indent:-1000em; width:146px; height:20px; margin:0 auto; overflow:hidden; } #login_container div.login_box .error { color:#FF6633; padding:5px 0 0 0; } #login_container div.login_copy { background:url(http://cfs.tistory.com/www/resource/images/login/ti_login_bg3.gif) no-repeat; padding:18px 0 0 0; text-align:center; } #login_container div.login_copy p.copyLink { padding:15px 0 0 0; } #login_container .vBar { font:11px dotum; color:#DDD; } #login_container a.getInv { background:url(http://cfs.tistory.com/www/resource/images/login/ic_mail.gif) no-repeat; font:11px dotum; color:#666; padding:0 0 0 17px; } /* 블로그 박스 */ #memberbox #blogbox-wrap{ background:url(http://cfs.tistory.com/www/resource/images/blog_bg.gif) repeat-y;} #memberbox #myblog { border-bottom:2px solid #b5d1ec; padding:8px 12px;} #memberbox #myblog h3{font:1em dotum; font-weight:bold; letter-spacing: -1px;} #memberbox #myblog h3 a{ color:#333;} #memberbox #myblog ul{ list-style:none; margin:5px 0 0 0; padding:0; text-align:right;} #memberbox #myblog li{ display:inline;} #memberbox #myblog li.admin{ background:url(http://cfs.tistory.com/www/resource/images/icon_lock.gif) no-repeat; padding-left:13px;} #memberbox #myblog li.write{ background:url(http://cfs.tistory.com/www/resource/images/icon_pen.gif) no-repeat; padding-left:13px; margin-left:10px;} /* 내블로그 만들기 - 이미지 대체 */ #memberbox .makeblog { text-align:center; height:54px; background:url(http://cfs.tistory.com/www/resource/images/login_bottom2.gif) left bottom;} #memberbox .makeblog a { margin:0 auto; background:url(http://cfs.tistory.com/www/resource/images/btn_makeblog.gif); width:162px; height:0; padding:39px 0 0 0; display:block; overflow:hidden; line-height:100px;} /* 회원관련 주의사항 */ #memberNotice { padding: 0 0 0 15px; } #memberNotice h4 { font: bold 12px gulim; color: #333; padding: 0 0 4px; border-bottom: 1px solid #e0e0e0; margin: 30px 0 0;} #memberNotice ul.listSRect { padding: 5px 0; border-top: 1px solid #fbfbfb; } #memberNotice ul.listSRect li { background-position: left 8px; line-height: 20px; } /* 다음 로그인 - 이미지 대체 */ #memberbox #daum-login{height:38px; background:url(http://cfs.tistory.com/www/resource/images/bg_dot2.gif) top center no-repeat; padding-top:9px;} #memberbox #daum-login h3 {background : url(http://cfs.tistory.com/www/resource/images/btn_daumlogin.gif) no-repeat; width:191px; height:38px; text-indent:-2000px;} #memberbox #daum-login h3 a { display : block; width:191px; height:38px;} /* 회원가입, 아이디비번 찾기 */ #memberbox #register-line{ background:url(http://cfs.tistory.com/www/resource/images/login_bottom.gif) bottom center; padding: 16px 0 8px 0; text-align:center; color:white;} #memberbox #register-line ul{ list-style:none; margin:0; padding:0;} #memberbox #register-line li{display:inline; font:11px dotum; letter-spacing:-1px;} #memberbox #register-line li.join{ } #memberbox #register-line a {color:black;} #memberbox #register-line .login-help { color:#848484;} #memberbox #register-line .login-help a { color:#848484;} #content.findPass #memberNotice h4 { margin: 10px 0 0; } /* 로그인후 */ #memberbox.logined #loginbox-wrap p { color:#666; margin:0 0 6px 0; padding:0 0 6px 0; background:url(http://cfs.tistory.com/www/resource/images/bar_dotted.gif) bottom left repeat-x;} #memberbox.logined #loginbox-wrap p .name { font-weight:bold; letter-spacing: -1px; } #memberbox.logined #loginbox-wrap .welcome { font:11px dotum; color:#999; letter-spacing:-1px; padding:0 0 10px 0; display:block; line-height: 1.4} #memberbox.logined #loginbox-wrap a.modify { background:url(http://cfs.tistory.com/www/resource/images/btn_memberModify.gif) no-repeat; width:79px; padding:25px 0 0 0; height:0; overflow:hidden; display:block; float:left; } #memberbox.logined #loginbox-wrap a.logout { background:url(http://cfs.tistory.com/www/resource/images/btn_memberLogout.gif) no-repeat; width:83px; padding:25px 0 0 0; height:0; overflow:hidden; display:block; float:left; } #memberbox.logined #loginbox-wrap .loginBtns { height:25px; } #memberbox.logined h3 { clear:both; display:none; background:url(http://cfs.tistory.com/www/resource/images/bg_mytistory.gif) left top no-repeat; padding:15px 0 0 0; height:0; line-height:50px; overflow:hidden; margin:0 17px; } #memberbox.logined ul { margin:0 19px 12px 19px; padding:0; list-style:none;} #memberbox.logined li {} /* 베스트 댓글 */ #commentBest{ background:url(http://cfs.tistory.com/www/resource/images/bg_sideBottom.gif) bottom center no-repeat; padding-bottom:18px; margin:4px 0 9px 0;} #commentBest h3 a{ background:url(http://cfs.tistory.com/www/resource/images/bg_commentBest.gif); padding:38px 0 0 0; line-height:60px; width:191px; overflow:hidden; height:0; display:block;} #commentBest ol {background-color:#f5f5f5; padding:5px 2px 0 12px; margin:0; list-style:none; clear:both; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;} #commentBest ol li { padding-left:17px; margin-top:3px; clear:both; } #commentBest li.no01 { background:url(http://cfs.tistory.com/www/resource/images/bg_no01.gif) 0 1px no-repeat; margin-top:8px;} #commentBest li.no02 { background:url(http://cfs.tistory.com/www/resource/images/bg_no02.gif) 0 1px no-repeat;} #commentBest li.no03 { background:url(http://cfs.tistory.com/www/resource/images/bg_no03.gif) 0 1px no-repeat;} #commentBest li.no04 { background:url(http://cfs.tistory.com/www/resource/images/bg_no04.gif) 0 1px no-repeat;} #commentBest li.no05 { background:url(http://cfs.tistory.com/www/resource/images/bg_no05.gif) 0 1px no-repeat;} #commentBest li.no06 { background:url(http://cfs.tistory.com/www/resource/images/bg_no06.gif) 0 1px no-repeat;} #commentBest li.no07 { background:url(http://cfs.tistory.com/www/resource/images/bg_no07.gif) 0 1px no-repeat;} #commentBest li.no08 { background:url(http://cfs.tistory.com/www/resource/images/bg_no08.gif) 0 1px no-repeat;} #commentBest li.no09 { background:url(http://cfs.tistory.com/www/resource/images/bg_no09.gif) 0 1px no-repeat;} #commentBest li.no10 { background:url(http://cfs.tistory.com/www/resource/images/bg_no10.gif) 0 1px no-repeat;} /* 추천블로그 */ #hot-blog { background:url(http://cfs.tistory.com/www/resource/images/bg_sideBottom.gif) bottom center no-repeat; padding:0 0 18px 0; } #hot-blog h2 a{ background:url(http://cfs.tistory.com/www/resource/images/bg_bloggerBest.gif); padding:38px 0 0 0; line-height:60px; width:191px; overflow:hidden; height:0; display:block;} #hot-blog dl{ height:50px; background-color:#f5f5f5; padding:5px 2px 5px 2px; clear:both; padding-bottom:0; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;} #hot-blog dt{ background:url(http://cfs.tistory.com/www/resource/images/icon_url.gif) no-repeat; padding:0 0 3px 25px; font:0.8em tahoma; font-weight:bold; color:#333; letter-spacing: -1px;} #hot-blog dl img{ width:45px; height:45px;} #hot-blog dl .Timg { float:left; background:url(http://cfs.tistory.com/www/resource/images/sum_bg02.gif) no-repeat; width:47px; height:47px; padding:1px 5px 0 1px; margin:0 0 0 5px; display:inline; } #hot-blog dl .desc { padding-top:16px; background:url(http://cfs.tistory.com/www/resource/images/icon_hit.gif) 60px 0 no-repeat;} #hot-blog dl.up .desc {background:url(http://cfs.tistory.com/www/resource/images/icon_up.gif) 49px 0 no-repeat;} #hot-blog .name{font:0.9em dotum; color:#999;} #hot-blog .bestBlogger { text-align:center; background-color:#f5f5f5; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:189px; padding:5px 0;} /* hot 블로그 대신 임시로 들어감 */ #supportersBanner{ padding-top:6px;padding-right:0px; padding-left:5px; background: url(http://cfs.tistory.com/www/resource/images/best_line01.gif) no-repeat 0px 6px; float:left;width: 170px;} /* 블로거베스트 thumbnail 삭제: mmnmm 2009-01-07 */ #hot-blog2 { background:url(http://cfs.tistory.com/www/resource/images/bg_sideBottom.gif) bottom center no-repeat; padding:0 0 13px 0; } #hot-blog2 dl, #hot-blog2 dt, #hot-blog2 dd {margin:0; padding:0;} #hot-blog2 h2 a{ background:url(http://cfs.tistory.com/www/resource/images/bg_bloggerBest.gif); padding:38px 0 0 0; line-height:60px; width:191px; overflow:hidden; height:0; display:block;} #hot-blog2 dl{ height:20px; background-color:#f5f5f5; padding: 0 12px; clear:both;} #hot-blog2 dt, #hot-blog2 dd { float: left; } #hot-blog2 dl.bold dt { font-weight:bold; } #hot-blog2 dl.up .desc {background:url(http://cfs.tistory.com/www/resource/images/icon_up.gif) 49px 0 no-repeat;} #hot-blog2 .name { line-height: 1.5em; } #hot-blog2 .name a { font:0.9em dotum; color:#999; letter-spacing: -1px; } #hot-blog2 .name span { padding: 0 4px; font-size: 0.85em; color: #d8d8d8; } #hot-blog2 .bestBlogger { text-align:center; background-color:#f5f5f5; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:189px; padding:5px 0 12px; } /* 맛집 추천 블로거 */ #hot-blog2 { margin-bottom: 13px; } #recommendRestorantBlog { background: url('http://cfs.tistory.com/www/resource/images/bg_sideBottom.gif') no-repeat center bottom; padding: 0 0 13px; } #recommendRestorantBlog h2 a { background: url('http://cfs.tistory.com/www/resource/images/bg_delibest.gif') no-repeat; display: block; height: 0; line-height: 60px; overflow: hidden; padding: 38px 0 0; width: 191px; } #recommendRestorantBlog dl{ height:20px; background-color:#f5f5f5; padding: 0 12px; clear:both;} #recommendRestorantBlog dt, #hot-blog2 dd { float: left; } #recommendRestorantBlog dl.bold dt { font-weight:bold; } #recommendRestorantBlog .name { line-height: 1.5em; } #recommendRestorantBlog .name a { font:0.9em dotum; color:#999; letter-spacing: -1px; } #recommendRestorantBlog .name span { padding: 0 4px; font-size: 0.85em; color: #d8d8d8; } #recommendRestorantBlog .bestRestorantBlogger { text-align: left; background-color:#f5f5f5; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; width:169px; padding:5px 10px 12px; float: left; } #recommendRestorantBlog .innerBestRestorantBlogger { width: 152px; border: 1px solid #eaeaea; background-color: #fff; float: left; padding: 13px 5px 13px 10px; _padding-bottom: 10px; } #recommendRestorantBlog .bestRestorantBlogger dl { line-height: 1; background-color: #fff; padding: 0; height: 54px; } #recommendRestorantBlog .bestRestorantBlogger dt { float: left; margin-right: 7px; width: 54px; height: 54px; } #recommendRestorantBlog .bestRestorantBlogger dt a { height: 54px; } #recommendRestorantBlog .bestRestorantBlogger dt img { width: 52px; height: 52px; border: 1px solid #eaeaea; } #recommendRestorantBlog .bestRestorantBlogger dd { float: none; padding-top: 10px; } #recommendRestorantBlog .bestRestorantBlogger dd span a { font: 12px/1.5 dotum, "돋움", sans-serif; display: block; letter-spacing: -1px; } #recommendRestorantBlog .bestRestorantBlogger dd span.title a { color: #f35f21; font-weight: bold; } #recommendRestorantBlog .bestRestorantBlogger dd span.name a { color: #444; } /* 메인 보드 */ #mainBoard { background:url(http://cfs.tistory.com/www/resource/images/bg_mainBoard.gif) no-repeat; height:181px; margin-bottom:5px;} #mainBoard h2 { margin:0; padding:0; display:none;} #mainBoard #bestblog, #mainBoard #invite, #mainBoard #issue { float:left; padding:6px; width:519px;height:169px; } body#indexNewpost #mainBoard #issue { width:700px; } #mainBoard #hotTag { width:194px; float:right; padding-top:6px; margin-top:3px;} #mainBoard #forumFocus { float:left; padding:6px; } #mainBoard #forumFocus img.forumImg { float:left; display:block; } #mainBoard #forumFocus ul, #mainBoard #forumFocus li { list-style:none; padding:0; margin:0; } #mainBoard #forumFocus ul { float:left; margin:10px 0 0 4px; } #mainBoard #forumFocus li.bug { background:url(http://cfs.tistory.com/www/resource/forum/ic_bug.gif) no-repeat 0 2px; padding:1px 0 1px 35px; } #mainBoard #forumFocus li.proposal { background:url(http://cfs.tistory.com/www/resource/forum/ic_proposal.gif) no-repeat 0 2px; padding:1px 0 1px 35px; } #mainBoard #forumFocus li.adjust { background:url(http://cfs.tistory.com/www/resource/forum/ic_adjust.gif) no-repeat 0 2px; padding:1px 0 1px 35px; } #mainBoard #forumFocus li.skin {background:url(http://cfs.tistory.com/www/resource/forum/ic_skin.gif) no-repeat 0 2px; padding:1px 0 1px 35px; } div.TiTopFocus { height:169px; position:relative; } div.TiTopFocus ul { padding:0; margin:0; position:absolute; top:100px; left:205px; } div.TiTopFocus li { background:url(http://cfs.tistory.com/www/resource/images/ic_b01.gif) no-repeat 0 6px; padding:0 0 1px 9px; list-style:none; margin:0; } div.TiTopFocus .nick{ color:#999; } div.TiTopFocus2 { height:169px; position:relative; } div.TiTopFocus2 span.matched { color:#FF6633; font-weight:bold; letter-spacing: -1px;} div.TiTopFocus2 ul { padding:0; margin:0; position:absolute; top:22px; left:265px; } div.TiTopFocus2 li { background:url(http://cfs.tistory.com/www/resource/images/ic_b01.gif) no-repeat 0 6px; padding:0 0 0 9px; list-style:none; margin: 2px 0 0 0;} div.TiTopFocus2 .byid { color:#999; } div.TiTopFocus2 a.byid { color:#999; } div.TiTopFocus2 a.byid:hover { color:#999; } div.TiTopBlank {padding: 2px 0 0 0;} div.TiTopBlank2 {position:absolute; top:10px; left:205px;} /* 수정: jjuun 080528 */ div.TiTopFocus3 { height:169px; position:relative; } div.TiTopFocus3 ul { padding:0; margin:0; position:absolute; top:90px; left:168px; } div.TiTopFocus3 li { background:url(http://cfs.tistory.com/www/resource/images/ic_b01.gif) no-repeat 0 6px; padding:0 0 1px 9px; list-style:none; margin:0; } div.TiTopFocus3 .nick{ color:#999; } div.TiTopFocus3 .imgBox { padding:15px 0 0 15px; } div.TiTopFocus3 .contBoxT { font-size:18px; font-weight:bold; letter-spacing:-1px; position:absolute; top:24px; left:167px; line-height:1.2em; margin: 0;} div.TiTopFocus3 .contBoxT a { color:#333; display:block; } div.TiTopFocus3 a.contBoxUrl { font:normal 11px tahoma, sans-serif; letter-spacing:0px; color:#999; margin:4px 0 0 1px; } /* 검색 */ .search { text-align:center; padding:16px 0 0 0; height:20px; margin:0; float:right;} .search input { vertical-align:middle;} .search select{ vertical-align:middle; height:18px;font-size:12px;} .search #search-keyword { width:150px; border:1px solid #c1c1c1; padding-left:5px;} .search label { display:none;} #Tsearch_navi { background:url(http://cfs.tistory.com/www/resource/images/bg_Search.gif) bottom left no-repeat; padding:10px 0 0 42px; height:32px; margin-bottom:20px; font-size:12px; } #Tsearch_navi a { color:#999; text-decoration:none; height:18px; line-height:1.5; } #Tsearch_navi a:hover {color:#999; text-decoration:none;} #Tsearch_navi ul { list-style:none; padding:0; margin:0; } #Tsearch_navi li { list-style:none; float:left; } #Tsearch_navi li.cate { width:95px; height:24px; margin:1px 0 0 0; } #Tsearch_navi li.cate div.cate_select_top { position:absolute; background:url(http://cfs.tistory.com/www/resource/images/search_in01.gif) no-repeat; width:90px; } #Tsearch_navi li.cate div.cate_select_bot { background:url(http://cfs.tistory.com/www/resource/images/search_in03.gif) no-repeat bottom; margin:1px 0 0 0; } #Tsearch_navi li.cate a.selected_cate { background:url(http://cfs.tistory.com/www/resource/images/search_in04.gif) no-repeat 70px 1px; width:85px; display:block; padding:1px 0 0 5px; } #Tsearch_navi li.cate a.cate_tistory { width:85px; display:block; padding:2px 0 0 5px; } #Tsearch_navi li.cate a.cate_daum { width:85px; display:block; padding:0 0 2px 5px; } #TRsearch_navi li.cate a.cate_other, #Tsearch_navi li.cate a.cate_other { width:85px; display:block; padding:0 0 2px 5px; } #Tsearch_navi li.search_input_bg { background:url(http://cfs.tistory.com/www/resource/images/bar01_search.gif) 0 1px no-repeat; width:212px; height:21px; margin: 0 3px 0 0; } #Tsearch_navi li input.search_input { width: 203px; margin: 3px 0 0 3px; height: 13px; border: 0; color:#999; font-family:돋움, dotum, Verdana; } #Tsearch_navi li.search_btn { padding:1px 0 0 2px; } #Tsearch_navi li.search_btn a.search_btn { display:block; background:url(http://cfs.tistory.com/www/resource/images/btn_search.gif) no-repeat; width:41px; height:20px; text-indent:-100em; } #Tsearch_navi li.search_powered { padding:5px 0 0 10px; } #TRsearch_navi { padding:13px 0 0 0; } #TRsearch_navi a { color:#999; text-decoration:none; height:18px; line-height:1.5; } #TRsearch_navi a:hover {color:#999; text-decoration:none;} #TRsearch_navi ul { list-style:none; padding:0; margin:0; } #TRsearch_navi li { list-style:none; float:left; } #TRsearch_navi li.cate { width:88px; height:24px; margin:1px 0 0 0; } #TRsearch_navi li.cate div.cate_select_top { position:absolute; background:url(http://cfs.tistory.com/www/resource/images/search_in09.gif) no-repeat; width:83px; } #TRsearch_navi li.cate div.cate_select_bot { background:url(http://cfs.tistory.com/www/resource/images/search_in10.gif) no-repeat bottom; margin:1px 0 0 0; } #TRsearch_navi li.cate a.selected_cate { background:url(http://cfs.tistory.com/www/resource/images/search_in08.gif) no-repeat 66px 1px; width:77px; display:block; padding:1px 0 0 5px; } #TRsearch_navi li.cate a.cate_tistory { width:77px; display:block; padding:2px 0 0 5px; } #TRsearch_navi li.cate a.cate_daum { width:77px; display:block; padding:0 0 2px 5px; } #TRsearch_navi li.search_input_bg2 { background:url(http://cfs.tistory.com/www/resource/images/searchFailed02.gif) 0 1px no-repeat; width:140px; height:21px; margin: 0 3px 0 0; } #TRsearch_navi li input.search_input2 { width: 131px; margin: 3px 0 0 3px; height: 13px; border: 0; color:#999; font-family:돋움, dotum, Verdana; } #TRsearch_navi li.search_btn { padding:1px 0 0 3px; } #TRsearch_navi li.search_btn a.search_btn { display:block; background:url(http://cfs.tistory.com/www/resource/images/btn_search.gif) no-repeat; width:41px; height:20px; text-indent:-100em; } #TRsearch_navi li.search_powered { float:right; } #TRsearch_navi li.search_powered a.search_powered { display:block; background:url(http://cfs.tistory.com/www/resource/images/search_bar02.gif) no-repeat; width:162px; height:41px; text-indent:-100em; } /* 통합검색 */ #search_navi { clear:both; background:url(http://cfs.tistory.com/www/resource/images/search_bg.gif) repeat-x; height:41px; font-size:12px; } #search_navi a { color:#999; text-decoration:none; height:18px; line-height:1.5; } #search_navi a:hover { color:#999; text-decoration:none;} #search_navi ul, #search_navi li { list-style:none; padding:0; margin:0; } #search_navi li { list-style:none; float:left; } #search_navi li.cate { background:url(http://cfs.tistory.com/www/resource/images/search_bar01.gif) no-repeat; width:100px; height:41px; } #search_navi li.cate div.cate_select_top { position:absolute; background:url(http://cfs.tistory.com/www/resource/images/search_in01.gif) no-repeat; width:90px; margin:10px 0 0 30px; } #search_navi li.cate div.cate_select_bot { background:url(http://cfs.tistory.com/www/resource/images/search_in03.gif) no-repeat bottom; margin:1px 0 0 0; } #search_navi li.cate a.selected_cate { background:url(http://cfs.tistory.com/www/resource/images/search_in04.gif) no-repeat 70px 1px; width:85px; display:block; padding:1px 0 0 5px; } #search_navi li.cate a.cate_tistory { width:85px; display:block; padding:2px 0 0 5px; } #search_navi li.cate a.cate_daum { width:85px; display:block; padding:0 0 2px 5px; } #search_navi li div.search_input_top { background:url(http://cfs.tistory.com/www/resource/images/search_in05.gif) no-repeat; width:408px; margin:10px 0 0 30px; } #search_navi li div.search_input_bot { background:url(http://cfs.tistory.com/www/resource/images/search_in07.gif) no-repeat bottom 0 #626262; width:408px; padding:0 0 1px 5px; margin:1px 0 0 0; } #search_navi li input.search_input { width:400px; height:14px; border:0; color:#999; font-family:돋움, dotum, Verdana; } #search_navi li.search_btn { padding:11px 0 0 0; } #search_navi li.search_btn a.search_btn { display:block; background:url(http://cfs.tistory.com/www/resource/images/btn_search.gif) no-repeat; width:41px; height:20px; text-indent:-1000em; } #search_navi li.search_powered { float:right; } #search_navi li.search_powered a.search_powered { display:block; background:url(http://cfs.tistory.com/www/resource/images/search_bar02.gif) no-repeat; width:162px; height:41px; text-indent:-1000em; } #index .searchCenter { text-align:center; background:url(http://cfs.tistory.com/www/resource/images/bg_Search.gif) bottom left no-repeat; padding-top:10px; height:32px;margin-bottom:20px;} #index .searchCenter input { vertical-align:middle;} #index .searchCenter select{ vertical-align:middle; height:18px; font-size: 12px; } #index .searchCenter #search-keyword { width:220px; border:1px solid #c1c1c1; padding-left:5px;} #index .searchCenter label { display:none;} /* 태그 클라우드 */ #content #hot-tag {height:200px; background:url(http://cfs.tistory.com/www/resource/images/aa_tagcloud.gif) no-repeat; margin-bottom:15px;} #content #hot-tag h2{ display:none;} /* 최근에 올라온 글 */ #recent-post { padding:0; margin:0;} #recent-post a { text-decoration: none; } #recent-post .recent-post-title{ background:url(http://cfs.tistory.com/www/resource/images/bg_newPost.gif); height:27px; overflow:hidden; margin:0 0 10px 0;} #recent-post h2 { height:0; padding:27px 0 0 0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_newPostTitle.gif); width:101px; float:left; margin:0; line-height:60px; } #recent-post .post-list { clear: both; word-wrap:break-word; padding: 10px 0 10px 12px; float: left; width: 97%; } #recent-post .post-list dt { font: 1em dotum; margin:0; padding: 2px 5px 0 0; float: left; } #recent-post .post-list dt a { color: #333; font-weight: bold; letter-spacing: -1px;} #recent-post .post-list .blog-link { display: inline; color:#CCC; font-size:11px; } #recent-post .post-list .blog-link a { color:#999; font-size:11px; } #recent-post .post-list .blogtitle {color:#333;} #recent-post .post-list .date{font-size::11px; color:#999; } #recent-post .post-list .image { float: left; padding: 4px 0 0 4px; margin-right: 4px; width: 78px; height: 69px; background:url(http://cfs.tistory.com/www/resource/images/sum_bg01.gif) no-repeat; } #recent-post .post-list .image div.image_wrap { width: 70px; height: 65px; overflow:hidden; } #recent-post .post-list .desc { font-size: 1em; color:#666; line-height: 1.3em; padding-top: 2px; } #recent-post .post-list .tag { background:url(http://cfs.tistory.com/www/resource/images/icon_tag.gif) no-repeat; padding:0 0 0 27px; height:15px; margin:5px 0 0 0; font:1em dotum; overflow: hidden; } #recent-post .post-list .tag a { color:#999; } #recent-post .post-list .tag .matched { font-weight:bold; letter-spacing: -1px;} #recent-post .more { border-top:1px solid #e1e1e1; margin-top:10px; clear:both;} #recent-post .more a { background:url(http://cfs.tistory.com/www/resource/images/btn_morePost.gif) top right no-repeat; height:0; padding:30px 0 0 0; width:100%; display:block; overflow:hidden;} #recent-post .menu { float:right; margin-top:4px;} #recent-post .menu ul { margin:0; padding:0;} #recent-post .menu li { float:left; list-style:none; padding:0; margin:0 0 0 2px;} #recent-post .menu li { display:block; background:url(http://cfs.tistory.com/www/resource/images/bg_tab.gif) 0 23px; width:48px; height:23px; text-align:center; } #recent-post .menu li a { padding-top:6px; display:block; font:11px dotum;} #recent-post .menu li.selected { background-position:0 0;} #recent-post .menu li.selected a { font-weight:bold; color:#f35f21; padding-top:8px; letter-spacing: -1px;} /* 사이드바 공통 */ #sidebar h2, h3{ padding:0; margin:0;} #sidebar ul{list-style:none; margin:0; padding:0} #sidebar li{ background:url(http://cfs.tistory.com/www/resource/images/bull_tri.gif) no-repeat 3px 5px; padding-left:10px;} /* 공지사항 */ #notice {margin:20px 0 20px 0;} #notice h2 { margin:0;} #notice h2 a { background: url(http://cfs.tistory.com/www/resource/images/notice_title.gif) no-repeat; width:191px; height:0; padding:28px 0 0 0; overflow:hidden; line-height:200px; margin:0; display:block; } #notice b {letter-spacing: -1px;} #notice ul{ padding:7px 0; margin:0;} #notice li { list-style:none; padding-left:14px; background:url(http://cfs.tistory.com/www/resource/images/bg_bul.gif) 2px 6px no-repeat; margin-bottom:2px;} #notice li.important { font-weight:bold; letter-spacing: -1px;} /* 배너 */ #ad h2{display:none;} #ad img {display:block;} .banner { margin-bottom:10px; } .banner01 { margin-top:8px; background:url(http://cfs.tistory.com/www/resource/images/ad_bg01.gif) no-repeat; padding:4px; } .banner01 img { display:block; } /* 페이징 */ .paging { text-align:center; padding:10px 0; clear:both; border-top:1px solid #e1e1e1; font:0.9em tahoma;} .paging a { border-right:1px solid #c7c7c7; padding:0 8px 0 0; margin:0 5px 0 0; line-height:12px;} .paging img { vertical-align:middle;} .paging a.first, .paging a.prev, .paging a.next, .paging a.last, .paging a.right { border:none; margin-right:0; padding-right:0;} .paging a.prev { margin-right:10px;} .paging a.next { margin-left:10px;} .paging a.selected { font-weight:bold; color:#f37421; letter-spacing: -1px;} .navigation { } /* footer */ .footer_powered {text-align: right; margin: 20px 0 4px 0; font:11px dotum;} /* 20071025 by rani */ .footer_powered a {font-weight: bold; text-decoration: underline; letter-spacing: -1px;} #footer{margin: 0 auto; text-align:center; padding:60px 15px 0 15px; width:901px; height:45px; background:url(http://cfs.tistory.com/www/resource/images/bg_footer.gif) 0 50px no-repeat; } #footer .copyright{ font:0.8em Verdana; margin-bottom:5px;} #footer ul{ list-style:none; padding:0; margin:0;} .foot-menu { float:right; margin:4px 2px 3px 1px;} .foot-menu li { float:left;} .foot-menu li a { height:0; padding:18px 0 0 0; overflow:hidden; display:block;} .foot-menu li.footermenu1 a { background:url(http://cfs.tistory.com/www/resource/images/btn_footermenu_01.gif); width:58px;} .foot-menu li.footermenu2 a { background:url(http://cfs.tistory.com/www/resource/images/btn_footermenu_02.gif); width:76px;} .foot-menu li.footermenu3 a { background:url(http://cfs.tistory.com/www/resource/images/btn_footermenu_03.gif); width:56px;} .foot-menu li.footermenu4 a { background:url(http://cfs.tistory.com/www/resource/images/btn_footermenu_04.gif); width:100px;} .foot-menu li.footermenu5 a { background:url(http://cfs.tistory.com/www/resource/images/btn_footermenu_05.gif); width:97px;} .foot-menu2 { float:left; margin-top:10px; margin-right:1px; width: 400px; } .foot-menu2 li { float:left;} .foot-menu2 li a { height:0; padding:25px 0 0 0; overflow:hidden; display:block;} .foot-menu2 li.tattertools a { background:url(http://cfs.tistory.com/www/resource/images/img_t.gif); width:149px;} .foot-menu2 li.daum a { background:url(http://cfs.tistory.com/www/resource/images/img_daum_2010.gif); width:65px;} .foot-menu2 li.part_line { background:url(http://cfs.tistory.com/www/resource/images/line.gif) no-repeat; width:5px; height: 23px; margin: 0 16px; } .copyright { float:right; width:343px; color:#999; text-align:right; } .copyright a, .copyright a:visited, .copyright a:link, .copyright a:active { color:#999; } .copyright a:hover { color:#999; } /* .foot-menu2 { float:left; margin-top:10px; margin-right:1px;} .foot-menu2 li { float:left;} .foot-menu2 li a { height:0; padding:26px 0 0 0; overflow:hidden; display:block;} .foot-menu2 li.tistory a { background:url(http://cfs.tistory.com/www/resource/images/btn_familySite_01.gif); width:100px;} .foot-menu2 li.tattertools a { background:url(http://cfs.tistory.com/www/resource/images/btn_familySite_02.gif); width:110px;} .foot-menu2 li.eolin a { background:url(http://cfs.tistory.com/www/resource/images/btn_familySite_03.gif); width:71px;} .foot-menu2 li.daum a { background:url(http://cfs.tistory.com/www/resource/images/btn_familySite_04.gif); width:92px;} .copyright { float:right; width:343px; color:#999; text-align:right; } .copyright a, .copyright a:visited, .copyright a:link, .copyright a:active { color:#999; } .copyright a:hover { color:#999; } */ /* 티스토리 새글 */ body#indexNewpost #content { width:100%; margin-top:20px;} body#indexNewpost #recent-post .recent-post-title{ background:url(http://cfs.tistory.com/www/resource/images/bg_newPost.gif) bottom repeat-x; height:30px; overflow:hidden; margin:0 0 10px 0;} body#indexNewpost #recent-post h2 { height:0; padding:30px 0 0 0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/title_theme02.gif); width:100px; float:left; margin:0; line-height:60px; } body#indexNewpost #recent-post .menu { margin-top:7px;} /* 티스토리 베스트 */ body#indexBest .best_blog_focus { } body#indexBest #hot-blog { background:url(http://cfs.tistory.com/www/resource/images/best_line01.gif) no-repeat 0 7px; padding:8px 15px 0 0; float:left; width:170px;} body#indexBest #hot-blog dl { background:#FFF; border:none; width:170px; margin:0 0 0 7px; } body#indexBest #content { width:100%; margin-top:10px;} body#indexBest #recent-post h2 { float:left; margin-bottom:20px; background:url(http://cfs.tistory.com/www/resource/images/bg_best.gif); width:144px; padding:41px 0 0 0;} body#indexBest #recent-post .best-title { background:url(http://cfs.tistory.com/www/resource/images/bg_newPost.gif) bottom repeat-x; height:41px; margin:0 0 20px 0; } body#indexBest #recent-post ol { background:white; border-left:1px solid #e7e7e7; padding:5px 2px 0 12px; list-style:none; margin:0; border-right:1px solid #e7e7e7;} body#indexBest #recent-post #commentBest li, body#indexBest #recent-post #trackbackBest li { padding:3px 0 3px 32px; margin:3px 0 0 0 !important; height:20px;} body#indexBest #recent-post li.no01 a, body#indexBest #recent-post li.no02 a, body#indexBest #recent-post li.no03 a { color:black;} body#indexBest #recent-post li.no01 { background:url(http://cfs.tistory.com/www/resource/images/bg_no01a.gif) no-repeat; font-weight:bold; letter-spacing: -1px;} body#indexBest #recent-post li.no02 { background:url(http://cfs.tistory.com/www/resource/images/bg_no02a.gif) no-repeat; font-weight:bold; letter-spacing: -1px;} body#indexBest #recent-post li.no03 { background:url(http://cfs.tistory.com/www/resource/images/bg_no03a.gif) no-repeat; font-weight:bold; letter-spacing: -1px;} body#indexBest #recent-post li.no04 { background:url(http://cfs.tistory.com/www/resource/images/bg_no04a.gif) no-repeat; } body#indexBest #recent-post li.no05 { background:url(http://cfs.tistory.com/www/resource/images/bg_no05a.gif) no-repeat; } body#indexBest #recent-post li.no06 { background:url(http://cfs.tistory.com/www/resource/images/bg_no06a.gif) no-repeat; } body#indexBest #recent-post li.no07 { background:url(http://cfs.tistory.com/www/resource/images/bg_no07a.gif) no-repeat; } body#indexBest #recent-post li.no08 { background:url(http://cfs.tistory.com/www/resource/images/bg_no08a.gif) no-repeat; } body#indexBest #recent-post li.no09 { background:url(http://cfs.tistory.com/www/resource/images/bg_no09a.gif) no-repeat; } body#indexBest #recent-post li.no10 { background:url(http://cfs.tistory.com/www/resource/images/bg_no10a.gif) no-repeat; } body#indexBest #recent-post li.no11 { background:url(http://cfs.tistory.com/www/resource/images/bg_no11a.gif) no-repeat; } body#indexBest #recent-post li.no12 { background:url(http://cfs.tistory.com/www/resource/images/bg_no12a.gif) no-repeat; } body#indexBest #recent-post li.no13 { background:url(http://cfs.tistory.com/www/resource/images/bg_no13a.gif) no-repeat; } body#indexBest #recent-post li.no14 { background:url(http://cfs.tistory.com/www/resource/images/bg_no14a.gif) no-repeat; } body#indexBest #recent-post li.no15 { background:url(http://cfs.tistory.com/www/resource/images/bg_no15a.gif) no-repeat; } body#indexBest #recent-post .navigation { float:right; margin:20px 0 0 0; font-weight:bold; color:#F48A53; font-size:11px; letter-spacing: -1px;} body#indexBest #recent-post .navigation span.date { float:left; } body#indexBest #recent-post .navigation a.prev { background:url(http://cfs.tistory.com/www/resource/images/arr01.gif) no-repeat; display:block; float:left; width:50px; height:10px; text-indent:-1000em; margin:3px 5px 0 0; } body#indexBest #recent-post .navigation a.prev-disabled { background:url(http://cfs.tistory.com/www/resource/images/arr01_no.gif) no-repeat; display:block; float:left; width:50px; height:10px; text-indent:-1000em; margin:3px 5px 0 0; } body#indexBest #recent-post .navigation a.next { background:url(http://cfs.tistory.com/www/resource/images/arr02.gif) no-repeat; display:block; float:left; width:50px; height:10px; text-indent:-1000em; margin:3px 0 0 5px; } body#indexBest #recent-post .navigation a.next-disabled { background:url(http://cfs.tistory.com/www/resource/images/arr02_no.gif) no-repeat; display:block; float:left; width:50px; height:10px; text-indent:-1000em; margin:3px 0 0 5px; } body#indexBest #commentBest, body#indexBest #trackbackBest { padding-bottom:10px; background:url(http://cfs.tistory.com/www/resource/images/bg_bestBottom.gif) left bottom no-repeat; } body#indexBest #commentBest { width:354px; float:left; margin:0; clear:both; } body#indexBest #commentBest h3 { background:url(http://cfs.tistory.com/www/resource/images/stitCommentbest.gif); height:0; padding:32px 0 0 0; overflow:hidden; margin:0;} body#indexBest #trackbackBest { width:354px; float:right; margin-right:5px;} body#indexBest #trackbackBest h3 { background:url(http://cfs.tistory.com/www/resource/images/stitTrackbest.gif); height:0; padding:32px 0 0 0; overflow:hidden; margin:0;} body#indexBest #commentBest li a { float:left;} body#indexBest #commentBest li a.name { float:right; font-weight:normal; font:11px dotum; color:#999; width:100px;} body#indexBest #trackbackBest li a { float:left;} body#indexBest #trackbackBest li a.name { float:right; font-weight:normal; font:11px dotum; color:#999; width:100px;} /* 서브페이지 */ body #content { width:100%;} .blogWizard #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitInvite.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; display:none; } /* 서브페이지 타이틀 */ #content h3 { background:url(http://cfs.tistory.com/www/resource/images/icon_title_desc.gif) left top no-repeat; padding:1px 0 0 17px; margin:20px 10px 7px 10px; font:1em dotum, Verdana; font-weight:bold; color:#333; letter-spacing: -1px;} #content .helper a { margin:-23px 5px 0 0; float:right; display:block; height:0; padding:18px 0 0 0; width:48px; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/btn_helper.gif);} #content .subtext { margin:30px 0 0 0;} #content .subtext p { margin:4px 10px; padding:0 0 0 10px; background:url(http://cfs.tistory.com/www/resource/images/bull_tri_desc.gif) left 3px no-repeat; letter-spacing: -1px;} /* 서브페이지 박스 */ #content .contentbox-top { margin:0 10px; padding:0; height:3px; background:url(http://cfs.tistory.com/www/resource/images/contentbox_top.gif) no-repeat; font-size:1px; line-height:1px;} #content .contentbox-wrap { float:left; width:690px; margin:0 10px; padding:10px; background:#f3f3f3;} *html #content .contentbox-wrap { margin:0 5px; } #content .contentbox-bottom { clear:both; margin:0 10px; padding:0; height:3px; background:url(http://cfs.tistory.com/www/resource/images/contentbox_bottom.gif) no-repeat; font-size:1px; line-height:1px;} /* 중복확인 버튼 */ a.overlap { background:url(http://cfs.tistory.com/www/resource/images/btn_overlapCheck.gif); width:56px; height:0; display : block; margin:0; padding:22px 0 0 0; overflow:hidden;} /* 회원가입 공통영역 */ #content.join #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitJoin.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.member #subTitle { background:url(http://cfs.tistory.com/www/resource/images/title_member.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content .btn-join { background:url(http://cfs.tistory.com/www/resource/images/btn_bg.gif); margin:20px 0 20px 265px; width:134px; height:37px; padding-top:3px; font-weight:bold; border:0; cursor:pointer; clear:both; letter-spacing: -1px;} #content.member .inputArea { margin:0 0 0 20px; padding:0;} #content.member .inputArea dt { clear:both; padding:11px 0 0 0; width:160px; float:left; clear:both; } #content.member .inputArea dd { padding:6px 0 0 0; float:left; } #content.member .inputArea input{border:1px solid #AFAFAF; height:15px; margin:1px; padding:2px;} #content.member .inputArea .pass{width:202px;} #content.member .inputArea .nick {width:140px; } #content.member .inputArea .id {width:140px; } #content.member .inputArea .detail { width:630px; } #content.member .inputArea .overlap { margin:0 0 0 3px; } #content.member .inputArea .btn { padding:8px 0 0 0; } /* 회원약관 */ #content.contract #subTitle { background:url(http://cfs.tistory.com/www/resource/images/title_agreement.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } .contractContent { padding:0 15px 0 30px; } .contractContent h3 { margin-left:-24px !important; padding:1px 0 0 25px !important; } /* 개인정보 취급방침 */ #content.infoProtect #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitInfo.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } .infoProtectContent { padding:0 15px 0 30px; } .infoProtectContent h3 { margin-left:-24px !important; padding:1px 0 0 25px !important; } .infoProtectContent .infoProtectBox { border: 1px solid #ededed; padding: 10px; margin: 10px 0 0 -24px; } .infoProtectContent .infoProtectBox p { margin: 0; } .agreementBox textarea { width:675px; padding:5px; height:150px; display:block; margin-bottom:6px; font:12px/1.5 gulim;} .scroll { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #C4C4C4; scrollbar-highlight-color: #C4C4C4; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #ADADAD; } textarea.agreement { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #C4C4C4; scrollbar-highlight-color: #C4C4C4; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #ADADAD; } body.popT { background:url(http://cfs.tistory.com/www/resource/images/bg_title.gif) repeat-x; padding:0; margin:0; } body.popT .popTitle { color:#FFF; background:url(http://cfs.tistory.com/www/resource/images/bg_titlelogo.gif) no-repeat; padding:13px 0 25px 41px; font-weight:bold; letter-spacing: -1px; } body.popT p { padding:0; margin:0; text-align:center; } body.popT div.agreebox { text-align:center; padding:15px 0 20px 0; } body.popT .box { border:1px solid #DFDFDF; font:12px gulim; line-height:1.6; color:#666; background:#F7F7F7; overflow:auto; } body.popT .agreement { width:420px; height:210px; padding:11px 0 0 13px; } body.popT .pop_footer { background:#EEE; height:40px; padding:10px 0 0 40px; } body.popT .btn_agree { background:url(http://cfs.tistory.com/www/resource/images/btn_agree.gif) no-repeat; display:block; width:127px; height:26px; text-indent:-1000em; margin:0 auto; } body.popT .btn_close { background:url(http://cfs.tistory.com/www/resource/images/btn_close.gif) no-repeat; display:inline; width:39px; height:22px; text-indent:-1000em; float:right; margin:0 15px 0 0; } body.popT p.t_left {text-align: left; } /* 2007.10.25 by rani */ body.popT .popContent {padding: 0 10px 20px 10px;} body.popT .btn_ok { background:url(http://cfs.tistory.com/www/resource/images/btn_ok.gif) no-repeat; display:block; width:47px; height:26px; text-indent:-1000em; margin:0 auto; border: 0; cursor: pointer;} .txt_333 {color: #333;} table.base {clear:both;} table.base {font-size: 12px; border-collapse: collapse;} body.popT table.base {border: 1px solid #dfdfdf; width: 410px; margin-top: 14px;} body.popT table.base tr {vertical-align: top;} body.popT table.base td {padding: 8px; border-bottom: 1px solid #dfdfdf;} body.popT table.base td.cate {width: 100px; background-color: #f7f7f7; color: #333;} body.popT .singo { width:280px; height:50px; padding: 6px 0 0 8px; } body.popT .byte_chk {font: 11px dotum; color: #666; text-align: right; padding-top: 2px;} body.popT .byte_chk span {color: #ff6633;} body.popT .tip {font: 11px dotum; padding-top: 8px; line-height: 1.6;} body.popT .tip a {color: #333; text-decoration: underline;} body.popT .tip img.ic_arrL {vertical-align: middle; margin-left: 2px;} body.popT select {font:12px/1.5 gulim;} body.popT .sel_blog {margin-top: 12px;} /* 회원가입시작페이지 */ #content.member .emailCheck { margin:0 0 20px 0; padding:20px 145px;} #content.member .emailCheck dt { display:none;} #content.member .emailCheck .email { border:1px solid #AFAFAF; height:13px; width:280px; margin:1px; font-weight:bold; padding:7px; float:left; letter-spacing: -1px;} #content.member .emailCheck .overlap { background:url(http://cfs.tistory.com/www/resource/images/btn_overlapCheckL.gif); width:86px; padding:30px 0 0 0; margin-left:10px;} /* 회원가입 완료 */ #content.member .welcome { padding:110px 0 0 0; overflow:hidden; height:0; display:none; background:url(http://cfs.tistory.com/www/resource/images/bg_welcome.gif) center 40px no-repeat;} #content.member .welcome p { display:none;} #content.member .welcome .btn-join { margin-left:295px;} #content.member .welcomeNB { background:url(http://cfs.tistory.com/www/resource/images/title_log.gif) no-repeat; height:65px; width:728px; padding:300px 0 0 0; text-align:center; } #content.member .welcomeNB ul { list-style:none; margin:0 0 0 180px; } #content.member .welcomeNB li { list-style:none; float:left; } #content.member .welcomeNB a.btn_goHome { background:url(http://cfs.tistory.com/www/resource/images/btn_log01.gif) no-repeat; width:183px; height:47px; text-indent:-1000em; overflow:hidden; display:block; } #content.member .welcomeNB a.btn_gomyBlog { background:url(http://cfs.tistory.com/www/resource/images/btn_log02.gif) no-repeat; width:183px; height:47px; text-indent:-1000em; overflow:hidden; display:block; } /* 아이디 패스워드 찾기 */ #content.find #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitFind.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.findPass #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitFindPass.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.find .hidden{ display:none;} #content.find dt { display:none;} #content.find dd { text-align:center; color:#000; padding:0 45px;} #content.find .url{ border:1px solid #AFAFAF; height:13px; width:280px; margin:1px; padding:7px; } #content.findPass .url { border:1px solid #AFAFAF; width:300px; color:#666; font:12px dotum; height:16px; padding:3px 0 0 3px; } #content.findPass .email { border:1px solid #AFAFAF; width:300px; color:#666; font:12px dotum; height:16px; padding:3px 0 0 3px; } #content.find .email{ border:1px solid #AFAFAF; height:13px; width:280px; margin:1px; font-weight:bold; padding:7px; letter-spacing: -1px;} #content.find .contentbox-wrap p { text-align:center; margin:0;} #content.find .btn-join { margin:15px 0 0 300px; width:134px;} #content.find .subtext { margin-top: 20px; } #content.find .subtext p { font: 11px dotum; letter-spacing: normal !important; background-position: left 2px !important; } #content.find .inputArea { margin:0 43px 10px 43px; padding:0;} #content.find .passReBox dt { display:block;} #content.find .passReBox {padding:0 0 10px 0; height:50px; border:1px solid red;} #content.find .findpass dt { display:block;} #content.find .findpass .inputArea{ margin:0 143px 10px 143px; padding:0;} /* 회원정보수정 */ #content.modify #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitModify.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.modify .inputArea { padding:0 23px 0 13px; margin:0 0 9px 0;} #content.modify .inputArea dt { padding:11px 0 0 0; width:90px; float:left; clear:both;} #content.modify .subtext { margin:10px 0 0 0;} /* 메뉴바설정 */ #content.modify form { margin:0; padding:0;} #content.modify .menubar { margin:0 0 -2px 0;} #content.modify .menubar dt { display:none;} #content.modify .menubar dd { padding:3px;} #content.modify .menubar input { border:0; height:13px; vertical-align:top; margin:2px 5px 0 0; display:block; float:left; width:13px;} #content.modify .btn-join { margin:10px 0 0 305px;} #content.modify .btn-quit { background:url(http://cfs.tistory.com/www/resource/images/btn_bg.gif); margin:10px 0 20px 305px; width:97px; padding-top:10px; padding-left:37px; height:27px; color:black; font-weight:bold; display:block; letter-spacing: -1px;} #content.modify .btn-quit span {text-align:center; } #content.modify .passConfirm { margin:15px 10px 0 10px; padding:15px 10px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;} #content.modify .passConfirm dt { float:left; padding:5px 4px 0 0;} #content.modify .passConfirm .pass {border:1px solid #AFAFAF; height:15px; margin:1px; padding:2px; width:100px; } /* 블로그 생성 */ #content.blogWizard .bloginfo { margin:10px 300px 10px 20px; padding:0; } #content.blogWizard .bloginfo input{ border:1px solid #AFAFAF; height:15px; margin:1px; padding:2px;} #content.blogWizard .bloginfo dt{ float:left; clear:both; width:70px; margin:0; padding:8px 0 0 0 ;} #content.blogWizard .bloginfo dd { padding:3px 0 0 0; font-weight:bold; letter-spacing: -1px;} #content.blogWizard #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitBlogWizard.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; display:block; } #content.blogWizardEnd #subTitle { display:none; } #content.blogWizard .bloginfo .overlap { position:absolute; margin:-22px 0 0 340px; } #content.blogWizard .bloginfo #title { width:200px;} /* 블로그 생성 스킨 선택 */ #content.blogWizard .skinSelect { border:1px solid #ccc; background:white; padding-top:18px; text-align:center;} #content.blogWizard .skinSelect .layoutSelect { height:105px; border-bottom:1px dashed #ccc;} #content.blogWizard .skinSelect .layoutSelect dt{ display:none;} #content.blogWizard .skinSelect .layoutSelect dd{ float:left; margin:0 7px 0 3px; display:block; width:87px; height:20px; padding:73px 0 0 0;} #content.blogWizard .skinSelect .layoutSelect dd label { border:0; padding:1px 0 0 0 ; margin:0; display:block; text-align:left;} #content.blogWizard .skinSelect .layoutSelect input { float:left; } #content.blogWizard .skinSelect .layoutSelect dd.all {background:url(http://cfs.tistory.com/www/resource/images/skinSelect_01.gif) no-repeat; } #content.blogWizard .skinSelect .layoutSelect dd.columns1 {background:url(http://cfs.tistory.com/www/resource/images/skinSelect_02.gif) no-repeat; } #content.blogWizard .skinSelect .layoutSelect dd.columns2 {background:url(http://cfs.tistory.com/www/resource/images/skinSelect_03.gif) no-repeat;} #content.blogWizard .skinSelect .layoutSelect dd.columns3 {background:url(http://cfs.tistory.com/www/resource/images/skinSelect_04.gif) no-repeat; } #content.blogWizard .skinSelect .layoutSelect dd.etc {background:url(http://cfs.tistory.com/www/resource/images/skinSelect_05.gif) no-repeat; } #content.blogWizard .skinSelect .layoutSelect dd.selected { background-position:-87px top; } #content.blogWizard .skinbox { clear:both; padding:10px 0 60px 0; text-align:left; margin:0; border-bottom:1px dashed #ccc; height:400px; } #content.blogWizard .skin { float:left; margin:6px; width:150px; height:200px; display:block; position:relative;} #content.blogWizard .skin dt { margin:153px 0 0 0; font-weight:bold; letter-spacing: -1px;} #content.blogWizard .skin dt .radio { float:left;} #content.blogWizard .skin .name { padding:0 0 0 20px; } #content.blogWizard .skin .img { position:absolute; top:0; left:0;} #content.blogWizard .skin img{border:1px solid #9a9a9a; padding:4px; background:white; width:140px; } #content.blogWizard .customSkin { position:absolute; top:0; right:-2px;} #content.blogWizard .btn-join { margin:20px 0;} #content.blogWizard #page-navigation { clear:both; text-align:center; padding-top:10px;} /* 회원탈퇴 */ #content.quit #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitQuit.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.quit .contentbox-wrap {border:1px solid #ccc; background:white;} #content.quit textarea { width:643px; padding:10px; margin-left:10px; height:100px; border:1px solid #ccc;} #content.quit .btn-join { margin:15px 0 20px 275px;} #content.quit dl {border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding:10px 0 20px 110px; height:18px;} #content.quit dt { float:left; display:block; width:80px; padding:4px; text-align:right;} #content.quit dd { display:block; padding:0; font-weight:bold; float:left; display:block; line-height:25px; letter-spacing: -1px;} #content.quit .pass {border:1px solid #AFAFAF; height:15px; margin:0; padding:2px; width:130px; } /* 이메일 수집거부 */ #content.emailpolicy #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitEmailpolicy.gif); height:0; padding:0; width:728px; overflow:hidden; line-height:200px; } .emailpolicy .text { padding:30px 10px; background:url(http://cfs.tistory.com/www/resource/images/email_no.gif) no-repeat; padding-top:385px;} .emailpolicy .text span { font-weight:bold; color:red; letter-spacing: -1px;} .emailpolicy .text span.date { font-weight:normal; color:#666; font-size:0.9em; display:block; padding:15px 0; text-align:center} /* 티스토리 초대 */ #content.invite #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitInvite.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.invite .aboutInvite { background:url(http://cfs.tistory.com/www/resource/images/bg_invite.gif) no-repeat; width:728; padding:335px 0 0 0; height:0; overflow:hidden; margin-bottom:15px;} #content.invite #recent-post .recent-post-title{ background:url(http://cfs.tistory.com/www/resource/images/bg_newPost.gif) bottom repeat-x; height:30px; overflow:hidden; margin:0 0 10px 0;} #content.invite h2 { height:0; padding:30px 0 0 0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/title_invitation02.gif) no-repeat; width:157px; float:left; margin:0; line-height:60px; } #content.invite .menu span.no { font-weight:bold; letter-spacing: -1px;} #content.invite .leftList { float:left; width:518px; padding:0 0 0 12px; } #content.invite .leftList p { margin-bottom:-12px;} #content.invite .url { clear:both;} #content.invite #inviteList{ width:191px; float:right; background:url(http://cfs.tistory.com/www/resource/images/bg_sideBottom.gif) bottom center no-repeat; padding-bottom: 10px; margin:0 0 12px 0;} #content.invite #inviteList h2 { margin:0; background:url(http://cfs.tistory.com/www/resource/images/bg_inviteSide.gif); padding:38px 0 0 0; line-height:60px; width:191px; overflow:hidden; height:0; display:block;} #content.invite #inviteList h2 a{} #content.invite #inviteList ol {background-color:#f5f5f5; padding: 5px 2px 4px 12px; margin:0; list-style:none; clear:both; padding-bottom: 9px; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;} #content.invite #inviteList li { background:url(http://cfs.tistory.com/www/resource/images/bull_desc.gif) 2px 6px no-repeat; padding-left:14px; padding-bottom:2px;} #content.invite .post-list-container {margin: 7px 0 0 0;} #content.invite .post-list-container .post-list { padding: 0; margin-bottom: 22px; } #content.invite .post-list-container .post-list .desc { padding-bottom: 0px; height: 13px; } #content.invite .post-list .url { clear: none; } /* 팀블로그 초대 */ #content.teamblog2 #subTitle { background:url(http://cfs.tistory.com/www/resource/images/title_team.gif) no-repeat; height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } #content.teamblog2 .sTit { display:block; padding:10px 0 0 10px; } #content.teamblog2 .btnC { padding-top:20px; text-align:center; } #content.teamblog2 .btn-join { clear:none; padding:0; margin:0; } /* 티스토리 소개 */ #content.introduce #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitIntroduce.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } .welcome2 { padding:15px; text-align:center;} .welcome2 span { display:block; height:0; padding:159px 0 0 0; width:100%; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/introduceBg.gif) top center no-repeat; margin-bottom:10px;} .welcome2 p { text-align:left;} .welcome2 .intro { background:url(http://cfs.tistory.com/www/resource/images/bg_introduce.gif) top no-repeat; padding-top:110px; margin-top:0;} .welcome2 dl { margin:30px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:20px 0;} .welcome2 dt { font-weight:bold; margin-top:10px; color:#2861a7; letter-spacing: -1px;} .welcome2 dd { padding:5px; padding-left:15px !important; text-align:left;} .welcome2 p { clear:both;} .welcome2 .sTitle { display:block; float:left; height:220px; width:180px; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit.gif) top left no-repeat; text-indent:-1000em;} .welcome2 .sTit01 { display:block; padding:25px 0 0 0; height:0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit01.gif) top left no-repeat;} .welcome2 .sTit02 { display:block; padding:25px 0 0 0; height:0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit02.gif) top left no-repeat;} .welcome2 .sTit03 { display:block; padding:25px 0 0 0; height:0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit03.gif) top left no-repeat;} .welcome2 .sTit04 { display:block; padding:25px 0 0 0; height:0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit04.gif) top left no-repeat;} .welcome2 .sTit05 { display:block; padding:25px 0 0 0; height:0; overflow:hidden; background:url(http://cfs.tistory.com/www/resource/images/bg_introduceStit05.gif) top left no-repeat;} /* 검색 리스트 */ #content.searchPage #subTitle { background:url(http://cfs.tistory.com/www/resource/images/stitInvite.gif); height:0; padding:95px 0 0 0; width:728px; overflow:hidden; line-height:200px; } /* 포럼 */ #forum_list { } #forum_list .pointTxt { color:#F35F21; } #forum_list a.pointTxt:link, #forum_list a.pointTxt:acive, #forum_list a.pointTxt:visited, { color:#F35F21; } #forum_list a.pointTxt:hover { color:#F35F21; } #forum_list p, #forum_list ul, #forum_list li { list-style:none; padding:0; margin:0; } #forum_list .forum-title { background:url(http://cfs.tistory.com/www/resource/images/bg_newPost.gif) repeat-x 0 10px; height:37px; margin:10px 0 10px 0; } #forum_list .forum-title h2 {padding: 7px 0 0 0; float:left; margin:0; height: 30px;} #forum_list .forum-title h2 a {background:url(http://cfs.tistory.com/www/resource/forum/title_01.gif) no-repeat; width:128px; height: 30px; display: block; overflow:hidden; text-indent:-1000em;} #forum_list .navigation { float:right; margin:10px 0 0 0; color:#666; font-size:11px; letter-spacing: -1px;} #forum_list .navigation span { margin:0 3px; color:#E7E7E7; } #forum_list .navigation a.selected { font-weight:bold; letter-spacing: -1px;} #forum_list .write_btn a.wirteForum { float:right; background:url(http://cfs.tistory.com/www/resource/forum/btn_subject.gif) no-repeat; width:108px; height:29px; display:block; overflow:hidden; text-indent:-1000em; margin:5px 0 0 0; } #forum_list h4 { color:#666; font:14px dotum, Verdana, sans-serif; font-weight:bold; margin:30px 0 0px 20px; letter-spacing: -1px;} #forum_list h4 span { color:#F1631B; } #forum_list .forum_list_box { clear:both; margin:5px 0 0 0; background:url(http://cfs.tistory.com/www/resource/forum/bg.gif) repeat-y; width:728px;} #forum_list .forum_list_boxB { clear:both; background:url(http://cfs.tistory.com/www/resource/forum/bg_bott.gif) no-repeat; height:4px; overflow:hidden;} #forum_list .history_navi { float:right; font:11px dotum, Verdana, sans-serif; color:#666; word-spacing:-1px; padding:20px 0 0 0; } #forum_list .history_navi a.strong{ color:#F35F21; font-weight:bold; } #forum_list .history_navi a.strong:hover{ color:#F35F21; } #forum_list .forum_list_box ul.forum_list { background:url(http://cfs.tistory.com/www/resource/forum/bg_top.gif) no-repeat; margin:0; padding:10px 10px 3px 10px;} #forum_list .forum_list_box li.newForum { background:url(http://cfs.tistory.com/www/resource/forum/ic_newforum.gif) no-repeat; height:53px; padding:7px 0 0 60px; } #forum_list .forum_list_box li.normalForum { background:url(http://cfs.tistory.com/www/resource/forum/ic_forum.gif) no-repeat; height:53px; padding:7px 0 0 60px;} #forum_list .forum_list_box li.newPost { background:url(http://cfs.tistory.com/www/resource/forum/ic_newpost.gif) no-repeat; height:53px; padding:7px 0 0 60px; } #forum_list .forum_list_box li.normalPost { background:url(http://cfs.tistory.com/www/resource/forum/ic_post.gif) no-repeat; height:53px; padding:7px 0 0 60px; } #forum_list .forum_list_box li.noti { background:url(http://cfs.tistory.com/www/resource/forum/ic_noti.gif) no-repeat; height:53px; padding:7px 0 0 60px; } #forum_list .forum_list_box li.vLine { clear:both; background:url(http://cfs.tistory.com/www/resource/forum/line_02.gif) no-repeat; font-size:1px; line-height:1px; height:1px; margin:0 0 5px 0; } #forum_list .forum_list_box p.title { font-weight:bold; float:left; width:340px; height:20px; overflow: hidden; letter-spacing: -1px;} #forum_list .forum_list_box p.cont { color:#666; float:left; width:340px; height:20px; overflow:hidden;} #forum_list .forum_list_box p.info { font:11px dotum, Verdana, sans-serif; color:#999; word-spacing:-1px; float:right; height:20px; margin:3px 0 0 0; white-space:nowrap;} #forum_list .forum_list_box p.info span { color:#F7941D; } #forum_list .forum_list_box p.info span.vBar { color:#DDD; } #forum_list .forum_list_box .noti p.info a { color:#F7941D; } #forum_list .forum_list_box p.writer { font:11px dotum, Verdana, sans-serif; color:#999; word-spacing:-1px; float:left; width:340px; height:20px; margin:3px 0 0 0;} #forum_list .forum_list_box p.writer a { color:#666; text-decoration:underline; } #forum_list .forum_list_box p.recentLink { font:11px dotum, Verdana, sans-serif; color:#999; word-spacing:-1px; float:right; height:20px; margin:3px 0 0 0; white-space:nowrap;} #forum_list .forum_list_box p.recentLink a { color:#666; text-decoration:underline; } #forum_list .forum_list_box div.header_cont { float:left; } #forum_list .forum_list_box img.userImg { float:left; margin:0 10px 0 0; display:block; } #forum_list .forum_list_box li.read_header { margin:0; height:75px; } #forum_list .forum_list_box li.read_header p { padding:3px 0 0 0; } #forum_list .forum_list_box li.read_header p.title { width:100%; float: none;} #forum_list .forum_list_box li.read_Cont { padding:5px 10px; } #forum_list .forum_list_box li.read_attach {background: url(http://cfs.tistory.com/www/resource/forum/ic_folder.gif) 10px 8px no-repeat; padding: 5px 10px 5px 28px; } #forum_list .forum_list_box li.read_attach img {margin: 5px 0 15px 0;} #forum_list .readTitle { background:url(http://cfs.tistory.com/www/resource/forum/title_bg01.gif) no-repeat; width:709px; height:41px; margin:5px 0 0 0; padding:0 10px; clear: both;} #forum_list .readTitle h4 { float:left; margin:0; padding:0; color:#333; padding:14px 0 0 5px; } #forum_list a.wirteForum { float:right; background:url(http://cfs.tistory.com/www/resource/forum/btn_write002.gif) no-repeat; width:114px; height:29px; display:block; overflow:hidden; text-indent:-1000em; margin:7px 0 0 0; } #forum_list a.wirteForum2 { float:right; background:url(http://cfs.tistory.com/www/resource/forum/btn_write03.gif) no-repeat; width:114px; height:30px; display:block; overflow:hidden; text-indent:-1000em; margin:7px 0 0 0; } #forum_list .list_paging {padding-top: 5px} #forum_list .list_paging ul {float: left; padding-top: 4px; width:600px;} #forum_list .list_paging li {height: 21px;} #forum_list .list_paging span {color: #999;} #forum_list .ic_pre { background:url(http://cfs.tistory.com/www/resource/forum/ic_arr01.gif) 8px 6px no-repeat; padding-left: 20px;} #forum_list .ic_next { background:url(http://cfs.tistory.com/www/resource/forum/ic_arr02.gif) 8px 6px no-repeat; padding-left: 20px;} .forum_blockquote {background-color: #f7f7f7; padding: 10px; margin: 0 0 10px 0;} .codebox {width: 686px; overflow: auto; font-family: courier new, Monospace; font-size: 11px; background-color: #f7f7f7} /* 포럼 에러 메시지 - 20071025 by rani */ #forum_list .forum_list_box li.forum_msgbg { background:url(http://cfs.tistory.com/www/resource/forum/error_img.gif) 38px 34px no-repeat; padding: 38px 10px 50px 180px; font: 14px dotum; line-height: 1.6} #forum_list .forum_list_box li.forum_msgbg .b {font-weight: bold; color: #333; letter-spacing: -1px;} /* 포럼 글쓰기 */ #forum_list .writer_area ul.forum_list {height: 436px;} #forum_list .forum_list_box li.writeTitle { height:26px; color:#333; } #forum_list .forum_list_box li.writeTitle p { float:left; width:80px; text-align:center; font-weight:bold; margin:2px 0 0 0; letter-spacing: -1px;} #forum_list .forum_list_box input.box { border:1px solid #e2e2e2; width:600px; height:14px; font-size:12px; padding:2px 5px; float:left; display:block; } #forum_write { float:left; } #forum_write textarea { width:600px; height:300px; padding:5px; font:1em dotum, Verdana, sans-serif; overflow:auto; border:1px solid #e2e2e2; line-height: 1.6;} #forum_write .attachFile { clear:both; padding:5px 0 0 0; color: #666;} #forum_write .attachFile strong {color: #333; letter-spacing: -1px; float: left;} #forum_write .attachFile ul.attachFileList {float: left; margin-left: 10px;} #forum_write .ic_attach {background: url(http://cfs.tistory.com/www/resource/forum/ic_folder.gif) 0 4px no-repeat; padding: 0 0 0 16px;} #forum_write .attachFile input.file { width:500px; border:1px solid #e2e2e2; } .btn_area {text-align: center; width: 250px; margin: 10px auto 0 auto;} a.btn_home { float:left; background:url(http://cfs.tistory.com/www/resource/forum/btn_home.gif) no-repeat; width:107px; height:30px; margin:0 4px; display:block; text-indent:-1000em; overflow:hidden; } input.btn_del { float:left; background:url(http://cfs.tistory.com/www/resource/forum/btn_del.gif) no-repeat; width:74px; height:30px; margin:0 4px; display:block; text-indent:-1000em; overflow:hidden; border: 0; cursor: pointer;} a.btn_re02 { float:left; background:url(http://cfs.tistory.com/www/resource/forum/btn_re02.gif) no-repeat; width:74px; height:30px; display:block; text-indent:-1000em; overflow:hidden; } input.save { float:left; background:url(http://cfs.tistory.com/www/resource/forum/btn_save.gif) no-repeat; width:74px; height:30px; margin:0 4px; padding: 0; display:block; text-indent:-1000em; overflow:hidden; border: 0; cursor: pointer;} input.view { float:left; background:url(http://cfs.tistory.com/www/resource/forum/btn_view.gif) no-repeat; width:74px; height:30px; margin:0 4px; display:block; text-indent:-1000em; overflow:hidden; border: 0; cursor: pointer;} #forum_list .write_menu { color:#666; height:25px; } #forum_list .write_menu li { float:left; margin:3px 5px 0 0; } #forum_list .write_menu select { vertical-align:middle; font:1em dotum, Verdana, sans-serif; } #forum_list .write_menu ul.fontDecoList { } /* 팝업박스 */ .popup { margin:0; padding:10px; width:400px; } .popup h1 { display:block; overflow:hidden; height:0; width:100%; margin:0; padding:60px 0 0 0;line-height:300px;} div.url { background:url(http://cfs.tistory.com/www/resource/images/popup_logoUrl.gif) 0 0 no-repeat; } div.id { background:url(http://cfs.tistory.com/www/resource/images/popup_logoId.gif) 0 0 no-repeat; } div.nick { background:url(http://cfs.tistory.com/www/resource/images/popup_logoNick.gif) 0 0 no-repeat; } .popup h2 { display:none;} .popup p { margin:14px 1px; padding:10px 0; background:url(http://cfs.tistory.com/www/resource/images/bg_dot.gif) top left no-repeat; } .popup p.rename {color:#999; } .popup .box .subtext {font-weight:bold; letter-spacing: -1px;} .popup .box .url { color:black;} .popup .box input{ border:1px solid #AFAFAF; height:15px; margin:1px; padding:2px;} .popup .box dl{ width:215px; margin:-10px 0 0 85px;} .popup div.url dl{ width:300px; margin:-10px 0 0 40px;} .popup .box dt{ display:none;} .popup .box dd { padding:3px 0 0 0; font-weight:bold; letter-spacing: -1px;} .popup .box .overlap { float:right; margin:-23px 0 0 0; } .popup .box .btn-join { background:url(http://cfs.tistory.com/www/resource/images/popup_btnBg.gif); width:86px; height:30px; padding:3px 0 0 0; margin:-10px 0 5px 150px; border:0; font-weight:bold; color:#ff6600; letter-spacing: -1px;} /* 경품 배송지 정보관련 추가 */ .zipcode.inputbutton{height:20px !important;} #realname{width:80px !important;} #addtionaladdrinfopane{ display:none;} .delivery{margin-bottom:1px !important; padding-bottom:2px!important;} #addr1{ width: 550px;} #addr2{ width: 550px ;} .wide dt{width: 200px !important;padding-top: 6px !important;font-weight:bold;} .wide dd{padding-top: 6px !important;} #findaddr {background:url(http://cfs.tistory.com/www/resource/images/btn_serch01.gif); width:56px; height:0; display : block; margin:0; padding:22px 0 0 0; overflow:hidden;margin-top:8px;} #deliveryinfoagree{ border: 0 !important;} .padding-fixed{padding-top:0px !important;} /* 포럼 검색 */ #forum_list h4 { margin-left:10px; margin-top:20px; float:left; display:inline; } #forum_list .footer_powered { float:right; } #forum_list #post { float:left; } #forum_list .forum_list_box { margin-top:5px; float:left; clear:none; } #forum_list .forum_message_box { margin-top:24px; } #forum_list .navigation { margin:0 10px; display:inline; } #forum_list .history_navi { float:left; display:inline; margin-left:10px; margin-bottom:0; margin-top:24px; font-size:11px; letter-spacing:-1px; padding:0; } #forum_list .history_navi em { color:#f1631b; font-weight:bold; font-style:normal; } #forum_list .history_navi strong.keyword { color:#666; } #forum_list .search_result_title { font-family:dotum; font-size:12px; } #forum_list .readTitle { clear:none; float:left; } #forum_list .btn_area { clear:both; margin-top:0; padding-top:10px; } #forum_list .btn_area_narrow { width:75px; } #forum_list .forum_list_box li.forum_msgbg { color:#999; font-size:12px; background:url("http://cfs.tistory.com/www/resource/forum/error_img.gif") no-repeat 38px center; } #TFsearch_navi { padding:7px 0 0 0; float:right; } #TFsearch_navi a { color:#999; text-decoration:none; height:18px; line-height:1.5; } #TFsearch_navi a:hover {color:#999; text-decoration:none;} #TFsearch_navi ul { list-style:none; padding:0; margin:0; } #TFsearch_navi li { list-style:none; float:left; } #TFsearch_navi li.cate { width:136px; height:24px; margin:1px 0 0 0; } #TFsearch_navi li.cate div.cate_select_top { position:absolute; background:url(http://cfs.tistory.com/www/resource/images/search_in11.gif) no-repeat; width:131px; padding-top:1px; } #TFsearch_navi li.cate div.cate_select_bot { background:url(http://cfs.tistory.com/www/resource/images/search_in12.gif) no-repeat bottom; margin:0; } #TFsearch_navi li.cate a.selected_cate { background:url(http://cfs.tistory.com/www/resource/images/search_in08.gif) no-repeat 114px 1px; width:125px; display:block; padding:1px 0 0 5px; } #TFsearch_navi li.cate a.cate_forum { width:120px; display:block; padding:2px 0 0 5px; } #TFsearch_navi li.search_input_bg2 { background:url(http://cfs.tistory.com/www/resource/images/searchFailed03.gif) 0 1px no-repeat; width:140px; height:21px; margin: 0 3px 0 0; } #TFsearch_navi li.search_btn { padding:1px 0 0 3px; } #TFsearch_navi li input.search_input2 { width: 131px; margin: 3px 0 0 3px; height: 13px; border: 0; color:#999; font-family:돋움, dotum, Verdana; } #forum_list .write_btn { float:right; position:relative; top:10px; } #forum_list .write_btn a.wirteForum { float:none; margin:0; } #forum_list .post_cate { float:left; } #forum_list .forum_noti { float:right; color:#999; background-color:#fff; position:relative; } #forum_list .forum_noti .rArrow { color:#666; padding-right:4px; margin-left:4px; background:url("http://cfs.tistory.com/www/resource/admin/icon_arrow01.gif") right 3px no-repeat; } *:first-child+html #forum_list .write_btn { top:7px; } *html #forum_list .write_btn { top:7px; } /* 주제별 새글 rss 서비스 20090512 mmnmm */ #rssService { position: relative; text-align: right; font: normal 11px dotum, '돋움', sans-serif; color: #666; letter-spacing: -1px; } #rssService em { font-style: normal; background: url(http://cfs.tistory.com/static/images/icon_rss.gif) no-repeat; padding-left: 13px; } #rssFeedList-trigger { padding-right: 7px; background: transparent url(http://cfs.tistory.com/static/images/arr03.gif) no-repeat right 3px; } #rssFeedList-trigger.hide { background: transparent url(http://cfs.tistory.com/static/images/arr04.gif) no-repeat right 3px; } #rssService ul { position: absolute; width: 98px; height: 132px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;list-style: none; padding: 0; margin: 0; top: 17px; right: 0;} #rssService ul li { text-align: left; } #rssService li a { display: block; width: 98px; height: 22px; background: url(http://cfs.tistory.com/static/images/img_rss.gif) no-repeat 0 0; text-indent: -1000em; overflow: hidden; } #rssService .feed-rss:hover { background-position: -98px 0; } #rssService .feed-daum { background-position: 0 -23px; } #rssService .feed-daum:hover { background-position: -98px -23px; } #rssService .feed-han { background-position: 0 -45px; } #rssService .feed-han:hover { background-position: -98px -45px; } #rssService .feed-google { background-position: 0 -67px; } #rssService .feed-google:hover { background-position: -98px -67px; } #rssService .feed-wzd { background-position: 0 -112px; } #rssService .feed-wzd:hover { background-position: -98px -112px; } #rssService .feed-bloglines { background-position: 0 -134px; } #rssService .feed-bloglines:hover { background-position: -98px -134px; } /* Daum id 인증 */ #authDaumIdWrap {margin-left:10px;} #authDaumIdWrap .authButton {width:54px; height:21px; background:url(http://cfs.tistory.com/static/etc/2010_modify/t_bt_certi.gif) no-repeat;} #authDaumIdWrap .admin a, #authDaumIdWrap .guide a {font-size:11px; color:#444; letter-spacing:-1px; padding-right:6px; background:url(http://cfs.tistory.com/static/etc/2010_modify/t_ico_arrow.gif) right center no-repeat; text-decoration:underline;} #authDaumIdWrap .div {font-size:12px; color:#d5d5d5;} #authDaumIdWrap .authSelectWrap {float:left;} #authDaumIdWrap .authSelectWrap select {vertical-align:middle;} #authDaumIdWrap .authAdminWrap {float:right; margin-right:15px;} #authDaumIdWrap .authUserWarp {margin-top:17px; clear:both; float:left; width:100%;} #authDaumIdWrap .authUserWarp .name {font-size:12px; letter-spacing:-1px; color:#666;} #authDaumIdWrap .authUserWarp .value {font-size:12px; letter-spacing:-1px; color:#999; padding-left:5px;} #authDaumIdWrap .authUserWarp .service {padding-left:7px; background:url(http://cfs.tistory.com/static/etc/2010_modify/t_ico_bl.gif) left center no-repeat;} #authDaumIdWrap .authUserWarp .id {margin-left:41px;}