/* common */ body { background:#fff; } body, div, p, th, td, ul, ol, li, dl, dt, dd, form, h3, h4, h5, h6 { padding:0; margin:0; font:12px 돋움, dotum, sans-serif; color:#444; } ul, ol, li, dl, dt, dd { list-style:none; } h2 { display:none; } a:link, a:visited, a:active { font:12px 돋움, dotum, sans-serif; color:#444; text-decoration:none; } a:hover { font:12px 돋움, dotum, sans-serif; color:#444; text-decoration:underline; } img { border:0 none; } .fl { float:left; } .fr { float:right; } .clb { clear:both; } table { border-collapse:collapse; } table caption { display:none; } em.ellipsis { font-style:normal; letter-spacing:normal; } /* form */ textarea { border:1px solid #ccc; padding:2px; font:normal 12px/1.4 돋움, dotum, sans-serif; color:#444; overflow:auto; } input { font:12px 돋움, dotum, sans-serif; color:#444; } select { font-size:12px; } .inp { border:1px solid #d7d2ce; font:12px 돋움, dotum, sans-serif; color:#444; } .hand { cursor:pointer; } .hide { display:none; } .scroll { scrollbar-face-color:#fff; scrollbar-shadow-color:#cecece; scrollbar-highlight-color:#cecece; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#a3a3a3; } /* font */ .fSmall, a.fSmall:link, a.fSmall:hover, a.fSmall:active, a.fSmall:visited { font:11px 돋움, dotum, sans-serif; letter-spacing:-1px; } .fNorm, a.fNorm:link, a.fNorm:hover, a.fNorm:active, a.fNorm:visited { font:12px 돋움, dotum, sans-serif; } .fBig, a.fBig:link, a.fBig:hover, a.fBig:active, a.fBig:visited { font:13px 돋움, dotum, sans-serif; } .fcBright, a.fcBright:link, a.fcBright:visited, a.fcBright:hover, a.fcBright:active { color:#999; } .fcNorm, a.fcNorm:link, a.fcNorm:visited, a.fcNorm:hover, a.fcNorm:active { color:#666; } .fcDark, a.fcDark:link, a.fcDark:visited, a.fcDark:hover, a.fcDark:active { color:#444; } .fcPoint, a.fcPoint:link, a.fcPoint:visited, a.fcPoint:hover, a.fcPoint:active { color:#6073e9; } .fcPoint2, a.fcPoint2:link, a.fcPoint2:visited, a.fcPoint2:hover, a.fcPoint2:active { color:#f96b57; } .bold { font-weight:bold; letter-spacing:-1px; } a.bold:link, a.bold:visited, a.bold:active, a.bold:hover { font-weight:bold; letter-spacing:-1px; } .under { text-decoration:underline; } a.under:link, a.under:visited, a.under:active, a.under:hover { text-decoration:underline; } .txt_center { text-align:center; } .vMid { vertical-align:middle; } .vBar { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat; padding-left:8px; margin-left:8px; } img.s_new {vertical-align:top; margin-left:3px;} /* layout */ #cHeader { width:884px; margin:0 auto; padding-top: 5px; position:relative; z-index:1; } #cWrap, #cSubWrap, #cSubWrapCol1 { margin:10px auto 0; } #cWrap { clear:both; background:url(http://i1.daumcdn.net/cafeimg/top7/img_bg_4.gif) no-repeat 0 117px; width:884px; } #cSubWrap { clear:both; background:url(http://i1.daumcdn.net/cafeimg/top7/bg_subline.gif) repeat-y; width:884px; } #cLeft { float:left; width:222px; } #cSubWrap #cLeft { background:url(http://i1.daumcdn.net/cafeimg/top7/img_subline.gif) no-repeat 0 95px; } #cContent { float:left; width:430px; padding:0 5px; } #cRight { float:left; width:222px; margin-right:-3px; } #cSubWrap #cContent { width:652px; padding:0 5px; } #wrap_sub_content { float:left; padding:0 0 0 25px; width:637px; } #cafeTopBanner { width:430px; height:105px; } #cSubWrapCol1 { clear:both; width:884px; } #cSubWrapCol1 #wrap_sub_content { width:884px; padding:0; } /* header */ #quickLink { display:none; } #DaumUI__minidaum { width:884px; margin:0 auto;} /* Deprecated 2012.05*/ /* New Mini daum 2012. 06 */ #wrapMinidaum{position:relative;width:884px;margin:0 auto;} /* New Mini daum 2012. 06 */ #cHeader h1 { padding:0; margin:15px 15px 4px 17px } .serviceLogo { height:25px; display:block; margin:0 0 0 7px } .relatedsvcs { margin-top:20px; float:right; display:inline } .relatedsvcs li { padding-left:1px; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 -77px } .relatedsvcs li a { height:14px; line-height:14px; display:block; padding:4px 7px 4px 8px; background:url(http://i1.daumcdn.net/cafeimg/top7/gnb/reservice_spr2.gif) } .relatedsvcs li.blog a { width:37px; background-position:8px -25px; } .relatedsvcs li.tistory a { width:47px; background-position:8px -51px; } .relatedsvcs li.view a { width:33px; background-position:8px -77px; } .relatedsvcs li.widgetbank a { width:49px; background-position:8px -129px; padding-right: 0; } #daumSearch { color:#000; padding-top:11px } .searchbar { height:23px; position:relative; z-index:1; margin-right:4px; padding:4px 0; background-repeat:no-repeat;} .searchbar .option { padding:5px 11px 4px; color:#555; overflow:hidden } .searchbar .search { width:163px; margin:0; padding:5px 4px 4px; color:#000; border:none 0 } .searchbar .option, .searchbar .search { height:14px; top:0; } #daumSuggest { background:url(http://i1.daumcdn.net/cafeimg/top7/gnb/bt_suggest.gif) no-repeat; width:18px; height:21px; position:absolute; top:5px; left:249px; margin:0; padding:0; border:none; cursor:pointer; text-indent:-9999in; overflow:hidden;} #daumSuggest.expand { background-position:-18px 0 } #daumSuggest:hover { background-position:0 bottom } #daumSuggest.expand:hover { background-position:-18px bottom } #daumSuggest.off { background-position:-36px 0 } #daumSuggest.off:hover { background-position:-36px bottom } * html .searchbar input.off { background-position:-36px 0 !important } #daumBtnSearch, #daumBtnSearchAll { height:31px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/gnb/btnsearch_n.gif) } #daumBtnSearch { width:39px; margin-right:3px } #daumBtnSearch:hover { background-position:0 100% } #daumBtnSearchAll { width:62px; background-position:-39px 0 } #daumBtnSearchAll:hover { background-position:-39px 100% } #daumSuggest, #daumBtnSearch, #daumBtnSearchAll { padding:0; border:none 0; cursor:pointer } .gnb { clear:both; height:52px; overflow:hidden; margin-left:-1px; position:relative } .gnb .logodeco { width:210px; height:50px; right:0; _right:-1px; position:absolute } .gnb ul { height:37px; margin:15px 0 0 } .gnb li { position:relative; } .gnb li a { float:left; display:block; height:35px; color:#fff } .gnb em.new { position:absolute; width:14px; height:16px; right:1px; top:4px; background:url(http://i1.daumcdn.net/cafeimg/top7/gnb/ico_new.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/gnb/ico_new.png', sizingMethod='crop'); text-indent:-999em; overflow:hidden; } #cHeader h1, #cHeader h1 a, .relatedsvcs li, .searchbar, .searchbar .option, .searchbar .search, #daumSuggest, #daumBtnSearch, #daumBtnSearchAll, .gnb li { float:left; display:inline } .serviceLogo, .relatedsvcs li a, #daumSuggest, #daumBtnSearch, #daumBtnSearchAll, .gnb li a { text-indent:-9999em; overflow:hidden; background-repeat:no-repeat } #daumSearchOptionSelect { display:none; } #daumSearchOptionLayer { display:none; position:absolute; z-index:99999; width:74px; top:27px; left:3px; padding:4px 0; border:1px solid #909ded; background-color:#fff; } #daumSearchOptionLayer a { display:block; width:100%; padding-top:2px; height:17px; overflow:hidden; text-indent:7px; text-decoration:none; } #daumSearchOptionLayer a:hover { background-color:#f4f4f4; } .option { cursor:pointer; } .suggestBox {display:none;position:absolute;top:42px;left:163px;border:1px solid #909dec;background-color:#fff;font-size:12px;font-family:dotum,arial;line-height:17px;z-index:999;} .suggestBox .baseBox {width:253px;} .suggestBox .list {min-height:98px;height:auto !important;height:98px;margin:0;padding:5px 0;color:#000;} .suggestBox li {overflow:hidden;height:21px;margin:0;padding:0;background-color:#fff;line-height:21px;cursor:pointer;font-family:dotum,arial;list-style:none;} .suggestBox a, .suggestBox a:visited, .suggestBox a:link, .suggestBox a:active {text-decoration:none;} .suggestBox a:hover {text-decoration:underline;} .suggestBox li a.item {display:block;padding:0 10px 0 9px;height:100%;line-height:21px;} .suggestBox li a.item:hover {text-decoration:none;} .suggestBox li.on {background-color:#f4f4f4;} .suggestBox li strong {color:#ea570a;font-weight:normal;} .suggestBox .line {overflow:hidden;height:1px;padding:0;margin:7px 0px 6px;background-color:#e5e5e5;line-height:1px;font-size:1px;} .suggestBox .guide {padding:15px 10px;color:#555;} .suggestBox .footer {position:relative;height:19px;margin:0;padding:5px 8px 0 9px;background-color:#f8f8f8;font-size:11px;letter-spacing:-1px;clear:both;} .suggestBox .footer a {color:#555;font-size:11px;} .suggestBox .footer .fl {float:left;} .suggestBox .footer .fr {float:right;} .suggestBox .footer .bar {padding:0px 5px 0px 4px;color:#cbcbcb;} .suggestBox .footer .offGuide {display:none;position:absolute;right:0px;bottom:19px;width:211px;height:27px;background:url(http://imgsrc.search.daum-net/search_all/2009/image/suggest_service.gif) no-repeat;text-indent:-999em;} .cafeHeader .serviceLogo { width:58px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/gnb/img_cafe.gif); } .relatedsvcs li.blog { padding-left:0; background-image:none; } .cafeHeader .searchbar { width:267px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/gnb/bg_option.gif); } .cafeHeader .searchbar .option { width:56px; } .gnb li.cafehome a { width:70px; } .gnb li.mycafe a { width:65px; } .gnb li.cafecategory a { width:73px; } .gnb li.vipcafe a { width:74px; } .gnb li.fancafe a { width:61px; } .gnb li.qnacafe a { width:73px; } .gnb li.cafeskin a { width:73px; } .gnb li.cafegame a { width:73px; } .gnb .cafehome li.cafehome { background-position:0 0px; } .gnb .mycafe li.mycafe { background-position:-70px 0px; } .gnb .cafecategory li.cafecategory { background-position:-135px 0px; } .gnb .vipcafe li.vipcafe { background-position:-208px 0px; } .gnb .fancafe li.fancafe { background-position:-282px 0px; } .gnb .qnacafe li.qnacafe { background-position: -343px 0;} .gnb .cafeskin li.cafeskin { background-position: -416px 0;} .gnb .cafegame li.cafegame { background-position: -489px 0;} .gnb #cafe-gnb {background-image: url("http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/gnb_cafegame2.gif");background-position: 0 -37px;} .gnb .cafehome li.cafehome, .gnb .mycafe li.mycafe, .gnb .cafecategory li.cafecategory, .gnb .vipcafe li.vipcafe, .gnb .fancafe li.fancafe, .gnb .qnacafe li.qnacafe, .gnb .cafeskin li.cafeskin, .gnb .cafegame li.cafegame {background-image: url("http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/gnb_cafegame2.gif");} /*kids header*/ .kids_header .daumLogo {margin-top:10px;} #cHeader .kids_header { padding:0; margin:5px 9px 4px 17px } .kids_header .serviceLogo{height:35px;} .relatedsvcs li.blog_kids { padding-left:1px; background:none; } .relatedsvcs li.blog_kids a { width:63px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/lnb_newcafe.gif) no-repeat 0 0; margin-left: 10px; padding-right: 0; } .relatedsvcs li.yozm_kids a { width:63px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/lnb_newcafe.gif) no-repeat 0 -25px; margin-left: 10px; } .cafeHeader .kids_header .serviceLogo { width:64px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/img_newcafe.gif); } /* kids zzang gnb */ .gnb #cafe-kids-gnb {background-image: url("http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/gnb_newcafe2.gif");background-position: 0 -38px;} .gnb #cafe-kids-gnb.cafehome li.cafehome, .gnb #cafe-kids-gnb.mycafe li.mycafe, .gnb #cafe-kids-gnb.cafecategory li.cafecategory, .gnb #cafe-kids-gnb.vipcafe li.vipcafe, .gnb #cafe-kids-gnb.fancafe li.fancafe, .gnb #cafe-kids-gnb.qnacafe li.qnacafe, .gnb #cafe-kids-gnb.cafeskin li.cafeskin, .gnb #cafe-kids-gnb.cafegame li.cafegame {background-image:url("http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/gnb_newcafe2.gif");} .gnb #cafe-kids-gnb li.cafehome a:hover, .gnb #cafe-kids-gnb li.mycafe a:hover, .gnb #cafe-kids-gnb li.cafecategory a:hover, .gnb #cafe-kids-gnb li.vipcafe a:hover, .gnb #cafe-kids-gnb li.fancafe a:hover, .gnb #cafe-kids-gnb li.qnacafe a:hover, .gnb #cafe-kids-gnb li.cafeskin a:hover, .gnb #cafe-kids-gnb li.cafegame a:hover {background-image:url("http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/gnb_newcafe2.gif");} .gnb #cafe-kids-gnb li.cafehome a:hover {background-position:0 0px;} .gnb #cafe-kids-gnb li.mycafe a:hover {background-position:-70px 0px;} .gnb #cafe-kids-gnb li.cafecategory a:hover {background-position:-135px 0px;} .gnb #cafe-kids-gnb li.vipcafe a:hover {background-position:-208px 0px;} .gnb #cafe-kids-gnb li.fancafe a:hover {background-position:-282px 0px;} .gnb #cafe-kids-gnb li.qnacafe a:hover {background-position: -343px 0;} .gnb #cafe-kids-gnb li.cafeskin a:hover {background-position: -416px 0;} .gnb #cafe-kids-gnb li.cafegame a:hover {background-position: -489px 0;} /* login/out */ .Lwrap { margin-bottom:4px; background-color:#fff; } .Lwrap * { font-size:11px; letter-spacing:-1px; } .Lwrap li { float:left; } /* login */ #loginBoxWrap { position: relative; background: url("http://i1.daumcdn.net/cafeimg/top7/bg_box_v2.gif") no-repeat scroll 0 0 transparent; color: #888; height: 74px; padding: 31px 0 0 21px; } #loginBoxWrap img, #loginBoxWrap fieldset { border:0 none; margin: 0; padding: 0; } #loginBoxWrap .hidden { position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden; } #loginBoxWrap .setting { position: absolute; top: 12px; left: 21px; } #currentLevel { float: left; height: 11px; width: 51px; margin-right: 9px; background: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_code.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden; } #loginForm p, #loginForm input { margin: 0; padding: 0; vertical-align: middle; } #loginForm .currentLevel1 {background-position:0 0;} #loginForm .currentLevel2 {background-position:0 -21px;} #loginForm .currentLevel3 {background-position:0 -42px;} #loginForm .radios input { position: absolute; left: -9999em; } #loginForm .radios, #loginForm .radios label.on { background: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_code.gif) no-repeat 0 -64px; } #loginForm .radios { float: left; width: 55px; height: 13px; } #loginForm .radios label { width:18px; height:13px; overflow:hidden; float:left; text-indent:-1000em; cursor:pointer; } #loginForm #lbSecurityLevel1 {background-position: 0 -87px;} #loginForm #lbSecurityLevel2 {background-position: -18px -87px;} #loginForm #lbSecurityLevel3 {background-position: -36px -87px;} #loginForm .uid input, #loginForm .upw input{ float: left; width: 118px; vertical-align: middle; font-size: 11px; border: 1px solid #c5cce5; height: 12px; padding: 3px 1px 4px 5px; } #loginForm .uid input { border-bottom: none; } #loginForm .empty { background-image: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_2011_1.gif); background-repeat: no-repeat; } #id.empty { background-position: 4px -85px; } #inputPwd.empty { background-position: 4px -115px; } #loginForm .btn { position: absolute; top: 34px; left: 153px; width: 60px; } #sid { width: 13px; height: 13px; } #loginForm .btn label { letter-spacing: -1px; font-size: 11px; padding-left: 4px; } #btnLogin { display: block; width: 51px; height: 21px; background: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_2011_1.gif) no-repeat 0 0; text-indent: -9999em; overflow: hidden; padding: 0; margin-top: 4px; border: 0 none; cursor: pointer; } #loginForm .user { float: left; clear: both; padding-top: 5px; } #loginForm .join { float: left; } #loginForm .join a { font-weight: bold; font-size: 11px; color: #74789b; letter-spacing: -1px; } #loginForm .find { float: left; background: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_2011_1.gif) no-repeat scroll 0 -28px transparent; padding-left: 5px; margin-left: 5px; letter-spacing: -1px; } #loginForm .find a { font-size: 11px; color: #74789b; letter-spacing: -1px; } #loginForm .find .pw { padding-left: 4px; background: url(http://i1.daumcdn.net/cafeimg/top7/bt_login_2011_1.gif) no-repeat scroll 0 -56px transparent; } #MKD25,#AOSMGR {display:block;height:0;overflow:hidden;} /* for lv3 active-x */ /* logout */ #loginBox a:link, #loginBox a:visited, #loginBox a:active, #loginBox a:hover { font-size:11px; color:#666; } #loginBox { background:url(http://i1.daumcdn.net/cafeimg/top7/bg_box_v3.gif) no-repeat; height:90px; padding:15px 0 0 19px; color:#666; } #loginBox .login_id { height:27px; } #loginBox .login_id p { float:left; font:11px 돋움, dotum, sans-serif; color:#666; letter-spacing:-1px; } #loginBox .login_id p span { color:#444; } #loginBox .login_id a.my_profile {color:#444; margin: 0;} #loginBox .login_id a.my_profile:hover {text-decoration: underline;} #loginBox .msgCnt { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 0; padding:0 0 0 8px; margin:0 0 0 8px; } #loginBox .makeCafebtn { clear:both; padding:8px 0 0; } #loginBox .makeCafebtn a { background:url(http://i1.daumcdn.net/cafeimg/top7/bt_make.gif) no-repeat; width:142px; height:34px; overflow:hidden; display:block; text-indent:-1000em; margin:0 0 0 19px; } #loginBox .makeCafebtn_n { clear:both; float:left; padding:13px 0 0; } #loginBox .makeCafebtn_n a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_cafemake.gif) no-repeat; width:88px; height:25px; overflow:hidden; display:block; text-indent:-1000em; margin:0; } #cLeft #loginBox .myCafebtn { padding-right: 16px;} #loginBox .myCafebtn { float:left; padding:13px 0 0; } #loginBox .myCafebtn a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_mycafe.gif) no-repeat; width:88px; height:25px; overflow:hidden; display:block; text-indent:-1000em; margin:0 0 0 7px; } #loginBox #cMailMsg { float: left; } /* left menu */ .ad { clear:both; padding:8px 10px 8px 10px; height:145px; } .more { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_more02.gif) no-repeat 0 0; display:block; width:35px; height:10px; overflow:hidden; text-indent:-1000em; } #friendCafeLeftListDIV { background:url(http://i1.daumcdn.net/cafeimg/top7/img_subshadow.gif) no-repeat 50% 39px; padding:18px 0 23px 0; text-align:center; } #friendCafeLeftListDIV select { width:190px; } .noticeList { padding:18px 9px 0 12px; height:165px; } #cSubWrap .noticeList { border-top:1px solid #e3e3e3; } .noticeList h3 { float:left; width:161px; height:12px; margin:0 } .noticeList h3 a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1.gif ) no-repeat 7px -125px; display:block; overflow:hidden; text-indent:-1000em; width:60px; height:12px; } .noticeList ul { clear:both; padding:7px 0 0; _padding:0; _margin:16px 0 0; } .noticeList li { height:15px; background:url(http://i1.daumcdn.net/cafeimg/top7/ico_bl_1.gif) no-repeat 0 4px; padding:0 0 0 7px; margin:6px 0 0; } .recCafelist { padding:18px 9px 0 12px; height:120px; } #cSubWrap .recCafelist { border-top:1px solid #e3e3e3; } .recCafelist h3 { float:left; width:161px; height:12px; overflow:hidden; } .recCafelist h3 a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1.gif) no-repeat 7px -150px; display:block; overflow:hidden; text-indent:-1000em; width:95px; height:12px; } .recCafelist .list_bl_1 { clear:both; padding:7px 0 0; _padding:0; _margin:16px 0 0; } .recCafelist .list_bl_1 li { clear:both; height:13px; margin:7px 0 0; } .recCafelist li .recNum { float:right; padding:0 8px 0 0; font:11px tahoma, sans-serif; letter-spacing:normal; } .recCafelist li .recNum span { color:#f67c5f; } /* left menu small - 내카페, 카페카테고리 */ .smallWidthBack { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cbg_a2.gif) repeat-y !important; } #cLeftSmall { float:left; width:182px; } #cLeftSmall #loginBox { background:#fff url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cimg_logbg.gif) no-repeat; height:85px; padding:15px 0 8px 0; margin:0; color:#666; text-align:center; } #cLeftSmall #loginBox .login_id { color:#7c7c7c; margin-left:14px; height:30px; } #cLeftSmall #loginBox .login_id p span { color:#6073e9; } #cLeftSmall #loginBox .login_id a { color:#4a4a4a; letter-spacing:-1px; } #cLeftSmall #loginBox .makeCafebtn_w { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cbt_cafemake.gif) no-repeat; width:95px; height:25px; display:block; margin:20px auto 0; overflow:hidden; text-indent:-1000em; float:none; *margin-top:10px;} #cLeftSmall #loginBox #cMailMsg {width:182px;} #cLeftSmall #loginBox li { display:inline; } #cLeftSmall #loginBox #cMailMsg ul {margin-left:14px; float:left; display:block; text-align:center;} #cLeftSmall #loginBox #cMailMsg ul li {float:none; letter-spacing:-1px;} #cLeftSmall #mail_cnt, #cLeftSmall #memo_cnt { letter-spacing:-1px; } #cLeftSmall #loginBox .msgCnt { padding:0 0 0 5px; margin:0 0 0 5px; } /*cafe make page loginbox*/ #cLeftSmall #loginBox .myCafebtn { padding:0; height:25px; display:block; width:95px; margin:20px auto 0; overflow:hidden; text-indent:-1000em; float:none; *margin-top:10px;} #cLeftSmall #friendCafeLeftListDIV { padding-top: 17px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_leftwingtop.gif) no-repeat; border: none; } /* 인기위젯 */ .popWidget { margin:0 10px 0 10px; padding:0 0 10px 0; height:140px; } .popWidgetTit { padding:18px 0 0; } .popWidget h3 { float:left; width:161px; height:12px; margin:0 0 12px; overflow:hidden; } .popWidget h3 a { background:url(http://i1.daumcdn.net/cafeimg/top7/blog/tit_b_1.gif) no-repeat 14px -225px; display:block; overflow:hidden; text-indent:-1000em; width:70px; height:12px; } .popWidget a.more { float:right; } .popWidget ul { clear:both; } .popWidget li { float:left; width:136px; text-align:center; } .popWidget li p { padding:5px 0 0; } .popWidget li a, .popWidget li a:link, .popWidget li a:hover, .popWidget li a:link, .popWidget li a:visited { font:11px 돋움, dotum, sans-serif; color:#666; letter-spacing:-1px; } /* sub contents */ #wrap_sub_content h3 { height:15px; padding:26px 0 9px 5px; border-bottom:2px solid #888b94; background-color:#fff; } /* bottom */ #cBottom { clear:both; background:#fff; border-bottom:1px solid #fff; } #cBottom li a { font-size:11px; color:#666; letter-spacing:-1px; } #cWrap .cCafeCate {border-bottom:1px solid #e3e3e3;} .cCafeCate { clear:both; float:left; background:#fbfbfb; padding:15px 0 0 19px; width:642px; height:118px; border-left:1px solid #e3e3e3; } .cCafeCate h3 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_footer_1.gif) no-repeat 0 1px; height:20px; text-indent:-1000em; overflow:hidden; } .cCafeCate li { float:left; font-weight:normal; line-height:1.2; padding:6px 0 0; } .cCafeCate li.cate_01 { width:120px; } .cCafeCate li.cate_02 { width:110px; } .cCafeCate li.cate_03 { width:110px; } .cCafeCate li.cate_04 { width:105px; } .cCafeCate li.cate_05 { width:120px; } .cCafeCate li.cate_06 { width:70px; } #cWrap .cDownload { float:left; padding:15px 0 0 16px; background:#fbfbfb; width:204px; height:118px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } #cSubWrap .cDownload { float:none; padding:18px 9px 40px 19px; border-top:1px solid #e3e3e3; } .cDownload h3 { background:url(http://i1.daumcdn.net/cafeimg/top7/blog/tit_b_footer.gif) no-repeat 0 -25px; height:20px; text-indent:-1000em; overflow:hidden; } #cSubWrap .cDownload h3 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1.gif) no-repeat 0 -300px; } .cDownload li { height:15px; padding:5px 0 0 23px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_down_201303.gif); background-repeat:no-repeat; } #cWrap .cDownload li { float:left; width:65px; } #cSubWrap .cDownload li { height:17px; } .cDownload li.bgMusic { background-position:0 5px; } .cDownload li.imgEditor { background-position:0 -19px; } .cDownload li.daumTool { background-position:0 -44px; } .cDownload li.potPlayer { background-position:2px -144px; } .cDownload li.potInco { background-position:0 -170px; } .cDownload li.daumCleaner { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/1104_downicon.gif); background-position:0 5px; } .cDownload li.myPeople { background-position:0 -194px; } #cWrap .cDownload li.daumMsg { clear:left; } #cWrap .cDownload li.potPlayer, #cWrap .cDownload li.daumCleaner { padding:5px 0 0 19px; margin:0 0 0 22px; } #cGuide { clear:both; height:33px; border-bottom:1px solid #e3e3e3; } #cSubWrap #cGuide, #cSubWrapCol1 #cGuide { clear:both; border-top:2px solid #888b94; } #cGuide li a { font:11px 돋움, dotum, sans-serif; color:#666; letter-spacing:-1px; } .links { float:left; width: 727px; padding:11px 0 0 11px; } .links h3 { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_footer_1.gif) no-repeat 0 -75px; width:60px; height:22px; text-indent:-1000em; overflow:hidden; } .links li { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 1px; line-height:1; padding:0 0 0 8px; margin:0 0 0 7px; } .links li.first { background:none; padding:0; margin:0; } .links li.cafeMake { background:none; padding:0; margin:0 0 0 31px; } .links li.cafeMake a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_footer_1.gif) no-repeat 0 -125px; display:block; width:47px; height:14px; text-indent:-1000em; overflow:hidden; } .links li.cafeTopRank a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_footer_1.gif) no-repeat 0 -25px; display:block; width:40px; height:14px; text-indent:-1000em; overflow:hidden; padding:1px 0 0; } .links li.cafeBackup a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_footer_1.gif) no-repeat 0 -175px; display:block; width:42px; height:14px; text-indent:-1000em; overflow:hidden; padding:1px 0 0; } .blogHelp { float: right; width: 146px; padding:11px 0 0; } .blogHelp h3 { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/blog/tit_b_footer.gif) no-repeat 0 -75px; width:45px; height:22px; text-indent:-1000em; overflow:hidden; } .blogHelp li { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 1px; line-height:1; padding:0 0 0 6px; margin:0 0 0 5px; } .blogHelp li.first { background:none; padding:0; margin:0; } /* footer */ #footer { clear:both; margin:21px 0 20px 0; text-align:center; } #footer * { color:#888; font:11px 돋움, dotum, sans-serif; } #footer a { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 -79px; padding:0 0 0 7px; margin:0 0 0 6px; letter-spacing:-1px; } #footer a.first { background:none; } #footer p { clear:both; margin:2px 0 0; font:11px tahoma, sans-serif; } #footer p * { font:11px tahoma, sans-serif; letter-spacing:0; background:none; } #footer p a { letter-spacing:normal; margin:0; padding:0; background:none; } /* 순서가 있는 리스트 */ .order-list li { overflow:hidden; } .order-list .num1 { background-position:0 0; } .order-list .num2 { background-position:0 -25px; } .order-list .num3 { background-position:0 -50px; } .order-list .num4 { background-position:0 -75px; } .order-list .num5 { background-position:0 -100px; } .order-list .num6 { background-position:0 -125px; } .order-list .num7 { background-position:0 -150px; } .order-list .num8 { background-position:0 -175px; } .order-list .num9 { background-position:0 -200px; } .order-list .num10 { background-position:0 -225px; } .order-list .rank-data { float:right; width:30px; height:13px; overflow:hidden; } .order-list .rank-data .rank-img { background-image:url(http://i1.daumcdn.net/cafeimg/top7/ico_c1.gif); background-repeat:no-repeat; font:10px tahoma, sans-serif; letter-spacing:normal; color:#999; float:left; width:16px; padding-right:14px; text-align:right; } .order-list .type-0 { background-position:22px -24px; } .order-list .type-2 { background-position:14px 2px; text-indent:1000em; } .order-list .type-3 { background-position:22px -73px; } .order-list .type-4 { background-position:22px -45px; } /* 불릿 리스트 */ .list_bl_1 li { background:url(http://i1.daumcdn.net/cafeimg/top7/ico_bl_1.gif) no-repeat 0 4px; padding:0 0 0 7px; } /* 개별 박스 */ #cContent .wrap_box { width:410px; margin:0 10px; } .box_title h3 { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1.gif); background-repeat:no-repeat; height:12px; } .box-navi .no_prev img, .box-navi .prev img { width:12px; height:13px; } .box-navi .no_next img, .box-navi .next img { width:13px; height:13px; } .box-navi .no_prev img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_left_off.gif?v=0.1) no-repeat; } /*12*13*/ .box-navi .no_next img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_right_off.gif) no-repeat; }/*13*13*/ .box-navi .prev img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_left.gif) no-repeat; cursor:pointer; }/*12*13*/ .box-navi .next img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_right.gif) no-repeat; cursor:pointer; }/*13*13*/ /* 이전다음 */ .box-navi { float:right; } .box-navi a { display:block; width:13px; height:13px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_move.gif) no-repeat; text-indent:-9999em; overflow:hidden; float:left; } .box-navi a.next { width:12px; background-position:-13px 0; margin:0; } .prev-disabled a.prev { background-position:0 -13px; cursor:default; } .next-disabled a.next { background-position:-13px -13px; cursor:default; } /* 실시간 검색어 목록 */ #trndList { position:relative; padding:6px 14px 12px 21px; margin:13px 0 0; height:245px; } #cSubWrap #trndList { margin-top:0; } * html #trndList { padding-bottom:3px; } #trndList .chart h3 { width:125px; height:20px; } #trndList .order-list { margin-top:6px; } #trndList .order-list li { float:left; clear:both; height:22px; padding:0 0 0 22px; width:163px; } #trndList .order-list li a { overflow:hidden; float:left; width:130px; height:14px; position:relative; letter-spacing:-1px; } #trndList #cafeRanking .order-list li a { width:auto; } #trndList .order-list li, #trndList .highlighter { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ticker_num_spr.gif); background-repeat:no-repeat; } #trndList .highlighter { position:absolute; left:15px; width:172px; height:16px; border:2px solid #6c78f5; padding:3px 0 0 21px; } #trndList .order-list .rank-data .rank-img { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_up_spr.gif); } #trndList .order-list .type-0 { background-position:21px -22px; } #trndList .order-list .type-2 { background-position:13px 3px; } #trndList .order-list .type-3 { background-position:21px -73px; } #trndList .order-list .type-4 { background-position:21px -45px; } #trndList .chart { display:none; } .searchRanking #searchRanking, .entertainRanking #entertainRanking, .dramaRanking #dramaRanking, .movieRanking #movieRanking, #trndList #cafeRanking { display:block; } /* leftSmall side bar */ #trndList #cafeRanking .order-list li {width:132px;} #cLeftSmall .noticeList h3 {width:120px;} #cLeftSmall .noticeList ul {padding:8px 0 0;} /* 오늘의 추천게임 last modified by wracker1 2011.01.20 */ .todayz_game {padding: 6px 16px 30px 17px; width: 189px; height: 100px; overflow: hidden; clear: both; line-height: 1.3;} .todayz_game img {border: 0 none;} .todayz_game a, .todayz_game a:visited, .todayz_game a:active {text-decoration: none; display: block;} .todayz_game a:hover {text-decoration: underline;} .todayz_game h3 {float: left; height: 12px; margin: 0 0 13px 0;} .todayz_game h3 a {background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1.gif) 0 -325px no-repeat; height: 12px; overflow: hidden; text-indent: -9999em; width: 90px; height: 12px;} .todayz_game ul {float: left; clear: both; width: 189px; margin: 0; padding: 0; list-style: none;} .todayz_game li {width: 105px;} .todayz_game .todayz_game_thumbnail {float: left; width: 64px; margin-right: 15px;} .todayz_game .todayz_game_title {margin: 1px 0 6px 0; float: left;} .todayz_game .todayz_game_title a {font-size: 11px; font-weight: bold; font-family: '돋움', dotum, sans-serif; letter-spacing: -1px; color: #666;} .todayz_game .todayz_game_content {margin-bottom: 6px; float: left;} .todayz_game .todayz_game_content a {color: #999; font-family: '돋움', dotum, sans-serif; letter-spacing: -1px; font-size: 11px; line-height: 1.3;} .todayz_game .todayz_game_link {float: left; width: 66px;} /* 내카페소식 */ #top-mycafe { height:262px; overflow:hidden; margin:12px 0 2px; } /* 로그인하세요 */ #needLogin { position:absolute; margin:5px 0 0 37px; z-index:1; } #needLogin div { width:253px; height:63px; background:url(http://i1.daumcdn.net/cafeimg/top7/bg_loginpop.png) no-repeat; } * html #needLogin div { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/bg_loginpop.png', sizingMethod='crop'); } #needLogin p { padding:12px 15px 0; line-height:1.5; } #needLogin p a { position: relative; font-weight:bold; text-decoration:underline; letter-spacing:-1px; } #needLogin .close { background:url(http://i1.daumcdn.net/cafeimg/top7/ico_loginpop_close.gif) no-repeat 5px 6px; width:20px; height:18px; text-indent:-1000em; display:block; position:absolute; right:0; top:0; overflow:hidden; } /* tab-navigation */ #top-mycafe h3 { display:none } #top-mycafe .tab { width:401px; height:23px; overflow:hidden; margin-left:13px } #top-mycafe .tab li, #top-mycafe .tab li a { height:23px; overflow:hidden } #top-mycafe .tab li { float:left; position:relative } #top-mycafe .tab .cafetoday { width:104px } #top-mycafe .tab .favorites { width:95px; background-position:-104px 0 } #top-mycafe .tab .activities { width:95px; background-position:-199px 0 } #top-mycafe .tab .lastvisits { width:107px; background-position:-294px 0 } #top-mycafe .tab li a { display:block; width:100%; text-indent:-9999in } #top-mycafe .tab li, #top-mycafe.cafetoday .cafetoday a, #top-mycafe.favorites .favorites a, #top-mycafe.activities .activities a, #top-mycafe.lastvisits .lastvisits a { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tab_cafe_spr3.gif); background-repeat:no-repeat } .tab em.new { display:inline-block; width:8px; height:8px; position:absolute; text-indent:-9999in; overflow:hidden; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_new.gif) no-repeat; right:3px; top:8px } .tab .favorites em.new { right:5px; } .cafetoday .cafetoday em.new, .favorites .favorites em.new, .activities .activities em.new, .lastvisits .lastvisits em.new { background-position:0 -28px } /*activate #1*/ #top-mycafe.cafetoday .tab .cafetoday a { background-position:0 -23px } .cafetoday .cafetoday em.new { right:4px; } /*activate #2*/ #top-mycafe.favorites .tab .cafetoday { width:103px; } #top-mycafe.favorites .tab .favorites { width:96px; } #top-mycafe.favorites .tab .favorites a { background-position:-103px -23px } /*activate #3*/ #top-mycafe.activities .tab .favorites { width:94px; } #top-mycafe.activities .tab .activities { width:97px; } #top-mycafe.activities .tab .activities a { background-position:-198px -23px } #top-mycafe.activities .tab .lastvisits { width:106px; background-position:-295px 0 } #top-mycafe.activities .favorites em.new { right:4px; } #top-mycafe.activities .activities em.new { right:5px; } /*activate #4*/ #top-mycafe.lastvisits .tab .lastvisits a { background-position:-294px -23px } /* content */ #top-mycafe .content { clear:both; position:relative; height: 207px; display:none; padding:0 24px 0 22px; } .cafetoday #cafetoday, .favorites #favorites, .activities #activities, .lastvisits #lastvisits { display:block; } #top-mycafe.no_data .content { padding:0; } #top-mycafe.no_data .content .list_bl_1 li { padding-left:24px; background-position:16px 4px; height:22px; } #top-mycafe.no_data .content a { text-decoration:underline; } #top-mycafe.no_data .guide { background-repeat:no-repeat; height:139px; margin-bottom:19px; text-indent:-9999in; } .favorites.no_data .guide { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/img_bookmark.gif); } .activities.no_data .guide { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/img_activity.gif); } .lastvisits.no_data .guide { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/img_visit.gif); } .summary { padding-top:14px; height:14px; } .summary li, .summary li a, .summary li a:link, .summary li a:visited, .summary li a:hover, .summary li a:active { font-size:11px; color:#999; letter-spacing:-1px; } .summary li { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 2px; padding:1px 7px 0; } .summary li.firstchild { background:none; padding-left:0; } .summary strong { color:#65b0d8; padding-right:1px; } .content .list { clear:both; margin:13px 0 6px; height:160px; } .content .list th, .content .list td { height:20px; } .content table { width:100%; } .content table th { text-align:left; font-weight:normal; } /* .content .list .del { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_x_del.gif) center no-repeat; display:inline-block; width:12px; height:12px; text-indent:-9999in; overflow:hidden; } */ .content .list .del { padding-left: 3px; } .content .list .del img { vertical-align: 1px; } /* 테이블 내 작은 글자 */ #favorites .news, #favorites .role, #activities .acttype, #activities .title a { font-size:11px; color:#999; letter-spacing:-1px; } #favorites .news, #activities .acttype { color:#65b0d8; } /* 하단알림 + 펼침/접기 */ .content-footer { clear:both; width: 384px; height: 16px; padding:0 24px 0 22px; } .content-footer a { display:block; background-repeat:no-repeat; cursor:pointer; font-size:11px; } .content-footer a.brief, .content-footer a.brief:link, .content-footer a.brief:visited, .content-footer a.brief:hover, .content-footer a.brief:active { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_point2.gif); background-position:0 50%; padding-left:32px; font-size:11px; height:16px; line-height:16px; margin-left:-2px; color:#888; letter-spacing:-1px; float:left; } /*28x16*/ .content-footer .toggle { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_openclose_spr.gif); width:34px; height:12px; text-indent:-9999in; float:right; margin-top:2px; line-height:0; } .content-footer .disabled { background-position:0 -24px; cursor:default; } .expand .content-footer .toggle { background-position:0 -12px; } .cafetoday .content-footer, .no_data .content-footer .toggle { display:none; } /* #1 오늘의 추천카페 */ #top-mycafe #cafetoday { padding:0; } #cafetoday .feature { height:80px; margin:24px 23px 0; border-bottom:1px solid #f2f2f2; } #cafetoday .feature img { height:62px; border:1px solid #eae9eb; float:left; margin-right:12px; } #cafetoday .feature h4 { padding:1px 0 7px; } #cafetoday .feature h4 a { font-weight:bold; font-size:14px; letter-spacing:-1px; display:inline-block; height:18px; line-height:18px; text-decoration:underline; margin-right:4px; } #cafetoday .feature h4 .emblem { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_emblem2.gif) no-repeat; display:inline-block; width:18px; height:18px; text-indent:-9999in; vertical-align:top; } #cafetoday .feature h4 .star { background-position:100% 0 } #cafetoday .feature h4 .qna { background-position:100% -24px } #cafetoday .feature h4 .vip { background-position:100% -48px } #cafetoday .feature p { text-indent:1px; } #cafetoday .feature .desc { margin-bottom:8px; } #cafetoday .feature .desc a { color:#666; } #cafetoday .feature .members a, #cafetoday td { font-size:11px; } #cafetoday .lbl { color:#999; margin-right:5px; } #cafetoday table { margin-top:10px; } #cafetoday th, #cafetoday td { height:22px; } #cafetoday th { padding:0 0 0 22px; } #cafetoday td.rank { width:30px; } #cafetoday td.members { font-family:Tahoma; width:114px; } #cafetoday td .lbl { font-family:dotum, '돋움', sans-serif; display:inline-block; padding:0 8px 0 11px; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 1px; } /* #2 자주가는 카페목록 */ #favorites .update { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_n_v1.gif); width:8px; } /*8x8*/ #favorites .chat { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_chat.gif); width:33px; } /*33x15*/ #favorites .update, #favorites .chat { background-repeat:no-repeat; background-position:0 50%; text-indent:-9999in; display:inline-block; height:15px; margin-left:3px; } #favorites .title a { color:#444; text-decoration:none; } #favorites .title .favorites_cafe_subject { display:inline-block; vertical-align: top; margin: 2px 0 2px 0; height: 11px; } #favorites .title .update { height: 11px; margin-top: 2px; } #favorites .title .update, #favorites .title .chat { vertical-align: top; font-size: 0; } #favorites .title a:hover { text-decoration:underline; } #favorites .news { color:#65b0d8; width:64px; } #favorites .news a { color:#999; font-size: 11px; } #favorites .news a:hover { color:#999; font-size: 11px; } #favorites .role { width:41px; } #favorites .role_member { padding-left:1px; } /* #3 카페활동 알림 */ #activities .acttype { width:37px; } #activities .title { width:69px; } /* #4 최근 방문한 카페 */ #lastvisits .timestamp { font-family:Tahoma; color:#999; font-size:11px; width:42px; } #lastvisits .delete_visitcafe { padding-left: 3px; } #lastvisits .delete_visitcafe img { vertical-align: 1px; } /* 카페 핫이슈 & 주제별 카페 */ .wrap_box { width:409px; height:162px; margin:0 12px 0 9px; clear:both; background-color:#fff; } .wrap_box h4 { display:none; } .wrap_box .box_title { height:12px; padding:11px 0 9px 0; border-bottom:1px solid #e6e6e6; } .wrap_box .box_title h3 { width:107px; height:12px; float:left; } .wrap_box .tab { float:left; } .wrap_box .tab li { float:left; height:15px; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 1px; padding-left:11px; margin-left:11px; } .wrap_box .tab li.tab_1 { background:none; margin-left:0; padding-left:0; } .wrap_box .tab li a { display:block; overflow:hidden; } .wrap_box .box_body { clear:both; padding:16px 0 0 14px; display:none; } .wrap_box .key_img { float:left; margin:1px 18px 0 0; width:108px; text-align:center; } .wrap_box .key_img img { display:block; margin:0 0 6px; } .wrap_box .key_img .img_caption { font-size:11px; letter-spacing:-1px; } .wrap_box .box_body ul { float:left; } .wrap_box .box_body ul li { height:22px; } .content1 .contentbody_1, .content2 .contentbody_2, .content3 .contentbody_3, .content4 .contentbody_4, .content5 .contentbody_5, .content6 .contentbody_6 { display:block; } .content1 .tab_1 a, .content2 .tab_2 a, .content3 .tab_3 a, .content4 .tab_4 a, .content5 .tab_5 a, .content6 .tab_6 a { color:#65b0d8; font-weight:bold; letter-spacing:-1px; } #cafehotissue { margin-top:1px; } #cafehotissue .box_body { float: left; width: 396px; } #subject_cafe { height:161px; border-top:1px solid #888b94; border-bottom:1px solid #e6e6e6; display:none !important;} #subject_cafe .box_body { padding-top:17px; } /* 우수카페 */ .vip_cafe_title_wrap {position: relative;} #vipCafeTitle {display:block; width:884px; height:208px; background:url(http://i1.daumcdn.net/cafeimg/cafetop/bestcafe_884_2013.jpg) 0 0 no-repeat; overflow:hidden; text-indent:-1000em; margin: 0;} .vip_cafe_menu {position: absolute; left: 28px; top: 172px; clear: both; height: 36px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab.gif); background-repeat: no-repeat;} .life_selected .vip_cafe_menu {background-position: 0 0;} .leisure_selected .vip_cafe_menu {background-position: 0 -36px;} .culture_selected .vip_cafe_menu {background-position: 0 -72px;} .learning_selected .vip_cafe_menu {background-position: 0 -108px;} .social_selected .vip_cafe_menu {background-position: 0 -144px;} #wrap_sub_content .vip_cafe_menu li {float: left; text-indent: -9999em; overflow: hidden; margin: 0; border: none;} .vip_cafe_menu a {display: block; width: 101px; height: 36px;} .contents_wrap {float: left; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 0 28px 18px 28px;} .sub_menu_wrap {clear: both; width: 826px; height: 32px; margin-top: 22px; margin-bottom: 2px; border-bottom: 1px solid #e5e5e5;} #vipCafeSubMenu {float: left; background-repeat: no-repeat;} .life_selected #vipCafeSubMenu {background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/menu1.gif);} .leisure_selected #vipCafeSubMenu {background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/menu2.gif);} .culture_selected #vipCafeSubMenu {background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/menu3.gif);} .learning_selected #vipCafeSubMenu {background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/menu4.gif);} .social_selected #vipCafeSubMenu {background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/menu5.gif);} .sub_menu_wrap .sub_select_all {background-position: 0 0;} .sub_menu_wrap .sub_select1 {background-position: 0 -32px;} .sub_menu_wrap .sub_select2 {background-position: 0 -64px;} .sub_menu_wrap .sub_select3 {background-position: 0 -96px;} .sub_menu_wrap .sub_select4 {background-position: 0 -128px;} .sub_menu_wrap .sub_select5 {background-position: 0 -158px;} #vipCafeSubMenu li {float: left; text-indent: -9999em; overflow: hidden; padding: 9px 0 0 26px;} #vipCafeSubMenu .show_all {padding-left: 24px;} #vipCafeSubMenu a {display: block; height: 13px; outline-style: none;} #vipCafeSubMenu .menu_type_all {width: 45px;} #vipCafeSubMenu .menu_type2 {width: 10px;} #vipCafeSubMenu .menu_type6 {width: 23px;} #vipCafeSubMenu .menu_type13 {width: 51px;} #vipCafeSubMenu .menu_type16 {width: 62px;} #vipCafeSubMenu .menu_type19 {width: 74px;} #vipCafeSubMenu .menu_type25 {width: 97px;} .sub_menu_wrap .old_vip {position: relative; float: right; padding-top: 2px; z-index: 9;} .sub_menu_wrap .old_vip_btn {display: block; width: 123px; height: 23px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/bt_last.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden;} .sub_menu_wrap .old_vip ul {position: absolute; top: 24px; left: 0; width: 121px; height: 105px; border: 1px solid #d3d2d2;} .sub_menu_wrap .old_vip ul li {text-indent: -9999em; overflow: hidden;} .sub_menu_wrap .old_vip ul a {display: block; width: 121px; height: 21px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/img_year.gif); background-repeat: no-repeat;} .sub_menu_wrap .old_vip .vip2010 a {background-position: -121px 0;} .sub_menu_wrap .old_vip .vip2010 a:hover{background-position: 0 0;} .sub_menu_wrap .old_vip .vip2009 a {background-position: -121px -21px;} .sub_menu_wrap .old_vip .vip2009 a:hover{background-position: 0 -21px;} .sub_menu_wrap .old_vip .vip2008 a {background-position: -121px -42px;} .sub_menu_wrap .old_vip .vip2008 a:hover{background-position: 0 -42px;} .sub_menu_wrap .old_vip .vip2007 a {background-position: -121px -63px;} .sub_menu_wrap .old_vip .vip2007 a:hover{background-position: 0 -63px;} .sub_menu_wrap .old_vip .vip2006 a {background-position: -121px -84px;} .sub_menu_wrap .old_vip .vip2006 a:hover{background-position: 0 -84px;} #vipCafeListWrap {position: relative; float: left; width: 826px;} #vipCafeListWrap .vip_list {float: left; width: 796px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/line.gif) 0 0 repeat-y; padding: 0 15px; margin-top: 5px;} #vipCafeListWrap .vipcafe_item {display:none; float:left; overflow: hidden; width: 368px; padding: 16px 10px 17px 10px;} #vipCafeListWrap .vipcafe_item a.img_anchor {float:left;width:65px; height:65px; margin-right: 14px; border: 1px solid #fff;} #vipCafeListWrap .vipcafe_item a.img_qna {position:relative; float:left;width:65px; height:65px; margin-right: 14px; } #vipCafeListWrap .vipcafe_item .span_qna {position:absolute;top:0;left:0;width:64px; height:64px;border: 1px solid #000;opacity:0.08;filter:alpha(opacity=8);} #vipCafeListWrap .vipcafe_item .cafetitle { float:left; margin-top: 7px; width: 290px; } #vipCafeListWrap .vipcafe_item .cafetitle a { color:#222; font-weight:bold; letter-spacing: -1px;} #vipCafeListWrap .vipcafe_item ul {float: left; margin-top: 10px;} #vipCafeListWrap .vipcafe_item .info_first {padding-bottom: 4px;} #vipCafeListWrap .vipcafe_item li {height: 15px; color:#666; font-size:12px;} #vipCafeListWrap .vipcafe_item li a {color:#666; font-size:12px;} #vipCafeListWrap .vipcafe_item .txt_sep {margin-left:8px; padding-left:7px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/img_line02.gif) no-repeat 0 1px; } #vipCafeListWrap .hide_liner {position: absolute; left: 0; bottom: 0; width: 826px; height: 1px; background-color: white;} /* 우수카페-지원안내 */ .support_selected .vip_cafe_menu {background-position: 0 -180px;} .vip_cafe_menu a {display: block; width: 89px; height: 36px;} .vip_cafe_menu .vip_support a {width:98px;} .cafe_support {width:826px;padding:50px 0 51px;} .cafe_support .txt_support {width:264px;height:22px;margin:0 0 0 10px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tit_cafe_support2.gif) no-repeat 0 0;text-indent:-9999em;} .cafe_support .list_support{width:806px;height:256px;margin:35px 0 0 10px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/list_cafe_support2.gif) no-repeat 0 0;text-indent:-9999em;} .support_judgment {width:806px;height:142px;margin:0 0 32px 10px;border-top:1px solid #8c8c8c;background:#fafafa url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/cafe_judgment.gif) no-repeat 27px 24px;text-indent:-9999em;} /* 우수카페-2008 */ #vipCafeHead { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/bg_top.jpg) no-repeat; height:220px; } #vipCafeHead h3, .vipCafe h4 { display:none; } #vipCafeHead ul { width:805px; margin:0 auto; } #vipCafeHead ul li { float:left; } #vipCafeHead ul li a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/tab_menu_spr.gif) no-repeat; display:block; width:161px; height:38px; text-indent:-1000em; overflow:hidden; margin-top:182px; } #vipCafeHead .tab1 a { background-position:0 -38px; } #vipCafeHead .tab2 a { background-position:-161px -38px; } #vipCafeHead .tab3 a { background-position:-322px -38px; } #vipCafeHead .tab4 a { background-position:-483px -38px; } #vipCafeHead .tab5 a { background-position:-644px -38px; } #vipCafeHead .tab1 a.selected { background-position:0 0; } #vipCafeHead .tab2 a.selected { background-position:-161px 0; } #vipCafeHead .tab3 a.selected { background-position:-322px 0; } #vipCafeHead .tab4 a.selected { background-position:-483px 0; } #vipCafeHead .tab5 a.selected { background-position:-644px 0; } .vipListBox { padding:40px 0 0 20px; } .vipListBox li a, .vipListBox li a:hover, .vipListBox li a:active { font-weight:bold; letter-spacing:-1px; } .vipListBox li ul li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/ico_bl.gif) no-repeat 0 4px; height:54px; padding-left:8px; } .vipListBox ul { float:left; } .vipListBox ul p { padding-top:6px; font:11px 돋움, dotum, sans-serif; color:#999; letter-spacing:-1px; } .vipListBox ul p a, .vipListBox ul p a:link, .vipListBox ul p a:hover, .vipListBox ul p a:visited, .vipListBox ul p a:active { font:11px 돋움, dotum, sans-serif; color:#999; } .vipListBox .first { width:302px; } .vipListBox .second { width:299px; } .vipListBox .comma { color:#dedede; } #viplist2, #viplist3, #viplist4, #viplist5 { display:none; } /* 2011-12-12 수정 시작 */ /* 우수카페 */ #vipCafeTitle {display:block;overflow:hidden;width:884px;height:208px;margin:-10px 0 0;background:url(http://i1.daumcdn.net/cafeimg/cafetop/bestcafe_884_2013.jpg) 0 0 no-repeat;text-indent:-1000em} #vipCafeListWrap .vipcafe_item {display:block;float:left;overflow:hidden;width:374px;padding:16px 6px 17px 10px} /* 지난우수카페보기 .sub_menu_wrap .old_vip -> .vipCafe .old_vip */ .vipCafe .old_vip {position:absolute;top:5px;right:15px;padding-top:2px;z-index:9} .vipCafe .old_vip_btn {display:block;width:122px;height:25px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/bt_last_111212.gif) 0 0 no-repeat;text-indent:-9999em;overflow:hidden} .vipCafe .old_vip ul {position:absolute;top:26px;left:0;width:120px; border:1px solid #d3d2d2; background-color:white;} .vipCafe .old_vip ul li {overflow:hidden; height:21px; width:120px;} .vipCafe .old_vip ul a {display:block;width:112px;height:11px; padding:5px 0 5px 8px; color:#535353; font-size:11px; font-family:돋움,Dotum,AppleGothic,sans-serif; letter-spacing:-1px} .vipCafe .old_vip ul a:hover {background-color:#efefef; text-decoration:none} /* 지원안내 */ .cafe_support {width:882px;padding:50px 0 40px} .cafe_support .txt_support {width:240px;height:21px;margin-left:53px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tit_cafe_support2_111212.gif) no-repeat 0 0;text-indent:-9999px} .cafe_support .list_support{width:770px;height:240px;margin:49px 0 0 56px;background:url(http://i1.daumcdn.net/cafeimg/top8/cafe/section/list_cafe_support2_121218.png) no-repeat 0 0;text-indent:-9999px} .support_judgment {width:882px;height:70px;margin:0;padding:26px 0 55px;border-top:1px solid #f3f3f3;background:#fbfbfb none} .support_judgment .list_judgment {width:379px;height:70px;margin-left:53px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/cafe_judgment_111212.gif) no-repeat 0 0;text-indent:-9999px} /* 2011-12-12 수정 끝 */ /* 2011-12-12 추가시작 */ .screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} #wrap_sub_content .tab_best {position:relative; z-index: 9;} .tab_best .list_tab {overflow:hidden;width:884px;height:40px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab_bestcafe.gif) no-repeat 0 0} .knowCafe .tab_best .list_tab {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab_bestcafe.gif) no-repeat 0 -80px} .tab_best li {float:left;width:105px;height:40px} .tab_best .tab_link {display:block;height:40px;width:105px;text-indent:-9999px;cursor:pointer} .tab_best .on .tab_link {display:block;position:relative;width:107px;margin:0 -2px 0 0;background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab_bestcafe.gif);background-position:no-repeat} .tab_best .on .txt_life {background-position:0 -40px} .tab_best .on .txt_hobby {background-position:-107px -40px} .tab_best .on .txt_culture {background-position:-214px -40px} .tab_best .on .txt_education {background-position:-321px -40px} .tab_best .on .txt_social {background-position:-428px -40px} .tab_best .on .txt_support {background-position:-535px -40px} .knowCafe .tab_best .on .txt_education {background-position:0 -120px} .knowCafe .tab_best .on .txt_hobby {background-position:-107px -120px} .knowCafe .tab_best .on .txt_life {background-position:-214px -120px} .knowCafe .tab_best .on .txt_sports {background-position:-321px -120px} .knowCafe .tab_best .on .txt_social {background-position:-428px -120px} .knowCafe .tab_best .on .txt_support {background-position:-535px -120px} #vipCafeSubMenu {float:none;overflow:hidden;height:22px;padding:25px 0 3px 2px} #vipCafeSubMenu li {float:left;height:22pxp;padding:0;text-indent:0;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/bg_submenu.gif) no-repeat 100% 6px} #vipCafeSubMenu .lst {background:none} #vipCafeSubMenu .tab_link {float:left;height:12px;padding:5px 15px} #vipCafeSubMenu .on .tab_link {padding-right:28px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/ico_subtab.gif) no-repeat 100% 9px} #vipCafeSubMenu .txt_bestcafe {display:block;overflow:hidden;height:12px;background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab_sub.gif);text-indent:-9999px;cursor:pointer} #vipCafeSubMenu .on .txt_bestcafe {display:block;position:relative;background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tab_sub.gif);background-position:no-repeat} #vipCafeSubMenu .txt_all {width:21px;background-position:0 0} #vipCafeSubMenu .on .txt_all {background-position:0 -20px} /* 생활,가정 */ #vipCafeSubMenu .txt_1 {width:47px;background-position:-30px 0} #vipCafeSubMenu .on .txt_1 {background-position:-30px -20px} #vipCafeSubMenu .txt_2 {width:49px;background-position:-80px 0} #vipCafeSubMenu .on .txt_2 {background-position:-80px -20px} #vipCafeSubMenu .txt_3 {width:67px;background-position:-130px 0} #vipCafeSubMenu .on .txt_3 {background-position:-130px -20px} #vipCafeSubMenu .txt_4 {width:46px;background-position:-200px 0} #vipCafeSubMenu .on .txt_4 {background-position:-200px -20px} #vipCafeSubMenu .txt_5 {width:47px;background-position:-170px -120px} #vipCafeSubMenu .on .txt_5 {background-position:-170px -140px} /* 여가,취미 */ #vipCafeSubMenu .txt_7 {width:46px;background-position:0 -40px} #vipCafeSubMenu .on .txt_7 {background-position:0 -60px} #vipCafeSubMenu .txt_8 {width:56px;background-position:-50px -40px} #vipCafeSubMenu .on .txt_8 {background-position:-50px -60px} #vipCafeSubMenu .txt_9 {width:20px;background-position:-110px -40px} #vipCafeSubMenu .on .txt_9 {background-position:-110px -60px} #vipCafeSubMenu .txt_a {width:57px;background-position:-130px -40px} #vipCafeSubMenu .on .txt_a {background-position:-130px -60px} #vipCafeSubMenu .txt_b {width:57px;background-position:-190px -40px} #vipCafeSubMenu .on .txt_b {background-position:-190px -60px} /* 문화,사회 */ #vipCafeSubMenu .txt_d {width:89px;background-position:0 -80px} #vipCafeSubMenu .on .txt_d {background-position:0 -100px} #vipCafeSubMenu .txt_e {width:22px;background-position:-90px -80px} #vipCafeSubMenu .on .txt_e {background-position:-90px -100px} #vipCafeSubMenu .txt_n {width:21px;background-position:-120px -80px} #vipCafeSubMenu .on .txt_n {background-position:-120px -100px} /* 전문,교육 */ #vipCafeSubMenu .txt_g {width:46px;background-position:0 -120px} #vipCafeSubMenu .on .txt_g {background-position:0 -140px} #vipCafeSubMenu .txt_h {width:47px;background-position:-50px -120px} #vipCafeSubMenu .on .txt_h {background-position:-50px -140px} #vipCafeSubMenu .txt_o {width:9px;background-position:-100px -120px} #vipCafeSubMenu .on .txt_o {background-position:-100px -140px} #vipCafeSubMenu .txt_p {width:57px;background-position:-110px -120px} #vipCafeSubMenu .on .txt_p {background-position:-110px -140px} /* 지역,친목 */ #vipCafeSubMenu .txt_l {width:47px;background-position:-150px -80px} #vipCafeSubMenu .on .txt_l {background-position:-150px -100px} #vipCafeSubMenu .txt_m {width:47px;background-position:-200px -80px} #vipCafeSubMenu .on .txt_m {background-position:-200px -100px} /* 지원안내 */ .section_support {padding:0} /* 2011-12-12 추가 끝 */ /* 카페랭킹, 카페 카테고리 */ .cafeRank, .cafeCate { background:url(http://i1.daumcdn.net/cafeimg/top7/bg_rline.gif) right repeat-y; } /* 카페약관 */ .subTitTab { height:34px; border-bottom:1px solid #f0f0f0; } .subTitTab li { float:left; } .subTitTab li a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/agreement/tab_agreement.gif) no-repeat; display:block; text-indent:-1000em; overflow:hidden; } .subTitTab li.tab_agree, .subTitTab li.tab_agree_on { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 100% -110px; } .subTitTab li.tab_agree a { background-position:0 -25px; width:48px; margin:10px 32px; } .subTitTab li.tab_agree_on a { background-position:0 0; width:48px; margin:10px 32px; } .subTitTab li.tab_premium a { background-position:-110px -25px; width:106px; margin:10px 20px; } .subTitTab li.tab_premium_on a { background-position:-110px 0; width:106px; margin:10px 20px; } .agreement_guide { padding:20px 12px; } .agreement_guide dt { font-weight:bold; padding:30px 0 0; } .agreement_guide dd { padding:10px 0 0; line-height:1.4; } .agreement_list { background:#f8f8f8; padding:6px 10px 11px 35px; margin:6px 0; } .agreement_list li { padding:0; margin:6px 0 0; list-style:decimal outside none; line-height:1.5; color:#666; } .cafeAgree p { border-top:1px solid #E7E7E7; height:50px; padding:12px 1px 0 0; } .cafeAgree p a { float:right; } /* 내 카페 리스트 */ .mycafeList .subTitTab li a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/tab_cafelist.gif) no-repeat; display:block; text-indent:-1000em; overflow:hidden; } .mycafeList .subTitTab li.tab_agree, .subTitTab li.tab_agree_on { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 100% -110px; } .subTitTab li.tab_myList, .subTitTab li.tab_myList_on { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 100% -110px; } .subTitTab li.tab_myList a { background-position:0 -25px; width:61px; margin:10px 15px; } .subTitTab li.tab_myList_on a { background-position:0 0; width:61px; margin:10px 15px; } .subTitTab li.tab_listEdit a { background-position:-100px -25px; width:95px; margin:10px 15px; } .subTitTab li.tab_listEdit_on a { background-position:-100px 0; width:95px; margin:10px 15px; } .subTitTab li.groupEdit { float:right; } .subTitTab li.groupEdit a { text-indent:0; margin:6px 12px 0 0; } .mine_title { clear:both; height:34px; padding:0 11px 0 8px; border-top:1px solid #EDEDED; } .mine_title a.group_arrow_down { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bt_cafe_plus.gif) no-repeat 0 0; height:13px; overflow:hidden; padding:1px 0 0 19px; margin:10px 0 0; } .mine_title a.group_arrow_up { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bt_cafe_plus.gif) no-repeat 0 -14px; height:13px; overflow:hidden; padding:1px 0 0 19px; margin:10px 0 0; } .mine_title .listBtn { float:right; padding:8px 0 0; } .mine_title .listBtn img { vertical-align:middle; } .mine_title .listBtn span { font-size:11px; color:#999; margin:0 3px 0 0; letter-spacing:-1px; } .mine_title { background:#FFF; } .mine_list_group .selected { background:#FAFAFA; } .mine_edit_bar .mycafeListLayer { display:none; position:absolute; margin:0 0 0 90px; border:1px solid #DED7D1; background-color:#fff; } .mine_edit_bar .mycafeListLayer li a { display:block; background-color:#FFF; width:150px; line-height:1.0; padding:6px 0 3px 7px; } .mine_edit_bar .mycafeListLayer li a:hover { background-color:#DFDFDF; text-decoration:none; } .mine_edit_bar .mycafeListLayer li a.selected { color:#999; } .mine_edit_bar .mycafeListLayer li a.selected:hover { background-color:#FFF; } .mine_list { width:637px; } .mine_list li { clear:both; } .mine_list_cafe { float:left; padding:11px 0 0 24px; } .mine_list_cafe input { margin:-2px 4px 0 0; } .mine_list_cafe input, .mine_list_cafe span, .mine_list_cafe a { float:left } .mine_list_cafe input { height:16px; } .icon_new, .icon_chatting { display:block; text-indent:-5000em; overflow:hidden; padding:0; font-size:0; line-height:0; } .icon_new { background:url(http://i1.daumcdn.net/cafeimg/top6/ic_new.gif) no-repeat; width:8px; height:8px; margin:3px 0 0 4px; } .icon_chatting { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/icon_chat.gif) no-repeat; width:35px; height:16px; margin:-2px 0 0 3px; } .mine_list_info { float:right; text-align:right; height:13px; padding:11px 0 0; } .mine_list_info li { clear:none; float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat; text-align:center; font:11px 돋움, dotum, sans-serif; color:#999; letter-spacing:-1px; } .mine_list_rest { padding:0; } .mine_list_rest a, .mine_list_check a { font:11px dotum, 돋움, sans-serif; letter-spacing:-1px; } .mine_list_check a { color:#999; } .mine_list_check { padding-left:7px; } .mine_list_rank { width:55px; } .mine_list_rank img { margin-right:4px; } .mine_list_name { width:60px; } .mine_list_my { width:50px; } .mine_list_set { width:45px; } .mine_list_area { padding:0 0 70px 0; } /* 내 카페 리스트, 쪽지 통합 */ .myCafeLeft h3 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/ctitle_lm.gif) no-repeat; height:13px; text-indent:-1000em; overflow:hidden; position:absolute; margin:11px 0 0 18px; } .myCafeLeft ul { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cbg_a2.gif) repeat-y; padding:20px 0 11px 19px; } .myCafeLeft li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cico_dot.gif) no-repeat 0 4px; padding-left:8px; margin-bottom:8px; } .myCafeLeft a.selected { color:#61c0da; letter-spacing:-1px; font-weight:bold; } .myCafeLeft .leftTitle a { font-size:11px; float:right; color:#666; margin-right:15px; text-decoration:underline; } #myCafeGroupList h3 { width:60px; } #myCafeGroupList .leftTitle { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cbg_a1.gif) no-repeat; height:35px; } #myCafeGroupList .leftTitle a { margin-top:13px; letter-spacing:-1px; } #myPapers h3 { background-position:0 -25px; width:21px; } #myPapers .leftTitle { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cbg_a3.gif) no-repeat; height:35px; } #myPapers .leftTitle a { margin-top:12px; letter-spacing:-1px; } div.mycafeList, div.favcafeEdit { padding-left:35px !important; width:667px !important; } .mycafeList li { background:none; } .mycafeListTitle h3 { border:none !important; padding:0 !important; float:left; } .mycafeListTitle { border-bottom:2px solid #888b94; height:27px; padding:23px 10px 0 10px; } .mycafeListTitle li { float:left; } .mycafeListTitle .mycafeListSub { border-left:1px solid #eaeaea; margin:2px 0 0 8px; padding:0 7px 0 8px; letter-spacing:-1px; } .mycafeListTitle .mycafeListHelp { position:relative; margin-top:1px; } .mycafeListTitle .mycafeListHelp #helpBox { position:absolute; left:20px; top:-23px; display:none; } .mycafeListTitle .mycafeListHelp #helpBox2 { position:absolute; left:20px; top:-23px; display:none; } .mycafeListTitle .mycafeListEdit { float:right; margin-top:-3px; } #helpBoxMyGroup, #helpBoxMyGroup .hor, #helpBoxMyGroup .ver { width:156px; height:53px; } #helpBoxGroupEdit, #helpBoxGroupEdit .hor, #helpBoxGroupEdit .ver { width:226px; height:55px; } #wrap_sub_content .mycafeListHead { background-color:#f9f9f9; height:33px; border-bottom:1px solid #efefef; } #wrap_sub_content .mycafeListHead .fl { padding:7px 0 0; } #wrap_sub_content .mycafeListHead .fl span { margin-right:5px; } #wrap_sub_content .mycafeListHead .fr { padding:5px 10px 0 0; } .mycafeList input { margin:-2px 6px 0 10px; } .mycafeList .mine_list_cafe { width:365px; padding:11px 0 0; } .mycafeList .mine_list_lists { height:31px; border-bottom:1px solid #eaeaea; } .mycafeList .mine_list_rank { width:42px; font:11px tahoma, sans-serif; text-align:right; } .mycafeList .rank_top { background-position:35px 2px; } .mycafeList .rank_up { background-position:35px -21px; } .mycafeList .rank_down { background-position:35px -46px; } .mycafeList .rank_none { background-position:35px -70px; } .mycafeList .mine_list_name { width:95px; color:#999; text-align:center; } .mycafeList .mine_list_my { width:65px; text-align:left; } .mycafeList .mine_list_set { width:29px; text-align:left; } .no_cafe_panel { padding:74px 0; color:#999; letter-spacing:-1px; text-align:center; border-bottom:1px solid #efefef; } .no_cafe_desc { margin:30px 0 0 15px; } .no_cafe_desc li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/cico_dot.gif) no-repeat 0 4px; padding-left:8px; height:24px; letter-spacing:-1px; } .no_cafe_desc li a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/arrow_0129.gif) no-repeat right 1px; padding:0 7px 0 5px; } .no_cafe_desc li a:link, .no_cafe_desc li a:hover, .no_cafe_desc li a:visited, .no_cafe_desc li a:active { color:#888; } .no_cafe_desc_left { padding:18px 0; font-size:11px; letter-spacing:-1px; text-align:center; } /* 포커스 영역 로그인 메세지 */ .loginMsgLayer { position:absolute; width:253px; height:63px; margin:28px 0 0 88px; z-index:9999; } .loginMsgLayer .inner { background:url(http://i1.daumcdn.net/cafeimg/top7/bg_loginpop.png) no-repeat; width:221px; height:30px; padding:15px 16px 18px; } .loginMsgLayer p { line-height:1.5; } #loginMsgLayer p a { font-weight:bold; text-decoration:underline; letter-spacing:-1px; } * html .loginMsgLayer .inner { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/bg_loginpop.png', sizingMethod='crop'); } * html .loginMsgLayer a { position:relative; } .loginMsgLayer .close { background:url(http://i1.daumcdn.net/cafeimg/top7/ico_loginpop_close.gif) no-repeat 1px 7px; width:16px; height:16px; text-indent:-1000em; display:block; position:absolute; right:0; top:0; overflow:hidden; } #loginMsgLayer2 { width:157px; height:63px; margin:28px 0 0 244px; z-index:9999; } #loginMsgLayer2 .inner { background:url(http://i1.daumcdn.net/cafeimg/top7/bg_loginpop_2.png) no-repeat; width:130px; padding:15px 11px 18px 16px; } * html #loginMsgLayer2 .inner { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/bg_loginpop_2.png', sizingMethod='crop'); } #loginMsgLayer2 .close { right:0; top:0; } #loginMsgLayer2 p a.txt_login { font-weight:bold; text-decoration:underline; letter-spacing:-1px; } /* 내 카페 리스트 편집 */ .mine_des2 { clear:both; color:#666; padding:15px 0 20px 10px; } .mine_des2 li { margin:0 0 6px; } .wrap_mine_list { clear:both; height:360px; margin:53px 0 0 25px; } .wrap_mine_list h4 { font-weight:bold; height:16px; margin-bottom:7px; letter-spacing:-1px; } #mine_list_left, #mine_list_right { width:264px; height:330px; } #mine_list_left select, #mine_list_right select { border:1px solid #d4d4d4; width:262px; height:308px; } #mine_list_right .sub_title { float:left; } #mine_list_right .added_cafe { float:right; color:#999; font:11px dotum, 돋움, sans-serif; letter-spacing:normal; } #mine_list_right #cur_num { font-weight:bold; } #mine_list_edit_btn, #mine_list_left, #mine_list_right { float:left; } #mine_list_edit_btn { margin:137px 21px; } #mine_list_edit_btn a { display:block; } #mine_list_edit_btn .btn_add img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_add_1.gif) no-repeat; width:44px; height:22px; margin-bottom:7px; } #mine_list_edit_btn .btn_del img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_del_1.gif) no-repeat; width:44px; height:22px; } #mine_sort_btn { text-align:right; margin-top:6px; } #mine_sort_btn a img { width:17px; height:17px; _height:18px; margin-left:3px; } #mine_sort_btn .btn_top img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_up_2.gif) no-repeat; } #mine_sort_btn .btn_up img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_up_1.gif) no-repeat; } #mine_sort_btn .btn_down img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_down_1.gif) no-repeat; } #mine_sort_btn .btn_bottom img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/make/bt_down_2.gif) no-repeat; } #cafe_btn { clear:both; text-align:center; } #cafe_btn a img { width:41px; height:23px; _height:24px; } #cafe_btn .btn_confirm img { background:url(http://i1.daumcdn.net/cafeimg/top7/bt_p_ok.gif) no-repeat; } #cafe_btn .btn_cancel img { background:url(http://i1.daumcdn.net/cafeimg/top7/bt_p_cancell.gif) no-repeat; } /* 카페 랭킹 상단 박스 */ .cafeRankBox { padding:3px 2px 0 9px; width:626px; height:153px; overflow:hidden; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/bg_rankbox.gif) no-repeat; } .cafeRankBox ul { height:47px; } .cafeRankBox ul li { float:left; width:104px; height:47px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/rank_line.gif) 0 50% no-repeat; text-align:center; } .cafeRankBox ul li.firstchild { background-image:none; } .cafeRankBox.human ul li.human, .cafeRankBox.plant ul li.plant, .cafeRankBox.animal ul li.animal, .cafeRankBox.food ul li.food, .cafeRankBox.communication ul li.communication, .cafeRankBox.medal ul li.medal { width:106px; height:47px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/tab_rankbg_on.gif) 0 0 no-repeat; } .cafeRankBox ul li a { display:block; margin:0 auto; width:100%; height:20px; font-size:11px; padding:27px 0 0; color:#acacac; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/tab_rank_off.gif); background-position:0 11px; background-repeat:no-repeat; } .cafeRankBox ul li a:link, .cafeRankBox ul li a:visited, .cafeRankBox ul li a:active { font-size:11px; color:#acacac; } .cafeRankBox ul li.plant a { background-position:-104px 11px; } .cafeRankBox ul li.animal a { background-position:-208px 11px; } .cafeRankBox ul li.food a { background-position:-312px 11px; } .cafeRankBox ul li.communication a { background-position:-416px 11px; } .cafeRankBox ul li.medal a { background-position:-520px 11px; } .cafeRankBox.human ul li.human a, .cafeRankBox.plant ul li.plant a, .cafeRankBox.animal ul li.animal a, .cafeRankBox.food ul li.food a, .cafeRankBox.communication ul li.communication a, .cafeRankBox.medal ul li.medal a { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/tab_rank_on.gif); } .cafeRankBox.plant ul li.plant a { background-position:-106px 11px; } .cafeRankBox.animal ul li.animal a { background-position:-212px 11px; } .cafeRankBox.food ul li.food a { background-position:-318px 11px; } .cafeRankBox.communication ul li.communication a { background-position:-424px 11px; } .cafeRankBox.medal ul li.medal a { background-position:-530px 11px; } .cafeRankBox .desc { background-position:22px 22px; background-repeat:no-repeat; clear:both; } .cafeRankBox .desc p { line-height:17px; padding:53px 0 0 21px; } .cafeRankBox.human .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_1.gif) } .cafeRankBox.plant .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_2.gif) } .cafeRankBox.animal .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_3.gif) } .cafeRankBox.food .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_4.gif) } .cafeRankBox.communication .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_5.gif) } .cafeRankBox.medal .desc { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/rank/img_rank_6.gif) } /* 카페 랭킹 TOP100 */ .cafeRank .gap { clear:both; height:30px; background-color:#fff; } #cafeRankList { float:left; width:491px; margin:0 0 40px 0; overflow:hidden; } #cafeRankList .tit, #cafeCateList .navi { height:18px; font-size:11px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_cafedot.gif) 0 3px no-repeat; padding-left:8px; margin-left:2px; font-size:11px; color:#444; letter-spacing:-1px; border-bottom:2px solid #d5d5d5; } /* bbs list */ #cafe_bbs table { clear:both; width:100%; border-collapse:collapse; } #cafe_bbs caption { display:none; } #cafe_bbs th { padding:9px 0 8px 0; border-bottom:1px solid #e7e7e7; font:11px 돋움, dotum, sans-serif; letter-spacing:-1px; color:#666; } #cafe_bbs td { padding:0; line-height:1.4; border-bottom:1px solid #f1f1f1; vertical-align:top; } #cafe_bbs td.caferank { text-align:center; padding-top:11px; } #cafe_bbs td.cafename { text-align:left; padding:9px 0 9px 0; color:#666; } #cafe_bbs .cafeinfo, #cafe_bbs a.cafeinfo { color:#999; padding-top:3px; } #cafe_bbs td.member { font:11px tahoma; color:#666; padding-top:9px; text-align:center; letter-spacing:normal; } #cafe_bbs td.score { padding:10px 6px 0 0; font:11px 돋움, dotum, sans-serif; color:#666; letter-spacing:-1px; text-align:right; } #cafe_bbs td.score span { display:block; letter-spacing:0; padding:7px 0 0 2px; color:#999; } #cafe_bbs td.score em { font:11px tahoma; padding:0 1px 0 5px; letter-spacing:normal; } #cafe_bbs #caferank { width:34px; } #cafe_bbs #score { width:63px; } #cafe_bbs #member { width:70px; } /* 베스트 추천 카페 */ #subBestCafe { float:left; width:95px; height:860px; margin:0 0 0 25px; padding:0 13px; background:url(http://i1.daumcdn.net/cafeimg/top7/bg_rmenutop.gif) 0 0 no-repeat; } #subBestCafe h4 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_bestcafe.gif) 2px 0 no-repeat; height:18px; text-indent:-5000px; border-bottom:2px solid #888b97; } #subBestCafe li { padding:11px 0; border-bottom:1px solid #e7e7e7; } #subBestCafe li img { width:95px; height:110px; } #subBestCafe li a { font-size:11px; line-height:15px; } #subBestCafe li .cafetitle { margin:9px 0 4px; } #subBestCafe li .cafetitle a { font-weight:bold; letter-spacing:-1px; } #subBestCafe li .posttitle a { color:#999; letter-spacing:-1px; } #subBestCafe li .posttitle { height:29px; overflow:hidden; } /* 카페 카테고리 상단 박스 */ #cafeCateBox { position:relative; float:left; width:637px; padding-top:11px; letter-spacing:-1px; overflow:hidden; background:#fff url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/img_cafe_box2.gif) 0 bottom no-repeat; } #cafeCateBox .c1 { width:590px; border-bottom:1px solid #f1f1f1; margin-left:21px; padding:9px 0 0; } #cafeCateBox .cName { height:23px; } #cafeCateBox .cTit { position:relative; height:14px; float:left; } #cafeCateBox .cTit span { position:relative; float:left; display:block; width:120px; height:13px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/title_c_category.gif) no-repeat; text-indent:-2000px; margin-left:5px; } #cafeCateBox .cTit .t1 { background-position:0 0; } #cafeCateBox .cTit .t2 { background-position:-150px 0; } #cafeCateBox .cTit .t3 { background-position:-300px 0; } #cafeCateBox .cTit .t4 { background-position:-450px 0; } #cafeCateBox .cTit .bt_more, #cafeCateBox .cTit .bt_close { position:relative; float:left; display:block; width:14px; height:14px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bt_cafe_plus.gif) no-repeat; } #cafeCateBox .cTit .bt_close { background-position:0 -14px; } #cafeCateBox .cList { float:left; margin-left:15px; padding-top:1px; } #cafeCateBox .cList li { float:left; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/blog/world/line_w_div.gif) 0 50% no-repeat; padding:0 8px; } #cafeCateBox .cList li.firstchild { background:none; padding-left:0; } #cafeCateBox .cList a.selected { color:#4dc5e4; font-weight:bold; text-decoration:underline; letter-spacing:-1px; } /* 카테고리 서브 리스트 박스 */ #cafeCateBox .sBox { clear:both; width:419px; overflow:hidden; margin:0 0 10px 155px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/img_cafe_box1.gif) -419px 0 repeat-y; } #cafeCateBox .sBox .bg_t, #cafeCateBox .sBox .bg_b { height:5px; font-size:0; overflow:hidden; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/img_cafe_box1.gif) 0 0 no-repeat; } #cafeCateBox .sBox .bg_b { clear:both; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/img_cafe_box1.gif) -838px 0 no-repeat; } #cafeCateBox .cate_hilight { position:relative; float:left; width:419px; } #cafeCateBox .cate_hilight ul { float:left; width:390px; margin:12px 0 1px 20px; } #cafeCateBox .cate_hilight li { float:left; width:95px; height:21px; } #cafeCateBox .cate_hilight a.selected { color:#444; font-weight:bold; letter-spacing:-1px; } /* 카페 카테고리 1열 통합 페이지 */ div.cafeCategory { padding-left:30px !important; width:672px !important; } #wrap_sub_content .cafeCategoryTitle h3 { padding:15px 0 10px 9px; margin:0 5px; border-bottom:2px solid #666; } #cafeCategorySubTitle span { padding-right:3px; } #cate_mid_panel { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/img_box_catop.gif) no-repeat; height:190px; padding-left:26px; margin-bottom:28px; } #cate_mid_panel .leftPanel { margin-right:36px; } .cateLeftList { padding:15px 0 5px 16px; border-top:1px solid #ebebeb; } .cateLeftTop { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bg_ca_1.gif) no-repeat; border:none; } .cateLeftList h4 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/tit_category.gif) no-repeat; width:89px; height:13px; text-indent:-1000em; overflow:hidden; margin-bottom:14px; } .cateLeftList .title1 { background-position:0 0; } .cateLeftList .title2 { background-position:0 -25px; } .cateLeftList .title3 { background-position:0 -50px; } .cateLeftList .title4 { background-position:0 -75px; } .cateLeftList ul { margin-left:2px; } .cateLeftList ul li { margin-bottom:7px; } .cateLeftList ul li a.selected { color:#61c0da; font-weight:bold; letter-spacing:-1px; } .cateLeftList ul li span { color:#999; font-size:11px; } .cateLeftList ul li ul { margin:11px 0 11px 4px; display:none; } .cateLeftList ul li ul li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bl_ca_1.gif) no-repeat 0 4px; padding-left:8px; } .cateLeftList ul li ul li a.selected { color:#444; letter-spacing:-1px; } .cateLeftList #cafeSupSmallBanner { display:block; width:152px; margin:18px 0 10px 0; } .middleSection { float:left; position:relative; letter-spacing:-1px; margin-top:15px; } .middleSection h5 { width:38px; height:54px; position:absolute; left:0; top:0; text-indent:-1000em; overflow:hidden; } .middleSection .type1 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bl_ca_excellent.png) no-repeat 0 0; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/category/bl_ca_excellent.png', sizingMethod='crop'); } .middleSection .type2 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/category/bl_ca_recom.png) no-repeat 0 0; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/category/bl_ca_recom.png', sizingMethod='crop'); } .middleSection img { float:left; margin:5px 15px 0 9px; } .middleSection dl { float:left; width:165px; margin-top:15px; } .middleSection dt { margin-bottom:11px; } .middleSection dt a, .middleSection dt a:hover { font-weight:bold; } .middleSection dd a, .middleSection dd a:hover { display:block; height:32px; line-height:16px; } .middleSection dd div { margin-top:11px; font-size:11px; } .middleSection dd div .number { color:#444; font:bold 11px tahoma, sans-serif; letter-spacing:0; } .middleSection dd div .bar { padding:0 10px 0 11px; color:#cecece; } #cafeRankListWide { float:left; width:672px; margin:0 0 15px; overflow:hidden; } #cafeRankListWide .tit, #cafeCateListWide .navi { border-bottom:2px solid #d5d5d5; height:26px; } #cafeRankListWide .tit div { margin-top:5px; } #cafeRankListWide h5 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_cafedot.gif) no-repeat 0 50%; padding-left:10px; display:inline; font-weight:bold; letter-spacing:-1px; } #cafeRankListWide .bar { color:#e4e4e4; padding:0 8px; } #cafeRankListWide .new {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/ico_n_v1.gif) 4px 1px no-repeat;padding-left:17px;} #cafeRankListWide .tit ul { float:right; padding-right:10px; letter-spacing:-1px; } #cafeRankListWide .tit li { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat 0 -119px; margin-left:11px; padding-left:11px; } #cafeRankListWide .tit li a { color:#323232; } #cafeRankListWide .tit li a.selected { color:#61c0da; font-weight:bold; } #cafeRankListWide .tit li.first_list { background:none; margin:0; padding:0; } #cafeRankListWide .tit div.fr { font-size:11px; padding-right:10px; } #cafeRankListWide .tit span.number { font-weight:bold; } #cafe_bbs_wide table { clear:both; width:100%; border-collapse:collapse; table-layout:fixed; } #cafe_bbs_wide caption { display:none; } #cafe_bbs_wide th, #cafe_bbs_wide td { vertical-align:middle; } #cafe_bbs_wide th, #cafe_bbs_wide th div { font:11px 돋움, dotum, sans-serif; letter-spacing:-1px; color:#666; text-align:right; } #cafe_bbs_wide th { height:30px; border-bottom:1px solid #e7e7e7; } #cafe_bbs_wide td { padding:0 5px 0 0; border-bottom:1px solid #eaeaea; text-align:right; } #cafe_bbs_wide td.caferank { padding-left:8px; text-align:left; } #cafe_bbs_wide td.cafename { text-align:left; padding:12px 0 9px 0; } #cafe_bbs_wide td.cafename a { letter-spacing:-1px; } #cafe_bbs_wide .cafeinfo { display:block; color:#999; padding-top:6px; } #cafe_bbs_wide td.score, #cafe_bbs_wide td.ranking, #cafe_bbs_wide td.member { font:11px tahoma, sans-serif; } #cafe_bbs_wide td.ranking img { margin-left:4px; vertical-align:middle; } #cafe_bbs_wide td.member { padding-right:23px; } #cafe_bbs_wide col.caferank { width:45px; } #cafe_bbs_wide col.score { width:65px; } #cafe_bbs_wide col.ranking { width:53px; } #cafe_bbs_wide col.member { width:82px; } #cafe_bbs_wide th.cafename { text-align:center; } #cafe_bbs_wide th.score div { padding-right:12px; } #cafe_bbs_wide th.ranking div { padding-right:12px; } #cafe_bbs_wide th.member div { padding-right:28px; } /* 카페 목록 */ .cafeCate .gap { clear:both; height:30px; background-color:#fff; } #cafeCateList { float:left; width:491px; overflow:hidden; margin:0 0 40px 0; } #cafeCateList .navi a { font-size:11px; color:#444; } #cafeCateList .navi .cnt { position:absolute; top:10px; right:5px; } #numCafes { margin-right:5px; font-size:11px; float:right; letter-spacing:0; } /* bbs list */ #cafe_bbs table { clear:both; width:100%; border-collapse:collapse; } #cafe_bbs caption { display:none; } #cafe_bbs th { padding:9px 0 8px 0; border-bottom:1px solid #e7e7e7; font:11px 돋움, dotum, sans-serif; letter-spacing:-1px; color:#666; } #cafe_bbs td { padding:0; line-height:1.4; border-bottom:1px solid #f1f1f1; vertical-align:top; } #cafe_bbs td.caferank { text-align:center; padding-top:11px; } #cafe_bbs td.cafename { text-align:left; padding:9px 0 9px 0; color:#666; } #cafe_bbs .cafeinfo { display:block; color:#999; padding-top:3px; } #cafe_bbs td.member { font:11px tahoma; color:#666; padding-top:9px; text-align:center; letter-spacing:normal; } #cafe_bbs td.score { padding-top:10px; font:11px 돋움, dotum, sans-serif; color:#666; letter-spacing:-1px; } #cafe_bbs td.score span { letter-spacing:0; padding-left:2px; } #cafe_bbs td.score em { font:11px tahoma; padding:0 1px 0 5px; letter-spacing:normal; } #cafe_bbs #caferank { width:34px; } #cafe_bbs #score { width:63px; } #cafe_bbs #member { width:70px; } /* 페이징 */ .articlePaging { padding:15px 0 0; height:50px; text-align:center; clear:both; } .articlePaging img { margin:0 7px 0 6px; } .articlePaging a img { margin:0; } .articlePaging a, .articlePaging span { padding:0 4px; margin:0 7px 0 6px; font-weight:bold; color:#444; } .articlePaging a, .articlePaging a:link, .articlePaging a:hover, .articlePaging a:visited, .articlePaging a:active { font-weight:bold; color:#444; } .articlePaging .selected { color:#6173e8; text-decoration:underline; } .articlePaging a.selected, .articlePaging a:link.selected, .articlePaging a:visited.selected, .articlePaging a:hover.selected { color:#6173e8; text-decoration:underline; } .articlePaging .cur { float:right; margin:-3px 0 0; font-family:Tahoma, san-serif; font-size:11px; color:#666; letter-spacing:0; font-weight:normal; } .simplePaging { color:#d3d3d3; } .simplePaging a { font-weight:normal; color:#666; } .support_header { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/img_cafesupport.gif) 0 0 no-repeat; width:625px; height:49px; margin-top:25px; padding:100px 0 0 12px; } /*637x149*/ .support_links { margin:25px 0 0 11px; height:235px; padding-bottom:5px; border-bottom:1px solid #ececec; } .support_links li { float:left; } .support_links .support_tab { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/tab_cafesupport.gif) 0 0 no-repeat; width:626px; height:33px; } .support_links .support_tab.pr { background-position:0 -33px; } .support_links .support_tab a { display:block; width:105px; height:33px; text-indent:-5000em; overflow:hidden; } .support_links .support_content { margin-top:22px; } .support_links .support_content li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/ln_cafes_celn.gif) 0 50% no-repeat; } .support_links .support_content li.n1 { background:none; } .support_links .support_content li.n2 { margin-left:5px; padding-left:7px; } .support_links .support_content li.n3 { margin-left:6px; padding-left:8px; } #support_CafeList_wrapper { clear:both; margin-top:37px; } #support_CafeList_wrapper h4 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/ico_cafes_dot.gif) 0 50% no-repeat; padding-left:8px; margin-left:11px; } #support_CafeList_wrapper .tagline { margin:8px 0 0 19px; height:22px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/text_cafehongbo.gif) 0 7px no-repeat; padding-left:279px; } #apply_support_cafelist { margin-top:9px; border-top:2px solid #d5d5d5; padding-top:2px; } #apply_support_cafelist li { height:65px; padding:15px 25px 15px 20px; border-bottom:1px solid #f1f1f1; } #apply_support_cafelist li img { width:65px; height:65px; float:left; margin-right:19px; } #apply_support_cafelist li h5 { float:left; margin-top:5px; } #apply_support_cafelist li h5 a { font-weight:bold; } #apply_support_cafelist li .numMembers { float:left; color:#999; font-family:Verdana, sans-serif; font-size:11px; letter-spacing:0; margin:4px 0 0 9px; } #apply_support_cafelist li .numMembers strong { color:#6470fa; } #apply_support_cafelist li .controls { float:right; } #apply_support_cafelist li .controls a { color:#434343; font-size:11px; } #apply_support_cafelist li .controls a.last { padding-left:8px; margin-left:8px; background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_2.gif) 0 50% no-repeat; } #apply_support_cafelist li .listItemHeader { height:28px; } #apply_support_cafelist li p { line-height:18px; width:508px; height:36px; overflow:hidden; color:#999; } #apply_support_cafelist.master li p { width:487px; } #apply_support_cafelist.master input.checkbox { float:left; margin-top:20px; } #apply_support_cafelist .emptyList { padding:37px 0; text-align:center; border-bottom:1px solid #f1f1f1; margin-bottom:15px; } #support_CafeList_wrapper .search_controls { text-align:center; padding:0 0 41px 0; } #support_CafeList_wrapper .search_controls * { vertical-align:middle; } #support_CafeList_wrapper .search_controls select { height:21px; } #support_CafeList_wrapper .search_controls input { width:140px; height:17px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin:0 4px 0 5px; } #supporters_searchtype { height:19px; } #query { width:140px; height:19px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } #btnShowAll { font-weight:bold; padding:0 7px 0 9px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/supporters/ico_cafes_arrowr.gif) 100% 50% no-repeat; line-height:21px; height:21px; } /* 클린 카페 */ #cSubWrap .cleanCafe {width:677px;} .cleanCafe .cleanBox, .cleanCafe .cleanProcess, .cleanCafe .cleanOrgan { width:656px; margin-left:11px; margin-bottom:50px; } .cleanCafe .wrap_img { position:relative; } .cleanCafe .wrap_img a { position:absolute; top:115px; display:block; text-indent:-1000em; height:29px; overflow:hidden; } .cleanCafe .wrap_img a.link_notice { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/bt_inform.gif) no-repeat; width:154px; left:138px; } .cleanCafe .wrap_img a.link_faq { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/bt_faq.gif) no-repeat; width:99px; left:299px; } .cleanCafe ul#cleanTab { margin-left:11px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/tab_clean_v2.gif); background-repeat:no-repeat; width:656px; height:33px; } .cleanCafe ul.cleanCafe_1 { background-position:0 0; } .cleanCafe ul.cleanCafe_2 { background-position:0 -33px; } .cleanCafe ul.cleanCafe_3 { background-position:0 -66px; } .cleanCafe ul#cleanTab li { float:left; } .cleanCafe ul#cleanTab li a { display:block; text-indent:-1000em; height:33px; overflow:hidden; } .cleanCafe ul#cleanTab li.tab_1 a { width:148px; } .cleanCafe ul#cleanTab li.tab_2 a { width:115px; } .cleanCafe ul#cleanTab li.tab_3 a { width:116px; } .cleanCafe h4.title { margin:30px 0 18px; } .cleanCafe h4.first_title { margin:35px 0 18px; } .cleanCafe ul.contents { margin:20px 0 0 3px; } .cleanCafe ul.contents li { height:20px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/ico_dot_2.gif) no-repeat 0 4px; padding-left:6px; } .cleanProcess { margin-left:13px; } .cleanProcess .sub_tit { margin-bottom:11px; font-weight:bold; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/ico_dot.gif) no-repeat 0 4px; padding-left:9px; margin-left:8px; } .cleanProcess .sub_tit a { font-weight:bold; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/bt_arrow.gif); background-repeat:no-repeat; padding-right:12px; } .cleanProcess .arrow_expand { letter-spacing:-1px; background-position:right 3px; } .cleanProcess .arrow_collapse { letter-spacing:-1px; background-position:right -22px; } .cleanProcess dl { margin:0 0 22px 20px; } .cleanProcess dl dt { font-weight:bold; padding-bottom:5px; } .cleanProcess dl dd, .cleanProcess li { line-height:1.5; } .cleanProcess ul { padding:0 0 0 30px; } .cleanProcess li { list-style-type:disc; } .cleanProcess .wrap_rel_content { background-color:#fbfbfb; border-top:1px solid #f3f3f4; padding:10px 15px 12px; margin-bottom:10px; } .cleanProcess .wrap_rel_content .tit_rel_content { font-weight:bold; margin:10px 0 15px; } .cleanProcess .wrap_rel_content p.first { margin-top:0; } .cleanProcess .wrap_rel_content dl { margin:0; } .cleanProcess .wrap_rel_content dl dt { padding:5px 0 7px; font-weight:normal; } .cleanProcess .wrap_rel_content dl dt.first { padding-top:0; } .cleanOrgan h4.title { margin-bottom:9px; } .cleanOrgan .txt_info { margin:35px 0 0 13px; line-height:1.6; } .cleanOrgan table { table-layout:fixed; width:100%; } .cleanOrgan table th { width:230px; padding:14px 0 13px; text-align:left; } .cleanOrgan table th, .cleanCafe table td { border-bottom:1px solid #f1f1f1; line-height:1.6; padding:14px 0 13px 0; } .cleanOrgan table th.first, .cleanCafe table td.first { border-top:2px solid #d5d5d5; } .cleanOrgan table td { color:#666; } .cleanOrgan .moreInfo { width:640px; height:86px; background-color:#fbfbfb; border-top:1px solid #f3f3f4; padding:20px 0 0 16px; margin-top:26px; } .cleanOrgan .moreInfo li { height:24px; } .cleanOrgan .moreInfo li img { margin-right:4px; } .cleanOrgan .moreInfo li a, .cleanOrgan .moreInfo li a:link, .cleanOrgan .moreInfo li a:visited, .cleanOrgan .moreInfo li a:active, .cleanOrgan .moreInfo li a:hover { font:11px dotum, 돋움, sans-serif; letter-spacing:-1px; color:#666; } .cleanOrgan .moreInfo li a.vBar { background:url(http://i1.daumcdn.net/cafeimg/top7/line_div_1.gif) no-repeat; padding-left:9px; margin-left:4px; } .cleanCafe .arrow_r { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/clean/ico_arrow.gif) no-repeat right 3px; padding-right:10px; margin-left:5px; letter-spacing:-1px; } .cleanCafe .arrow_r:link, .cleanCafe .arrow_r:active, .cleanCafe .arrow_r:visited, .cleanCafe .arrow_r:hover { font-weight:bold; text-decoration:underline; } /* 내글백업 */ .cafebackup fieldset { margin:0; padding:0; border:0; } .cafebackup .hidden { display:none; } #cafebackup-desc { margin-top:36px; padding-left:14px; } #cafebackup-desc p { color:#666; margin-bottom:11px; line-height:16px; } #cafebackup-desc p a { padding-right:9px; color:#444; letter-spacing:-1px; font-weight:bold; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_arrow.gif) 100% 50% no-repeat; } #cafebackup-contents { padding-left:11px; margin-top:33px; width:626px; } #cafebackup-tab { height:33px; width:626px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/tab.gif) 0 0 no-repeat; } #cafebackup-tab li { float:left; height:33px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/tab.gif) 0 0 no-repeat; } #cafebackup-tab li a, #cafebackup-tab li span { display:block; height:33px; text-indent:-9999em; overflow:hidden; } #cafebackup-tab li#cafebackup-tab-apply { width:93px; background-position:0 -33px; } #cafebackup-tab li#cafebackup-tab-verify { width:92px; background-position:93px 0; } #cafebackup-tab li#cafebackup-tab-apply.selected { width:93px; background-position:0 0; } #cafebackup-tab li#cafebackup-tab-verify.selected { width:92px; background-position:-93px -33px; } #cafebackup-apply fieldset { padding:26px 0 30px 12px; } #cafebackup-apply dl { margin-bottom:26px; } #cafebackup-apply dt { width:113px; float:left; display:inline; font-weight:bold; text-indent:9px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet.gif) 0 5px no-repeat; } #cafebackup-apply dd { margin-left:113px; } #cafebackup-apply .current_cafe { text-indent:11px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_depth.gif) 0 2px no-repeat; } #cafebackup-apply ul.subcafe { margin-top:7px; padding:7px 0 4px 11px; border-top:1px solid #f1f3f5; background-color:#fafbfc; } #cafebackup-apply ul.subcafe li { padding-bottom:3px; } #cafebackup-apply ul.subcafe li input, #cafebackup-apply ul.subcafe li label { vertical-align:middle; } #cafebackup-apply ul.desc { margin-top:23px; padding-top:10px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_dots.gif) 0 0 repeat-x; } #cafebackup-apply ul.desc li { color:#999; font-size:11px; line-height:18px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet2.gif) 0 50% no-repeat; text-indent:9px; } #cafebackup-apply p.button { margin-top:25px; padding-top:16px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_bottom.gif) 0 0 repeat-x; } #cafebackup-apply p.button a { display:block; width:101px; height:28px; margin:0 auto; text-indent:-9999em; overflow:hidden; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_backup.gif) 0 0 no-repeat; } #cafebackup-verify { padding-top:30px; } #cafebackup-verify .tb_wrap { width:626px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_bottom.gif) 0 100% no-repeat; padding-bottom:2px; } #cafebackup-verify table { table-layout:fixed; width:626px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/table_tbg.gif) 0 0 no-repeat; } #cafebackup-verify table table { background-image:none; } #cafebackup-verify table td { font-size:11px; background:none; } #cafebackup-verify table th { font-size:11px; background:none; color:#666; letter-spacing:-1px; height:27px; } #cafebackup-verify table tr.cm td { padding-top:6px; padding-bottom:6px; border-top:1px solid #f1f1f1; height:20px; } #cafebackup-verify table tr.cs td { padding-top:3px; padding-bottom:3px; } #cafebackup-verify table tr.cs_first td { padding-top:6px !important; } #cafebackup-verify table tr.cs_last td { padding-bottom:6px !important; } #cafebackup-verify table tr.cs_group td.cs_group_td { background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_dots2.gif) 0 0 no-repeat; } #cafebackup-verify table tr.first td { border-top:none; } #cafebackup-verify table tr.last td { border-bottom:none; } #cafebackup-verify table td a { font-size:11px; } #cafebackup-verify table th.cv_name { width:383px; } #cafebackup-verify table td.cv_name { padding-left:19px; width:364px; font-size:12px; } #cafebackup-verify table tr.cs td.cv_name { padding-left:30px; width:353px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_depth.gif) 19px 10px no-repeat; } #cafebackup-verify table td.cv_sche, #cafebackup-verify table th.cv_sche { width:93px; text-align:center; } #cafebackup-verify table td.cv_sche .checking { color:#ff5d38; } #cafebackup-verify table th.cv_down { width:150px; } #cafebackup-verify table td.cv_dlnk { width:90px; padding-right:7px; } #cafebackup-verify table td.cv_dlnk p { color:#999; font-size:11px; text-align:right; } #cafebackup-verify table tr.st_pr td.cv_dlnk { font-size:12px; } #cafebackup-verify table tr.st_mn td.cv_dlnk { width:85px; padding-right:12px; } #cafebackup-verify table td.cv_drem { width:53px; color:#999; letter-spacing:-1px; } #cafebackup-verify table td.cv_name img { vertical-align:middle; margin-left:5px; } #cafebackup-verify table tr.st_go td.cv_sche, #cafebackup-verify table tr.st_dc td.cv_sche, #cafebackup-verify table tr.st_dd td.cv_sche { color:#b5b5b5; } #cafebackup-verify table tr.st_pr td.cv_sche { color:#444; } #cafebackup-verify table tr.st_mn td.cv_sche { color:#ff5d38; } #cafebackup-verify table td.cv_drem strong { color:#727dff; } #cafebackup-verify table tr.st_pr td.cv_dlnk { text-align:right; } #cafebackup-verify table td.cv_dlnk a, #cafebackup-verify table td.cv_dlnk span { text-indent:-9999em; overflow:hidden; display:block; margin:0 0 0 auto; width:61px; height:20px; background:transparent none 0 50% no-repeat; } #cafebackup-verify table td.cv_dlnk a.down { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_download.gif); } #cafebackup-verify table td.cv_dlnk span { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_download2.gif); } #cafebackup-verify table td.cv_dlnk a.inquiry { width:53px; margin-right:5px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_ask.gif); } #cafebackup-verify .articlePaging { padding-top:17px; height:39px; } #cafebackup-verify ul.desc li { color:#999; font-size:11px; line-height:18px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet2.gif) 0 50% no-repeat; text-indent:9px; } #cafebackup-verify p.status_msg { line-height:100px; text-align:center; color:#999; } #cafebackup-apply fieldset { padding:26px 0 30px 12px; } #cafebackup-apply dl { margin-bottom:26px; } #cafebackup-apply dt { width:113px; float:left; display:inline; font-weight:bold; text-indent:9px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet.gif) 0 5px no-repeat; } #cafebackup-apply dd { margin-left:113px; } #cafebackup-apply .current_cafe { text-indent:11px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_depth.gif) 0 2px no-repeat; } #cafebackup-apply ul.subcafe { margin-top:7px; padding:7px 0 4px 11px; border-top:1px solid #f1f3f5; background-color:#fafbfc; } #cafebackup-apply ul.subcafe li { padding-bottom:3px; } #cafebackup-apply ul.subcafe li input, #cafebackup-apply ul.subcafe li label { vertical-align:middle; } #cafebackup-apply ul.desc { margin-top:23px; padding-top:10px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_dots.gif) 0 0 repeat-x; } #cafebackup-apply ul.desc li { color:#999; font-size:11px; line-height:18px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet2.gif) 0 50% no-repeat; text-indent:9px; } #cafebackup-apply p.button { margin-top:25px; padding-top:16px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_bottom.gif) 0 0 repeat-x; } #cafebackup-apply p.button a { display:block; width:101px; height:28px; margin:0 auto; text-indent:-9999em; overflow:hidden; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_backup.gif) 0 0 no-repeat; } #cafebackup-verify { padding-top:30px; } #cafebackup-verify .tb_wrap { width:626px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_bottom.gif) 0 100% no-repeat; padding-bottom:2px; } #cafebackup-verify table { table-layout:fixed; width:626px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/table_tbg.gif) 0 0 no-repeat; } #cafebackup-verify table table { background-image:none; } #cafebackup-verify table td { font-size:11px; background:none; } #cafebackup-verify table th { font-size:11px; background:none; color:#666; letter-spacing:-1px; height:27px; } #cafebackup-verify table tr.cm td { padding-top:6px; padding-bottom:6px; border-top:1px solid #f1f1f1; height:20px; } #cafebackup-verify table tr.cs td { padding-top:3px; padding-bottom:3px; } #cafebackup-verify table tr.cs_first td { padding-top:6px !important; } #cafebackup-verify table tr.cs_last td { padding-bottom:6px !important; } #cafebackup-verify table tr.cs_group td.cs_group_td { background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_dots2.gif) 0 0 no-repeat; } #cafebackup-verify table tr.first td { border-top:none; } #cafebackup-verify table tr.last td { border-bottom:none; } #cafebackup-verify table td a { font-size:11px; } #cafebackup-verify table th.cv_name { width:383px; } #cafebackup-verify table td.cv_name { padding-left:19px; width:364px; font-size:12px; } #cafebackup-verify table tr.cs td.cv_name { padding-left:30px; width:353px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_depth.gif) 19px 10px no-repeat; } #cafebackup-verify table td.cv_sche, #cafebackup-verify table th.cv_sche { width:93px; text-align:center; } #cafebackup-verify table td.cv_sche .checking { color:#ff5d38; } #cafebackup-verify table th.cv_down { width:150px; } #cafebackup-verify table td.cv_dlnk { width:90px; padding-right:7px; } #cafebackup-verify table td.cv_dlnk p { color:#999; font-size:11px; text-align:right; } #cafebackup-verify table tr.st_pr td.cv_dlnk { font-size:12px; } #cafebackup-verify table tr.st_mn td.cv_dlnk { width:85px; padding-right:12px; } #cafebackup-verify table td.cv_drem { width:53px; color:#999; letter-spacing:-1px; } #cafebackup-verify table td.cv_name img { vertical-align:middle; margin-left:5px; } #cafebackup-verify table tr.st_go td.cv_sche, #cafebackup-verify table tr.st_dc td.cv_sche, #cafebackup-verify table tr.st_dd td.cv_sche { color:#b5b5b5; } #cafebackup-verify table tr.st_pr td.cv_sche { color:#444; } #cafebackup-verify table tr.st_mn td.cv_sche { color:#ff5d38; } #cafebackup-verify table td.cv_drem strong { color:#727dff; } #cafebackup-verify table tr.st_pr td.cv_dlnk { text-align:right; } #cafebackup-verify table td.cv_dlnk a, #cafebackup-verify table td.cv_dlnk span { text-indent:-9999em; overflow:hidden; display:block; margin:0 0 0 auto; width:61px; height:20px; background:transparent none 0 50% no-repeat; } #cafebackup-verify table td.cv_dlnk a.down { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_download.gif); } #cafebackup-verify table td.cv_dlnk span { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_download2.gif); } #cafebackup-verify table td.cv_dlnk a.inquiry { width:53px; margin-right:5px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/btn_ask.gif); } #cafebackup-verify .articlePaging { padding-top:17px; height:39px; } #cafebackup-verify ul.desc { } #cafebackup-verify ul.desc li { color:#999; font-size:11px; line-height:18px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet2.gif) 0 50% no-repeat; text-indent:9px; } #cafebackup-verify p.status_msg { line-height:100px; text-align:center; color:#999; } /* 뮤직인기순위 */ .musicTrendList { padding:13px 11px 0 20px; _padding-top:15px; } .musicTrendList h3 { float:left; margin-bottom:12px; } .musicTrendList h3 a, .musicTrendList h3 a:link, .musicTrendList h3 a:visited, .musicTrendList h3 a:hover, .musicTrendList h3 a:active { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_music.gif) no-repeat 0 0; display:block; text-indent:-1000em; width:67px; height:21px; overflow:hidden; } .musicTrendList .more { float:right; margin-top:3px; } .musicTrendList li { height:22px; overflow:hidden; clear:both; } .musicTrendList li img { width:45px; height:45px; margin:2px 10px 0 0; float:left; } .musicTrendList li .rank { font-family:Verdana, sans-serif; font-weight:bold; font-size:10px; color:#ccc; margin-right:5px; } .musicTrendList li .artist { color:#999; } .musicTrendList li.firstchild .artist { margin-left:11px; } .musicTrendList li.firstchild .rank { margin-right:0; } .musicTrendList li.firstchild { height:60px; } .musicTrendList li.firstchild a, .musicTrendList li.firstchild a:link, .musicTrendList li.firstchild a:visited, .musicTrendList li.firstchild a:hover, .musicTrendList li.firstchild a:active { font-weight:bold; line-height:17px; } .musicTrendList li.firstchild a.artist, .musicTrendList li.firstchild a:link.artist, .musicTrendList li.firstchild a:visited.artist, .musicTrendList li.firstchild a:hover.artist, .musicTrendList li.firstchild a:active.artist { font-weight:normal; } .musicTrendList li.firstchild .rank { color:#000; } .musicTrendList .txt-list-bottom { font-size:11px; letter-spacing:-1px; color:#999; margin-top:15px; } /* 공지사항 */ #pagingNoticeList { height:90px; padding:15px 17px 0; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/bg_noti.gif) no-repeat 0 0; position:relative; } #pagingNoticeList h3 { overflow:hidden; float:left; } #pagingNoticeList h3 a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_noti.gif) no-repeat 0 0; display:block; text-indent:-1000em; width:42px; height:12px; margin-bottom:11px; } #pagingNoticeList ul { display:none; clear:both; height:60px; } #pagingNoticeList li { height:20px; } .notice1 #notice1, .notice2 #notice2 { display:block; } /*탑 3열중반 오늘의추천스킨 )2009-09-22)*/ .todaySkin { height:307px; padding:10px 0 7px 18px; } .todaySkin h3 { padding-bottom:10px; width:151px; float:left; } .todaySkin h3 a, .todaySkin h3 a:link, .todaySkin h3 a:visited, .todaySkin h3 a:hover, .todaySkin h3 a:active { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_todayskin.gif) no-repeat 0 0; display:block; overflow:hidden; text-indent:-1000em; width:81px; height:12px; } .todaySkin a.more { margin-top:2px; } .todaySkin a img { width:78px; height:86px; border:1px solid #ddd; } .todaySkin img.ribbon-new, .todaySkin img.ribbon-hot { width:34px; height:34px; position:absolute; top:1px; left:1px; border:none; } .todaySkin img.ribbon-new { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/icon_new.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/icon_new.png', sizingMethod='crop'); } .todaySkin img.ribbon-hot { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/icon_hot.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/icon_hot.png', sizingMethod='crop'); } .todaySkin li { position:relative; float:left; width:80px; height:126px; text-align:center; margin:16px 21px 0 0; } .todaySkin li.rowend { margin-right:0; } .todaySkin li a, .todaySkin li a:link, .todaySkin li a:visited, .todaySkin li a:hover, .todaySkin li a:active { font-size:11px; letter-spacing:-1px; } .todaySkin li .skinname { margin-top:6px; } .todaySkin li .skinname a, .todaySkin li .skinname a:link, .todaySkin li .skinname a:visited, .todaySkin li .skinname a:hover, .todaySkin li .skinname a:active { color:#666; } .todaySkin li .creator { padding-top:2px; height:12px; overflow:hidden; } .todaySkin li .creator a:link, .todaySkin li .creator a:visited, .todaySkin li .creator a:hover, .todaySkin li .creator a:active { color:#999; line-height:13px; } /*카페스킨섹션 -목록보기*/ #cSubWrapCol1 .recommsetList h3 { display:none; } .skinShowcase { height:258px; } .skinFocus { float:left; position:relative; } .skinFocus, #skinFocusFeature, #skinFocusFeature img { width:647px; height:258px; } #skinFocusTab { position:absolute; left:548px; top:224px; } #skinFocusTab li { float:left; margin:0 10px 0 0; cursor:pointer; } #skinFocusTab li img { width:16px; height:16px; } #skinFocusTab.tab1 li.num1 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_on.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_on.png', sizingMethod='crop'); } #skinFocusTab.tab1 li.num2 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_off.png', sizingMethod='crop'); } #skinFocusTab.tab1 li.num3 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_off.png', sizingMethod='crop'); } #skinFocusTab.tab2 li.num1 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_off.png', sizingMethod='crop'); } #skinFocusTab.tab2 li.num2 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_on.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_on.png', sizingMethod='crop'); } #skinFocusTab.tab2 li.num3 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_off.png', sizingMethod='crop'); } #skinFocusTab.tab3 li.num1 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page1_off.png', sizingMethod='crop'); } #skinFocusTab.tab3 li.num2 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_off.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page2_off.png', sizingMethod='crop'); } #skinFocusTab.tab3 li.num3 img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_on.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/ico_page3_on.png', sizingMethod='crop'); } .recomSkin { float:left; margin-left:7px; height:242px; padding:16px 14px 0; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_imgbox_1.gif) no-repeat; } .recomSkin h4 { width:73px; height:11px; overflow:hidden; text-indent:-5000em; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_tit_r1.gif) no-repeat; margin-bottom:17px; } .recomSkin .recomSkinTab { float:right; margin-top:-30px; } .recomSkin .recomSkinTab li { float:left; } .recomSkin .feature img { border:1px solid #d0d0d0; width:200px; height:94px; } .skinTab { clear:both; padding:32px 13px 2px 20px; height:23px; border-bottom:solid 2px #8d8d8d; } .skinTab h4 { background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/tit_meet.gif) no-repeat; width:190px; height:14px; text-indent:-9999em; } .skinTab a.theOtherLink { margin-top:-11px; float:right; background-position:0 0; background-repeat:no-repeat; width:113px; height:30px; display:block; overflow:hidden; text-indent:-5000em; } .skinTab a.goCafeSkin { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_cafego.gif); } /* 카페로 */ .skinTab a.goBlogSkin { background-image:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_bloggo.gif); } /* 블로그로 */ .skinTab p { float:right; width:229px; height:11px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_text_1.gif) no-repeat; text-indent:-5000em; overflow:hidden; } .skinTab li { float:left; overflow:hidden; padding:0 12px 0 13px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_div_1.gif) no-repeat 0 50%; } .skinTab li.skin-all { background:none; padding-left:0; } .skinTab li a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_skinlist3_2.gif) no-repeat; display:block; text-indent:-5000em; width:24px; height:14px; } .skinTab li.skin-all a { background-position:-100px 0; } /*전체*/ .skinTab li.skin-star a { background-position:-100px -25px; } /*스타*/ .skinTab li.skin-writer a { background-position:-100px -50px; } /*작가*/ .skinTab li.skin-nanum a { background-position:-100px -75px; width:50px; } /*나눔*/ .skinTab li.skin-cafe a { background-position:-100px -100px; width:36px; } /*디자인*/ .skinTab li.skin-entertainment a { background-position:-100px -125px; width:71px; } /*엔터테인먼트*/ .cat-A li.skin-all a { background-position:0 0; } .cat-S li.skin-star a { background-position:0 -25px; } .cat-W li.skin-writer a { background-position:0 -50px; } .cat-N li.skin-nanum a { background-position:0 -75px; } .cat-C li.skin-cafe a { background-position:0 -100px; } .cat-E li.skin-entertainment a { background-position:0 -125px; } .skinList { clear:both; padding:0 10px; } .skinList li { float:left; } .skinList p.desc { float:left; width:204px; height:11px; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/tit_makeskin.gif) no-repeat; text-indent:-5000em; overflow:hidden; margin:0 0 0 3px; display:inline; } .skinList p.nanum_desc { float:left; width:210px; height:11px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/noti.jpg) no-repeat; text-indent:-5000em; overflow:hidden; margin:0 0 0 3px; display:inline; } .sortOrder { margin:19px 2px 0 0; height:31px; } .sortOrder ul { float:right; } .sortOrder li a { width:39px; height:11px; display:block; overflow:hidden; text-indent:-5000em; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_array.gif) no-repeat; } .sortOrder li.popular { padding-left:10px; margin:0 2px 0 10px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_div_1.gif) no-repeat 0 50%; } .new li.newest a { background-position:0 0; } .new li.popular a { background-position:-50px -25px; } .hit li.newest a { background-position:-50px 0; } .hit li.popular a { background-position:0 -25px; } .skinGallery li { text-align:center; padding:0 16px 19px 0; margin-bottom:20px; height:292px; } .skinGallery li.rowend { padding-right:0; } .skinGallery li h5 { margin:8px 0 7px; } .skinGallery li h5 a, .skinGallery li h5 a:link, .skinGallery li h5 a:visited, .skinGallery li h5 a:hover, .skinGallery li h5 a:active { color:#333; font-size:12px; font-weight:bold; letter-spacing:-1px; } .skinGallery li p { font-size:11px; color:#999; letter-spacing:-1px; position:relative;} .skinGallery li strong { font-family:Tahoma, sans-serif; font-size:11px; color:#7dd2e4; letter-spacing:0; } .skinGallery li a img { width:202px; height:246px; border:1px solid #ebebeb; } .skinGallery li a .highlightborder { position:absolute; width:202px; height:246px; border:1px solid #ebebeb; } .skinGallery li a:hover .highlightborder { width:200px; height:244px; border:2px solid #bdbdbd; } .skinGallery li img.ribbon-new, .skinGallery li img.ribbon-hot { width:33px; height:33px; position:absolute; top:-1px; left:-1px; border:none; } .skinGallery li img.ribbon-new { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_new.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_new.png', sizingMethod='crop'); } .skinGallery li img.ribbon-hot { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_hot.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_hot.png', sizingMethod='crop'); } .skinGallery .emptyList { text-align:center; padding:80px 0; border-top:1px solid #f0f0f0; } .recommsetList .articlePaging { height:41px; border-top:1px solid #f0f0f0; padding-top:37px; } .skinGallery li img.ribbon-raise { position:absolute; top:-1px;left:-1px;border:none; width:72px; height:72px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/check_donation.png) no-repeat; _background:none; } * html .skinGallery li img.ribbon-raise { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/check_donation.png', sizingMethod='crop'); } /*카페스킨섹션 -상세보기*/ #cSubWrapCol1 .recommsetIntro { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bgbox_bottom2.gif?v=0.1) no-repeat 100% 100%; margin-bottom:20px; } #wrap_sub_content .skinDesc { width:708px; float:left; } #wrap_sub_content .skinDesc h3 { padding:12px 16px 9px 14px; margin-bottom:15px; } #wrap_sub_content .skinDesc h3 a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_title_2.gif?v=0.5) no-repeat; width:28px; height:15px; display:block; text-indent:-5000em; overflow:hidden; } #wrap_sub_content .skinDesc h3 a.cat-W { background-position:0 -25px; } /*작가*/ #wrap_sub_content .skinDesc h3 a.cat-N { background-position:0 -49px; width:55px; } /*희망나눔*/ #wrap_sub_content .skinDesc h3 a.cat-C { background-position:0 -75px; width:39px; } /*디자인*/ #wrap_sub_content .skinDesc h3 a.cat-E { background-position:0 -100px; width:79px; } /*엔터테인먼트*/ #wrap_sub_content .skinDesc h3 a.cat-R { background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/tit_blogskin.gif) no-repeat; width:54px; } /*추천스킨[for_blog]*/ .skinNavi { float:right; margin-top:-36px; } .skinNavi li { float:left; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_div_2.gif) no-repeat 0 1px; padding:0 6px 0 7px; } .skinNavi li.prev { background:none; padding-left:0; } .skinNavi li.next { padding-right:0; } .skinNavi li a, .skinNavi li a:link, .skinNavi li a:visited, .skinNavi li a:hover, .skinNavi li a:active { font-size:11px; letter-spacing:-1px; color:#888; } .skinNavi li.prev a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_arrow_2.gif) no-repeat 0 1px; padding-left:9px; } .skinNavi li.next a { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_arrow_2.gif) no-repeat 100% -24px; padding-right:10px; } .skinScrshot { width:377px; height:517px; padding:11px 14px 13px 12px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_imgbox_2.gif) no-repeat; float:left; } .skinScrshot img { width:377px; height:517px; } .skinScrshot img.ribbon-hot { width:45px; height:45px; position:absolute; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_bighot.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_bighot.png', sizingMethod='crop'); } .skinInfo { padding:24px 0 0; float:right; width:288px; height:516px;position:relative;} .skinInfo .skinInfoMain { width:218px; } .skinInfo h4 { font-weight:bold; font-size:16px; letter-spacing:-1px; color:#333; padding:0 7px 9px; } .skinInfo li { float:left; padding:0 9px 0; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_div_1.gif) no-repeat 0 1px; } .skinInfo li.firstchild { background:none; padding-left:0; } .skinInfo .skinCount li { color:#999; font-size:11px; letter-spacing:-1px; height:31px; background-position:0 2px; } .skinInfo .skinCount li.firstchild { padding-left:9px; } .skinInfo .skinCount li strong { font-family:Verdana, sans-serif; color:#7dd2e4; } .skinInfo .skinCount li .date, .skinCount li strong { letter-spacing:0; } .skinInfo .desc { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_dotline_1.gif) no-repeat 100% 0; padding:17px 18px 0 9px; line-height:17px; height:85px; overflow:hidden; } .skinInfo .controls { margin:17px 0 0 9px; } .skinInfo .controls img { height:32px; } .skinInfo .controls .updateCafe img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_cafeapply.gif) no-repeat; width:98px; } .skinInfo .controls .createCafe img { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_cafemake.gif) no-repeat; width:87px; margin-left:5px; } .skinInfo .controls .createBlog img { background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_makeblog.gif) no-repeat; width:97px; margin-left:5px; } .skinInfo a.numRecomm, .skinInfo a.numRecomm:link, .skinInfo a.numRecomm:visited, .skinInfo a.numRecomm:hover, .skinInfo a.numRecomm:active { float:left; display:block; width:50px; height:40px; padding-top:4px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_recommend.gif) no-repeat; text-align:center; text-decoration:none; } .skinInfo a.numRecomm strong { color:#7dd2e4; font-family:Tahoma; font-size:15px; } .skinInfo a.numRecomm strong.long { font-size:12px; } .skinInfo .desc { clear:both; } #cmtBoard { clear:both; border:none; } #starProfile { background-color:#fcfcfc; border:1px solid #eee; margin-top:51px; padding:8px 9px; height:238px; } #starProfile img.profileImg { width:60px; height:60px; border:1px solid #e2e2e2; float:left; } #starProfile h5 { font-weight:bold; color:#333; letter-spacing:-1px; padding:23px 0 6px 69px; } #starProfile .byline li { color:#444; padding:0 5px 0; } #starProfile .byline li.firstchild { padding-left:7px; } #starProfile dl { clear:both; padding:21px 4px 0; } #starProfile dt { font-size:11px; color:#999; letter-spacing:-1px; width:5em; float:left; padding-top:2px; } #starProfile dd { padding:0 0 8px 5em; line-height:17px; } #starProfile .hitsList li { background:none; padding:0 11px 0 0; } #starProfile .hitsList a, #starProfile .hitsList a:link, #starProfile .hitsList a:visited, #starProfile .hitsList a:hover, #starProfile .hitsList a:active { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bt_hear.gif) 100% 50% no-repeat; padding:3px 30px 3px 0; text-decoration:underline; } #nanumProfile { background-color:#fcfcfc; border:1px solid #eee; margin-top:51px; padding:7px 6px; position:absolute; bottom:0; width:274px;} #nanumProfile li { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/dot_subject.gif) no-repeat 0 5px; float:none; } #nanumProfile dl { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/price_table_bg.gif) no-repeat; height:41px; letter-spacing:-1px; } #nanumProfile dt, #nanumProfile dd { color:#666; font-weight:bold; } #nanumProfile dl dt { float:left; width:80px; padding:15px 0 0 17px; } #nanumProfile dl dd { float:right; margin:9px 8px 0 0; } #nanumProfile dl dd span { font:18px Arial; color:#232323; font-weight:bold; letter-spacing:0; margin-right:5px; } #nanumProfile div, #nanumProfile ul { margin:0 6px; } #nanumProfile .numbers { font-weight:bold; letter-spacing:0; } #nanumProfile .nanumInfo { height:44px; margin-top:23px; margin-bottom:7px; } #nanumProfile .nanumInfo li { letter-spacing:-1px; margin-bottom:9px; margin-left:5px; padding-left:6px; } #nanumProfile .nanumInfo li .infoTitle { margin-right:10px; } #nanumProfile .nanumInfo .numbers { margin:0 2px; } #nanumProfile .nanumProgress, #nanumProfile .nanumProgress p, #nanumProfile .nanumDesc li { font-size:11px; letter-spacing:-1px; } #nanumProfile .nanumProgress { height:50px; border-top: 1px solid #E2E2E2; padding-top: 14px;} #nanumProfile .nanumProgress p { float:left; margin-top:5px; overflow:hidden; } #nanumProfile .nanumProgress img { vertical-align:top; } #nanumProfile .nanumProgress a { float:right; } #nanumProfile .nanumStatusText { display:block; float:left; padding:3px 0 0 5px; } #nanumProfile .nanumDesc { clear:both; } #nanumProfile .nanumDesc li { color:#999; margin:0 0 3px 7px; } #nanumProfile li.listHeart { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/cafeskin/icon_heart.gif) no-repeat 0 2px; padding-left:15px; color:#444; margin:0 0 5px 0; } #starGreeting { clear:both; padding:48px 0 0; } #starGreeting h4 { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_tit_s4_2.gif) no-repeat; width:74px; height:13px; margin:0 16px 11px; text-indent:-5000em; overflow:hidden; } #starGreeting h4.cat-E { background-position:0 -48px; } #starGreeting h4.cat-W { background-position:0 -71px; } #starGreeting h4.cat-N { background-position:0 -95px; } #starGreeting .desc { border-top:1px solid #e2e2e2; padding:8px 80px 0 17px; line-height:18px; } #starVideo { width:482px; height:384px; margin:0 auto; background-color:#000; } .bestSkin { float:left; margin-left:20px; width:156px; overflow:hidden; } .bestSkin h4 { padding:18px 11px 8px 15px; background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bgbox_top.gif) no-repeat; } .bestSkinList { border-top:2px solid #8d8d8d; margin:0 11px 0 12px; padding:15px 13px 0 10px; margin-bottom:48px; } .bestSkin li { margin-bottom:18px; } .bestSkin li.lastchild { margin-bottom:0; padding-bottom:14px; border-bottom:1px solid #e6e6e6; } .bestSkin li img { width:100px; height:122px; border:1px solid #e3e3e3; padding:4px; margin-bottom:8px; } .bestSkin li h5, .bestSkin li p.artist { text-align:center; } .bestSkin li h5 a, .bestSkin li h5 a:link, .bestSkin li h5 a:visited, .bestSkin li h5 a:hover, .bestSkin li h5 a:active, .bestSkin li p.artist a, .bestSkin li p.artist a:link, .bestSkin li p.artist a:visited, .bestSkin li p.artist a:hover, .bestSkin li p.artist a:active { font-size:11px; letter-spacing:-1px; } .bestSkin li h5 a, .bestSkin li h5 a:link, .bestSkin li h5 a:visited, .bestSkin li h5 a:hover, .bestSkin li h5 a:active { font-size:11px; color:#333; line-height:16px; } .bestSkin li p.artist a, .bestSkin li p.artist a:link, .bestSkin li p.artist a:visited, .bestSkin li p.artist a:hover, .bestSkin li p.artist a:active { color:#999; } .bestSkin li img.ribbon-new, .bestSkin li img.ribbon-hot { width:33px; height:33px; position:absolute; margin:5px 0 0 5px; border:none; } .bestSkin li img.ribbon-new { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_new.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_new.png', sizingMethod='crop'); } .bestSkin li img.ribbon-hot { background:url(http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_hot.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafedesign/sk_bl_hot.png', sizingMethod='crop'); } .bestSkin .goList { padding:15px 0 0 4px; text-align:center; } .raise_end {margin-top:14px; padding:14px 0 0 9px; border-top:1px solid #e2e2e2;} .raise_end span{margin-left:5px;line-height:16px;} .raise_end p{margin-bottom:5px; font:11px 돋움, dotum, sans-serif; color:#999; letter-spacing : -1px;} .raise_end .noti_end{margin-bottom:9px; font:12px 돋움, dotum, sans-serif; color:#444;} /*브랜드 카페*/ #brandcafe_main_image { padding-top:15px; } #brandcafe_list { margin-top:28px; } #brandcafe_list li { float:left; width:383px; height:80px; margin-bottom:15px; padding-right:20px; border-bottom:1px solid #f0f0f0; letter-spacing:-1px; } #brandcafe_list li a.thumbnail_link { display:block; float:left; margin-right:20px; } #brandcafe_list li.left { padding-right:76px; padding-left:20px; } #brandcafe_list li.last_line { border-color:#dfdfdf; margin-bottom:0; } #brandcafe_list dl { width:298px; float:left; } #brandcafe_list dt { margin:5px 0 8px 0; } #brandcafe_list dt a { font-weight:bold; } #brandcafe_list dd a { color:#999; line-height:16px; } #brandcafe_list #brand_nodata { margin:30px 0; text-align:center; } /*통합 툴팁 박스*/ .tooltipBox { background-image:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_cc.gif); position:relative; margin:4px; z-index:9999; } .corner, .tooltipBox .hor, .tooltipBox .ver, .tooltipBox .tail { position:absolute; overflow:hidden; } .tooltipBox .corner { width:4px; height:4px; } .tooltipBox .hor { height:4px !important; } .tooltipBox .ver { width:4px !important; } .tooltipBox .boxContent { padding:12px 12px 0 12px; font-size:11px; color:#777; letter-spacing:-1px; line-height:15px; } .tooltipBox .topLeft { top:-4px; left:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_tl.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_tl.png', sizingMethod='crop'); } .tooltipBox .topRight { top:-4px; right:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_tr.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_tr.png', sizingMethod='crop'); } .tooltipBox .bottomLeft { bottom:-4px; left:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_br.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_br.png', sizingMethod='crop'); } .tooltipBox .bottomRight { bottom:-4px; right:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_bl.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_bl.png', sizingMethod='crop'); } .tooltipBox .topLine { top:-4px; left:0; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_tc.gif); } .tooltipBox .bottomLine { bottom:-4px; left:0; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_bc.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_bc.png', sizingMethod='scale'); } .tooltipBox .leftLine { top:0; left:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_cl.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_cl.png', sizingMethod='scale'); } .tooltipBox .rightLine { top:0; right:-4px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_bg_cr.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_bg_cr.png', sizingMethod='scale'); } .tooltipBox .top { top:-9px; left:47%; width:11px; height:6px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_arrow_t.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_arrow_t.png', sizingMethod='scale'); } .tooltipBox .bottom { bottom:-8px; left:47%; width:11px; height:7px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_arrow_b.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_arrow_b.png', sizingMethod='scale'); } .tooltipBox .left { top:42%; left:-7px; width:5px; height:10px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_arrow_l.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_arrow_l.png', sizingMethod='scale'); } .tooltipBox .right { top:42%; right:-7px; width:5px; height:10px; background:url(http://i1.daumcdn.net/cafeimg/top7/layer_arrow_r.png); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/layer_arrow_r.png', sizingMethod='scale'); } /* 팬카페 섹션 */ /* 상팬카페 > 상단 타이틀 */ .section_fancafe h2 {display:block;} .section_fancafe {position:relative;} .section_fancafe .box_mission {position:relative;float:left;height:252px;width: 884px;} #fancafeIntro a {position:absolute; top:177px; left:50px; display: block; width: 110px; height: 33px; overflow:hidden;text-indent:-9999px;} /* 팬카페 > 상단 타이틀 > tab부분 */ .section_fancafe .btn_cafe, .section_fancafe .btn_stage {display:block;position:absolute;left:-55px;width:79px;height:42px;overflow:hidden;} .section_fancafe .btn_cafe {top:23px;background-position:-766px 0;} .section_fancafe .off .btn_cafe:hover {background-position:-686px 0;} .section_fancafe .on .btn_cafe {background-position:-606px 0;} .section_fancafe .btn_stage {top:66px;background-position:-520px 0;} .section_fancafe .off .btn_stage:hover {background-position:-440px 0;} .section_fancafe .on .btn_stage {background-position:-360px 0;} /* 팬카페 > 상단 타이틀 > tab부분 > fancafe */ .box_mission .intro {display:none;float:left;width:586px;height:252px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_fanhope.jpg) no-repeat 0 0;} /* 팬카페 > 상단 타이틀 > tab부분 > stage */ .box_mission .stage {display:none;float:left;width:516px;height:152px;padding:99px 0 0 70px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_fancafe_stage_v1.gif) no-repeat 0 0;} .box_mission .stage8 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage08.jpg);} .box_mission .stage9 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage09_3.jpg);} .box_mission .stage10 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage10_v2.jpg);} .box_mission .stage11 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage11_03.jpg);} /*.box_mission .stage01 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage1201_01.jpg);}*/ .box_mission .stage01 {width:534px; height:75px; padding:177px 0 0 52px; background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_stage1201_02.jpg);} .box_mission .stage .link {overflow:hidden;display:block;position:absolute;top:21px;left:472px;width:53px;height:53px;text-indent:-9999em;} .stage .list_medal {overflow:hidden;width:480px;} .stage .list_medal li {float:left;position:relative;width:136px;height:132px;} .stage .list_medal .silvermedal{display:inline;margin-left:19px;} .stage .list_medal .coppermedal{display:inline;margin-left:16px;} .stage .wrap_medal {display:block;width:136px;height:132px;cursor:pointer;} .stage .wrap_medal:hover {text-decoration:none;} .stage .wrap_medal:hover .score{display:block;} .stage .wrap_medal:hover .name{display:none;} .stage .wrap_medal .gold, .stage .wrap_medal .silver, .stage .wrap_medal .copper {position:absolute;top:0;left:0;width:136px;height:132px;text-indent:-9999em;z-index:5;} .stage .wrap_medal .gold {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_gold.png) no-repeat 0 0;} * html .stage .wrap_medal .gold { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_gold.png', sizingMethod='crop'); } .stage .wrap_medal .silver {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_silver.png) no-repeat 0 0;} * html .stage .wrap_medal .silver { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_silver.png', sizingMethod='crop'); } .stage .wrap_medal .copper {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_copper.png) no-repeat 0 0;} * html .stage .wrap_medal .copper { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/cheer_copper.png', sizingMethod='crop'); } .stage .wrap_medal .thumb {display:inline;width:120px;height:120px;margin:6px 0 0 10px;} .wrap_medal .name {display:block;position:absolute;bottom:1px;left:16px;width:110px;height:40px;} .wrap_medal .name .txt {display:block;position:absolute;bottom:0;left:0;width:106px;height:32px;margin-top:8px;font:bold 12px/14px dotum;color:#aaa;text-align:center;z-index:25;} .wrap_medal .name .bg {display:block;width:110px;height:40px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_cheer_name.gif) no-repeat 0 0;text-align:center;opacity:0.7;filter:alpha(opacity=70);} .wrap_medal .score {display:none;position:absolute;top:0;left:7px;width:128px;height:128px;text-align:center;} .wrap_medal .score .txt {display:block;position:absolute;top:47px;left:40px;width:47px;height:16px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/txt_cheer_score.png) no-repeat 0 0;text-indent:-9999em;z-index:25;} * html .wrap_medal .score .txt {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/txt_cheer_score.png', sizingMethod='crop'); } .wrap_medal .score .num {display:block;position:absolute;top:67px;left:-1px;width:128px;height:20px;font:bold 16px/18px tahoma;color:#eee;text-decoration:none;text-align:center;z-index:25;} .wrap_medal .score .bg {display:block;width:128px;height:128px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_cheer_score.gif) no-repeat 0 0;opacity:0.7;filter:alpha(opacity=70);} .wrap_medal .saving_amount {display:block;clear:left;} .stage .on_score .name {display:none;} .stage .on_score .score {display:block;} .stage .stage_links a {float:left; display:block; width:93px; height:32px; margin:0 4px 0 0; text-indent:-100000em; overflow:hidden; } .stage .star_mission_request {display:block; width:111px; height:33px; margin:0 4px 0 0; text-indent:-100000em; overflow:hidden;} .stage .star_support_result {display:block; width:111px; height:33px; margin:0; text-indent:-10000em; overflow:hidden;} .box_mission .show {display:block;} /* 탭 */ .section_fancafe .wrap_tab{position:relative;width:100%;border-top:2px solid #6b6364;clear:both;z-index:10;} .wrap_tab .tab_fancafe{overflow:hidden;width:100%;height:38px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tab_fancafe_v3.gif) no-repeat;} .wrap_tab .tab_fancafe li{float:left;padding-left:1px;} .wrap_tab .tab_fancafe .tab{display:block;overflow:hidden;width:100px;height:38px;font-size:0;line-height:0;text-indent:-999em;} .wrap_tab .tab_fancafe .cheer{width:170px;} .wrap_tab .tab_fan1{background-position:0 0;} .wrap_tab .tab_fan2{background-position:0 -38px;} .wrap_tab .tab_fan3{background-position:0 -76px;} .wrap_tab .tab_fan4{background-position:0 -114px;} .wrap_tab .btn_star{position:absolute;right:15px;top:6px;background-position:0 0;width:105px;height:25px;} /* 정렬탭 */ #fanCafePopBtn {right: 37px; top: 25px;} .section_fancafe .wrap_list{position:relative;width:882px;padding-top:23px;border-left:1px solid #ededee;border-right:1px solid #ededee;overflow:hidden;} .section_fancafe .wrap_list .link_cheerinfo{position:absolute;right:33px;top:26px;padding-right:6px;font-size:11px;color:#999;text-decoration:underline;letter-spacing:-1px;background-position:100% 2px;} .section_fancafe .tab_sort{overflow:hidden;width:500px;height:19px;margin:0 0 19px 34px;} .tab_sort li{float:left;padding:0 11px 0 12px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/line_bar.gif) no-repeat 0 4px;} .tab_sort li.fst{padding-left:0;background:none;} .tab_sort .tab{display:block;overflow:hidden;height:19px;font-size:0;line-height:0;text-indent:-999em;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tab_fancafe.gif) no-repeat;} .tab_sort .general{width:22px;background-position:0 -180px;} .tab_sort .click{width:20px;background-position:-45px -180px;} .tab_sort .visit{width:20px;background-position:-88px -180px;} .tab_sort .join{width:20px;background-position:-131px -180px;} .tab_sort .text{width:21px;background-position:-171px -180px;} .tab_sort .musician{width:32px;background-position:-420px -180px;} .tab_sort .actor{width:21px;background-position:-476px -180px;} .tab_sort .sportsman{width:52px;background-position:-518px -180px;} .tab_sort .author{width:21px;background-position:-591px -180px;} .tab_sort .gagman{width:32px;background-position:-634px -180px;} .tab_sort .progamer{width:51px;background-position:-689px -180px;} .tab_sort .num1{width:15px;background-position:0 -220px;} .tab_sort .num2{width:15px;background-position:-37px -220px;} .tab_sort .num3{width:15px;background-position:-73px -220px;} .tab_sort .num4{width:15px;background-position:-109px -220px;} .tab_sort .num5{width:15px;background-position:-143px -220px;} .tab_sort .on .general{width:32px;background-position:0 -160px;} .tab_sort .on .click{width:30px;background-position:-55px -160px;} .tab_sort .on .visit{width:30px;background-position:-108px -160px;} .tab_sort .on .join{width:30px;background-position:-161px -160px;} .tab_sort .on .text{width:30px;background-position:-211px -160px;} .tab_sort .on .musician{width:43px;background-position:-420px -160px;} .tab_sort .on .actor{width:32px;background-position:-485px -160px;} .tab_sort .on .sportsman{width:63px;background-position:-538px -160px;} .tab_sort .on .author{width:32px;background-position:-621px -160px;} .tab_sort .on .gagman{width:43px;background-position:-674px -160px;} .tab_sort .on .progamer{width:63px;background-position:-738px -160px;} .tab_sort .on .num1{width:27px;background-position:0 -200px;} .tab_sort .on .num2{width:27px;background-position:-49px -200px;} .tab_sort .on .num3{width:27px;background-position:-96px -200px;} .tab_sort .on .num4{width:28px;background-position:-143px -200px;} .tab_sort .on .num5{width:27px;background-position:-190px -200px;} /* 팬카페 리스트 */ .section_fancafe .list_fancafe{overflow:hidden;width:876px;padding:0 4px 0 2px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/line_dot.gif) repeat 0 1px;} .section_fancafe .list_fancafe li{float:left;position:relative;width:260px;height:88px;margin-top:28px;padding-left:32px;} .section_fancafe .list_field li{margin-top:26px; height:64px;} .section_fancafe .list_fancafe li.fst{margin-top:0;} .list_fancafe .tit {display:block;overflow:hidden;height:28px;margin-left:74px;} .list_field .tit {height:19px;} .list_fancafe .tit .ranking{overflow:hidden;float:left;width:20px;height:25px;margin-right:4px;font-size:0;line-height:0;text-indent:-999em;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/num_fancafe.gif) no-repeat -60px 0;} .list_fancafe .tit .num{display:block;overflow:hidden;width:20px;height:25px;font-size:0;line-height:0;text-indent:-999em;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/num_fancafe_3.gif) no-repeat -60px 0;} .list_fancafe .tit .name{float:left;margin-top:5px;color:#444;font-weight:bold;letter-spacing:-1px;} .list_field .tit .name{margin-top: 0;} .list_fancafe .txt_cafe{display:block;height:18px;margin-left:74px;} .list_fancafe .link_cafe{color:#444;} .list_fancafe .saving {margin-top: 3px;} .list_fancafe .txt{display:block;overflow:hidden;width:175px;margin-left:73px;font-size:11px;line-height:13px;color:#999;letter-spacing:-1px;} .list_fancafe .txt .score{float:left;} .list_fancafe .saving .score {float:none; letter-spacing: 0;} .list_fancafe .txt .score_num{margin-left:4px;letter-spacing:0;} .list_fancafe .txt .txt_bar{float:left;color:#ddd;margin-left: 6px;} .list_fancafe .txt .join{float:left;padding-left:17px;background-position:5px -24px;} .list_fancafe .thumb{position:absolute;left:32px;top:1px;} .list_fancafe .frame{position:absolute;top:0;left:0;z-index:1;width:59px;height:59px;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);} .list_fancafe .btn_widget{position:absolute;bottom:0;left:32px;display:block;width:60px;height:23px;background-position:0 -30px;} .list_fancafe .ico_new {float:left;width:8px;height:8px;margin:6px 0 0 5px;background-position:0 -75px;text-indent:-9999px;} .list_field .ico_new {margin:1px 0 0 5px;} /* 더보기 버튼 & 위로가기 버튼 */ .section_fancafe .wrap_btn{clear:both;overflow:hidden;height:85px;padding:22px 0 0 34px;border-left:1px solid #ededee;border-right:1px solid #ededee;} .section_fancafe .wrap_btn .btn_fancafe{font:12px/12px dotum;color:#444;text-indent:0;vertical-align:top;letter-spacing:-1px;} .section_fancafe .wrap_btn .btn_morelist{float:left;width:385px;height:22px;padding:9px 0 0 345px;background-position:0 -60px;} .section_fancafe .wrap_btn .btn_top{float:left;width:55px;height:22px;padding:9px 0 0 30px;background-position:-730px -60px;} .section_fancafe .wrap_btn .txt_bold{font-style:normal;font-weight:bold;} /* 지원안내 */ .section_fancafe .wrap_support {padding:50px 0 38px 38px; border-left:1px solid #ededee;border-right:1px solid #ededee;} .section_fancafe .wrap_support .content {position: relative; width: 807px; height: 499px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/img_support_3.jpg) 0 0 no-repeat;} .wrap_support .content .show_detail {position: absolute; top: 106px; right: 80px; display: block; overflow: hidden; width: 60px; height: 15px; text-indent: -9999px; } /* 스타찾기 레이어 */ .section_fancafe .layer_starsearch {position:absolute;top:42px;right:5px;width:301px;height:250px;padding:13px 12px 6px 5px;} .section_fancafe .layer_starsearch .bg {position:absolute;top:0;left:0;width:301px;height:250px;padding:13px 12px 6px 5px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_starsearch.png) no-repeat 0 0;z-index:-1;} * html .section_fancafe .layer_starsearch .bg { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_starsearch.png', sizingMethod='crop'); } .layer_starsearch .wrap_menu {overflow:hidden;width:290px;padding:14px 0 15px 12px;letter-spacing:-1px;} .layer_starsearch .wrap_menu .link {float:left;font:11px/13px Dotum;color:#444;white-space:nowrap;} .layer_starsearch .wrap_menu .focus {font-weight:bold;} .layer_starsearch .wrap_menu .txt_bar {display:inline;float:left;margin:0 3px 0 3px;font:11px/13px dotum;color:#ddd;cursor:default;} .layer_starsearch .list_name {overflow:hidden;overflow-y:scroll;width:100%;height:177px;margin:15px 0 15px;} .layer_starsearch .list_name li {display:inline;float:left;width:119px;margin-left:17px;padding:0 0 5px 8px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/ico_list_name.gif) no-repeat 0 6px;} .layer_starsearch .list_name .li_second{margin-left:4px;} .layer_starsearch .list_name .official {display:inline;float:left;overflow:hidden;width:20px;height:12px;margin:1px 0 0 3px;font:0/0 arial;background-position:0 -50px;text-indent:-9999em;} .layer_starsearch .list_name .link {float:left;margin-top:1px;line-height:14px;color:#666;} .layer_starsearch .list_name .link:hover {font-weight:bold;color:#444;letter-spacing:-1px;} .layer_starsearch .btn_close {display:block;position:absolute;top:0;right:0;width:24px;height:24px;background:none;} #star_article_wrap {position:absolute;top:0;right:0;width:298px;height:252px;} #star_article_wrap h3 {overflow:hidden; text-indent:-10000em; margin: 10px 0 13px 35px; padding:0; border : none; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tit_startalk.gif) 0 0 no-repeat; width:90px;height:14px;} #star_article_wrap .star_talk_box {position:relative;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/bg_startalk.gif) -11px -11px no-repeat; margin-left:28px; width:242px;height:147px;} #star_article_wrap .box0{background-position: -11px -11px;} #star_article_wrap .box1{background-position: -262px -11px;} #star_article_wrap .box2{background-position: -513px -11px;} #star_article_wrap .box3{background-position: -764px -11px;} #star_article_wrap button {width:32px;height:50px;position:absolute;float:left;border:none;} #star_prev_btn {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/btn_startalk_prev.gif) 11px 18px no-repeat;left:0;bottom:18px;} #star_next_btn {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/btn_startalk_next.gif) 11px 18px no-repeat;left:265px;bottom:18px;} #star_article_wrap .star_article_component {position:absolute;left:32px;bottom:18px;width:233px;height:50px;float:left;overflow:hidden;} #star_article_wrap ul{width:6283px;height:50px;overflow:hidden;} #star_article_wrap ul li {width:50px; height:50px; float:left; margin-right:11px;} .article_help{background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tip.gif) -3px -7px no-repeat; float:left; position:absolute; width:14px; height:15px; text-indent:-9999em;top: 10px; left: 129px;} .help_layer_box{position:relative; z-index: 999;} .article_help_layer{display:none; zoom:1; background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tip.gif) -28px 0 no-repeat; float:left; position:absolute; width:181px; height:62px; z-index: 999;top: -57px; left: 631px;text-indent:-9999em;} .star_profil_list{position:relative;} .star_profil_list .frame{position:absolute;top:0;left:0;width:48px;height:48px;border:1px solid #000; opacity:0.1; filter:alpha(opacity=10);} .border_box{background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/thumb.png) 0 0 no-repeat; width:50px; height:50px;float:left;position:absolute;left:32px;cursor:pointer;} * html .border_box{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/thumb.png',sizingMethod='image'); } .star_talk_box .txt_point{color:#f54a66;} .star_talk_box .txt_sub {color:#999;} .star_talk_box .txt_articl {color:#666;font-size:12px;} #star_title{position:absolute;top:16px;left:16px;} #star_title a:hover{text-decoration:none;} #star_title img {float:left;margin-right:6px;} #star_title strong{float:left;margin-top:6px;font: 14px 돋움, dotum, sans-serif;font-weight:bold;} #star_article{position:absolute;top:57px;left:16px;font-size:12px;width:215px;word-break:break-all; word-wrap:break-word;color:#666;line-height:17px;} #star_article_info{position: absolute;bottom: 34px;left: 16px;font-size:11px;} #star_article_info img, #star_article_info span{float:left} #star_article_info img{margin-right:2px;position:relative; top: 0;} #star_article_info .txt_sub{font-family:돋움,Dotum,AppleGothic,sans-serif;margin-right:5px;} #star_article_info .txt_point{font-family:굴림, gulim, tahoma, sans-serif;font-weight:bold;} #star_article_info .txt_bar{margin-right:5px;} .thumnail_helf {padding-left: 3px;margin-bottom:10px;color: #999;font: 11px 돋움, dotum, sans-serif; letter-spacing: -1px;height:15px;} .thumnail_helf_img {background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/tip.gif) -3px -34px no-repeat;width:14px; height:15px;float:left;margin-right:5px;} .thumnail_helf p{margin-top:2px; color: #999;font: 11px 돋움, dotum, sans-serif; letter-spacing: -1px;float:left;} /* 팬카페 팝업 */ .layer_cafe {display:none;overflow:hidden;} .layer_cafe .btn_close {display:block;position:absolute;top:8px;right:9px;width:17px;height:17px;padding:0;text-indent:-9999px;} .layer_fancafe dl,ul,ol,menu,li {list-style:none;} .layer_fancafe .ir_pm {display:block;font-size:0;line-height:0;text-indent:-9999px;} .layer_fancafe {width:519px;height:764px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/box_info_4.png) no-repeat;} * html .layer_fancafe { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/fancafe4/box_info_4.png', sizingMethod='crop'); } .layer_fancafe .go_result {display:block;position:absolute;top:703px;left:184px;width:150px;height:30px;overflow:hidden;text-indent:-9999px;} #fancafeWrapBtn .disable{color: #bbb; background-position-y: -191px;cursor:default;} #fancafeWrapBtn .disable:hover{text-decoration: none;} /* 공식 지식카페 */ #knowCafeHeader { display:block; margin:0 0 22px 0; width:884px; height:220px; background:url(http://i1.daumcdn.net/cafeimg/cafetop/official_qna_cafe_884_2013.jpg) no-repeat; overflow:hidden; text-indent:-1000em; } #knowCafeMenu { float:left; margin:0 37px 0 0; padding:50px 0 35px 0; border-top:2px solid #555; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/bt_leftmenu_n2.gif) no-repeat; } #knowCafeMenu a { display:block; width:153px; height:30px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/bt_leftmenu_n2.gif) no-repeat; overflow:hidden; text-indent:-1000em; } #knowCafeMenu .num1 a { background-position:-200px -50px; } #knowCafeMenu .num2 a { background-position:-200px -80px; } #knowCafeMenu .num3 a { background-position:-200px -110px; } #knowCafeMenu .num4 a { background-position:-200px -140px; } #knowCafeMenu .num5 a { background-position:-200px -170px; } #knowCafeMenu .num1 a.selected { background-position:0 -50px; } #knowCafeMenu .num2 a.selected { background-position:0 -80px; } #knowCafeMenu .num3 a.selected { background-position:0 -110px; } #knowCafeMenu .num4 a.selected { background-position:0 -140px; } #knowCafeMenu .num5 a.selected { background-position:0 -170px; } #knowCafeMenu .support_banner { margin-top:8px; height:41px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/bn_cf_1_n.gif) no-repeat; } #knowCafeMenu .event_page_link { padding-top: 20px; } #knowCafeMenu .event_page_link a { width: 153px; height: 127px; background: none; text-indent: 0; } .knowCafe .content_wrap { float:left; width:694px; margin-top:0; } .knowCafe .header_bg { float:left; width:678px; padding:12px 0 0 16px; margin-bottom:20px; height:33px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/bg_cf_title.gif) no-repeat; } .knowCafe .knowcafelist { margin-bottom:15px; } .knowCafe .knowcafelist .header_bg { margin-bottom:32px; } .knowCafe .knowcafelist ul { float:left; } .knowCafe h4 { float:left; margin-right:11px; width:84px; height:22px; overflow:hidden; text-indent:-1000em; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/title_con2_2.gif) no-repeat; } #knowCafeGroup0 h4 { background-position:0 0; } #knowCafeGroup1 h4 { background-position:0 -25px; } #knowCafeGroup2 h4 { background-position:0 -50px; } #knowCafeGroup3 h4 { background-position:0 -75px; width:97px; } #knowCafeGroup4 h4 { background-position:0 -100px; } #knowCafeSuppPanel h4 { width:254px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/title_con1.gif); } .knowCafe .subtitle { float:left; padding:0 0 0 11px; margin:5px 0 0; border-left:1px solid #d8d8d8; color:#666; letter-spacing:-1px; } .knowCafe .content_body { clear:both; position:relative; margin-bottom:30px; height: 483px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/img_cf_2.jpg) no-repeat; } .knowCafe .content_footer { position:relative; margin-bottom:8px; height:152px; background:url(http://i1.daumcdn.net/cafeimg/top7/knowcafe/txt_cf_1.gif) no-repeat; } .knowCafe .content_notice { text-align:right; font-family:'돋움', dotum; font-size:11px; color:#999; letter-spacing:-1px; margin-bottom:40px; } .knowCafe .content_notice span { font-size:12px; } .knowCafe .knowlink_area { position:absolute; left:36px; top:428px; width:98px; height:18px; overflow:hidden; text-indent:-1000em; } .knowCafe .boardlink_area { position:absolute; left:36px; top:118px; width:114px; height:16px; overflow:hidden; text-indent:-1000em; } .knowCafe .knowcafeitem { float:left; width:347px; height:76px; overflow:hidden; } .knowCafe .knowcafeitem li, .knowCafe .knowcafeitem li a { height:16px; color:#999; font-size:11px; letter-spacing:-1px; } .knowCafe a.img_anchor { float:left; margin:0 9px 0 15px; padding:2px; width:50px; height:50px; border:1px solid #dbdbdb; } .knowCafe .cafetitle { float:left; width:265px; padding:4px 0 0; height:22px; } .knowCafe .cafetitle a { color:#333; font-weight:bold; letter-spacing:-1px; } /* 2011-12-12 수정 끝 */ /* 지식카페 */ #knowCafeHeader {display:block;overflow:hidden;margin:-10px 0 0;width:884px;height:208px;background:url(http://i1.daumcdn.net/cafeimg/cafetop/official_qna_cafe_884_2013.jpg) no-repeat;text-indent:-9999px} /* 2011-12-20 수정 */ .knowCafe .cafetitle {float:left;width:265px;padding:0;height:auto} .knowCafe a.img_anchor {float:left;margin:0 14px 0 0;padding:0;width:65px;height:65px;border:1px solid #ffffff} .knowCafe .boardlink_area {overflow:hidden;position:absolute;left:57px;top:100px;width:114px;height:16px;text-indent:-9999px} /* 지식카페 */ .knowCafe #vipCafeListWrap {padding-top:13px} /* 지원안내 */ .section_knowsupport {padding:0} .section_knowsupport .cafe_support {width:882px;padding:50px 0 40px} .section_knowsupport .cafe_support .txt_support {width:770px;height:21px;margin:0 0 40px 53px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/tit_knowcafe_support_111220.gif) no-repeat 0 0} /* 2011-12-20 수정 */ .section_knowsupport .cafe_support .list_support {width:770px;height:206px;margin:0 0 0 56px;background:url(http://i1.daumcdn.net/cafeimg/top8/cafe/section/img_cf_2_121218.png) no-repeat 0 0;text-indent:-9999px} .section_knowsupport .support_judgment {position:relative;width:882px;height:142px;margin:0;padding:21px 0 43px;border-top:1px solid #f3f3f3;background:#fbfbfb none} .section_knowsupport .support_judgment .list_judgment {width:776px;height:142px;margin-left:53px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2011/txt_cf_1_111220_v2.gif) no-repeat 0 0;text-indent:-9999px} /* 2011-12-20 수정 */ /* 2011-12-12 추가시작 */ /* 2011-12-20 수정 시작 */ #vipCafeListWrap .vip_list {float:left;width:796px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/best/2010/line.gif) 0 0 repeat-y;padding:0 6px;margin-top:5px} #vipCafeListWrap .vipcafe_item {display:block;float:left;overflow:hidden;width:377px;padding:16px 10px 17px 10px} #vipCafeListWrap .qna_item {padding:17px 10px 18px 10px} /* 2011-12-20 수정 끝 */ /*카페탑 붙박이꼬마배너*/ #babybanner { width:55px; height:70px; position:absolute; left:889px; top:146px; } /* 내 카페영역 펼치면 */ #cWrap.expand { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/img_bg_5.gif) } #cWrap.expand #top-mycafe { height:426px; margin-bottom:0; } #cWrap.expand #cafestarreserve { display:none; } #cWrap.expand #cafehotissue { border-top-color:#e3e3e3; } #cWrap.expand .content { height:372px; } #cWrap.expand .content .list { height:320px; margin-bottom:9px; } /* 카페포커스 */ #cafefocus { position: relative; height:255px; padding:19px 17px 2px; overflow:hidden; } #cafefocus h3 { width:56px; height:21px; float:left; } #cafefocus img { display:block; margin-left:1px; } #cafefocus .content { height:219px; clear:both; display:none; } #cafefocus.content1 .content1, #cafefocus.content2 .content2, #cafefocus.content3 .content3 { display:block; } #cafefocus .tit_relationcafe {display:block;overflow:hidden;width:50px;height:16px;margin:14px 0 7px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_relationcafe.gif) no-repeat left top;text-indent:-9999;} #cafefocus .list_bl_1 { padding: 9px 0 13px 0; margin: 0; } #cafefocus .list_bl_1 li { list-style: none; background: none; padding: 0; } #cafefocus .list_bl_1 li a:link, #cafefocus .list_bl_1 li a:visited, #cafefocus .list_bl_1 li a:active { color:#666; text-decoration:none; font-size: 11px; letter-spacing: -1px; } #cafefocus .list_bl_1 li a:hover { text-decoration:underline; } #cafefocus .go-cafefocus { padding: 9px 0 13px 0; margin: 0; } #cafefocus .go-cafefocus a { font-size: 11px; color: #666; letter-spacing: -1px; text-decoration: none; } #cafefocus .go-cafefocus a:hover { font-size: 11px; color: #666; letter-spacing: -1px; } #cafefocus .go-cafefocus .go-relcafefocus { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_openarrow.gif") no-repeat right 3px; padding-right: 5px; } #bannerArea { position: absolute; left: 0; bottom: 2px; width: 222px; height: 60px; cursor: pointer; z-index: 9; } #cafeAppBanner { position: absolute; top: -1px; left: 1px; width: 220px; height: 275px; z-index: 10; } /*스포츠 등산카페 모여라! */ .list_relationcafe li {height:18px;padding-left:7px;background:url(http://i1.daumcdn.net/cafeimg/top7/ico_bl_1.gif) no-repeat scroll 0 4px transparent;} .box_sportsmeet {height:242px;padding:11px 0 6px 18px;} .tit_sportsmeet {float:left;width:151px;padding-bottom:10px;} .tit_sportsmeet a, .tit_sportsmeet a:link, .tit_sportsmeet a:visited, .tit_sportsmeet a:hover, .tit_sportsmeet a:active {display:block;overflow:hidden;width:120px;height:12px;background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/title_sportsmeet_v2.gif ) no-repeat left top;text-indent:-9999in;} .box_sportsmeet .more {margin-top:2px;} .list_sportsmeet li {display:inline;float:left;width:87px;height:112px;margin:16px 14px 0 0;} .list_sportsmeet .thumb {display:block;width:84px;height:76px;border:1px solid #e3e3e3;} .list_sportsmeet .notice {display:block;margin-top:6px;font-size:11px;line-height:13px;vertical-align:top;color:#888;letter-spacing:-1px;text-indent:-1px;} .list_sportsnotice li {text-indent:-2px;} .list_sportsnotice li strong {letter-spacing:-1px;} .list_sportsnotice li, .list_sportsnotice li a {margin-bottom:9px;line-height:13px;vertical-align:top;} .list_sportsmeet {float:left;} .list_sportsnotice {clear:both;} .bnr_mobilecafe {display:block;padding-left:1px;margin-bottom:15px;border-top:1px solid #e6e6e6;line-height:13px;vertical-align:top;} /* h3 */ #trndList .chart h3, .wrap_box .box_title h3, #cafefocus h3 { background-image:url(http://i1.daumcdn.net/cafeimg/top7/cafe/tit_c_1_0415.gif); background-repeat:no-repeat; text-indent:-9999in; } #searchRanking h3 { background-position:0 -575px; } /*이슈검색어*/ #entertainRanking h3 { background-position:0 -599px; } /*인기연예뉴스*/ #dramaRanking h3 { background-position:0 -625px; } /*국내드라마*/ #movieRanking h3 { background-position:0 -450px; } /*인기영화*/ #cafeRanking h3 { background-position:0 -50px; } /*오늘의 인기 카페*/ #cafehotissue .box_title h3 { background-position:14px -225px; } /*카페핫이슈*/ #subject_cafe .box_title h3 { background-position:14px -675px; } /*주제별카페*/ #cafefocus h3 { background-position:0 -650px; } /*카페포커스*/ /* 내 카페 페이지에 추가된 css *************************************************************/ /* 내 카페 왼쪽 메뉴 */ .smallWidthBack { background:url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_left.gif) repeat-y !important; } #myCafeLeftMenu h3 { clear: both; height: 22px; padding: 10px 15px 0 16px; border-top: 1px solid #ebebeb; } #myCafeLeftMenu h3 a { float: left; width: 100%; color: #444; font-weight: bold; font-family: '돋움', dotum, sans-serif; letter-spacing: -1px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_openarrow.gif) 100% 3px no-repeat; } #myCafeLeftMenu h3.menu_top { padding-top: 13px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_leftwingtop.gif) no-repeat; border: none; } #myCafeLeftMenu h3.menu_cafe { padding-top: 12px; } #myCafeLeftMenu h3.mybackup a { background: none; } #myCafeLeftMenu h3 a.link_mycafe { float: left; width: auto; background: none; } #myCafeLeftMenu h3 a.link_group { float: right; width: auto; background: none; color: #999; font-size: 11px; font-weight: normal; text-decoration: underline; letter-spacing: -1px; } #myCafeLeftMenu h4 { clear: both; padding: 1px 0 8px 15px; } #myCafeLeftMenu h4.menu_all { padding: 0 0 4px 15px; } #myCafeLeftMenu .cafe_banner { padding-top: 10px; text-align: center; } #myCafeLeftMenu img.ico_backup { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) 0 -50px no-repeat;} #myCafeLeftMenu img.ico_favor { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) no-repeat;} #myCafeLeftMenu img.ico_cafeall { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) 0 -25px no-repeat;} #myCafeLeftMenu .mycafe_list { margin: 0 0 10px 20px; } #myCafeLeftMenu .mycafe_list li { padding: 4px 0 4px 12px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_dot_3.gif) repeat-y; } #myCafeLeftMenu .mycafe_list li.last { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_dot_2.gif) no-repeat; } #myCafeLeftMenu .mycafe_list li span.count { color: #999; font-size: 11px; } #myCafeLeftMenu h4 .selected, #myCafeLeftMenu .mycafe_list .selected { font-weight: bold !important; text-decoration: underline; letter-spacing: -1px; } #myCafeLeftMenu .bottom_space { margin: 0; height: 50px; } /* 내 카페 컨텐츠 */ div.mycafeList, div.favcafeEdit { position: relative; padding-left:25px !important; width:673px !important; } div.mycafeList .txt_point, div.mycafeList .txt_point a { color: #48b5d3; } .stxt_666, stxt_666 a { color: #666; font-family: '돋움', dotum; font-size: 11px; letter-spacing: -1px; } .mycafeList input { margin: 0; } /* 타이틀 */ .mycafe_title { position: relative; clear: both; height: 23px; padding: 23px 10px 0; margin-bottom: 20px; border-bottom: 2px solid #666; } .title_bottom { margin-bottom: 0; border: none; padding-top: 13px; } .mycafe_title h3 { float: left; border:none !important; padding:0 !important; width: 73px; height: 25px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/title_cafelist.gif); text-indent: -100em; } .mycafe_title h3.mycafe_tit1 { background-position: 0 -50px; } .mycafe_title h3.mycafe_tit2 { background-position: 0 -25px; } .mycafe_title h3.mycafe_tit3 { background-position: 0 0; } .mycafe_title h3.mycafe_tit4 { width: 74px; height: 25px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/title_topic.gif) 0 -25px no-repeat; } .mycafe_title h3.mycafe_tit5 { background-position: 0 -75px; } .mycafe_title label { float: left; padding: 2px 0 0 10px; } .mycafe_title span { float: left; } .mycafe_title .bar { color: #d0d0d0; } .mycafe_title .vbar { float: left; width: 24px; margin-top: 2px; text-indent: -100em; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_bar.gif) 12px 0 no-repeat; } .mycafe_title .txt_favor { float: right; height: 13px; margin-top: 2px; padding: 2px 0 0 18px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_star.gif) 0 -25px no-repeat; color: #666; font-size: 11px; letter-spacing: -1px; } .mycafe_title .desc { padding-top: 2px; } .mycafe_title .recent_desc { padding-top: 2px; color: #666; font-family: '돋움', dotum; font-size: 11px; letter-spacing: -1px; } /* 내 카페 소식 / 카페 활동 알림 */ .tab_menu { padding: 0; height: 33px; } .tab_menu li { float: left; height: 33px; width: 140px; } .tab_menu li a { display: block; width: 140px; height: 33px; text-indent: -999em; overflow: hidden; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/tab_cafealimi.gif); background-repeat: no-repeat; cursor: pointer; } .tab_menu li a.activeAlimi { background-position: 0 0; } .tab_menu li a.inactiveAlimi { background-position: 0 -50px; } .tab_menu li a.activeVisit { background-position: -140px -50px; } .tab_menu li a.inactiveVisit { background-position: -140px 0px; } .tab_menu li a.activeGame { background-position: -280px -100px; } .tab_menu li a.inactiveGame { background-position: -280px 0; } .tab_menu li.line { width: 253px; height: 32px; border-bottom: 1px solid #b7b7b7; } .control_box { position: relative; height: 18px; padding: 11px 0 2px 15px; margin-bottom: 13px; font: 11px 돋움, dotum, sans-serif; color: #999; border-bottom: 1px solid #d5d5d5; letter-spacing: -1px; } #gameViewer .control_box { margin-bottom: 7px; } .control_box .alimi_filters li { float: left; } .control_box .alimi_filters li.vbar { width: 20px; text-indent: -9999em; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_bar.gif) 12px 2px no-repeat; *background-position: 10px 0; } .control_box .alimi_filters a { font: 11px 돋움, dotum, sans-serif; letter-spacing: -1px; color: #666; text-decoration: none; } .control_box .alimi_filters .selected { color: #48b5d3; font-weight: bold; text-decoration: underline; letter-spacing: -1px; } .control_box .alimi_filters strong { letter-spacing: 0; } .control_box .visit_count img { cursor: pointer; padding-left: 2px; background: url(http://i1.daumcdn.net/cafeimg//top7/cafe/mycafe/ico_layer.gif) 0 no-repeat; vertical-align: text-bottom;} * html #recentVisitHelpLayer { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/layer_01.png', sizingMethod='crop'); } #recentVisitHelpLayer { position: absolute; top: -11px; left: 130px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/layer_01.png) 0 no-repeat; width: 178px; height: 46px; font-size: 11px; padding: 12px 0 0 20px; line-height: 1.5; letter-spacing: -1px; } .control_box .noti_message { float: right; margin-right: 20px; letter-spacing: -1px; } .control_box .delete_all_enable { position: absolute; top: 5px; right: 10px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/btn_del.gif); background-repeat: no-repeat; display: block; width: 55px; height: 21px; text-indent: -9999em; overflow: hidden; cursor: pointer; } .control_box .delete_all_disable { position: absolute; top: 5px; right: 10px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/btn_del_off.gif); background-repeat: no-repeat; display: block; width: 55px; height: 21px; text-indent: -9999em; overflow: hidden; } #gameNotiHelpLayer { position: absolute; width: 182px; height: 96px; padding: 12px 0 0 20px; top: -34px; left: 123px; font-size: 11px; line-height: 1.5; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/layer_03.png) 0 no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/layer_03.png', sizingMethod='crop'); } #gameViewer .gameNotiDetail { position: absolute; z-index: 1; top: 10px; right: 8px; letter-spacing: -1px; } #myAlimiListViewer { border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; } #myVisitListViewer { border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; } #myRecentPagingViewer { margin-bottom: 50px; } #selectMyCafeList { width: 190px; } .noLineList { clear: both; width: 673px; border-collapse: collapse; } .noLineList td { padding: 6px 0 3px 12px; font-size: 12px; font-family: '돋움', dotum, sans-serif; letter-spacing: -1; color: #444; padding-bottom: 6px; } .noLineList td a span { color: #48b5d3; } .noLineList .date { font-size: 11px; font-family: tahoma, verdana, sans-serif; color:#999;} .noLineList .member_info { font-size: 11px; } .noLineList .member_info span { color: #e0e0e0; } .noLineList .member_info a { font-size: 11px; color: #999; } .noLineList .center { padding-left: 0; text-align: center; } .noLineList .delete { padding-left: 0; } .noLineList .delete_alimi { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_delete.gif); background-repeat: no-repeat; background-position: 0 4px; display: block; width: 6px; height: 14px; text-indent: -999em; overflow: hidden; } .noLineList .delete_visitcafe { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_delete.gif); background-repeat: no-repeat; background-position: 0 3px; display: block; width: 6px; height: 14px; text-indent: -999em; overflow: hidden; } /* 내가 쓴 글 */ .myarticle_select { clear: both; height: 20px; margin: 0 0 10px 10px; } .bottom_article_desc { padding: 36px 0 50px; } .bottom_article_desc li { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/dot_03.gif); background-repeat: no-repeat; background-position: 0 7px; padding-left: 10px; font-size: 11px; color: #999; margin-left: 12px; line-height: 18px; letter-spacing: -1px; } /* 내 카페 목록 / 자주가는 카페 목록 */ .basicList { clear:both; width: 673px; border-collapse: collapse; } .basicList th { padding: 10px 0 7px; text-align: center; border-top: 2px solid #d5d5d5; border-bottom: 1px solid #dcdcdc; color: #666; font-weight: normal; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px; } .basicList td { padding: 9px 0 7px; text-indent: 15px; border-bottom: 1px solid #efefef; } .basicList td.none { padding: 0;} .basicList th.center, .basicList td.center { text-align: center; text-indent: 0; } .basicList th.last, .basicList td.last { text-align: left; text-indent: 11px; } .basicList .check { padding: 6px 0 4px 6px; text-indent: 13px; } .basicList .date { font-size: 11px; font-family: tahoma, san-serif; letter-spacing: -1px; } .basicList .date2 { color: #999; font-size: 11px; font-family: tahoma, san-serif; letter-spacing: -1px; } .basicList .stxt { font-size: 11px; letter-spacing: -1px; } .basicList .disabled { color: #c8c6c7; } .basicList .sleep { color: #f67c5f; } .basicList .cafename, .basicList .friendsname { cursor: pointer; } .basicList .comment { font-family: '돋움', sans-serif; font-size: 11px; color: #48b5d3; } .basicList .member { cursor: pointer; } .basicList .withdraw { font-size: 11px; letter-spacing: -1px; padding-right: 10px; } .basicList .ico_chat { vertical-align: -3px; } .basicList2 { clear: both; width: 673px; border-collapse: collapse; } .basicList2 th { padding: 9px 0 8px; text-align: center; border-top: 2px solid #d5d5d5; border-bottom: 1px solid #dcdcdc; color: #666; font-weight: normal; font-size: 11px; font-family:돋움, dotum,sans-serif; letter-spacing: -1px; } .basicList2 td { padding: 9px 0 8px; border-bottom: 1px solid #efefef; text-indent: 15px; } .basicList2 td.date { color: #999; font-size: 11px; font-family: tahoma, san-serif; letter-spacing: -1px; } .admin_box { clear: both; height: 30px; padding-left: 15px; background-color: #f7f7f7; border-top: 1px solid #e9e9e9; } .admin_box input { float:left; margin-top: 8px; *margin-top: 5px; } .admin_box span { float:left; padding: 10px 6px 0 7px; color: #666; font-size: 11px; font-family: '돋움', dotum; letter-spacing: -1px; } .admin_box select { float: left; margin-top: 6px; *margin-top: 4px; } .admin_box span.txt_friend { float: right; color: #ababab; padding: 10px 18px 0 0; } .admin_box a.btn_delete { float: left; margin-top: 4px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_del.gif); width: 37px; height: 22px; text-indent: -100em; overflow: hidden; } /* 게시물 없을때 */ .emptyData { padding: 50px 0 62px; text-align: center; } .emptyData dt { font-family: 돋움 dotum sans-serif; font-size: 12px; letter-spacing: -1px; color: #999; font-weight: bold; padding-bottom: 12px; } .emptyData dd { font-family: 돋움 dotum sans-serif; font-size: 11px; letter-spacing: -1px; color: #999; } .emptyData a, .emptyData a:hover, .emptyData a:link, .emptyData a:visited { font-family: 돋움 dotum sans-serif; font-size: 11px; letter-spacing: -1px; color: #999; text-decoration: underline; } .emptyData .arrow { font-size: 11px; font-family: Arial unicode ms; } .emptyData2 { padding: 31px 0 47px; text-align: center; } .emptyData2 dt { font-family: 돋움 dotum sans-serif; font-size: 12px; letter-spacing: -1px; color: #999; font-weight: bold; padding-bottom: 12px; } .emptyData2 dd { font-family: 돋움 dotum sans-serif; font-size: 11px; letter-spacing: -1px; color: #999; } .emptyData2 a, .emptyData2 a:hover, .emptyData2 a:link, .emptyData2 a:visited { font-family: 돋움 dotum sans-serif; font-size: 11px; letter-spacing: -1px; color: #999; text-decoration: underline; } .emptyData2 .arrow { font-size: 11px; font-family: Arial unicode ms; } #myFavoriteListViewer { margin-bottom: 50px; } .icon_favor { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_star.gif) 0 -25px no-repeat; vertical-align: middle; } .myfavor_editbtn { position: absolute; top: 18px; right: 6px; display: block; width: 103px; height: 22px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_editcafe.gif) no-repeat; overflow: hidden; cursor: pointer; text-indent: -100em; } /* 자주가는 카페 등록/해지 */ .favorOn { display: block; width: 14px; height: 14px; margin-left: 15px; background: url(http://cafeimg.daum-img.net/top7/cafe/mycafe/ico_star_n.gif) no-repeat; cursor: pointer; text-indent: -100em; overflow: hidden; } .favorOff { display: block; width: 14px; height: 14px; margin-left: 15px; background: url(http://cafeimg.daum-img.net/top7/cafe/mycafe/ico_star_n.gif) 0 -50px no-repeat; cursor: pointer; text-indent: -100em; overflow: hidden; } .favorTemp { display: block; width: 14px; height: 14px; margin-left: 15px; background: url(http://cafeimg.daum-img.net/top7/cafe/mycafe/ico_star_n.gif) 0 -25px no-repeat; text-indent: -100em; overflow: hidden; } /* 카페 상세 정보 */ #myCafeInfoLayer { position: absolute; width: 276px; height: 82px; background-color: #fff; border: 2px solid #a9aab0; } #myCafeInfoLayer h5 { background-color: #f2f2f2; font-weight: bold; padding: 9px 8px 7px; } #myCafeInfoLayer p { padding: 8px 8px 5px; font-family: '돋움',dotum; font-size: 11px; line-height: 20px; } #myCafeInfoLayer p span.bar { padding:0 5px; color: #e0e0e0; } #myCafeInfoLayer p span.point { color: #48b5d3; } /* 회원 상세 정보 */ .member_pos { position: relative; text-indent: 0; } .member_layer { position: absolute; top: 0; left: -51px; width: 227px; background-color: #fff; border: 2px solid #a9aab0; } .member_layer ul { padding: 13px 0 0 10px; } .member_layer ul li { padding-bottom: 5px; } .member_layer dl { clear: both; width: 220px; height: 14px; } .member_layer dl dt { float: left; width: 50px; letter-spacing: -1px; color: #444; font-size: 11px; font-family: '돋움', dotum; } .member_layer dl dd { float: left; color: #444; font-size: 11px; font-family: '돋움', dotum; } .member_layer span { color: #e0e0e0; padding-right: 8px; } .member_layer p { padding: 4px 0 10px 10px; } .member_layer a, .member_layer a:hover, .member_layer a:link, .member_layer a:visited { color: #999; font-size: 11px; font-family: '돋움', dotum; text-decoration: underline; } .member_layer .arrow { font-size: 7px; } /* TableFilter/TableSort */ .filter_button { position: relative; cursor: pointer; font-family: '돋움',dotum; font-size: 11px; color: #666; letter-spacing: -1px; } .sort_button { cursor: pointer; font-family: '돋움',dotum; font-size: 11px; color: #666; letter-spacing: -1px; } .filter_arrow, .sort_arrow { font-size: 6px; padding-left: 4px; vertical-align: 2px; } .filter_layer { position: absolute; top: 19px; left: -25px; width: 118px; border: 1px solid #bbb; background-color: #fff; overflow: auto; } .filter_layer ul { padding: 2px; } .filter_layer li { padding: 7px 7px 4px; text-align: left !important; } .filter_layer li.selected { background-color: #f4f4f4; } .filter_layer li a, .filter_layer li a:hover, .filter_layer li a:link, .filter_layer li a:visited { font-family: '돋움', dotum; font-size: 11px; text-decoration: none; } /* favorite message layer */ .message_box { position: absolute; top: 200px; left: 200px; z-index: 9999; text-align: center; width: 296px; height: 185px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/img_poplayer.png) no-repeat; } .message_box .inner_box { height: 185px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/img_poplayer.png', sizingMethod='crop'); } .message_box .btn_msg_close { position: absolute; z-index: 10; top: 10px; right: 10px; } .message_box dl { margin-top: 65px; font-family: '돋움', dotum; color: #444; font-size: 12px; } .message_box dt { text-align: center; font-weight: bold; } .message_box dd { margin-top: 13px; padding: 2px 0 0 14px; height: 14px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_star.gif) 20px -25px no-repeat; color: #999; font-size: 11px; } .message_box .btn_msg_confirm { position: absolute; z-index: 10; bottom: 15px; left: 125px; } /* 페이징 */ /* 이전/다음 텍스트형 */ .prevNextPaging { clear: both; text-align: center; padding: 15px 0 0; height: 50px; } .prevNextPaging .bar { padding: 0 5px; color: #dfdfdf; } .prevNextPaging .disabled { color: #c8c6c7; } .prevNextPaging img { vertical-align: 2px; } .prevNextPaging a { cursor: pointer; } .prevNextPaging .arrow_text { font-size: 11px; font-family: Arial unicode ms; } /* 이전/다음 버튼형 */ .prevNextBtnPaging { float: right; padding: 8px 15px 0 0; } .prevNextBtnPaging dt { float: left; padding-top: 3px; margin-right: 10px; color:#999; font-size: 11px; font-family: '돋움', dotum, verdana, sans-serif; } .prevNextBtnPaging dt strong { color: #48b5d3; } .prevNextBtnPaging dd { float: left; } .prevNextBtnPaging dd a { float: left; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_rnl.gif); width: 16px; height: 15px; text-indent: -100em; overflow: hidden; cursor: pointer; } .prevNextBtnPaging dd a.prev_btn_disable { background-position: 0 -15px; } .prevNextBtnPaging dd a.prev_btn_enable { background-position: 0 0; } .prevNextBtnPaging dd a.next_btn_disable { width: 15px; background-position: -16px -15px; } .prevNextBtnPaging dd a.next_btn_enable { width: 15px; background-position: -16px 0; } /* 숫자 버튼형 */ .numberPaging div { padding: 30px 0 12px; text-align: center; } .numberPaging img { vertical-align: middle; padding-left: 6px; padding-right: 6px; } .numberPaging a { padding-left: 6px; padding-right: 6px; font-family: 돋움 dotum sans-serif; font-weight: bold; font-size: 11px; } .numberPaging a.currentPage { color: #6666ff; text-decoration: underline; } .numberPaging a img { vertical-align: middle; padding: 0; } /* 자주가는 카페 편집 */ #favorListEditor { float: left; padding: 12px 0 0 15px; } #favorListEditor .left_list_area { float: left; width: 287px; } #favorListEditor .move_btn_area { float: left; width: 60px; padding: 178px 0 0 9px; } #favorListEditor .move_btn_area img { margin: 10px 0 0 0; } #favorListEditor .right_list_area { float: left; width: 287px; } #favorListEditor .list_top { clear: both; height: 20px; position: relative; z-index: 10; } #favorListEditor .list_top dt { float: left; font-weight: bold; padding-top: 4px; letter-spacing: -1px; } #favorListEditor .list_top dd { float: right; width: 156px; position: relative; text-align: right; color: #999; padding-top: 2px; } #favorListEditor .list_top dd.count { padding-top: 4px; } #favorListEditor .list_top span { font-weight: normal; font-size: 11px; letter-spacing: 0; } #favorListEditor .list_box { float: left; width: 287px; } .mycafe_btn { margin: 30px 0 28px; text-align: center; } .mygroup_btn, .mygroup_btn:hover, .mygroup_btn:link, .mygroup_btn:visited { font-family: '돋움', dotum, verdana; font-size: 11px; color: #444; text-decoration: none; cursor: pointer; } .mygroup_arrow { font-size: 11px; font-family: Arial unicode ms; color: #444; } .mygroup_layer { position: absolute; top: 22px; left: 8px; overflow-y: auto; width: 150px; height: 100px; border: 1px solid #bbb; background-color: #fff; } *:first-child+html .mygroup_layer { height: 96px; } .mygroup_layer ul { padding: 2px; text-align: left; } .mygroup_layer li a { display: block; padding: 6px 0 5px 7px; font-family: '돋움', dotum, verdana; font-size: 11px; color: #444; text-decoration: none; letter-spacing: -1px; } .mygroup_layer li a.over { background-color: #f4f4f4; } .ladderSelector { position: relative; } .ladderSelector ul.ladderList { width: 285px; height: 390px; overflow: auto; border: 1px solid #bbb; } .ladderSelector ul.ladder_move { cursor: move !important; } .ladderSelector ul.ladder_move li { cursor: move !important; } .ladderSelector ul.ladderList li { display: block; cursor: pointer; padding: 5px 0 3px 8px; } .ladderSelector ul.ladderList li.disabled { color: #999; } .ladderSelector ul.ladderList li.selected { background: #ececec; } .ladder_ghost { display: none; background: url(http://i1.daumcdn.net/pimg/blog4/admin/img_dot_a1.gif) repeat-x !important; height: 1px; overflow: hidden; font-size: 0; line-height: 0; cursor: move; } .ladderSelector .ladder_ghost { display: block; padding: 0 !important; margin: 0 !important; } .ladder_dragComponent { display: none; position: absolute; z-index: 20; width: 180px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); } .ladder_dragComponent li { overflow:hidden; padding: 7px 0 6px 12px; position:relative; z-index:10; background-color: #fff; border: 1px solid #cdcdcd; cursor: default; margin-bottom: 1px; line-height: 1.0; } .ladder_dragComponent li span { font-size: 9px; float: right; padding: 2px 4px 0 0; line-height: 0; display: none; } .ladder_bottom { float:right; margin-top: 5px; } .ladder_move { float: right; } .ladder_move a { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_editbt.gif) no-repeat; width: 20px; height: 20px; float: left; margin: 0 0 0 2px; text-indent: -9999em; overflow: hidden; } .ladder_move a.ladder_btn_uf { background-position: 0 0; } .ladder_move a.ladder_btn_u { background-position: 0 -50px; } .ladder_move a.ladder_btn_d { background-position: 0 -75px; } .ladder_move a.ladder_btn_df { background-position: 0 -25px; } /* 내글 백업 - 백업신청*/ .cafebackupFieldset { padding-top: 26px; padding-bottom:30px; padding-left: 0; padding-right: 0; border: none; margin: 0; } .cafebackupFieldset .emptyData { border-bottom: 1px solid #efefef; font-weight: bold; color: #999; letter-spacing: -1px; } .cafebackupFieldset dl { margin-bottom:26px; padding-left: 10px; } .cafebackupFieldset dt { width:113px; float:left; display:inline; font-weight:bold; text-indent:9px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet.gif) 0 5px no-repeat; } .cafebackupFieldset dd { margin-left:110px; margin-right: 65px; } .cafebackupFieldset .current_cafe { text-indent:11px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/icon_depth.gif) 0 2px no-repeat; } .cafebackupFieldset ul.subcafe { margin-top:7px; padding:7px 0 4px 11px; border-top:1px solid #f1f3f5; background-color:#fafbfc; } .cafebackupFieldset ul.subcafe li { padding-bottom:3px; } .cafebackupFieldset ul.subcafe li input, #cafebackup-apply ul.subcafe li label { vertical-align:middle; } .cafebackupFieldset ul.desc { margin-top:23px; padding-top:10px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_dots.gif) 0 0 repeat-x; } .cafebackupFieldset ul.desc li { color:#999; font-size:11px; line-height:18px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/bullet2.gif) 0 50% no-repeat; text-indent:9px; } .cafebackupFieldset ul.desc li.last { background:none; } .cafebackupFieldset p.button { margin-top:25px; padding-top:16px; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/backup/line_bottom.gif) 0 0 repeat-x; } .cafebackupFieldset p.button a { display:block; width:98px; height:27px; margin:0 auto; text-indent:-9999em; overflow:hidden; background:transparent url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_backup.gif) 0 0 no-repeat; } /* 내글 백업 - 백업확인 */ #cafebackup-desc { margin-top:36px; padding-left:14px; } #cafebackup-desc p { color:#666; margin-bottom:11px; line-height:16px; font-family: 돋움 dotum sans-serif; font-size: 11px; } .top_desc { padding-bottom: 26px; padding-left: 12px; line-height: 18px; } .top_desc a, .top_desc a:hover, .top_desc a:link, .top_desc a:visited { font-family: 돋움 dotum sans-serif; font-size: 11px; letter-spacing: -1px; text-decoration: underline; } .top_desc .arrow { font-size: 7px; padding-right: 8px; } .cafe_backup li.line {width: 393px;} /*소모임 종료 */ .top_desc .mgrp_msg { color:#ff5d38;margin-top:15px; } .top_desc .mgrp_msg span { font-weight:bold; letter-spacing:-1px; } .cafe_backup li a { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/tab_backup.gif); } .backup_apply_on { background-position: 0 0; } .backup_apply_off { background-position: 0 -33px; } .backup_confirm_on { background-position: -139px 0; } .backup_confirm_off { background-position: -139px -33px; } .content_wrap { margin-top: 30px; } .cafebackupTable { width: 673px; } .cafebackupTable th { text-align: left; } .cafebackupTable .th_cafe_name { text-align: center; } .cafebackupTable tr.first { font-family: 돋움 dotum sans-serif; color: #444; } .cafebackupTable td.first { font-family: 돋움 dotum sans-serif; color: #444; } .cafebackupTable .cafe_name { text-indent: 19px; } .cafebackupTable .cafe_name a { display: block; float: left; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_somoim.gif); text-indent: -9999em; overflow: hidden; width: 37px; height: 10px; margin-top: 2px; margin-left: 9px; } .cafebackupTable .cafe_name .title { float: left; } .cafebackupTable .cafe_name .close { background-position: 0 0; } .cafebackupTable .cafe_name .open { background-position: 0 -25px; } .cafebackupTable .complete_date { padding-left: 0px; font-size: 11px; font-family: tahoma verdana sans-serif; color: #999; text-indent: 0px; } .cafebackupTable td.inspecting { color: #ff5d38; font-family: 돋움 dotum sans-serif; padding-left: 10px; } .cafebackupTable .cv_dlnk { padding-left: 0px; text-indent: -9999em; overflow: hidden; } .cafebackupTable .cv_dlnk span { display: block; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_download.gif); background-repeat: no-repeat; width: 62px; height: 20px; background-position: 0 -25px; } .cafebackupTable .cv_dlnk a { display: block; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_download.gif); background-repeat: no-repeat; width: 62px; height: 20px; background-position: 0 0; } .cafebackupTable .cv_drem { padding-left: 0px; color: #999; letter-spacing: -1px; } .cafebackupTable .cv_drem strong { color: #48b5d3; } .cafebackupTable tr.open td { border-bottom: 1px dotted #d5d5d5; } .cs_group td.hidden { display: none; } .cs_group td.cs_group_td { padding-top: 3px; padding-right: 0; padding-bottom: 4px; padding-left: 0; } .cs_group td.cs_group_td table { width: 673px; padding: 0; margin: 0; } .cs_group td.cs_group_td td { padding: 0; border-bottom: 0px; } .cs_group td.cs_group_td td.cv_name { width: 379px; height: 26px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/img_enter.gif); background-repeat: no-repeat; background-position: 17px 10px; padding-left: 13px; } .cs_group td.cs_group_td td.cv_sche { font-size: 11px; font-family: tahoma verdana sans-serif; color: #999; text-indent: 0px; } .bottom_desc { margin: 40px 0 30px; } .bottom_desc li { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/dot_03.gif); background-repeat: no-repeat; background-position: 0 7px; padding-left: 10px; font-size: 11px; color: #999; margin-left: 12px; line-height: 18px; letter-spacing: -1px; } /* 카페 그룹 관리 팝업 */ .popup_window { margin: 0; padding: 0; letter-spacing: -1px; font-family: 돋움, dotum, sans-serif; color: #444; } .wrap-msg { width: 293px; height: 348px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 10px; } .wrap-msg .group_editor { padding-top: 18px; padding-left: 15px; border-top: 2px solid #6666ff; float: left; padding-right: 15px; } .msg-header { padding-bottom: 8px; } .msg-header h2 { margin: 0; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_rlpop.gif) no-repeat 5px 3px; padding-left: 15px; font: bold 13px 굴림, gulim, sans-serif; color: #6666ff; display: block; } .main_div { font-size: 12px; font-weight: bold; padding-top: 8px; float: left; } .main_div span, .group_noti { font-size: 11px; color: #999; font-weight: normal; } .main_div span .name_size { color: #65b0d8; font-weight: bold; } .main_div input { border:1px solid #d4d4d4; height:17px; padding: 1px; vertical-align:middle; width:165px; margin-left: 6px; margin-right: 2px; } .group_editor { width: 263px; } .group_editor ul { position: relative; float: left; padding: 3px 4px; width: 253px; height: 150px; border:1px solid #d4d4d4; vertical-align: middle; margin-bottom: 7px; overflow-y: auto; } .group_editor ul li { list-style: none; font-size: 12px; padding-top: 4px; padding-left: 5px; padding-right: 5px; cursor: pointer; height: 19px; letter-spacing: -1px; } .group_editor ul li.on { position: relative; background-color: #ececec; } .group_editor ul li input { position: absolute; top: 1px; left: 2px; height: 16px; font-family: 돋움, dotum, sans-serif; font-size: 12px; letter-spacing: -1px; } .group_editor ul .noti_box { position: absolute; left: 2px; top: 24px; z-index: 10; background-color: #ffffe7; border: 1px solid #b4b4b4; width: 162px; height: 18px; padding-top: 5px; padding-left: 3px; font-family: 돋움, dotum, sans-serif; color: #444; font-size: 11px; } .button_div { margin-bottom: 5px; float: left; width: 263px; } .move_div { float: left; } .move_div a { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_editbt.gif); background-repeat: no-repeat; overflow: hidden; display: block; width: 20px; height: 20px; text-indent: -9999em; float: left; margin-right: 2px; cursor: pointer; } .move_div .top_btn { background-position: 0 0; } .move_div .up_btn { background-position: 0 -50px; } .move_div .down_btn { background-position: 0 -75px; } .move_div .bottom_btn { background-position: 0 -25px; } .action_div { float: right; } .action_div a { background-repeat: no-repeat; overflow: hidden; display: block; text-indent: -9999em; float: left; cursor: pointer; } .action_div .add_btn { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_gropinsert.gif); width: 62px; height: 21px; margin-right: 2px; } .action_div .del_btn { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_gropdel.gif); width: 42px; height: 21px; } .group_noti { clear: both; margin-left: 15px; padding-top: 18px; } .footer_btn { float: left; border-top: 1px solid #d4d4d4; margin-top: 18px; padding-top: 10px; width: 188px; padding-left: 105px; } .footer_btn a { display: block; width: 39px; height: 23px; text-indent: -9999em; overflow: hidden; float: left; } a.bt_submit { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_popok.gif); } a.bt_cancel { background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bt_popcancel.gif); margin-left: 4px; } /* 로딩레이어 */ #loadingLayer { position: absolute; z-index: 9999; width: 170px; height: 34px; padding: 10px 0 0 14px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_loading2.png) no-repeat; } * html #loadingLayer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_loading2.png', sizingMethod='crop'); } #loadingIcon { position: absolute; top: 14px; left: 22px; } /* 카페게임 */ #cLeftSmall #loginBoxWrap { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/bg_cafegame_v1.gif") no-repeat 0 0 #FFF; height: 69px; padding: 31px 0 8px 15px; } #cLeftSmall #loginBoxWrap .setting { top: 12px; left: 15px; } #cLeftSmall #loginForm .uid input, #cLeftSmall #loginForm .upw input{ width: 88px; } #cLeftSmall #loginForm .btn { position: absolute; top: 34px; left: 120px; width: 60px; } #cLeftSmall #btnLogin { width: 49px; height: 21px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_login_cafegame.gif) no-repeat 0 -50px; } #cLeftSmall #loginForm .find a { font-size: 11px; color: #74789b; letter-spacing: -1px; } #cLeftSmall .loginBtn { clear: both; padding: 9px 0 0 18px; } #cLeftSmall .loginBtn a { display: block; float: left; width: 73px; height: 25px; background-image: url(http://i1.daumcdn.net/cafeimg/top7/cafe/btn_login_cafegame.gif); background-repeat: no-repeat; text-indent: -1000em; overflow: hidden; } #cLeftSmall .loginBtn a.makeCafebtn { background-position: 0 -100px; padding: 0; } #cLeftSmall .loginBtn a.myCafeListbtn { background-position: 0 -150px; margin-left: 2px; } .smallWidthBack #wrap_sub_content { width: 677px; } .cafeSNG_flash { width: 677px; height: 259px; background: #F0F0F0; } .cafeSNG_tab { height: 33px; margin: 25px 0 0 0; } .cafeSNG_tab ul { background-image:url("http://i1.daumcdn.net/cafeimg/top7/cafe/tab_cafegame.gif"); background-repeat: no-repeat; height: 33px; } .cafeSNG_tab li { float: left; } .cafeSNG_tab li a { display: block; width: 120px; height: 33px; text-indent: -1000em; overflow: hidden; } .cafeSNGList .cafeGame ul { background-position: 0 0; } .cafeSNGList .cafeRanking ul { background-position: 0 -50px; } .cafeSNGList .memberRanking ul { background-position: 0 -100px; } .cafeSNGList h3 { display: none; } .cafeSNGList .bbsHeader { height: 41px; padding: 0 5px 0 9px; } .cafeSNGList .gameSelect { float: left; padding: 11px 0 0 0; } .cafeSNGList .gameSelect select { vertical-align: baseline; width: 145px; height: 20px; margin: 0 0 0 4px; } .cafeSNGList .sortType { float: right; padding: 15px 2px 0 0; width: 230px; } .cafeSNGList .sortType .sortSelect { float: left; } .cafeSNGList .sortType .vBar { margin-left: 6px; padding-left: 2px; } .cafeSNGList .sortType .fNum { float: left; margin-left: 15px; font-size: 11px; line-height: 11px; font-family: tahoma, sans-serif; color: #999; } .cafeSNGList .monthCal { display: none; position: absolute; margin: 15px 0 0 0; } .cafeSNGList .monthCal ul { width: 150px; } .cafeSNGList .monthCal li { float: left; width: 30px; height: 20px; line-height: 20px; text-align: center; } .cafeSNGList .bbsList { width: 100%; margin-bottom: 30px; } .cafeSNGList .bbsList th { height: 27px; padding-top: 1px; border-top: 2px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; font-size: 11px; color: #666; letter-spacing: -1px; } .cafeSNGList .bbsList th a, .cafeSNGList .bbsList th a:hover { font-size: 11px; color: #666; } .cafeSNGList .bbsList td { height: 35px; text-align: center; } .cafeSNGList .bbsList td.rank img { width: 20px; height: 27px; } .cafeSNGList .bbsList .noData { height: 100px; color: #999; } .cafeSNGList .bbsList .bottomLine { border-bottom: 1px solid #D4D4D4; height: 6px; } .cafeSNGList .rank1 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank01.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank01.png', sizingMethod='crop'); } .cafeSNGList .rank2 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank02.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank02.png', sizingMethod='crop'); } .cafeSNGList .rank3 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank03.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank03.png', sizingMethod='crop'); } .cafeSNGList .rank4 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank04.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank04.png', sizingMethod='crop'); } .cafeSNGList .rank5 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank05.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank05.png', sizingMethod='crop'); } .cafeSNGList .rank6 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank06.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank06.png', sizingMethod='crop'); } .cafeSNGList .rank7 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank07.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank07.png', sizingMethod='crop'); } .cafeSNGList .rank8 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank08.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank08.png', sizingMethod='crop'); } .cafeSNGList .rank9 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank09.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank09.png', sizingMethod='crop'); } .cafeSNGList .rank10 { background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank10.png") no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.daumcdn.net/cafeimg/top7/cafe/ico_rank10.png', sizingMethod='crop'); } .cafeSNGList .bbsList td.rank { font-weight: bold; } .cafeSNGList .bbsList td.cafe { padding-left: 3px; text-align: left; } .cafeSNGList .bbsList td.cafe img { vertical-align: middle; margin-right: 3px; } .cafeSNGList .bbsList td.members { font-size: 11px; font-family: tahoma, sans-serif; color: #999; } .cafeSNGList .bbsList td.total { font-size: 11px; font-family: tahoma, sans-serif; color: #999; } .cafeSNGList .bbsList td.bestscore { font-size: 11px; font-family: tahoma, sans-serif; color: #999; } .cafeSNGList .bbsList td.selected { font-weight: bold; color: #666; } .cafeSNGList .bg_sub { background: #F7F7F7; } .arrowDown { background:url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif") no-repeat 100% -146px; padding: 0 9px 0 0; } .arrowDownDim { background:url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif") no-repeat 100% -171px; padding: 0 9px 0 0; } .cafeSNGList .articlePaging { border-top: 1px solid #ECECEC; } #cafeSubMenu .noData { padding: 10px 0 20px 0; color: #999; text-align: center; } #cafeSubMenu h3 { clear: both; height: 22px; padding: 13px 15px 0 15px; margin: 7px 0 0 0; border-top: 1px solid #ebebeb; font-weight: bold; letter-spacing: -1px; } #cafeSubMenu h3 a { float: left; font-weight: bold; letter-spacing: -1px; } /* 기존 내카페쪽 수정 요 */ #cafeSubMenu h3 a.myCafeTitle { width: 100%; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_openarrow.gif) 100% 3px no-repeat; } #cLeftSmall #cafeSubMenu h3.menu_top { padding-top: 14px; margin: 0; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/bg_leftwingtop.gif) no-repeat; border: none; } #cafeSubMenu h3.menu_cafe { padding-top: 12px; } #cafeSubMenu h3.mybackup a { background: none; } #cafeSubMenu h3 a.link_mycafe { float: left; width: auto; background: none; } #cafeSubMenu h3 a.link_group { float: right; width: auto; background: none; color: #999; font-size: 11px; font-weight: normal; text-decoration: underline; letter-spacing: -1px; } #cafeSubMenu h4 { clear: both; padding: 1px 0 8px 15px; } #cafeSubMenu h4.menu_all { padding: 0 0 4px 15px; } #cafeSubMenu .cafe_banner { clear: both; margin-top: 12px; text-align: center; } #cafeSubMenu img.ico_backup { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) 0 -50px no-repeat;} #cafeSubMenu img.ico_favor { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) no-repeat;} #cafeSubMenu img.ico_cafeall { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_leftwing.gif) 0 -25px no-repeat;} #cafeSubMenu .mycafe_list { margin: 0 0 10px 20px; } #cafeSubMenu .mycafe_list li { padding: 4px 0 4px 12px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_dot_3.gif) repeat-y; } #cafeSubMenu .mycafe_list li.last { background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/mycafe/ico_dot_2.gif) no-repeat; } #cafeSubMenu .mycafe_list li span.count { color: #999; font-size: 11px; } #cafeSubMenu h4 .selected, #cafeSubMenu .mycafe_list .selected { font-weight: bold !important; text-decoration: underline; letter-spacing: -1px; } #cafeSubMenu .bottom_space { margin: 0; height: 50px; } #cafeSubMenu .subBoxTitle { padding: 6px 7px 0 0; margin: 0 7px; background: #F9F9F9; height: 20px; border: 1px solid #F0F0F0; border-bottom: none; } #cafeSubMenu .subBoxTitle h4 { float:left; padding: 1px 0 8px 7px; width: 125px; height: 6px; overflow: hidden; } #cafeSubMenu .subBoxTitle .box-navi { width: 25px; } #cafeSubMenu .subBoxCont { padding: 0 7px 9px 8px; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; } #cafeSubMenu #gameList { margin: 0 7px 0 7px; border-bottom: 1px solid #F0F0F0; } #cafeSubMenu #gamelive_2 .liveGameInfo { border-top: 1px solid #F0F0F0; } #cafeSubMenu .box-navi { position: static; } #cafeSubMenu h3.gameLive { margin-top: 5px; } #cafeSubMenu .liveGameInfo { padding: 11px 0 2px 0; } #cafeSubMenu .gameThumb { float: left; width: 29px; height: 29px; margin: 0 9px 0 0; } #cafeSubMenu .gamename { display: inline-block; margin: 1px 0 2px 0; } #cafeSubMenu .gamedetail { color: #666; font-size: 11px; } #cafeSubMenu .fcPoint { font-family: tahoma, sans-serif; font-size: 11px; letter-spacing: 0; } #cafeSubMenu .liveGameRe { clear: both; } #cafeSubMenu .liveGameRe li { width: 151px; height: 13px; overflow: hidden; padding: 6px 0 0 0; } #cafeSubMenu .liveGameRe li a { line-height: 1.4; } #cafeSubMenu .popGameList { height: 120px; margin: 0 0 0 15px; } #cafeSubMenu .popGameList li { float: left; clear: both; width: 126px; height: 22px; padding: 1px 15px 0 24px; margin: 1px 0 0 0; } #cafeSubMenu .popGameList a { float: left; } #cafeSubMenu .popGameList span { float: right; width: 15px; background-image: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_up_spr.gif"); background-repeat: no-repeat; text-indent: -1000em; overflow: hidden; } #cafeSubMenu .popGameList .new { background-position: 0 2px; } #cafeSubMenu .popGameList .up { background-position: 3px -24px; } #cafeSubMenu .popGameList .stay { background-position: 3px -46px; } #cafeSubMenu .popGameList .down { background-position: 3px -74px; } #cafeSubMenu .gameNoticeList li { width: 160px; height: 18px; clear: both; float: left; padding: 0 5px 0 15px; } #cafeSubMenu .clearEl { width: 100%; height: 1px; overflow: hidden; } #cafeSubMenu .gameNoticeList li.goGame a { background:url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif") no-repeat 100% 2px; padding: 0 4px 0 0; } #cafeSubMenu .gameNoticeList li a { float: left; } #cafeSubMenu .update, .cafeSNGList .update { float: left; background:url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_n_v1.gif") no-repeat; width:8px; height: 8px; margin: 2px 0 0 4px; text-indent: -1000em; overflow: hidden; } #cafeSubMenu .gameRecentList li { height: 18px; padding: 0 5px 0 15px; } #cafeSubMenu .gameRecentList li a { background:url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif") no-repeat 100% 2px; padding: 0 4px 0 0; } /* 공식 게임카페 리스트 */ #cafeSubMenu #officialGame {position:relative; padding-bottom: 11px;} #cafeSubMenu #officialGame h3 {height:20px;} #officialGame .game_list {float: left; clear: both;} #officialGame .game_list li {float:left; width:47px; height: 47px; padding:3px;} #cafeGameListButton {position:absolute; top:13px; right:14px; width: 25px;} #cafeGameListButton a{display: block; width: 13px; height: 13px; background: url(http://i1.daumcdn.net/cafeimg/top7/cafe/bt_move.gif) no-repeat; text-indent: -9999em; overflow: hidden; float: left;} #cafeGameListButton .next{width: 12px; background-position: -13px 0; margin: 0;} #cafeGameListButton .opacity {cursor:default;opacity: 0.5; -moz-opacity: 0.5; filter: Alpha(opacity=50); -ms-filter: "Alpha(opacity=50)";} #officialGameListWrap{width:159px; height: 106px; overflow:hidden; padding: 0 6px 0 12px;} #officialGameListWrap .game_list a{display:block;width:47px; height: 47px;color:#fff; padding:0; margin:0;} #officialGameListWrap .game_list a:hover{background-color: #000; filter:Alpha(Opacity=60);opacity:0.6; text-indent: 0; color:#fff; text-decoration:none; text-align: center;} #officialGameListWrap .game_list a .outer {position:relative;display:table;width:47px;height:47px;vertical-align:middle;} #officialGameListWrap .game_list a:hover .outer {*cursor:hand;} #officialGameListWrap .game_list a .outer .game_name{display:none;font-size:11px;letter-spacing: -1px;line-height:13px\0/;*line-height:13px;} #officialGameListWrap .game_list a:hover .outer .game_name{position:relative;display:table-cell;padding:0;vertical-align:middle;*display:block;*cursor:hand;} #officialGameListWrap .game_list a .outer, #officialGameListWrap .game_list .outer .game_name {*display:block; *height:auto;} #officialGameListWrap .game_list a .outer {*top:50%;} #officialGameListWrap .game_list a .outer .game_name {*top:-50%; } .cafeSNG_banner { width: 677px; height: 259px; } .cafeSNG_banner div { position: absolute; display: block; text-indent: -1000em; overflow: hidden; } .cafeSNG_tab { width: 677px; height: 33px; margin: 25px 0 0 0; } .cafeSNG_tab ul { background-image:url("http://i1.daumcdn.net/cafeimg/top7/cafe/tab_cafegame_n.gif"); background-repeat: no-repeat; height: 33px; } .cafeSNG_tab li { float: left; } .cafeSNG_tab li a { display: block; width: 120px; height: 33px; text-indent: -1000em; overflow: hidden; } .cafeSNGList .cafeGame ul { background-position: 0 0; } .cafeSNGList .cafeRanking ul { background-position: 0 -50px; } .cafeSNGList .memberRanking ul { background-position: 0 -100px; } .cafeSNGList h3 { display: none; } .cafeSNG_cafeGame { float: left; padding: 4px 0 50px 0; } .cafeSNG_cafeGame ul { width: 677px; float: left; } .cafeSNG_cafeGame li.oddNum { float: left; width: 313px; padding: 18px 42px 12px 5px; border-bottom: 1px solid #EFEFEF; } .cafeSNG_cafeGame li.evenNum { float: right; width: 312px; border-bottom: 1px solid #EFEFEF; padding: 18px 5px 12px 0; } .cafeSNG_cafeGame li.lastLine { border-bottom: none; } .cafeSNG_cafeGame .gameThumb { float: left; width: 47px; height: 47px; margin: 0 10px 0 0; border: 1px solid #DBDBDB; } .cafeSNG_cafeGame .liveGameInfo { float: left; width: 180px; height: 65px; } .cafeSNG_cafeGame dt { height: 18px; padding: 1px 0 0 0; } .cafeSNG_cafeGame dt a { float: left; } .cafeSNG_cafeGame dd { clear: both; height: 18px; } .cafeSNG_cafeGame .gameDes a { font-size: 11px; } .cafeSNG_cafeGame .gamedetail { color: #666; font-size: 11px; letter-spacing: -1px; } .cafeSNG_cafeGame .gamedetail .fcPoint { font-family: tahoma, sans-serif; letter-spacing: 0; padding: 0 0 0 4px; } .cafeSNG_cafeGame .liveGameRe { clear: both; } .cafeSNG_cafeGame .liveGameRe li { padding: 6px 0 0 0; } .cafeSNG_cafeGame .btn_playGame { display: block; background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/btn_cafegame.gif") no-repeat 0 -50px; width: 68px; height: 24px; text-indent: -1000em; overflow: hidden; text-indent: -1000em; } .cafeSNG_cafeGame ol { clear: both; float: left; width: 240px; height: 63px; } .cafeSNG_cafeGame ol li { clear: both; height: 19px; margin: 2px 0 0 0; padding: 0 0 0 21px; } .cafeSNG_cafeGame ol li.rank01 { background: url("http://i1.daumcdn.net/cafeimg/cf_img4/design/home/img_medal_s01.gif") no-repeat; } .cafeSNG_cafeGame ol li.rank02 { background: url("http://i1.daumcdn.net/cafeimg/cf_img4/design/home/img_medal_s02.gif") no-repeat; } .cafeSNG_cafeGame ol li.rank03 { background: url("http://i1.daumcdn.net/cafeimg/cf_img4/design/home/img_medal_s03.gif") no-repeat; } .cafeSNG_cafeGame .btn_rankingMore { float: right; background: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif") no-repeat 100% -22px; padding: 0 7px 0 0; margin: 45px 0 0 0; } /* calendar */ .cafeGameBody dl.mon-selector { position:absolute; margin: 17px 0 0 0; width:148px; border: 1px solid #E1E6E6; } .cafeGameBody dl.mon-selector dt { background-color:#f0f0f0; height:22px; line-height: 23px; border-bottom: 1px solid #E1E6E6; text-align: center; font-weight: bold; font-size: 11px; position: relative; } .cafeGameBody dl.mon-selector dd { height: 64px; padding:7px 8px; margin:0; background: #FFF; } .cafeGameBody dl.mon-selector dd ul { margin:0; padding:0; list-style:none; } .cafeGameBody dl.mon-selector dd li { float:left; margin:0 4px 3px 0; } .cafeGameBody dl.mon-selector dd li.first { clear:left; } .cafeGameBody dl.mon-selector dd li.last { margin-right:0; } .cafeGameBody dl.mon-selector dd li.btm { margin-bottom:0; } .cafeGameBody dl.mon-selector dd li a, .cafeGameBody .mon-selector dd li span { display:block; width:30px; height:20px; text-align:center; line-height:20px; font-family:"돋움"; font-size:11px; } .cafeGameBody .mon-selector dd li span { color: #999; } .cafeGameBody dl.mon-selector dd li a.bg:hover { background-color:transparent; text-decoration:none; } .cafeGameBody dl.mon-selector dd li .disable_calendar {background-color:transparent !important;} .cafeGameBody dl.mon-selector dd li a.selected { width:28px; height:18px; line-height:18px; background-color:transparent; } .cafeGameBody dl.mon-selector, .cafeGameBody .mon-selector dd li a.selected { border: 1px solid #E1E6E6; } .cafeGameBody dl.mon-selector dt a { display: block; position: absolute; top: 7px; width: 5px; height: 7px; background-image: url("http://i1.daumcdn.net/cafeimg/top7/cafe/ico_arrow_cafegame.gif"); background-repeat: no-repeat; text-indent: -999em; overflow: hidden; } .cafeGameBody dl.mon-selector .calPre { left: 8px; background-position: 0 -125px; } .cafeGameBody dl.mon-selector .calPre_dim { left: 8px; background-position: 0 -100px; } .cafeGameBody dl.mon-selector .calNext { left: 135px; background-position: 0 -75px; } .cafeGameBody dl.mon-selector .calNext_dim { left: 135px; background-position: 0 -50px; } #darkBg {z-index:999999; position:fixed; top:0; left:0; background-color:#000;width:100%;height:100%;background-color:#000;opacity:0.5; filter:alpha(opacity=50);} * html #darkBg {position:absolute;} .light_box {position:fixed; z-index:1000000;} * html .light_box {position:absolute;} /* mobile redirect */ #redirect_mobile { padding:40px 0px 46px 40px; margin-top:25px; border-top:1px solid #e6e6e6; background:#f6f6f6;} #redirect_mobile .btn_go_mobile { display:block; width:430px; height:115px; text-align:center; color:#333; font-size:40px; font-weight:bold; line-height:110px; text-decoration:none; background:url(http://i1.daumcdn.net/icon/mobile/simple/polaris/2010_common/bt_move1.png) no-repeat; } #redirect_mobile .btn_go_mobile span { padding-left:60px; background:url(http://i1.daumcdn.net/icon/mobile/simple/polaris/2010_common/bt_move_arrow.gif) no-repeat 0 50%; font-family:굴림, gulim, sans-serif; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #redirect_mobile { padding-top:0; padding-bottom:0; } #redirect_mobile .btn_go_mobile { -webkit-transform-origin:0% 50%; -webkit-transform:scale(0.5); } }