@charset "utf-8"; /******* ReSet! ******/ body{ font-size:12px; color:#6d6d6d; margin:0px; padding:0px 15px 0px 15px; font-family:돋움,Dotum, arial, helvetica, sans-serif; /* font-family:맑은 고딕,"Malgun Gothic",나눔고딕,"NanumGothic","NanumGothicOTF",돋움,"Dotum","Verdana","AppleGothic","sans-serif"; */ background-color:#f3f3f3; background-color:#f9f9f9; background-color:#ffffff; /* background-image:url(http://image.mixsh.com/static/img/b3/gnb_gbg.gif); background-repeat:repeat-x; */ } /*filter: expression(document.execCommand("BackgroundImageCache", false, true));*/ table, td{ border-collapse:collapse; } fieldset, form { border: none; margin:0px; padding:0px; } textarea, input, select { font-family:돋움,Dotum,Verdana, AppleGothic,sans-serif; font-size:12px; color:#6d6d6d; } img { border:0 none; vertical-align:middle; } div, p, ul, li, ol, dl, dd { margin:0px; padding:0px; border:0px; } a { color:#6d6d6d; } a:link{ text-decoration:none; } a:visited{ text-decoration:none; } a:hover{ color:#155fa9; text-decoration:none; } a:active{ text-decoration:none; } a.spotlink { color:#155fa9; text-decoration:underline; } /****** 예약어 *******/ .nodp { display:none; } .w50p { width:50%; } .w40p { width:40%; } .w33p { width:33%; } .w34p { width:34%; } .w25p { width:24.9%; } .m5r { margin-right:5px; } .m1t { margin-top:1px; } .m0 { margin:0px; } .pr { position:relative; } .fl{float:left}.fr{float:right} .png24{tmp:expression(setPng24(this));} .tbold { font-weight:bold } .ghostd { clear:both; height:0px; overflow:hidden; } .clear { clear:both; } .facebox { display:block; background-position:center center; background-repeat:no-repeat; background-color:#ffffff; border:1px #cdcdcd solid; } .facebox:hover { border-color:#5481c1; } .mlinebox { line-height:145%; } .stext_input { padding:5px 3px 3px 3px; border:1px #e4e4e4 solid; } .onlynum { font-family:Verdana, AppleGothic,sans-serif; letter-spacing:-1px; } .onlyeng { font-family:Verdana, AppleGothic,sans-serif; letter-spacing:-1px; } .alertbox { background:red; background:url(http://image.mixsh.com/static/img/bg_mosaic4.gif) repeat; border:1px #e18686 solid; } .headcopy { color:#455898; font-weight:bold; } .emptylist { background:url(http://image.mixsh.com/static/img/bg_mosaic2.gif); text-align:center; padding:30px; margin:15px 0 18px 0; border:1px #f5f5f5 solid; } .emptylist .msg { background:url(http://image.mixsh.com/static/img/icon_err.gif) no-repeat; padding:1px 0 1px 18px; color:#dd5656;} #cover { position:absolute; z-index:1000; width:100%; height:100px; left:0px; top:0px; background:#000000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; } .error_msg { margin:10px 0px 10px 0px; border:1px #d7d7d7 dashed; padding:20px; text-align:center; color:red; } .highlight_word { background:#eaf3ff; } .red_word { color:#df5454; } .green_word { color:#84a610; } a.green_word:hover { color:#75930e; } .ul_word { text-decoration:underline; } /****** Layout *******/ #wrap { width:980px; margin:0 auto 0 auto; } /****** GNB *******/ #gnb { overflow:hidden; } .gnb_ghost { clear:both; } .gnb_cover { position:absolute; width:100%; left:0; top:0; } #gnb .top_grid { border-left:1px #eeeeee solid; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid; background:url(http://image.mixsh.com/static/img/gnb_tg_bg1.gif) repeat-x; height:18px; padding:2px 10px 0 7px; } #gnb .top_grid ul { margin-top:2px; } #gnb .top_grid li { float:left; list-style:none; font-size:11px; line-height:14px; } #gnb .top_grid .lmenu { float:left; } #gnb .top_grid .lmenu li a { display:block; color:#bdbdbd; padding:0px 0 0 15px; margin-right:10px; } #gnb .top_grid .lmenu li a.m1 { background:url(http://image.mixsh.com/static/img/icon_m_blue.gif) no-repeat; } #gnb .top_grid .lmenu li a.m1:hover { background:url(http://image.mixsh.com/static/img/icon_m_blue_.gif) no-repeat; color:#255db8; } #gnb .top_grid .lmenu li a.m2 { background:url(http://image.mixsh.com/static/img/icon_m_green.gif) no-repeat; } #gnb .top_grid .lmenu li a.m2:hover { background:url(http://image.mixsh.com/static/img/icon_m_green_.gif) no-repeat; color:#a1b825; } #gnb .top_grid .rmenu { float:right; } #gnb .top_grid .rmenu li { background:url(http://image.mixsh.com/static/img/ldot_11px.gif) right 1px no-repeat; padding:0 10px 0 10px; } #gnb .top_grid .rmenu li a { display:block; } #gnb .top_grid .rmenu li a:hover { color:#7c9800; } #gnb .top_grid .rmenu li.end { background:none; padding-right:2px; } #gnb .top_grid .rmenu li a.m10 .id { color:#7c9800; font-weight:bold; } #gnb .top_grid .rmenu li a.m12 { background:url(http://image.mixsh.com/static/img/icon_t_green.gif) no-repeat; padding-left:15px; } #gnb .bi_grid { height:51px; padding:0 0px 0 4px; } #gnb .bi_grid .bi { float:left; margin:10px 0 0 0px; } #gnb .bi_grid .bi img { vertical-align:top; margin-left:3px; } #gnb .bi_grid .replynews { float:right; width:428px; margin-top:19px; margin-right:10px; font-size:11px; } #gnb .bi_grid .replynews .box { float:left; width:392px; height:15px; overflow:hidden; color:#898989; } #gnb .bi_grid .replynews .box .in { } #gnb .bi_grid .replynews .box .in .msg { width:392px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; line-height:14px; } #gnb .bi_grid .replynews .box .in .msg .nick { color:#ec7500; color:#898989; } #gnb .bi_grid .replynews .box .in .msg .m { background:url(http://image.mixsh.com/static/img/linedot_t1.gif) right 1px no-repeat; padding-right:7px; margin-right:7px; } #gnb .bi_grid .replynews .ctl { float:right; width:29px; } #gnb .bi_grid .replynews .ctl .up { display:block; float:left; width:15px; height:15px; background:url(http://image.mixsh.com/static/img/gii_1.gif) no-repeat; } #gnb .bi_grid .replynews .ctl .up:hover { background:url(http://image.mixsh.com/static/img/gii_1_.gif) no-repeat; } #gnb .bi_grid .replynews .ctl .down { display:block; float:left; width:14px; height:15px; background:url(http://image.mixsh.com/static/img/gii_2.gif) no-repeat; } #gnb .bi_grid .replynews .ctl .down:hover { background:url(http://image.mixsh.com/static/img/gii_2_.gif) no-repeat; } #gnb .bi_grid .search { float:right; width:193px; margin:12px 0 0 0; } #gnb .bi_grid .search #searchq { float:left; border:3px #1f62c2 solid; width:123px; height:16px; padding:5px 5px 0 5px; color:#2c62ae; font-weight:bold; } /*추모...........ㅁㄴㅇㅁㄴ어ㅗㄹㅇㄴ #gnb .bi_grid .search #searchq { float:left; border:3px #828282 solid; width:123px; height:16px; padding:5px 5px 0 5px; color:#2c62ae; font-weight:bold; } */ #gnb .bi_grid .search .but { float:left; margin-left:5px; } #gnb .cate_grid { height:29px; border-top:1px #dadada solid; border-right:1px #dadada solid; border-left:1px #dadada solid; background:#ffffff; } #gnb .cate_grid a { display:block; float:left; height:21px; line-height:15px; } #gnb .cate_grid li { list-style:none; } #gnb .cate_grid .mymenu { float:left; height:29px; padding-left:2px; } #gnb .cate_grid .mymenu li { float:left; padding:5px 15px 0 8px; } #gnb .cate_grid .mymenu li.myhome { background:url(http://image.mixsh.com/static/img/ldot_12px.gif) right 9px no-repeat; } #gnb .cate_grid .mymenu li a { float:left; text-align:center; color:#3a6fbb; font-weight:bold; } #gnb .cate_grid .mymenu li a span.face { display:block; float:left; margin-top:2px; width:13px; height:13px; cursor:pointer; border:1px #dadada solid; } #gnb .cate_grid .mymenu li a span.textl { display:block; float:left; padding:3px 0 0 5px; cursor:pointer; } #gnb .cate_grid .mymenu li a.havenew { padding:0 14px 0 0; background:url(http://image.mixsh.com/static/img/icon_new8.gif) right 4px no-repeat; } #gnb .cate_grid .catemenu_cover { float:left; height:29px; background:url(http://image.mixsh.com/static/img/ldot_12px.gif) 0 9px no-repeat; } #gnb .cate_grid .catemenu { float:left; height:29px; background:url(http://image.mixsh.com/static/img/ldot_12px.gif) right 9px no-repeat; } #gnb .cate_grid .catemenu li { float:left; } #gnb .cate_grid .catemenu li a { position:relative; display:block; height:21px; line-height:15px; background:url(http://image.mixsh.com/static/img/gnb_ar1.gif) right 13px no-repeat; padding:8px 20px 0px 8px; } #gnb .cate_grid .catemenu li.selected a { color:#255db8; font-weight:bold; border-left:1px #dadada solid; border-right:1px #dadada solid; background:url(http://image.mixsh.com/static/img/gnb_bg4.gif) right 0 no-repeat; padding-right:16px; padding-left:6px; margin-left:-1px;} #gnb .cate_grid .catemenu li a.minner_10 { padding-left:15px; } #gnb .cate_grid .catemenu li.selected a.minner_10 { padding-left:13px; } #gnb .cate_grid .catemenu li.selected a.minner_12 { padding-left:7px; } #gnb .cate_grid .catemenu li.selected a.minner_13 { padding-left:9px; } #gnb .cate_grid .catemenu li.selected a.minner_14 { padding-left:8px; } #gnb .cate_grid .catemenu li.selected a.minner_15 { padding-left:5px; } #gnb .cate_grid .catemenu li.selected a.minner_17 { padding-left:9px; } #gnb .cate_grid .catemenu li a.minner_16 { padding-right:25px; background-position:37px 13px; } #gnb .cate_grid .catemenu li.selected a.minner_16 { padding-right:20px; padding-left:9px; background-position:-80px 0; background-repeat:repeat-x;} #gnb .cate_grid .catemenu_pop { position:absolute; z-index:10; margin-top:32px; width:120px; background:url(http://image.mixsh.com/static/img/gnb_m_bg1.png) left bottom no-repeat; padding:0px 15px 15px 15px; } #gnb .cate_grid .catemenu_pop li { float:none; height:25px; } #gnb .cate_grid .catemenu_pop li.ldot { border-bottom:1px #f6f6f6 solid; } #gnb .cate_grid .catemenu_pop li.ldotd { border-bottom:1px #e0e0e0 solid; } #gnb .cate_grid .catemenu_pop li.ldotn { border-bottom:none; } #gnb .cate_grid .catemenu_pop li a { float:none; padding:6px 0 0px 4px; height:19px; margin:0px; line-height:15px; } #gnb .cate_grid .catemenu_pop li a:hover { border:none; font-weight:bold; margin:0px; padding:6px 0 0px 4px; } #gnb .cate_grid .catemenu_pop li.selected a { font-weight:bold; color:#255db8; } #gnb .cate_grid .quickmenu { float:right; height:29px; } #gnb .cate_grid .quickmenu li { float:left; } #gnb .cate_grid .quickmenu li a { display:block; float:left; padding:8px 9px 0 18px; } #gnb .cate_grid .quickmenu li a.minner_rrecent { background:url(http://image.mixsh.com/static/img/icon_lightning.gif) 1px 8px no-repeat; } #gnb .cate_grid .quickmenu li a.minner_rmixup { background:url(http://image.mixsh.com/static/img/icon_clock.gif) 0px 8px no-repeat; } #gnb .cate_grid_bline { width:100%; height:3px; overflow:hidden; background:#1f62c2; } /*추모... 휴 #gnb .cate_grid_bline { width:100%; height:3px; overflow:hidden; background:#828282; } */ /* #gnb .cate_grid_bc { height:30px; background:url(http://image.mixsh.com/static/img/b3/gnb_cb2.gif); } #gnb .cate_grid_bl { height:30px; background:url(http://image.mixsh.com/static/img/b3/gnb_cb1.gif) left 0 no-repeat; } #gnb .cate_grid { width:100%; height:30px; background:url(http://image.mixsh.com/static/img/b3/gnb_cb3.gif) right 0 no-repeat; } #gnb .cate_grid .cate_menu { float:left; height:30px; } #gnb .cate_grid .cate_menu li { float:left; list-style:none; background:url(http://image.mixsh.com/static/img/b3/gnb_c_o2.gif) right 0 no-repeat; } #gnb .cate_grid .cate_menu li .cbut { display:block; position:relative; padding:9px 0 7px 0; text-align:center; color:#7b7b7b; line-height:12px; } #gnb .cate_grid .cate_menu li .cbut .mbut { position:absolute; z-index:1; width:16px; height:30px; margin-top:-8px; right:0px; cursor:pointer; } #gnb .cate_grid .cate_menu li .mlist { position:absolute; z-index:2; background:#ffffff; border-left:2px #2961b5 solid; border-right:2px #2961b5 solid; border-bottom:2px #2961b5 solid; margin:30px 0 0 -1px; } #gnb .cate_grid .cate_menu li .mlist .item { display:block; color:#878787; text-align:center; padding:6px 5px 5px 5px; border-bottom:1px #e8e8e8 solid; line-height:100%; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #gnb .cate_grid .cate_menu li .mlist .item_end { border-bottom:none; } #gnb .cate_grid .cate_menu li .mlist .item:hover { color:#333333; background:#f3f3f3 } #gnb .cate_grid .cate_menu li.wide .cbut { width:75px; } #gnb .cate_grid .cate_menu li.wide .cbut:hover, #gnb .cate_grid .cate_menu li.wide .selected, #gnb .cate_grid .cate_menu li.wide .popon { color:#ffffff; width:65px; padding:9px 10px 12px 0; font-weight:bold; background:url(http://image.mixsh.com/static/img/b3/gnb_c_o_w.gif) no-repeat; margin:0 1px 0 -1px; } #gnb .cate_grid .cate_menu li.wide .popon, #gnb .cate_grid .cate_menu li.wide .popon:hover { background:url(http://image.mixsh.com/static/img/b3/gnb_c_c_w.gif) no-repeat; } #gnb .cate_grid .cate_menu li.wide .mlist { width:72x;} #gnb .cate_grid .cate_menu li.wide .mlist .item { width:68px;} #gnb .cate_grid .cate_menu li.normal .cbut { width:64px; } #gnb .cate_grid .cate_menu li.normal .cbut:hover, #gnb .cate_grid .cate_menu li.normal .selected, #gnb .cate_grid .cate_menu li.normal .popon { color:#ffffff; width:49px; padding:9px 15px 9px 0; font-weight:bold; background:url(http://image.mixsh.com/static/img/b3/gnb_c_o_n.gif) no-repeat; margin:0 1px 0 -1px; } #gnb .cate_grid .cate_menu li.normal .popon, #gnb .cate_grid .cate_menu li.normal .popon:hover { background:url(http://image.mixsh.com/static/img/b3/gnb_c_c_n.gif) no-repeat; } #gnb .cate_grid .cate_menu li.normal .mlist { width:61px;} #gnb .cate_grid .cate_menu li.normal .mlist .item { width:51px;} #gnb .cate_grid .cate_menu li.mymix .cbut { width:110px; } #gnb .cate_grid .cate_menu li.mymix .cbut:hover, #gnb .cate_grid .cate_menu li.mymix .selected { color:#ffffff; width:110px; padding:9px 0px 9px 0; font-weight:bold; background:url(http://image.mixsh.com/static/img/b3/gnb_c_o_m.gif) repeat-x; margin:0 0px 0 0px; } #gnb .cate_grid .cate_menu li.mymix .cbut #recent_feed_cnt { font-weight:bold; line-height:12px; } #gnb .cate_grid .cate_menu li.mymix .cbut #recent_feed_cnt { color:#7c9800; } #gnb .cate_grid .cate_menu li.mymix .cbut:hover #recent_feed_cnt, #gnb .cate_grid .cate_menu li.mymix .selected #recent_feed_cnt { color:#c6eb4b; } #gnb .cate_grid .cate_menu li.mymix .cbut .loading { background:url(http://image.mixsh.com/static/img/loading_15.gif) 0 4px no-repeat; } #gnb .cate_grid .cate_menu li.mymix .cbut:hover .loading, #gnb .cate_grid .cate_menu li.mymix .selected .loading { background:url(http://image.mixsh.com/static/img/loading_16.gif) 0 4px no-repeat; } #gnb .cate_grid .cate_menu li a:hover, #gnb .cate_grid .cate_menu li a.selected { color:#ffffff; font-weight:normal; background:url(http://image.mixsh.com/static/img/b3/gnb_c_o1.gif) repeat-x; font-weight:bold; } #gnb .cate_grid .cate_menu li a.mixpage { width:90px; } #gnb .cate_grid a.but_cateex { display:block; float:right; width:70px; height:30px; background:url(http://image.mixsh.com/static/img/b3/cate_mbut_o.gif) no-repeat; } #gnb .cate_grid a.but_cateex:hover { background:url(http://image.mixsh.com/static/img/b3/cate_mbut_o_.gif) no-repeat; } #gnb .cate_grid a.but_catecl { display:block; float:right; width:48px; height:30px; background:url(http://image.mixsh.com/static/img/b3/cate_mbut_c.gif) no-repeat; } #gnb .cate_grid .quick_menu { float:right; height:30px; } #gnb .cate_grid .quick_menu ul { margin:8px 10px 0 0; } #gnb .cate_grid .quick_menu ul li { float:left; list-style:none; } #gnb .cate_grid .quick_menu ul li.dot { padding-right:12px; margin-right:12px; background:url(http://image.mixsh.com/static/img/b3/gnb_tdo2.gif) right 1px no-repeat; } #gnb .cate_grid .quick_menu ul li a { color:#7b7b7b; font-size:11px; } #gnb .cate_grid .quick_menu ul li a:hover { color:#2155a5; } */ /******* Contents Layout *******/ .contents_body { margin:12px 0px 0px 0px; } #container { } .container { margin:0px 363px 0px 0px; } .container_lr { margin:0px 173px 0px 173px; } .container_l { margin:0px 0px 0px 173px; } .container_r { margin:0px 173px 0px 0px; } .container_rr { margin:0px 233px 0px 0px; } .container_f { margin:0px 0px 0px 0px; } .container_wr { margin:0px 363px 0px 0px; } /*wide right */ .container_mr { margin:0px 283px 0px 0px; } /*middle right 263 */ /* Active Page 관련 */ #postlist_activepage { } #postlist_activepage .ss { margin-top:20px; } #postlist_activepage .active_block { padding-top:20px; margin:0px 0px 0px 0px; clear:both; } .activepage_container .inner { margin:0px 173px 0px 0px; } .activepage_container .ss { float:right; } .activepage_container_wr .inner { margin:0px 363px 0px 0px; } .activepage_container_wr .ss { float:right; } .activepage_container_lr .inner { margin:0px 173px 0px 173px; } .activepage_container_lr .ss { float:right; } .activepage_container_l .inner { margin:0px 0px 0px 173px; } .activepage_container_l .ss { float:left; display:none; } .activepage_container_f .inner { margin:0px 173px 0px 0px; } .activepage_container_f .ss { float:right } .activepage_container_r .inner { margin:0px 173px 0px 0px; } .activepage_container_r .ss { float:right; } /* 툴팁팝업 */ #pop_tooltip { position:absolute; left:380px; top:200px; width:250px; padding:7px 7px 7px 7px; background:#ffffff; border:1px #c6c6c6 solid; filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; font-size:11px; line-height:15px;} .infotable { width:100%; border-top:1px #ededed solid;} .infotable a { text-decoration:underline; } .infotable tr { } .infotable tr td { padding:9px 0 8px 0; border-bottom:1px #ededed solid; } .infotable tr td.tit { width:18%; background:#f8f8f8; padding-left:10px; } .infotable tr td.item { padding-left:10px; } .infotable tr td.item .desc { margin-top:8px; color:#939393; background:url(http://image.mixsh.com/static/img/icon_chk2.gif) no-repeat; padding-left:20px; } .infotable tr td.item .desc_red { margin-top:8px; color:#df5454; font-weight:bold; background:url(http://image.mixsh.com/static/img/icon_err.gif) no-repeat; padding-left:20px; } .infotable tr td.item .textinput { width:370px; padding:3px; } .infotable .butarea { text-align:left; margin:10px 0 8px 0; } .infotable .butarea input { margin:0px; height:22px; } .infotable .butarea img { vertical-align:top; } /* 팝업 공용 */ .common_popup { position:fixed; padding:5px; left:50%; top:50%; background:#5c5c5c; } .common_popup .title { height:20px; padding:6px 6px 0 7px; background:url(http://image.mixsh.com/static/img/gpi_1.gif) 0 0 repeat-x; border-left:1px #505050 solid; border-top:1px #505050 solid; border-right:1px #505050 solid; } .common_popup .title .tstr { float:left; color:#ffffff; font-weight:bold; line-height:15px; } .common_popup .title .cbut { float:right; } .common_popup .title .cbut a { display:block; width:14px; height:13px; background:url(http://image.mixsh.com/static/img/but_popclose2.gif) no-repeat; } .common_popup .inner_box { background:#ffffff; border-left:1px #373737 solid; border-bottom:1px #4d4d4d solid; border-right:1px #373737 solid; padding:10px; background:url(http://image.mixsh.com/static/img/gpi_2.gif) 0 0 #ffffff repeat-x; } #pop_wait, .pop_wait { z-index:5000; width:300px; margin:-150px 0px 0px -150px; } #pop_wait .msg { } /* 로그인 팝업 */ #pop_member { z-index:5000; width:538px; margin:-220px 0px 0px -269px; } #pop_member .inputbox { border:1px solid #ccc; width:220px; height:15px; padding:3px; } #pop_member .login { float:left; width:240px; padding:3px 0px 0px 11px; } #pop_member .login p { margin-bottom:5px; } #pop_member .input_title { display:block; margin-top:3px; } #pop_member .login_but { margin-top:10px; margin-left:70px; } #pop_member .login_desc { background:url(http://image.mixsh.com/static/img/gicon5.gif) no-repeat; padding:2px 0px 0px 19px; color:#797979; margin-top:55px;} #pop_member .join_title { display:block; border-bottom:1px #d9d9d9 dashed; padding:1px 0px 3px 18px; margin:0px 0px 5px; font-size:12px; color:#155fa9; background:url(http://image.mixsh.com/static/img/gicon3.gif) no-repeat 0 0; } #pop_member .join { float:right; width:235px; padding:7px; background:#f5f5f5; border:1px #d9d9d9 solid;} #pop_member .join label { display:block; margin-top:3px;} #pop_member .join label span { color:#797979; } #pop_member .join #join_info { margin-left:3px; } #pop_member .join_id, .join_nick, .join_email, .join_pw { margin-bottom:5px; } #pop_member .join_but { margin:8px 0px 0px 65px;} #pop_member #join_pw2_form { display:none; margin-bottom:5px; } #pop_member .ready { display:none; } #pop_member .ok { height:14px; margin-bottom:0px; padding:1px 0px 7px 17px; background:url(http://image.mixsh.com/static/img/icon_ok.gif) no-repeat; } #pop_member .err { height:14px; margin-bottom:0px; padding:1px 0px 7px 17px; color:red; background:url(http://image.mixsh.com/static/img/icon_err.gif) no-repeat; } /* 로그인 임베디드 */ #pop_member_embed #pop_member { position:static; margin:auto; padding:10px 0 10px 0; } #pop_member_embed .common_popup { position:static; margin-top:0px; top:280px; background:#ffffff; } #pop_member_embed .common_popup .title { display:none; } #pop_member_embed .common_popup .inner_box { border:none; background:none; } #pop_member_embed_join #pop_member { position:static; margin:10px auto 20px auto; width:438px; padding:10px 0 10px 0; } #pop_member_embed_join .common_popup { position:static; background:url(http://image.mixsh.com/static/img/bg_g2.gif) repeat-x; border-top:1px #e4e4e4 solid; } #pop_member_embed_join .common_popup .title { display:none; } #pop_member_embed_join .common_popup .inner_box { border:none; background:none; padding:0px; } #pop_member_embed_join .common_popup .login { display:none; } #pop_member_embed_join .common_popup .join_title { display:none; } #pop_member_embed_join .common_popup .join { float:left; padding:0px 100px 0px 100px; border:none; background:none; } #pop_member_embed_join .common_popup .join_but { margin-top:15px; } /* 언어선택 팝업 */ #pop_language { z-index:1000; top:33px; right:161px; width:100px; background:#ffffff; border:1px #1c5a98 solid; padding:7px; } #pop_language li { list-style:none; padding:0px 0px 3px 23px; border-bottom:1px #dfdfdf dashed; margin-top:5px; } #pop_language .kr { background:url(http://image.mixsh.com/static/img/nflag/kr.gif) no-repeat;} #pop_language .en { background:url(http://image.mixsh.com/static/img/nflag/en.gif) no-repeat;} #pop_language .cn { background:url(http://image.mixsh.com/static/img/nflag/cn.gif) no-repeat;} #pop_language .jp { background:url(http://image.mixsh.com/static/img/nflag/jp.gif) no-repeat;} #pop_language .in { background:url(http://image.mixsh.com/static/img/nflag/in.gif) no-repeat;} #pop_language .it { background:url(http://image.mixsh.com/static/img/nflag/it.gif) no-repeat;} #pop_language .end { border:0px; text-align:right; padding:0px; margin-top:9px;} /* direct_play */ #pop_directplay { z-index:5000; width:628px; margin:-320px 0 0 -314px; background:#1e1e1e; border:1px #111111 solid; padding:0px; filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; } #pop_directplay .head { background:#153669; height:14px; padding:5px 5px 5px 8px; color:#d7e7ff; font-family:Verdana, AppleGothic,sans-serif; } #pop_directplay .player { margin:15px 15px 10px 15px; } #pop_directplay .title { margin:0 15px 10px 15px; color:#eaeaea; font-size:12px; background:#303030; border:1px #3a3a3a solid; padding:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .pop_directplay { left:50%; } /* 피드 추가 */ #pop_feedadd { z-index:5000; width:300px; margin:-145px 0px 0px -150px; } #pop_feedadd #pop_feedadd_body { } #pop_feedadd #pop_feedadd_addon { border-top:1px #ccc dashed; margin-top:10px; padding-top:10px; } #pop_feedadd #pop_feedadd_fuid { width:220px; padding:1px 0 1px 0;} #pop_feedadd #pop_feedadd_fname { border:1px solid #ccc; width:210px; height:12px; padding:3px; } #pop_feedadd .stitle { font-weight:bold; padding-left:18px; margin-bottom:2px; } #pop_feedadd .stitle_s { background:url(http://image.mixsh.com/static/img/icon_folder.gif) 0 0px no-repeat; } #pop_feedadd .stitle_n { background:url(http://image.mixsh.com/static/img/icon_folder_new.gif) 0 0px no-repeat; } #pop_feedadd .sdesc { color:#9a9a9a; margin-bottom:2px; } #pop_feedadd .addbut { vertical-align:top;} /* 구독방법 선택 */ #pop_feedsel { position:absolute; z-index:1; width:131px; background:#ffffff; /*background:url(http://image.mixsh.com/static/img/bg_fsp.png) no-repeat;*/ margin:-6px 0px 0 24px; } /* #pop_feedsel .inner { border:1px #dadada solid; margin:7px; } */ #pop_feedsel .inner { border:1px #d1d7dd solid; } #pop_feedsel .inner .header { font-size:11px; background:#f5f5f5; padding:8px 6px 4px 6px; height:16px; border-bottom:1px #dadada solid; line-height:14px; } #pop_feedsel .inner .header .tit { float:left; } #pop_feedsel .inner .header .but { float:right; cursor:pointer; } #pop_feedsel .inner a.but { display:block; height:28px; border-bottom:1px #e0e0e0 solid; background-position:center 2px; background-repeat:no-repeat; margin:0 5px 0 5px; } #pop_feedsel .inner a.mixsh { background-image:url(http://image.mixsh.com/static/img/feedbut/mixsh2.gif); } #pop_feedsel .inner a.hanrss { background-image:url(http://image.mixsh.com/static/img/feedbut/hanrss.gif); } #pop_feedsel .inner a.google { background-image:url(http://image.mixsh.com/static/img/feedbut/google.gif); } #pop_feedsel .inner a.wzd { background-image:url(http://image.mixsh.com/static/img/feedbut/wzd.gif); } #pop_feedsel .inner a.bloglines { background-image:url(http://image.mixsh.com/static/img/feedbut/bloglines.gif); } #pop_feedsel .inner a.but_org { display:block; width:115px; height:19px; text-align:right; padding:5px 0 0 0px; font-size:11px; line-height:14px; } /* rss chk팝업 */ #pop_chkrssinfo { z-index:5000; width:300px; height:80px; margin:-100px 0px 0px -150px; } #pop_chkrssinfo .inner_box { font-weight:bold; color:#1968c1; } /* 공지사항 */ #notice_bar { margin:0px 0px 10px 0px; background:url(http://image.mixsh.com/static/img/nbar_2.gif); height:25px;} #notice_bar .desc { float:left; height:19px; padding:6px 0px 0px 85px; background:url(http://image.mixsh.com/static/img/nbar_1.gif) no-repeat; } #notice_bar .desc a { color:#6d6d6d; text-decoration:none; } #notice_bar .but { float:right; height:25px; } #notice_bar .but img { vertical-align:top; } .ad { text-align:center; padding-top:10px; } /* 기본 컨텐츠 박스, 하얀색 배경에 테두리 있는... */ .cblock { border:1px #d1d7dd solid; background:#ffffff; padding:0 9px 9px 9px; } .cblock_center { border:1px #d1d7dd solid; background:#ffffff; padding:9px; text-align:center; } .cblock_wide { border:1px #d1d7dd solid; background:#ffffff; padding:0 20px 20px 20px; } /* 좌측메뉴 */ /*#leftbox { position:absolute; z-index:1; top:73px; left:13px; width:160px; } */ #leftbox { float:left; width:160px; overflow:hidden; } #leftbox h2 { font-size:12px; color:#474747; padding:0px; margin:0px; } /* 일반 좌측 메뉴 기본 레이아웃 */ #leftbox .menu_title { padding:7px 0px 6px 10px; background:#f5f8fe; border:1px #d7d7d7 solid; border-bottom:1px #e8e8e8 solid; } #leftbox .menu_end { height:6px; margin-top:-1px; background:url(http://image.mixsh.com/static/img/left_i3.gif) no-repeat; } #leftbox .menu_box { background-image:url(http://image.mixsh.com/static/img/left_i1.gif); background-repeat:repeat-y; background-color:#ffffff; } #leftbox .menu_box li { list-style:none; } #leftbox .menu_box li a { display:block; height:18px; padding:6px 0px 0px 10px; text-decoration:none; background:url(http://image.mixsh.com/static/img/left_i7.gif) no-repeat; line-height:14px;} #leftbox .menu_box li a:hover { color:#155fa9; background:url(http://image.mixsh.com/static/img/left_i5.gif) no-repeat; font-weight:bold; } #leftbox .menu_box li .selected { color:#155fa9; background:url(http://image.mixsh.com/static/img/left_i5.gif) no-repeat; font-weight:bold; } /* Mybox 관련 */ #leftbox .mybox_title { padding:7px 0px 6px 10px; background:#f5f8fe; border:1px #d7d7d7 solid; border-bottom:1px #e8e8e8 solid; } #leftbox .mybox_b_title { padding:7px 0px 6px 10px; height:15px; background:#f5f8fe; border:1px #d7d7d7 solid; border-bottom:1px #e8e8e8 solid; border-top:none; } #leftbox .mybox_end { height:6px; margin-top:-1px; background:url(http://image.mixsh.com/static/img/left_i3.gif) 0 0 no-repeat; } #leftbox .mybox_box { background-image:url(http://image.mixsh.com/static/img/left_i1.gif); background-repeat:repeat-y; background-color:#ffffff;} #leftbox .mybox_box li { list-style:none; vertical-align:middle; border-bottom:1px #e9e9e9 solid; margin:0px 1px 0px 1px; height:29px; } #leftbox .mybox_box li a { display:block; padding:8px 0px 6px 24px; text-decoration:none; line-height:14px; } #leftbox .mybox_box li a.read { background:url(http://image.mixsh.com/static/img/mb_recent.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.recomm { background:url(http://image.mixsh.com/static/img/mb_recom.gif) 8px 7px no-repeat; } #leftbox .mybox_box li a.scrap { float:left; width:100px; background:url(http://image.mixsh.com/static/img/mb_scrap.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.quickmenu { background:url(http://image.mixsh.com/static/img/rb_sbt2.gif) 12px 9px no-repeat; } #leftbox .mybox_box li a.regblog { background:url(http://image.mixsh.com/static/img/icon_add.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.spotlight { background:url(http://image.mixsh.com/static/img/icon_sl.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.muwidget { background:url(http://image.mixsh.com/static/img/icon_muw.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.mymwidget { background:url(http://image.mixsh.com/static/img/icon_popm.gif) 7px 7px no-repeat; } #leftbox .mybox_box li a.read:hover, #leftbox .mybox_box li a.read_selected { background:url(http://image.mixsh.com/static/img/mb_recent_.gif) 7px 6px no-repeat; color:#155fa9; font-weight:bold; } #leftbox .mybox_box li a.recomm:hover, #leftbox .mybox_box li a.recomm_selected { background:url(http://image.mixsh.com/static/img/mb_recom_.gif) 8px 6px no-repeat; color:#155fa9; font-weight:bold;} #leftbox .mybox_box li a.scrap:hover, #leftbox .mybox_box li a.scrap_selected { float:left; width:100px; background:url(http://image.mixsh.com/static/img/mb_scrap_.gif) 7px 6px no-repeat; color:#155fa9; font-weight:bold; } #leftbox .mybox_box li a.regblog:hover, #leftbox .mybox_box li a.regblog_selected { background:url(http://image.mixsh.com/static/img/icon_add_.gif) 7px 7px no-repeat; color:#155fa9; font-weight:bold;} #leftbox .mybox_box li a.spotlight:hover, #leftbox .mybox_box li a.spotlight_selected { background:url(http://image.mixsh.com/static/img/icon_sl_.gif) 7px 7px no-repeat; color:#155fa9; font-weight:bold;} #leftbox .mybox_box li a.muwidget:hover, #leftbox .mybox_box li a.muwidget_selected { background:url(http://image.mixsh.com/static/img/icon_muw_.gif) 7px 7px no-repeat; color:#155fa9; font-weight:bold;} #leftbox .mybox_box li a.mymwidget:hover, #leftbox .mybox_box li a.mymwidget_selected { background:url(http://image.mixsh.com/static/img/icon_popm.gif) 7px 7px no-repeat; color:#155fa9; font-weight:bold;} #leftbox .mybox_box li a.quickmenu:hover { color:#155fa9; font-weight:bold; } #leftbox .mybox_box li a.myblog { width:147px; padding:7px 0px 6px 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#ffffff;} #leftbox .mybox_box li a.selected { color:#155fa9; font-weight:bold; } #leftbox .mybox_box li a.myblog .favicon { margin-right:3px; } #leftbox .mybox_box li .cnt { display:block; float:right; color:#155fa9; font-size:10px; font-family:Verdana; margin:5px 3px 0px 0px; } #leftbox .quickmenu_title { padding:5px 0px 3px 10px; height:15px; background:url(http://image.mixsh.com/static/img/left_i2.gif) no-repeat; font-weight:normal;} #leftbox #feedarea { margin:11px 0px 12px 0px; background:#ffffff; border-right:1px #d7d7d7 solid; overflow:hidden; } #leftbox #feedarea a { text-decoration:none; } #leftbox #feedarea .feedtitle { height:18px; padding:5px 6px 0px 7px; background:url(http://image.mixsh.com/static/img/left_ii2.gif) no-repeat; } #leftbox #feedarea .tit { display:block; float:left; font-weight:bold; } #leftbox #feedarea .feedcnt { display:block; float:right; font-size:11px; color:#155fa9; } #leftbox #feedarea .feedmenu { height:19px; padding:5px 0px 0px 9px; background:#ffffff; font-size:11px; border-left:1px #d7d7d7 solid; } #leftbox #feedarea .feedmenu .gubun { color:#cccccc; margin:0px 2px 0px 5px;} #leftbox #feedarea .feedmenu a:hover { color:#155fa9; } #leftbox #feedarea .end { clear:both; height:6px; overflow:hidden; background:url(http://image.mixsh.com/static/img/left_ii3.gif) no-repeat; } #leftbox #feedarea .feedbox { clear:both; border-top:1px #d7d7d7 solid; border-left:1px #d7d7d7 solid; background:#ffffff; } #leftbox #feedarea .feedbox h2 { clear:both; display:block; height:25px; background:#eef3fa; font-weight:normal; padding:0px 6px 0px 6px; } #leftbox #feedarea .feedbox .tbut { display:block; float:left; margin:5px 5px 0px 0px; } #leftbox #feedarea .feedbox .box_title { display:block; float:left; width:95px; height:15px; padding:5px 5px 5px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #leftbox #feedarea .feedbox .box_cnt { display:block; float:right; font-size:11px; color:#155fa9; margin-top:4px; } #leftbox #feedarea .feedbox .item { clear:both; height:23px; padding:0px 6px 0px 10px; } #leftbox #feedarea .feedbox .item .item_handle { display:block; float:left; margin:5px 5px 0px 0px; } #leftbox #feedarea .feedbox .item .item_title { display:block; float:left; width:85px; height:12px; padding:5px 5px 5px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #leftbox #feedarea .feedbox .item .item_cnt { display:block; float:right; font-size:11px; color:#155fa9; margin-top:4px; } /* 피드박스에서 마우스 오버했을 때 속성 */ #leftbox #feedarea .item_selected, #leftbox #feedarea .tit:hover, #leftbox #feedarea .feedbox .box_title:hover, #leftbox #feedarea .feedbox .item .item_title:hover { font-weight:bold; color:#155fa9; } #leftbox .copyright {text-align:center;text-transform:uppercase;font:10px 'Trebuchet MS', Helvetica, sans-serif;color:#999;} #leftbox .publicMenu {clear:both;padding-top:12px;font-size:11px;text-align:center;} #leftbox .publicMenu a {font-weight:bold;letter-spacing:-1px;} #leftbox .publicMenu span {color:#bbb;} #pop_feedfolder_add { left:60px; margin-top:43px; width:250px; height:105px; } #pop_ondragable_desc { left:150px; margin-top:-122px; width:255px; height:162px; } .pop_layer { position:absolute; z-index:1; background:#ffffff; border:1px #3a3a3a solid; } .pop_layer .header { background:#1968c1; color:#ffffff; height:20px; padding:4px 5px 0px 5px; } .pop_layer .header .title { display:block; float:left; font-weight:bold; margin-top:2px; } .pop_layer .header .but { display:block; float:right; height:14px; } .pop_layer .body { padding:7px; } .pop_layer .body .sdesc { color:#9a9a9a; margin-bottom:0px; } .pop_layer .body #pop_feedfolder_add_name { border:1px solid #ccc; width:223px; height:12px; padding:5px; } .pop_layer .body .but { text-align:center; margin-top:5px; } /* 우측메뉴* */ #rightbox { float:right; width:350px; overflow:hidden; } #rightbox h2 { font-size:12px; color:#474747; padding:0px; margin:0px; } #rightbox_medium { float:right; width:300px; } #rightbox_ss { float:right; width:160px; } #rightbox .gab { height:10px; overflow:hidden; } #rightbox .dgab { height:15px; overflow:hidden; } #rightbox .mgab { height:14px; overflow:hidden; } #rightbox .adblock { padding:7px; } .box_gab { margin-bottom:10px; } .box_dgab { margin-bottom:15px; } .box_gab_top { margin-top:10px; } .box_gab_topd { margin-top:20px; } #rightbox .media_rank { background:#ffffff; overflow:hidden; border:1px #d6d7de solid; padding:0 10px 10px; 10px; } #rightbox .media_rank ul { } #rightbox .media_rank li { width:300px; list-style:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #rightbox .media_rank li.name { padding:4px 5px 0px 4px; } #rightbox .media_rank li.name a { color:#2b5faa; } #rightbox .media_rank li.desc { padding:1px 5px 3px 4px; border-bottom:1px #efebef solid; color:#9a9a9a; } #rightbox .media_rank li.end { border:none; } #rightbox .agreement .subTit {padding:0 0 5px 5px;color:#ff9000;font-weight:normal;letter-spacing:-1px;} #rightbox .agreement .missive {overflow-y:scroll;height:100px;padding:15px;border:1px solid #ddd;color:#888;} #rightbox .agreement .agree {padding:8px 0 0 10px;font-size:11px;color:#666;letter-spacing:-1px;} #rightbox .agreement .agree * {vertical-align:middle;} #rightbox .agreement .usedArea {margin-top:5px;padding:15px 0 30px 0;} #rightbox .agreement .privacyArea {padding-bottom:20px;} /* #rightbox .stitle { height:17px; border-bottom:1px #d6d7de solid; padding:8px 8px 3px 2px; margin-bottom:5px; line-height:120%; } #rightbox .stitle .title, #rightbox .stitle h2 { display:block; float:left; font-weight:bold; } #rightbox .stitle .title a, #rightbox .stitle h2 a { color:#2b5faa; } #rightbox .stitle .more_but { display:block; float:right; margin:0px; padding:0px;} #rightbox .stitle .quickmenu { float:right; } #rightbox .stitle .quickmenu img { vertical-align:top; } #rightbox .stitle .quickmenu .spot { color:#ff5000; } #rightbox .stitle .quickmenu a { font-size:11px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) right 4px no-repeat; padding:0 10px 0 5px; } #rightbox .stitle .quickmenu a.last { background:none; padding-right:0; } */ .sideblock { border:1px #d6d7de solid; background:#ffffff; } .sideblock .stitle { height:17px; border-bottom:1px #d6d7de solid; padding:8px 8px 3px 8px; line-height:120%; } .sideblock .stitle .title, .sideblock .stitle h2 { display:block; float:left; font-weight:bold; } .sideblock .stitle .title a, .sideblock .stitle h2 a { color:#2b5faa; } .sideblock .stitle .more_but { display:block; float:right; margin:0px; padding:0px;} .sideblock .stitle .quickmenu { float:right; } .sideblock .stitle .quickmenu img { vertical-align:top; } .sideblock .stitle .quickmenu .spot { color:#ff5000; } .sideblock .stitle .quickmenu a { font-size:11px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) right 4px no-repeat; padding:0 10px 0 5px; } .sideblock .stitle .quickmenu a.last { background:none; padding-right:0; } /*회원정보*/ #rightbox .member_info { height:156px; padding:13px; } #rightbox .member_info .photo { float:left; width:150px; } #rightbox .member_info .photo .facebox { width:150px; height:150px; border-color:#efefef; } #rightbox .member_info .tinfo { margin-left:166px; padding-top:2px; } #rightbox .member_info .tinfo .nameinfo { height:19px; font-weight:bold; } #rightbox .member_info .tinfo .introduce { margin:0 0 5px 0; color:#999999; } #rightbox .member_info .tinfo .linkinfo { font-size:12px; color:#999999; } #rightbox .member_info .tinfo .linkinfo li { list-style:none; background:url(http://image.mixsh.com/static/img/dot_gray.gif) 0 5px no-repeat; padding-left:5px; } #rightbox .member_info .tinfo .linkinfo a { text-decoration:underline; margin-right:1px; } #rightbox .member_info .tinfo .actions { height:23px; margin-top:7px; } #rightbox .member_info .tinfo .actions .butcover { float:left; width:74px; height:22px; font-size:11px; background:#ffffff; background:url(http://image.mixsh.com/static/img/myhome_skin/1/abut_bg.gif) 1px 1px no-repeat; margin-right:4px; } #rightbox .member_info .tinfo .actions .butcover_last { margin-right:0px; } #rightbox .member_info .tinfo .actions .butcover a.but { display:block; height:16px; border:1px #e0e0e0 solid; } #rightbox .member_info .tinfo .actions .butcover a.but:hover { border-color:#c9c9c9; } #rightbox .member_info .tinfo .actions .fadd { background:url(http://image.mixsh.com/static/img/myhome_skin/1/abut_fadd.gif) 10px 6px no-repeat; padding:4px 0 0 22px; } #rightbox .member_info .tinfo .actions .fcancle { background:url(http://image.mixsh.com/static/img/myhome_skin/1/abut_fcance.gif) 10px 5px no-repeat; padding:4px 0 0 22px; color:#ee7f80; } #rightbox .member_info .tinfo .actions .msg { background:url(http://image.mixsh.com/static/img/myhome_skin/1/abut_msg.gif) 7px 6px no-repeat; padding:4px 0 0 23px; } #rightbox .member_info .tinfo .actions .loading { background:url(http://image.mixsh.com/static/img/loading_19.gif) center 2px no-repeat; } #rightbox .member_info .tinfo .but_feedback { margin:7px 2px 0 2px; background:url(http://image.mixsh.com/static/img/icon_ok3.gif) no-repeat; padding-left:16px; } #rightbox .gtitle { height:18px; padding:0 1px 0 1px; } #rightbox .gtitle .str { display:block; float:left; font-weight:bold; background:url(http://image.mixsh.com/static/img/icon_ar2.gif) 0 3px no-repeat; padding-left:7px; } #rightbox .gtitle .more { display:block; float:right; font-size:11px; color:#adaead; background:url(http://image.mixsh.com/static/img/qmark.gif) right 0 no-repeat; padding-right:17px; } #rightbox .gtitle .more:hover { color:#3870bf } /* 공용 페이지 타이틀 스타일 */ .titlebar { height:30px; padding:0 0 0 5px; background:url(http://image.mixsh.com/static/img/dot_gray5.gif) 0 bottom repeat-x; } .titlebar_noline { height:29px; background:none; } .titlebar_ar { background:url(http://image.mixsh.com/static/img/icon_ar.gif) 2px 13px no-repeat; padding-left:12px; } .titlebar h1, .titlebar .title { float:left; font-size:12px; color:#3969bd; padding:0px; margin:9px 0 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; } .titlebar h1 a { color:#3969bd; } .titlebar img{ vertical-align:top; } /* 타이틀 우측 부가설명 */ .titlebar .desc { float:right; padding:9px 3px 0px 0px; color:#9a9a9a; } .titlebar .desc .dot { color:#2b5faa; background:url(http://image.mixsh.com/static/img/dot_blue2.gif) center 4px no-repeat; } /* 타이틀바 우측 컨텐츠 타입 선택 */ .titlebar ul.selector { float:left; margin-left:30px; line-height:14px; } .titlebar ul.selector li { float:left; list-style:none; width:70px; height:30px; } .titlebar ul.selector li a { display:block; position:absolute; width:70px; color:#8a8a8a; padding:9px 0px 7px 0px; text-align:center; background:url(http://image.mixsh.com/static/img/ldot_12px.gif) right 9px no-repeat; } .titlebar ul.selector li a.end { background:none; } .titlebar ul.selector li a.selected, .titlebar ul.selector li a:hover { margin-left:-2px; font-weight:bold; border-left:1px #cdd1d8 solid; border-right:1px #cdd1d8 solid; background:url(http://image.mixsh.com/static/img/sbg_1.gif) repeat-x; color:#3969bd; } /* 컨텐츠 소팅방식 */ .sortbar { border-bottom:1px #e4e6ea solid; height:28px; margin-bottom:10px; } .sortbar ul { float:left; } .sortbar ul li { float:left; list-style:none; padding:8px 15px 0px 6px; font-size:11px; line-height:14px; } .sortbar ul li a { color:#8a8a8a; } .sortbar ul li a.selected, .sortbar ul li a:hover { color:#2b5faa; text-decoration:underline; } /*.sortbar .rss { float:right; margin:6px 3px 0 0; width:16px; height:16px; cursor:pointer; }*/ .sortbar .rmenu { float:right; margin:5px 1px 0 0; } .sortbar .rmenu a.but_rss { display:block; float:left; width:20px; height:18px; background:url(http://image.mixsh.com/static/img/but_rss2.gif) no-repeat; margin-right:5px; } .sortbar .rmenu a.but_rss:hover { background:url(http://image.mixsh.com/static/img/but_rss2_.gif) no-repeat; } .sortbar .rmenu a.but_mylib { display:block; float:left; width:119px; height:18px; background:url(http://image.mixsh.com/static/img/but_mylib.gif) no-repeat; } .sortbar .rmenu a.but_mylib:hover { background:url(http://image.mixsh.com/static/img/but_mylib_.gif) no-repeat; } /* 타이틀 하단 메뉴 */ .titlemenu { border-bottom:1px #e4e6ea solid; height:21px; margin:0px 0px 9px 0px; padding:8px 10px 0px 6px; font-size:11px; line-height:14px; } .titlemenu .desc { float:left; color:#9a9a9a; } .titlemenu a.modify { display:block; float:left; color:#464646; background:url(http://image.mixsh.com/static/img/icon_modify.gif) no-repeat; padding-left:17px; } .titlemenu a.modify:hover { color:#164574; } .titlemenu a.delete { display:block; float:left; color:#464646; background:url(http://image.mixsh.com/static/img/but_del.gif) no-repeat; padding-left:15px; } .titlemenu a.delete:hover { color:#b30000; } .titlemenu .dot { display:block; float:left; width:28px; height:13px; background:url(http://image.mixsh.com/static/img/ldot_11px.gif) 12px 1px no-repeat; } /* 공용 메뉴 타이틀 하단 설명박스 */ .titledesc { background:#f8f8f8; margin:0px 0px 8px 0px; padding:10px 10px 5px 10px; } .titledesc ul { } .titledesc li { list-style:none; margin:0 0px 5px 0px; background:url(http://image.mixsh.com/static/img/dot_gray3.gif) 4px 5px no-repeat; padding-left:11px; } /* 포스트 목록 중간 SPOTLIGHT 광고 */ .postlist_spotlight { position:relative; height:28px; margin:0px 0px 0px 0px; } .postlist_spotlight .inner { font-size:12px; padding:8px 28px 0px 91px; } .postlist_spotlight .inner .msg { width:98%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:100%; } /* #postlist_activepage .ctextad { position:relative; height:26px; margin:0px 0px 0px 0px; background:url(http://image.mixsh.com/static/img/adbg_01.gif) no-repeat; padding:0px 0 1px 33px; } */ #postlist_activepage .ctextad { position:relative; height:26px; margin:0px 0px 0px 0px; padding:0px 0 1px 33px; } /* 포스트 목록 */ .postlist { border:1px #d1d7dd solid; background:#ffffff; padding:9px; } .postlist_start { padding-top:0px; } /* 미디어별 포스트목록보기 상단 미디어 설명 */ #rightbox .box { border:6px #bccde4 solid; padding:1px 10px 0px 10px; margin-bottom:13px; background:#ffffff;} #rightbox .box .desc { border-bottom:1px #e9e9e9 dashed; padding:5px 0px 5px 0px; } #rightbox .box ul { margin:10px 0px; 0px 15px; } #rightbox .box li { list-style:none; } #rightbox .box li .title { color:#155fa9; } /* .postlist .media_info { } .postlist .media_info .title { height:25px; border-bottom:1px #e9e9e9 solid; } .postlist .media_info .title h1 { float:left; border:0px; padding:4px 0px 0px 23px; font-size:14px; color:#155fa9; letter-spacing:-0.1em; height:15px; margin:0px; background:url(http://image.mixsh.com/static/img/cimg1.gif) 0 3px no-repeat; } .postlist .media_info .title .name { float:left; } .postlist .media_info .title .feedstr a { float:right; color:#6d6d6d; background:url(http://image.mixsh.com/static/img/pl_icon5.gif) no-repeat; padding:1px 0px 0px 17px; margin-top:3px; } .postlist .media_info .title .feedstr a:hover { color:#f78b43; text-decoration:none; } .postlist .media_info .desc { background:#f7f7f7; margin:0px 0px 15px 0px; padding:6px 10px 10px 10px;} .postlist .media_info .desc li { list-style:none; margin-top:3px; } .postlist .media_info .desc .text { margin-bottom:10px; } .postlist .media_info .desc .menu { padding-left:12px; font-size:11px; color:#155fa9; background:url(http://image.mixsh.com/static/img/gicon10.gif) 2px 3px no-repeat;} .postlist .media_info .desc .menu span { color:#474747; } */ #postlist_activepage .pager { position:relative; height:20px; border-bottom:2px #2e64bb solid; margin:0 0 -2px 0; padding:0px 5px 0px 5px; } #postlist_activepage .last { border:1px #d1d7dd solid; background:#ffffff; padding-top:4px;} #postlist_activepage .pager .page{ display:block; float:left; font-family:Verdana, AppleGothic,sans-serif; font-size:12px; color:#2e64bb; font-weight:bold; } #postlist_activepage .pager .topbut { float:right; } #postlist_activepage .pager .topbut a { font-family:Verdana, AppleGothic,sans-serif; font-size:12px; color:#1c5b9b; text-decoration:none; } #postlist_activepage .pager .topbut a:hover { color:#1c5b9b; } .postlist .pager_end { height:21px; border-top:1px #d1d7dd solid; margin:22px 0px 22px; background:#ffffff; padding:8px 8px 0px 8px; } .postlist .pager_end .page{ float:left; font-size:12px; color:#2e64bb; font-weight:bold; } .postlist .pager_end .topbut { float:right; } .postlist .pager_end .topbut a { font-size:12px; color:#1c5b9b; text-decoration:none; } .postlist .pager_end .topbut a:hover { color:#ff9600; } .pageend_msglink { display:block; margin-top:12px; background:url(http://image.mixsh.com/static/img/icon_msg.gif) 6px 3px no-repeat; background-color:#ffffff; border:1px #d1d7dd solid; padding:12px 9px 11px 42px; } /* 포스트 리스트 관련 */ .loading_box { border:1px #d1d7dd solid; padding:10px; text-align:center; margin-top:10px; background:#ffffff; } .loading_msg { text-align:center; } .loading_box .title, .loading_msg .title { width:100%; font-family:Verdana, AppleGothic,sans-serif; font-size:17px; color:#1c5a99; } .loading_box .desc, .loading_msg .desc { margin-top:3px; color:#7e7e7e; } /* 포스트 목록 박스 - 미니 */ .postlist_mini { } .postlist_mini .ranking { float:left; width:40px; height:40px; } .postlist_mini .ranking .fluctuation { margin-top:35px; text-align:center; background:#ffffff;} .postlist_mini .ranking .fluctuation .up { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_red_up.gif) no-repeat; color:#e79368; font-size:11px;} .postlist_mini .ranking .fluctuation .down { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_blue_down.gif) no-repeat; color:#79b4d9; font-size:11px; } .postlist_mini .ranking .fluctuation .same { padding-left:5px; background:url(http://image.mixsh.com/static/img/ar_line_gray2.gif) 0 3px no-repeat; } .postlist_mini .ranking .fluctuation .new { padding-left:16px; background:url(http://image.mixsh.com/static/img/icon_new7.gif) no-repeat; } .postlist_boxmini { height:52px; margin-bottom:3px; } .postlist_boxmini_simple { height:34px; margin-bottom:0px; } .postlist_boxmini .meter_mini { float:left; width:33px; height:33px; cursor:pointer; } .postlist_boxmini .meter_mini .wait { height:24px; padding-top:5px; text-align:center; } .postlist_boxmini .meter_mini .cnt { height:23px; padding-top:5px; text-align:center; } /* .postlist_boxmini .meter_mini .green { background:url(http://image.mixsh.com/static/img/pl_bg3.gif) no-repeat; } .postlist_boxmini .meter_mini .orange { background:url(http://image.mixsh.com/static/img/pl_bg10.gif) no-repeat; } .postlist_boxmini .meter_mini .but { margin-top:2px; height:13px; } */ .postlist_boxmini .meter_mini img { vertical-align:top; } .postlist_boxmini .info { margin:0px; padding-left:40px; padding-top:1px; } .postlist_boxmini_simple .info { padding-top:0px; } .postlist_boxmini .info li { list-style:none; line-height:14px; } .postlist_boxmini .info li.subject { } .postlist_boxmini .info li.subject { width:97%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .postlist_boxmini .info li.subject a { font-weight:normal; color:#3870bf; } .postlist_boxmini .info li.subject a:hover { color:#155fa9; } .postlist_boxmini .info li.subject a:visited { color:#aeaeae; } .postlist_boxmini .info li.desc { width:99%; margin-top:2px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#aeaeae; } .postlist_boxmini .info li.reginfo { width:99%; margin-top:3px; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#aeaeae; } .postlist_boxmini_simple .info li.reginfo { font-size:12px; margin-top:5px;} .postlist_boxmini .info li.reginfo a { color:#aeaeae; } .postlist_boxmini .info li.reginfo a:hover { color:#3870bf; } .postlist_boxmini .info li.reginfo .item { background:url(http://image.mixsh.com/static/img/fimg2.gif) right 1px no-repeat; padding-right:10px; margin-right:7px; } .postlist_boxmini .info li.reginfo .media { color:#aeaeae; background:url(http://image.mixsh.com/static/img/icon_home.gif) 1px 0px no-repeat; padding-left:16px;} .postlist_boxmini .info li.reginfo .media:hover { color:#f78000; background-image:url(http://image.mixsh.com/static/img/icon_home_.gif); } .postlist_boxmini .info li.taglist { text-overflow:ellipsis; height:13px; overflow:hidden; line-height:14px; margin-top:1px; } .postlist_boxmini .info li.taglist .item { font-size:11px; color:#aeaeae; text-decoration:none; background:url(http://image.mixsh.com/static/img/dot_gray3.gif) right 4px no-repeat; padding-right:9px; margin-right:7px; } .postlist_boxmini .info li.taglist .item_last { background:none; padding:0; margin:0; } .postlist_boxmini .info li.taglist .item:hover { color:#155fa9; } /* 랭킹표시 */ .postlist .ranking { float:left; width:75px; height:70px; } .postlist .ranking .fluctuation { margin-top:65px; text-align:center; } .postlist .ranking .fluctuation .up { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_red_up.gif) no-repeat; color:#e79368; font-size:11px; } .postlist .ranking .fluctuation .down { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_blue_down.gif) no-repeat; color:#79b4d9; font-size:11px; } .postlist .ranking .fluctuation .same { padding-left:9px; background:url(http://image.mixsh.com/static/img/ar_line_gray.gif) no-repeat; } .postlist .ranking .fluctuation .new { padding-left:16px; background:url(http://image.mixsh.com/static/img/icon_new7.gif) no-repeat; } /* 포스트 목록 박스 */ .postlist_box { padding:9px; border-top:0px #ffffff solid; border-bottom:0px #ffffff solid; margin-bottom:7px; } .postlist_box_detail { padding-left:0px;} .postlist_box .meter { float:left; width:46px; height:80px; margin:0px 10px 0px 0px; } .postlist_box .meter .cnt { height:34px; text-align:center; padding-top:9px; cursor:pointer; } .postlist_box .meter .wait { height:38px; text-align:center; margin-top:7px; } .postlist_box .thumbnail { float:left; padding:2px; border:1px #d9d9d9 solid; cursor:pointer; } .postlist_box .thumbnail img { vertical-align:top; } .postlist_box .thumbnail a { display:block; } .postlist_box .thumbnail a:visited img { filter:alpha(opacity=25); opacity:0.25; -moz-opacity:0.25 } .postlist_box .thumbnail a:hover img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1 } .postlist_box .thumbnail a .imgbut_dp { position:abso1lute; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; margin:0px 0 0px 0px; width:58px; height:12px; color:#ffffff; padding:1px 5px 0px 17px; background:url(http://image.mixsh.com/static/img/icon_dp_bg.gif) no-repeat; } .postlist_box .thumbnail a:visited .imgbut_dp { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;} .postlist_box .thumbnail a:hover .imgbut_dp { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } .postlist_box .thumbnail a .imgbut_dp .info { font-size:10px; line-height:10px; text-align:right; } .postlist_box .thumbnail a .imgbut_line { border-bottom:1px #87a32d solid; } .postlist_box .thumbnail a:visited .imgbut_line { border-bottom:1px #bed280 solid; } .postlist_box .thumbnail a:hover .imgbut_line { border-bottom:1px #87a32d solid; } .postlist_box .contents { margin-left:55px; } .postlist_box .contents_img { margin-left:151px; } .postlist_box .contents_mini { margin-left:0px; } .postlist_box .contents_img_mini { margin-left:103px; } .postlist_box .etcinfo { color:#6d6d6d; margin-bottom:10px; padding:0px 8px 2px 0px; border-bottom:1px #d7d7d7 dashed; height:16px; } .postlist_box .etcinfo .addon_info { float:left; } .postlist_box .etcinfo .addon_commend { float:right; } .postlist_box .etcinfo .newfeed { background:url(http://image.mixsh.com/static/img/icon_new2.gif) 0 3px no-repeat; padding:0px 0px 0px 23px; color:#9a9a9a; } .postlist_box .etcinfo .recomm_id { font-size:13px; color:#f78000; font-weight:normal; } /*.postlist_box .imgbut_il { position:absolute; margin:3px 0px 0px 3px; opacity:0.9; height:18px;}*/ .postlist_box ul { } .postlist_box li { list-style:none; } .postlist_box h2 { display:block; padding:0px; margin:0px 0px 4px 0px; width:98%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:15px; } .postlist_box h2 a { font-size:14px; color:#3870bf; letter-spacing:-0.04em; text-decoration:underline; } .postlist_box h2 a:visited { color:#b8b8b8; text-decoration:underline; } .postlist_box h2 a:hover { color:#155fa9; text-decoration:underline; } .postlist_box h2 img { margin-right:5px; } .postlist_box li.taglist { white-space:nowrap; text-overflow:ellipsis; height:13px; overflow:hidden; line-height:14px; margin-top:1px; } .postlist_box li.taglist .item { font-size:11px; color:#9a9a9a; text-decoration:none; background:url(http://image.mixsh.com/static/img/dot_gray3.gif) right 4px no-repeat; padding-right:9px; margin-right:7px; } .postlist_box li.taglist .item_last { background:none; padding:0; margin:0; } .postlist_box li.taglist .item:hover { color:#155fa9; } .postlist_box .contents_img li.taglist { margin-top:5px; } .postlist_box li.reginfo { height:19px; margin:3px 0px 0px 0px; color:#9a9a9a; font-size:12px; overflow:hidden;} .postlist_box li.reginfo .item { font-size:11px; color:#9a9a9a; background:url(http://image.mixsh.com/static/img/fimg2.gif) right 1px no-repeat; padding-right:9px; margin-right:7px; } .postlist_box li.reginfo a.item:hover { color:#155fa9; } .postlist_box li.reginfo .item_last { background:none; padding:0; margin:0; } .postlist_box li.reginfo .item .media { color:#9a9a9a; background:url(http://image.mixsh.com/static/img/icon_home.gif) 1px 0px no-repeat; padding-left:17px;} .postlist_box li.reginfo .item .media:hover { color:#f78000; background-image:url(http://image.mixsh.com/static/img/icon_home_.gif); } .postlist_box li.reginfo .item .catemore { background:url(http://image.mixsh.com/static/img/icon_ar_green.gif) right 2px no-repeat; padding-right:6px; } .postlist_box li.reginfo .item .catemore:hover { background-image:url(http://image.mixsh.com/static/img/icon_ar_green_.gif) } .postlist_box li.taglist { } .postlist_box li.member { float:right; padding-left:10px; } .postlist_box .command { height:16px; padding-top:6px; line-height:120%; border-top:1px #ebebeb dashed; } .postlist_box .command .item { font-size:11px; color:#9a9a9a; background:url(http://image.mixsh.com/static/img/fimg2.gif) right 1px no-repeat; padding-right:8px; margin-right:3px; } .postlist_box .command .item:hover { color:#155fa9; } .postlist_box .command .item_last { background:none; padding:0; margin:0; } .postlist_box .command .havearep { color:red; } .postlist_box .command .havereply { color:#f28c1f; } /* 리플유도 베너 ar_addon_l2.gif */ .postlist_box #pl_replybanner { margin-top:7px; margin-bottom:-5px; } .postlist_box #pl_replybanner .lar { position:relative; z-index:1; margin:0px 0 0px 60px; width:19px; height:11px; overflow:hidden; background:url(http://image.mixsh.com/static/img/ar_box.gif) no-repeat; } .postlist_box_haveimg #pl_replybanner .lar { margin-left:153px; } .postlist_box #pl_replybanner .replywrite { position:relative; border:1px #dedfef solid; height:39px; background:url(http://image.mixsh.com/static/img/bg_prew.gif) no-repeat; padding:12px 10px 0 53px; margin:-1px 0px 0px 0px; } .postlist_box #pl_replybanner .replywrite .inner { display:block; margin-right:50px; } .postlist_box #pl_replybanner .replywrite .cbut { float:right; width:28px; height:28px; background:url(http://image.mixsh.com/static/img/but_close_b.gif) no-repeat; } .postlist_box #pl_replybanner .replywrite .cbut:hover { background:url(http://image.mixsh.com/static/img/but_close_b_.gif) no-repeat; } /* .postlist_box .tagtip { position:absolute; z-index:100; margin-top:-45px; background:#f3f9ff; border:1px #c0c7cd solid; padding:3px; } .postlist_box .tagtip a { display:block; width:75px; padding:5px 5px 5px 5px; border-bottom:1px #c8d4e0 dashed; font-size:11px; color:#576b7f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .postlist_box .tagtip a:hover { display:block; background:#e5f1ff; color:#31404f; } .postlist_box .tagtip .c { border:0 none; } */ .post_addon { margin:10px 0px 0px 0px; background:#ffffff; border:1px #d3d3d3 solid; } .post_addon img { margin-right:5px; } .post_addon .lar { position:relative; margin:-6px 0 0 115px; width:7px; height:6px; overflow:hidden; background:url(http://image.mixsh.com/static/img/ar_addon_l.gif) no-repeat; } .postlist_box_haveimg .post_addon .lar { margin-left:210px; } .post_addon .shead { padding:8px 0 7px 4px; background:#f3f3f3; } .post_addon .shead .title { font-size:12px; color:#105dad; padding:6px 0px 0px 3px; margin:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; } .post_addon .shead .title a { color:#105dad; text-decoration:underline; } .post_addon .shead .desc { color:#9a9a9a; font-size:11px; margin-left:7px; } .post_addon .permalink { padding:10px; text-align:center; } .post_addon .permalink .desc { } .post_addon .permalink .desc2 { color:#2e8014; margin-bottom:3px; } .post_addon .permalink .url { margin-top:5px; font-family:Verdana, AppleGothic,sans-serif; font-size:15px; color:#f78000; letter-spacing:-0.05em; font-weight:bold; } .post_addon .permalink .url2 { font-family:Verdana, AppleGothic,sans-serif; font-size:12px; } .post_addon .scrap { padding:10px; text-align:center; } .post_addon .scrap .desc { margin-bottom:5px; color:#2e8014; } .post_addon .scrap .link { color:#474747; } .post_addon .scrap .link a { text-decoration:underline; color:#155fa9; font-weight:bold; } .post_addon .recomm_idlist { padding:10px; } .post_addon .recomm_idlist .desc { margin-bottom:5px; } .post_addon .recomm_idlist .url a { font-size:13px; color:#f78000; font-weight:normal; word-break:keep-all; } .post_addon .recomm_idlist .url a:hover { text-decoration:underline; } .post_addon .recomm_idlist { padding:10px; } .post_addon .recomm_idlist .list_table { padding:0 5px 0 5px; } .post_addon .recomm_idlist .list_table table { width:100%; } .post_addon .recomm_idlist .list_table td { width:10%; } .post_addon .recomm_idlist .list_table td .face { float:left; width:29px; height:29px; } .post_addon .recomm_idlist .list_table td .nick { float:left; width:65px; padding:10px 0 0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .post_addon .recomm_idlist .moreinfo { border-top:1px #f0f0f0 solid; padding:10px 5px 0px 5px; margin-top:10px; height:13px; font-size:11px; } .post_addon .recomm_idlist .moreinfo .list { float:left; } .post_addon .recomm_idlist .moreinfo .reply { float:right; } .post_addon .recomm_idlist .moreinfo .reply .write { margin-left:10px; } .post_addon .recomm_idlist .empty { font-size:11px; background:url(http://image.mixsh.com/static/img/icon_smiley.png) 5px 0 no-repeat; padding:1px 0 2px 43px; } /* .post_addon .recomm_idlist td a { display:block; border:1px #e0e0e0 solid; width:65px; height:65px; } .post_addon .recomm_idlist td a .gage { margin:2px 0 0 2px; } .post_addon .recomm_idlist td a .gage img { vertical-align:top; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; } .post_addon .recomm_idlist td a .nick { width:59px; text-align:right; margin-top:50px; height:10px; padding:4px 3px 2px 3px; background:#efefef; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#434343; color:#ffffff; filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; } .post_addon .recomm_idlist .nomixup { background:url(http://image.mixsh.com/static/img/gicon5.gif) 4px 0 no-repeat; line-height:17px; padding-left:4px; } .post_addon .recomm_idlist .nomixup span { color:#658fbe; } .post_addon .recomm_idlist .more { text-align:left; height:15px; padding:13px 0 7px 3px; } .post_addon .recomm_idlist .more a { color:#105dad; text-decoration:underline; background:url(http://image.mixsh.com/static/img/ar_blue.gif) right 2px no-repeat; padding-right:7px; } */ /* 공용 map grid */ .mapgrid { background:#f8f8f8; padding:5px 5px 0 5px; border:1px #d1d7dd solid; } .mapgrid .inner_box { background:#ffffff; } .mapgrid .inner_box ul.map_box { width:137px; float:left; margin:15px 0 0 0; padding:0 0 0 20px; border-right:1px #e6eaed solid; } .mapgrid .inner_box ul.map_box li { list-style:none; } .mapgrid .inner_box ul.map_box li.title { height:22px;} .mapgrid .inner_box ul.map_box li.title2d { margin-top:27px; } .mapgrid .inner_box ul.map_box li.title p { font-weight:bold; } .mapgrid .inner_box ul.map_box li.item { background:url(http://image.mixsh.com/static/img/dot_gray3.gif) 4px 6px no-repeat; padding-left:11px; margin-bottom:3px; } .mapgrid .inner_box ul.map_box_last { border:none; } .mapgrid .inner_box ul.stat_box { float:left; padding-left:15px; background:url(http://image.mixsh.com/static/img/icon_clock2.gif) 15px 10px no-repeat; } .mapgrid .inner_box ul.stat_box li { list-style:none; } .mapgrid .inner_box ul.stat_box li.title { font-weight:bold; padding:16px 0 11px 33px; } .mapgrid .inner_box ul.stat_box li.item { background:url(http://image.mixsh.com/static/img/dot_gray3.gif) 4px 6px no-repeat; padding-left:11px; } .mapgrid .inner_box .butarea { background:url(http://image.mixsh.com/static/img/fbg_2.gif) 0 bottom repeat-x; clear:both; height:22px; overflow:hidden; padding-top:5px; } .mapgrid .inner_box .butarea .more { display:block; width:122px; height:17px; padding-top:5px; text-align:center; color:#a6a6a6; font-weight:bold; margin:auto; background:url(http://image.mixsh.com/static/img/fbg_1.gif) no-repeat; } .mapgrid .inner_box .butarea .more:hover { color:#6d6d6d; } /******* FOOTER *******/ #side_footer { } #side_footer .inner_box ul.map_box { margin:13px 0 5px 0; width:145px; padding:0 5px 0 17px; } #side_footer .inner_box ul.map_box_right { margin-right:0px; padding:0 0 0 23px; border:none; } #side_footer .inner_box ul.map_box li.title { height:18px; } #side_footer .inner_box ul.map_box li.title2d { margin-top:15px; } #side_footer .inner_box ul.map_box li.stat_title { height:17px; margin-top:12px; padding:2px 0 0 22px; background:url(http://image.mixsh.com/static/img/icon_clock3.gif) 0px 0px no-repeat; } #footer_gab { clear:both; height:15px; } #footer { text-align:center; margin:10px 0 30px 0; font-size:11px; } #footer .item { background:url(http://image.mixsh.com/static/img/dot_gray3.gif) right 6px no-repeat; padding:0 10px 0 5px; } #footer .item_last { padding-right:0px; background:none; } /******* 전체 카테고리 *******/ #cate_expend { } .cate_expend { z-index:100; margin:0px 0px 3px 0px; background:#f7faff; border:1px #d1d7dd solid; } .cate_expend .list { width:100%; height:84px; } .cate_expend .list tr { height:28px; } .cate_expend .list tr.colbg1 { background:#f7faff; } .cate_expend .list tr.colbg2 { background:#ffffff; } .cate_expend .list td { padding-left:20px; } .cate_expend .list td .cnt { color:#8c9bb2 } .cate_expend .list td .item:hover { color:#265aa8; } .cate_expend .list td .selected { color:#155fa9; font-weight:bold; } .cate_expend .cbut_front { float:left; } .cate_expend .cbut { display:block; float:left; background:url(http://image.mixsh.com/static/img/b3/cate_mbut2_o.gif) right 0 no-repeat; } .cate_expend .cbut:hover { background:url(http://image.mixsh.com/static/img/b3/cate_mbut2_o_.gif) right 0 no-repeat; } .cate_expend .mbut { cursor:pointer; } .cate_expend .popon, .cate_expend .popon:hover { background:url(http://image.mixsh.com/static/img/b3/cate_mbut2_c.gif) right 0 no-repeat; } .cate_expend .mlist { position:absolute; z-index:2; background:#ffffff; border:2px #2961b5 solid; margin:17px 0 0 0px; width:50px; } .cate_expend .mlist .item { display:block; color:#878787; text-align:center; padding:6px 5px 5px 5px; border-bottom:1px #e8e8e8 solid; line-height:100%; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .cate_expend .mlist .item_end { border-bottom:none; } .cate_expend .mlist .item:hover { color:#333333; background:#f3f3f3 } /******* page_selector ******/ .page_selector { width:550px; height:28px; margin:20px auto 0px auto; } .page_selector .item { display:block; float:left; padding:5px 5px 4px 5px; border:1px #c8c8c8 solid; color:#9b9b9b; font-size:11px; line-height:100%; margin:0px 5px 0px 0px; } .page_selector .item_number { font-weight:bold; width:15px; text-align:center; } .page_selector .item:hover, .page_selector .item_selected { background:#e8e8e8; color:#838383; } .page_selector .item_disable, .page_selector .item_disable:hover { display:block; float:left; padding:5px 5px 4px 5px; border:1px #cfcfcf dashed; color:#e4e4e4; font-size:11px; line-height:100%; margin:0px 5px 0px 0px; } /******* mix Service *******/ .mixlist_header { background:url(http://image.mixsh.com/static/img/mix_gu1.gif) repeat-x; margin-bottom:10px; } .mixlist_header .mixtitle { background:#ffffff; padding-right:10px; color:#155fa9; font-weight:bold; } .mixlist_more { margin-bottom:57px; text-align:right; } .mixlist_more .mixmoretitle { background:url(http://image.mixsh.com/static/img/arr_blue.gif) 0px 1px no-repeat; padding:0px 10px 0px 10px; color:#155fa9; font-weight:bold; } /******* Contents Layout *******/ #rightbox .adblock { padding:7px; } .ad_left_bottom_160x160 { margin-top:10px; } .ad_right_350x80 { text-align:center; border:1px #d1d7dd solid; padding:10px 0px 10px 0px; background:#ffffff; } .ad_right_350x30 { height:16px; background:url(http://image.mixsh.com/static/img/ad_icon1.gif) 0 2px no-repeat; padding:0 0 0 23px; overflow:hidden; } .ad_right_350x280 { text-align:center; border:1px #d1d7dd solid; padding:6px; background:#ffffff; } .ad_right_300x250 { text-align:center; border:1px #d1d7dd solid; padding:17px 0 17px 0; background:#ffffff; } .ad_right_350x75 { } /******* 기대되는 최신 글 목록 우측 *********/ .recent_expectation_r { width:350px; } .recent_expectation_r .menu_info { border:6px #bccde4 solid; padding:7px 5px 7px 5px; background:#ffffff; } .recent_expectation_r .menu_info .title { background:url(http://image.mixsh.com/static/img/gicon5.gif) no-repeat; padding:1px 0px 5px 18px; color:#155fa9; font-weight:bold; border-bottom:1px #bccde4 solid; } .recent_expectation_r .menu_info .dbody { margin-top:7px; padding:0px 3px 0px 3px; line-height:130%; } .recent_expectation_r .media_list { width:330px; overflow-x:hidden; border:1px #d1d7dd solid; background:#ffffff; padding:9px; margin:13px 0 0px 0; } #postlist_activepage .recent_expectation_r { margin-top:0px; } #postlist_activepage .media_list { margin-top:0px; } .recent_expectation_r .media_list_title { padding:0 0 3px 0; border-bottom:1px #d1d7dd solid; height:18px; margin-bottom:9px; } .recent_expectation_r .media_list_title .tit { float:left; font-weight:bold; color:#646464; } .recent_expectation_r .media_list_title .desc { float:right; color:#9e9e9e; } .recent_expectation_r .mediarow { height:67px; margin-bottom:19px; width:347px; overflow:hidden;} .recent_expectation_r .mediarow .logo { float:left; display:block; width:65px; height:65px; border:1px #cfcfcf solid; } .recent_expectation_r .mediarow .info { margin:0px; margin-left:77px; } .recent_expectation_r .mediarow .info li { list-style:none; line-height:14px; } .recent_expectation_r .mediarow .info li.name { } .recent_expectation_r .mediarow .info li.name a { display:block; width:97%; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; color:#f78000; font-weight:bold; } .recent_expectation_r .mediarow .info li.name a:hover { text-decoration:underline; } .recent_expectation_r .mediarow .info li.short_desc { width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:2px 0 6px 0; font-size:12px; color:#6c6c6c; } .recent_expectation_r .mediarow .info li.desc { width:90%; height:27px; margin-top:2px; font-size:12px; overflow:hidden; color:#6c6c6c; } .recent_expectation_r .mediarow .info li.link { text-align:right; padding-top:5px; } .recent_expectation_r .mediarow .info li.link a { color:#b2b2b2; } .recent_expectation_r .mediarow .info li.link a:hover { color:#f78000; } .recent_expectation_r .mediarow .info li.recent_post { background:url(http://image.mixsh.com/static/img/dot_gray2.gif) 2px 5px no-repeat; padding-left:10px; } .recent_expectation_r .mediarow .info li.recent_post a { display:block; width:90%; height:17px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#b2b2b2;} .recent_expectation_r .mediarow .info li.recent_post a:hover { color:#155fa9; } /******* 공용탭 ******/ .tab_box { background:url(http://image.mixsh.com/static/img/bg_tab2.gif) 0 bottom repeat-x; height:28px; } .tab_box a.tab { float:left; display:block; height:20px; color:#6d6d6d; background:url(http://image.mixsh.com/static/img/bg_tab.gif) repeat-x; padding:7px 0 0 0px; overflow:hidden; border-left:1px #dedfde solid; border-top:1px #dedfde solid; border-right:1px #dedfde solid; margin-left:-1px; text-decoration:none; text-align:center; } .tab_box a.tab:hover { color:#3969bd; font-weight:bold; } .tab_box a.selected { background:#ffffff; color:#3969bd; font-weight:bold; } .tab_box a.tab_box_first { margin-left:0px; } .tab_box .tab_desc { float:right; padding-top:3px; font-size:11px; color:#8f8f8f; } .tab_box img { vertical-align:top; } .tab_sub { height:34px; border-left:1px #dedfde solid; border-bottom:1px #dedfde solid; border-right:1px #dedfde solid; } .tab_sub .selector { float:left; height:27px; padding:7px 0 0 10px; } .tab_sub .selector li { list-style:none; float:left; } .tab_sub .selector .item { position:relative; display:block; width:39px; height:16px; color:#6d6d6d; text-decoration:none; font-size:11px; margin-left:-1px; padding:4px 0 0 0; text-align:center; background:url(http://image.mixsh.com/static/img/but_mini.gif) no-repeat; overflow:hidden; } .tab_sub .selector .item_selected { z-index:1000; color:#ffffff; background-image:url(http://image.mixsh.com/static/img/but_mini_.gif); width:39px; margin-right:0px; } .tab_sub .slist { float:right; height:24px; padding:10px 13px 0 0; } .tab_sub .slist li { list-style:none; float:left; padding-right:10px; margin-right:10px; background:url(http://image.mixsh.com/static/img/fimg2.gif) right 2px no-repeat; } .tab_sub .slist li.last { background:none; margin:0px; padding:0px; } .tab_sub .slist li a { color:#6d6d6d; } .tab_sub .slist li a.selected { font-weight:bold; color:#5f7cda; } .tab_contents { padding:15px 10px 27px 10px; border-bottom:1px #dedfde solid; } /* 메뉴 정보 */ #menuinfo { border-bottom:1px #dedede solid; } #menuinfo h3 { font-size:12px; font-weight:normal; } .menuinfo_textonly { height:20px; } .menuinfo_textonly .txt { float:left; margin:0px; padding:0px 0 0 7px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) 1px 5px no-repeat; } .menuinfo_textonly .info { float:right; padding-right:1px; } .menuinfo_textbut { height:25px; } .menuinfo_textbut .txt { float:left; margin:0px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) 1px 11px no-repeat; padding:5px 0 0 7px; } .menuinfo_textbut .buts { float:right; } .menuinfo_tabbut { height:29px; border:none; padding:6px 0 0 3px; } .menuinfo_tabbut .txt { float:left; margin:0px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) 1px 11px no-repeat; padding:5px 0 0 7px; } .menuinfo_tabbut .buts { float:right; padding-top:2px;} .menuinfo_tabtextonly { height:29px; border:none; padding:5px 0 0 3px; } .menuinfo_tabtextonly .txt { float:left; margin:0px; background:url(http://image.mixsh.com/static/img/dot_gray.gif) 1px 11px no-repeat; padding:5px 0 0 7px; } .menuinfo_tabtextonly .info { float:right; padding:5px 3px 0 0;} .menuinfo_sub { background:#f7f7f7; font-size:11px; padding:7px 7px 6px 8px; } .menuinfo_sub .item { color:#8e8e8e; background:url(http://image.mixsh.com/static/img/fimg2.gif) right 1px no-repeat; padding-right:10px; margin-right:8px; } .menuinfo_sub .item_selected { text-decoration:underline;} .menuinfo_sub .item_end { background:none;} /* 오늘의 인기 비디오 */ #pbox_pvideo { width:348px; overflow-x:hidden; padding:0px; } #pbox_pvideo .inner { position:relative; width:100%; overflow:hidden; } #pbox_pvideo .scrollbody { width:7400px; } #pbox_pvideo .scrollbody .contents { float:left; width:348px; padding:0px 0 7px 0; margin:0px; background:#f7f7f7; } #pbox_pvideo .scrollbody .contents .item { float:left; width:116px; overflow-x:hidden; padding-top:7px;} #pbox_pvideo .scrollbody .contents .imgarea { padding:0 14px 0 14px; } #pbox_pvideo .scrollbody .contents .imgarea .inner { background:#ffffff; } #pbox_pvideo .scrollbody .contents .txtarea { padding:3px 10px 0 10px; font-size:11px; height:26px; overflow:hidden; line-height:120%; text-align:center;} #pbox_pvideo .actions { clear:both; height:31px; border-top:1px #d6d7de solid; margin:0px;} #pbox_pvideo .actions .msg { float:left; padding:9px 0 0 9px; font-size:12px; background:none; } #pbox_pvideo .actions .msg a { color:#adaead; } #pbox_pvideo .actions .msg a:hover { color:#3870bf; } #pbox_pvideo .actions .buts { float:right; padding:8px 8px 0 0; } #pbox_pvideo .actions .buts .prev { display:block; float:left; width:14px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar1.gif) no-repeat; } #pbox_pvideo .actions .buts .next { display:block; float:left; width:15px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar2.gif) no-repeat; } #pbox_pvideo .actions .buts .more { display:block; float:left; margin-left:7px; width:18px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar3.gif) no-repeat; } /* 오늘의 mixUP스타 */ #pbox_mixupstar .inner { padding:5px; } #pbox_mixupstar .list_table { width:99%; margin-left:3px; } #pbox_mixupstar .list_table tr.first td { padding-bottom:5px; padding-top:4px; } #pbox_mixupstar .list_table td { width:33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #pbox_mixupstar .list_table td img { border:1px #d6d7de solid; margin-right:4px; padding:2px; } /* mixup ranking */ #pbox_mixupbest { border:1px #d6d7de solid; background:#ffffff; width:348px; overflow-x:hidden; } #pbox_mixupbest .menu { height:30px; background:url(http://image.mixsh.com/static/img/dot_gray5.gif) 0 bottom repeat-x; overflow:hidden; } #pbox_mixupbest .menu .sname { float:left; padding:8px 0 0 8px; font-weight:bold; color:#2b5faa; line-height:14px; } #pbox_mixupbest .menu .sname a { font-weight:bold; color:#2b5faa; line-height:13px; color:#6b6b6b; } #pbox_mixupbest .menu .sname img { padding-right:2px; } #pbox_mixupbest .menu .tabbox { float:right; white-space:nowrap; } #pbox_mixupbest .menu .tabbox li { float:left; list-style:none; width:60px; height:30px; line-height:14px;} #pbox_mixupbest .menu .tabbox li a { display:block; position:absolute; width:60px; padding:8px 0 7px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#8a8a8a; background:url(http://image.mixsh.com/static/img/ldot_12px.gif) right 9px no-repeat; text-align:center; } #pbox_mixupbest .menu .tabbox li a.selected { position:relative; z-index:100; font-weight:bold; background:url(http://image.mixsh.com/static/img/ib_8.gif) repeat-x; padding-bottom:8px; margin-left:-2px; color:#295dad; border-left:1px #d6d7de solid; border-right:1px #d6d7de solid; } #pbox_mixupbest .menu .tabbox li.last a { background:none; } #pbox_mixupbest .menu .tabbox li.last a.selected { background:url(http://image.mixsh.com/static/img/ib_8.gif) repeat-x; border-right:none; } #pbox_mixupbest .inner { position:relative; width:100%; overflow:hidden; } #pbox_mixupbest .scrollbody { width:7400px; } #pbox_mixupbest .scrollbody .contents { float:left; width:348px; } #pbox_mixupbest .scrollbody .contents .rows { overflow:hidden; display:block; padding:8px 7px 5px 8px; line-height:15px; height:15px; cursor:pointer; } #pbox_mixupbest .scrollbody .contents .rows .rank img { float:left; vertical-align:top; margin-right:4px; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; width:15px; height:13px; } #pbox_mixupbest .scrollbody .contents .rows:hover .rank img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } #pbox_mixupbest .scrollbody .contents .rows .subject { float:left; width:270px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #pbox_mixupbest .scrollbody .contents .rows .fluctuation { float:right; } #pbox_mixupbest .scrollbody .contents .rows .fluctuation .up { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_red_up.gif) no-repeat; color:#e79368; font-size:11px;} #pbox_mixupbest .scrollbody .contents .rows .fluctuation .down { padding-left:8px; background:url(http://image.mixsh.com/static/img/ar_blue_down.gif) no-repeat; color:#79b4d9; font-size:11px; } #pbox_mixupbest .scrollbody .contents .rows .fluctuation .same { padding-left:5px; background:url(http://image.mixsh.com/static/img/ar_line_gray2.gif) 0 3px no-repeat; } #pbox_mixupbest .scrollbody .contents .rows .fluctuation .new { padding-left:16px; background:url(http://image.mixsh.com/static/img/icon_new7.gif) no-repeat; } #pbox_mixupbest .actions { background:#ffffff; height:31px; border-top:1px #e5e5e5 solid; margin:0px; } #pbox_mixupbest .actions .msg { float:left; padding:9px 0 0 9px; font-size:12px; background:none; } #pbox_mixupbest .actions .msg a { color:#adaead; } #pbox_mixupbest .actions .msg a:hover { color:#3870bf; } #pbox_mixupbest .actions .buts { float:right; padding:8px 8px 0 0; } #pbox_mixupbest .actions .buts .prev { display:block; float:left; width:14px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar1.gif) no-repeat; } #pbox_mixupbest .actions .buts .next { display:block; float:left; width:15px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar2.gif) no-repeat; } #pbox_mixupbest .actions .buts .more { display:block; float:left; margin-left:7px; width:18px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar3.gif) no-repeat; } /* MIXSH Today Issue */ #pbox_issue { border:1px #d6d7de solid; } #pbox_issue .issuebox_menu { position:relative; width:100%; height:30px; padding:0px 0px 0px 0px; background:url(http://image.mixsh.com/static/img/dot_gray5.gif) 0 bottom repeat-x; overflow:hidden; } #pbox_issue .issuebox_menu .tabbox { width:7000px; height:30px; } #pbox_issue .issuebox_menu .tabbox li { float:left; list-style:none; width:95px; height:29px; background:url(http://image.mixsh.com/static/img/ldot_12px.gif) right 9px no-repeat; } #pbox_issue .issuebox_menu .tabbox li.last { background:none; } #pbox_issue .issuebox_menu .tabbox li a { position:absolute; display:block; width:87px; height:22px; line-height:15px; padding:8px 5px 0 5px; color:#8a8a8a; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #pbox_issue .issuebox_menu .tabbox li a.selected { font-weight:bold; height:22px; border-left:1px #cdd1d8 solid; border-right:1px #cdd1d8 solid; color:#295dad; margin-left:-2px; background:url(http://image.mixsh.com/static/img/ib_8.gif) repeat-x; } #pbox_issue .issuebox_menu .tabbox li a img { vertical-align:top; padding-right:3px; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; } #pbox_issue .issuebox_menu .tabbox li a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1 } #pbox_issue .content_list { padding:12px 10px 10px 10px; } #pbox_issue .content_list .inner { } #pbox_issue .content_list .top_box { border-bottom:1px #efefef solid; padding:0 0 7px 1px; margin-bottom:10px; } #pbox_issue .content_list .image_box { float:left; width:84px; height:100px; } #pbox_issue .content_list .image_box .thumbnail { display:block; width:80px; height:49px; border:1px #d9d9d9 solid; padding:2px; } #pbox_issue .content_list .image_box .subject { font-size:11px; text-align:center; margin-top:5px; height:26px; overflow:hidden; line-height:120%; } #pbox_issue .content_list .text_box { margin:1px 0 0 95px; } #pbox_issue .content_list .text_box_full { margin-left:0px; } #pbox_issue .content_list .text_box li { width:227px; list-style:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0px 0 8px 0; background:url(http://image.mixsh.com/static/img/dot_gray3.gif) 0 5px no-repeat; padding-left:5px; } #pbox_issue .content_list .text_box_full li { width:320px; } #pbox_issue .content_list .text_box li a:visited { color:#adaead; } #pbox_issue .content_list .text_box li.boldt { font-weight:bold; } #pbox_issue .content_list .text_box li.boldt a:visited { font-weight:bold; color:#9a9a9a; } #pbox_issue .content_list .text_box li.last { width:170px; } #pbox_issue .content_list .text_box li.gubun { border-bottom:1px #efefef solid; padding-bottom:5px; } #pbox_issue .buts { float:right; margin:-25px 0px 0 0; padding-right:10px; } #pbox_issue .buts .prev { display:block; float:left; width:14px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar1.gif) no-repeat; } #pbox_issue .buts .next { display:block; float:left; width:15px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar2.gif) no-repeat; } #pbox_issue .buts .more { display:block; float:left; margin-left:7px; width:18px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar3.gif) no-repeat; } /* 새로운 댓글 */ #pbox_nreply { border:1px #d1d7dd solid; padding:1px; height:106px; } #pbox_nreply .inner { position:relative; width:100%; height:106px; background:url(http://image.mixsh.com/static/img/bg_gra2.gif) repeat-x; overflow:hidden; } #pbox_nreply .scrollbody { width:6960px; height:74px; } #pbox_nreply .scrollbody .msgbox { float:left; width:328px; height:74px; padding:0 10px 0 10px; overflow:hidden; } #pbox_nreply .scrollbody .msgbox .identity { float:left; width:44px; height:74px; margin-top:10px; } #pbox_nreply .scrollbody .msgbox .identity .face { width:44px; height:44px; } #pbox_nreply .scrollbody .msgbox .msg { margin:7px 0 0 54px; padding-left:17px; width:254px; background:url(http://image.mixsh.com/static/img/icon_ddaom.gif) no-repeat; } #pbox_nreply .scrollbody .msgbox .msg a.mbody { color:#6d6d6d;} #pbox_nreply .scrollbody .msgbox .msg a.mlink { color:#436fb7; text-decoration:underline; } #pbox_nreply .actions { margin:0 8px 0 54px; background:url(http://image.mixsh.com/static/img/dot_bgd.gif) 0 4px repeat-x; height:20px; padding:11px 1px 0 3px; } #pbox_nreply .actions .myhome { float:left; padding:2px 0 3px 0; } #pbox_nreply .actions .myhome a { color:#85a714; text-decoration:underline; line-height:12px; } #pbox_nreply .actions .buts { float:right; } #pbox_nreply .actions .buts .prev { display:block; float:left; width:14px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar1.gif) no-repeat; } #pbox_nreply .actions .buts .next { display:block; float:left; width:15px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar2.gif) no-repeat; } /* 새로운 포스트 카테고리 */ #newpost_alram { } #newpost_alram .inner {background:#fefff7; } #newpost_alram .titbox { background:#f9faeb; border-bottom:1px #d1d7dd solid; height:38px; } #newpost_alram .titbox .tit { float:left; color:#7c9800; background:url(http://image.mixsh.com/static/img/icon_b_add.gif) 9px 8px no-repeat; padding:6px 0 0px 40px; } #newpost_alram .titbox .hmore { float:right; } #newpost_alram .titbox .hmore a { display:block; background:url(http://image.mixsh.com/static/img/qmark.gif) center center no-repeat; width:15px; height:15px; margin:12px 8px 0 0; } #newpost_alram .inner .plist { } #newpost_alram .inner .plist ul { padding:13px; border-bottom:1px #dadee2 solid; padding-bottom:13px; } #newpost_alram .inner .plist ul.last { border:none; } #newpost_alram .inner .plist ul li { list-style:none; padding-left:8px; padding-bottom:2px; } #newpost_alram .inner .plist ul li.post_title { background:url(http://image.mixsh.com/static/img/dot_gray6.gif) 0 4px no-repeat; } #newpost_alram .inner .plist ul li.post_title a { font-weight:bold; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #newpost_alram .inner .plist ul li.post_cate { font-size:11px; } #newpost_alram .inner .plist ul li.post_cate .cate { color:#7c9800; } #newpost_alram .inner .plist ul li.post_but { height:16px; } #newpost_alram .inner .plist ul li.post_but .modi { display:block; float:left; width:138px; height:16px; background:url(http://image.mixsh.com/static/img/but_cate_modi.gif) no-repeat; margin-right:5px; } #newpost_alram .inner .plist ul li.post_but .skip { display:block; float:left; width:77px; height:16px; background:url(http://image.mixsh.com/static/img/but_cate_skip.gif) no-repeat; } #newpost_alram .moreinfo { margin-top:5px; background:url(http://image.mixsh.com/static/img/ar_top_gray.gif) 3px 3px no-repeat; font-size:11px; padding-left:15px; color:#9a9a9a; } /* mixup ranking */ #pbox_ppost { border:1px #d6d7de solid; background:#ffffff; width:348px; overflow-x:hidden; } #pbox_ppost .nopage { position:absolute; background:#e1e1e1; color:#8a8a8a; font-size:11px; font-weight:bold; padding:3px; margin:-36px 0 0 178px; } #pbox_ppost .nopage .inmsg { border:1px #d1d1d1 solid; background:url(http://image.mixsh.com/static/img/icon_stop.gif) 5px 5px no-repeat #ffffff; padding:5px 5px 4px 22px; } #pbox_ppost .menu { height:30px; background:url(http://image.mixsh.com/static/img/dot_gray5.gif) 0 bottom repeat-x; overflow:hidden; } #pbox_ppost .menu .sname { float:left; padding:10px 0 0 8px; font-weight:bold; color:#2b5faa; line-height:14px; } #pbox_ppost .menu .sname a { font-weight:bold; color:#2b5faa; line-height:13px; } #pbox_ppost .menu .sname img { padding-right:2px; } #pbox_ppost .menu .more { float:right; white-space:nowrap; padding:10px 8px 0 0; font-size:11px; } #pbox_ppost .inner { position:relative; width:100%; overflow:hidden; } #pbox_ppost .scrollbody { width:7400px; } #pbox_ppost .scrollbody .contents { float:left; width:348px; } #pbox_ppost .scrollbody .contents .rows { overflow:hidden; display:block; padding:8px 7px 5px 8px; line-height:15px; height:15px; cursor:pointer; } #pbox_ppost .scrollbody .contents .rows .rank img { float:left; vertical-align:top; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; width:15px; height:13px; } #pbox_ppost .scrollbody .contents .rows:hover .rank img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } #pbox_ppost .scrollbody .contents .rows .subject { margin-left:20px; width:310px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #pbox_ppost .actions { background:#ffffff; height:31px; border-top:1px #e5e5e5 solid; margin:0px; } #pbox_ppost .actions .msg { float:left; padding:9px 0 0 9px; font-size:12px; background:none; } #pbox_ppost .actions .msg a { color:#adaead; } #pbox_ppost .actions .msg a:hover { color:#3870bf; } #pbox_ppost .actions .buts { float:right; padding:8px 8px 0 0; } #pbox_ppost .actions .buts .prev { display:block; float:left; width:14px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar1.gif) no-repeat; } #pbox_ppost .actions .buts .next { display:block; float:left; width:15px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar2.gif) no-repeat; } #pbox_ppost .actions .buts .more { display:block; float:left; margin-left:7px; width:18px; height:16px; background:url(http://image.mixsh.com/static/img/but_ar3.gif) no-repeat; }