body {background:#FFF url(http://) repeat-x;line-height:18px;margin:0 0 0 20px}
body.preview {background:#FFF;line-height:18px;margin:0}

th,td {color:#151515;font:12px 'dotum','verdana';line-height:18px;word-break:break-all}

h1,h2,p,ol,dl,dt,dd,hr {list-style:none;margin:0;padding:0}

div {margin:0;padding:0}
.divl {float:left}
.divr {float:right}
.divc {clear:both}

form  {margin:0;padding:0}
input {color:#505558;font-family:'dotum','verdana';margin:0;padding:2px 0 0 3px}
input.radio {margin:0 3px -3px 0}
input.checkbox {height:15;margin:0 3px 0 0}
input.text {border:1px solid #AAA;height:20px}
input.idpw {border:1px solid #AAA;height:20px;font:11px tahoma}
select {color:#151515;font:12px 'dotum','verdana';line-height:18px} *html select {font:12px 'dotum'}
textarea {border:1px solid #AAA;color:#151515;font:12px 'dotum','verdana';line-height:17px;padding:5px;overflow:auto}

img {border:0}
img .ulink {margin:0 3px 2px 1px}

a:link {color:#151515;font:12px 'dotum','verdana';text-decoration:none}
a:visited {color:#151515;font:12px 'dotum','verdana';text-decoration:none}
a:hover {color:#151515;font:12px 'dotum','verdana';text-decoration:none}

.name {font:12px 'dotum','verdana' #069;line-height:21px;text-decoration:underline}
.name img {margin:1px 3px 1px 0}
.name a:link {color:#069;font:12px 'dotum','verdana';line-height:21px;text-decoration:underline}
.name a:visited {color:#069;font:12px 'dotum','verdana';line-height:21px;text-decoration:underline}
.name a:hover {color:#F60;font:12px 'dotum','verdana';line-height:21px;text-decoration:underline}

.link {color:#069}
.link img {margin:6px 3px 7px 1px}
.link .hmore {margin:11px 0 0 0}
.link .num {font:11px tahoma}
.link a:link {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.link a:visited {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.link a:hover {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.link a.nu:link {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.link a.nu:visited {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.link a.nu:hover {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}

.olink {color:#F60}
.olink img {margin:6px 3px 7px 1px}
.olink .hmore {margin:11px 0 0 0}
.olink .num {font:11px tahoma}
.olink a:link {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.olink a:visited {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.olink a:hover {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.olink a.nu:link {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.olink a.nu:visited {color:#F60;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.olink a.nu:hover {color:#069;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}


h1 {clear:both;color:#000;font:14px 'dotum','verdana';font-weight:bold;margin:15px 0 7px 0}
h1 img {margin:1px 5px 2px 0}
h1 span {color:#999;font:12px tahoma;font-weight:normal}
h2 {clear:both;color:#000;font:12px 'dotum','verdana';font-weight:bold}
h2 img {margin:4px 5px 6px 7px}

.t_line16 {line-height:16px}

#jh {clear:both;height:158px;margin:0;padding:0 0 15px 65px}
#jbl {clear:both;height:100%;margin:0;max-height:100%;padding:0 25px 0 65px;width:585px} *html #jbl {width:675px} 
#jbc {clear:both;height:100%;margin:0;max-height:100%;padding:0 25px 0 65px;width:845px}
#jbr {clear:both;background:url(http://file.jocoso.ne.jp/jump/common/g_jbr.gif) repeat-y;height:100%;margin:0;max-height:100%;padding:0 65px 30px 0;width:235px} *html jbr {width:300px}
#jf {clear:both;height:118px;margin:0;padding:30px 0 0 65px}


.login a:link {color:#6F6E6E;font:11px 'dotum','verdana';line-height:18px;text-decoration:none}
.login a:visited {color:#6F6E6E;font:11px 'dotum','verdana';line-height:18px;text-decoration:none}
.login a:hover {color:#68BC5B;font:11px 'dotum','verdana';line-height:18px;text-decoration:none}





/* top */
#top {clear:both;margin:15px 0 7px 0}
#top .log {padding:30px 0 0 0} 

/* log */
#log {margin-top:30px} 

/*nevi*/
#nevi {clear:both;width:850px;margin-bottom:8px}
#nevi .bgm {background:url(../img/bg_ct_m01.gif) no-repeat;height:97px;padding:0px 0 0 35px}
#nevi .bgrk {background:url(../img/bg_ct_rk.gif) no-repeat;height:97px;padding:0 0 0 35px}
#nevi .bgjp {background:url(../img/bg_ct_jp.gif) no-repeat;height:97px;padding:0 0 0 35px}
#nevi .bgsp {background:url(../img/bg_ct_sp.gif) no-repeat;height:97px;padding:0 0 0 35px}
#nevi .tt {width:82px;height:29px;line-height:29px;font-weight:bold;letter-spacing:-1px;padding:6px 0px 0px 0px; text-decoration:none}
#nevi .tt a:link {width:82px;height:29px;line-height:29px;font-weight:bold;letter-spacing:-1px;padding:7px 0px 0px 0px; text-decoration:none;}
#nevi .tt a:hover {width:82px;height:29px;line-height:29px;font-weight:bold;letter-spacing:-1px;padding:7px 0px 0px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .tt a:visited {width:82px;height:29px;line-height:29px;font-weight:bold;letter-spacing:-1px;padding:7px 0px 0px 0px; text-decoration:none}
#nevi .tm {width:82px;height:25px;vertical-align:top;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px}
#nevi .tm a:link {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px; text-decoration:none}
#nevi .tm a:hover {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .tm a:visited {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px; text-decoration:none}
#nevi .tb {width:82px;height:25px;vertical-align:top;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:0px 0px 7px 0px}
#nevi .tb a:link {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:0px 0px 7px 0px; text-decoration:none}
#nevi .tb a:hover {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:0px 0px 7px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .tb a:visited {width:82px;height:25px;line-height:25px;font-weight:bold;letter-spacing:-1px;padding:0px 0px 7px 0px; text-decoration:none}
#nevi .mt {width:82px;height:29px;line-height:29px;padding:6px 0px 0px 0px; text-decoration:none}
#nevi .mt a:link {width:82px;height:29px;line-height:29px;padding:6px 0px 0px 0px; text-decoration:none}
#nevi .mt a:hover {width:82px;height:29px;line-height:29px;padding:6px 0px 0px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .mt a:visited {width:82px;height:29px;line-height:29px;padding:6px 0px 0px 0px; text-decoration:none}
#nevi .mm {width:82px;height:25px;vertical-align:top;line-height:25px;padding:2px 0px 4px 0px}
#nevi .mm a:link {width:82px;height:25px;line-height:25px;padding:2px 0px 4px 0px; text-decoration:none}
#nevi .mm a:hover {width:82px;height:25px;line-height:25px;padding:2px 0px 4px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .mm a:visited {width:82px;height:25px;line-height:25px;padding:2px 0px 4px 0px; text-decoration:none}
#nevi .mms {width:82px;height:25px;vertical-align:top;line-height:25px;color:#0F6C25;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px}
#nevi .mms a:link {width:82px;height:25px;line-height:25px;color:#0F6C25;font-weight:bold;letter-spacing:-1px;padding:2px 0px 4px 0px; text-decoration:none}
#nevi .mms a:hover {width:82px;height:25px;line-height:25px;padding:2px 0px 4px 0px;color:#0F6C25;font-weight:bold;letter-spacing:-1px;text-decoration:underline}
#nevi .mms a:visited {width:82px;height:25px;line-height:25px;color:#0F6C25;padding:2px 0px 4px 0px;font-weight:bold;letter-spacing:-1px; text-decoration:none}
#nevi .mb {width:82px;height:25px;vertical-align:top;line-height:25px;padding:0px 0px 7px 0px}
#nevi .mb a:link {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px; text-decoration:none}
#nevi .mb a:hover {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px;color:#FFFFFF;text-decoration:underline}
#nevi .mb a:visited {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px; text-decoration:none}
#nevi .mbs {width:82px;height:25px;vertical-align:top;line-height:25px;color:#0F6C25;font-weight:bold;letter-spacing:-1px;padding:0px 0px 7px 0px}
#nevi .mbs a:link {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px;color:#0F6C25;font-weight:bold;letter-spacing:-1px; text-decoration:none}
#nevi .mbs a:hover {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px;color:#0F6C25;font-weight:bold;letter-spacing:-1px;text-decoration:underline}
#nevi .mbs a:visited {width:82px;height:25px;line-height:25px;padding:0px 0px 7px 0px;color:#0F6C25;font-weight:bold;letter-spacing:-1px; text-decoration:none}

/* body */
#bd {clear:both; width:850px; margin-bottom:10px}
#bd .sbg {background:url(../img/bg_bx_srch01.gif) no-repeat; height:1px}
#bd .sspc {background:#D7EABC; height:40px; padding:8px 20px 8px 20px}

#bd .hot  {float:left;background:#FFFFFF;padding:6px 10px 3px 10px} 
#bd .hotsp {padding:13px 9px 9px 9px}
#bd .hotsp20 {padding:0px 0px 0px 10px}
#bd .hotsp02 {padding:13px 9px 9px 9px}

.bdc {font:12px 'dotum','verdana' #4A4949;line-height:18px;word-break:break-all}
.bd a:link {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.bd a:visited {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.bd a:hover {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.bd_11 {font:11px 'dotum','verdana'; color:#4A4949; line-height:18px;word-break:break-all}
.bd_11l { text-align:right; font:11px 'dotum','verdana'; color:#7C7769; line-height:18px;word-break:break-all}

#bd .nbgt {background:url(../img/bg_bx_ntc01.gif) no-repeat;height:2px}
#bd .nbgm {background:url(../img/bg_bx_ntc02.gif);height:2px;padding:3px 5px 3px 5px} 
#bd .nbgb {background:url(../img/bg_bx_ntc03.gif) no-repeat;height:2px} 
#bd .nspc01 {background:#FFFFFF;padding:6px 0px 3px 10px} 
#bd .nspc02 {background:#FFFFFF;color:#6F6E6E;font:11px;padding:6px 8px 3px 0px} 
#bd .nspc02 a:link {background:#FFFFFF;color:#6F6E6E;font:11px;text-decoration:none}
#bd .nspc02 a:visited {background:#FFFFFF;color:#6F6E6E;font:11px;text-decoration:none}
#bd .nspc02 a:hover {background:#FFFFFF;color:#F28822;font:11px;text-decoration:none}
#bd .nspc03 {float:left;padding:3px 0 3px 13px} 
#bd .nspc03 a:link {color:#151515;text-decoration:none}
#bd .nspc03 a:visited {color:#151515;text-decoration:none}
#bd .nspc03 a:hover {color:#F28822;text-decoration:none}
#bd .mo {color:#4A4949;font:11px}
#bd .mo a:link {color:#4A4949;font:11px;text-decoration:none}
#bd .mo a:visited {color:#4A4949;font:11px;text-decoration:none}
#bd .mo a:hover {color:#4A4949;font:11px;text-decoration:none}

#bd .a_search { float:right; text-align:center; margin-top:5px; margin-right:10px; }
#bd .a_search input.input  { width:91px; height:17px; background:url(./images/menubar/search_input_bg.gif) no-repeat; border:none; margin-top:0px; padding:6px 8px 0px 8px; text-align:center; color:#75A43E; }
#bd .a_search input.submit { width:32px; height:23px; background:url(./images/menubar/search_input_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }

#bd .hrt1 {height:28px; background:#EBEBEB; padding:3px 10px 0px 14px}
#bd .hrt2 {height:1px; background:#CCCCCC;}
#bd .hrt3 {padding:0px 10px 0px 10px}
#bd .hrt4 {text-align:right; height:28px; width:25px; padding:6px 0px 0px 8px}
#bd .hrt5 {text-align:left; line-height:20px; padding:6px 5px 0px 0px}
#bd .hrt6 {height:1px; background:#EBEBEB;}
#bd .hrt7 {text-align:right; height:28px; font:11px 'dotum','verdana' ; color:#C4C4C4; padding:3px 5px 0px 10px}
#bd .hrt8 {line-height:20px; padding:8px 5px 5px 5px}
#bd .hrt9 {line-height:14px; color:#4498e7; padding:8px 5px 5px 8px}
#bd .hrt10 {background:url(../img/rk/bg_dot01.gif); height:1px;}
#bd .hrt11 {height:67px; width:59px; padding:0px 0px 0px 8px}
#bd .subrund {line-height:16px; padding:6px 15px 3px 15px}

/* footer */
#foot {color:#979696;clear:both;margin:20px 0 30px 0}
#foot .spc01 {float:left;background:url(../img/line_foot.gif);height:4px} 
#foot .spc02 {font:12px 'dotum','verdana' #979696;line-height:18px;background:#FFFFFF;padding:10px 15px 8px 15px} 
#foot .spc02 a:link {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
#foot .spc02 a:visited {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
#foot .spc02 a:hover {color:#68BC5B;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}

/* contents */
#cnt {clear:both; width:562px; margin-bottom:10px}
#cnt .hrt1 {height:28px; background:#EBEBEB; padding:3px 10px 0px 14px}
#cnt .hrt2 {height:1px; background:#CCCCCC;}
#cnt .hrt3 {padding:0px 10px 0px 10px}
#cnt .hrt4 {text-align:right; height:28px; width:34px; padding:5px 0px 0px 0px}
#cnt .hrt5 {text-align:left; line-height:16px; width:528px; padding:5px 5px 0px 18px}
#cnt .hrt6 {height:1px; background:#EBEBEB;}
#cnt .hrt7 {text-align:right; height:28px; font:11px 'dotum','verdana' ; color:#C4C4C4; padding:6px 5px 0px 10px}
#cnt .hrt8 {line-height:20px; padding:8px 5px 5px 5px}
#cnt .hrt9 {line-height:14px; color:#4498e7; padding:8px 5px 5px 8px}
#cnt .hrt10 {background:url(http://seoojp2.cafe24.com/img/bg_dot01.gif); height:1px;}
#cnt .hrt11 {height:67px; width:59px; padding:4px 0px 4px 18px}
#cnt .hrt12 {text-align:left; line-height:16px; width:469px; padding:7px 5px 2px 18px}
#cnt .subrund {line-height:16px; padding:6px 15px 3px 15px}

/* gnb */
#gnb {clear:both;width:850px;margin-bottom:10px}
#gnb .box01 {background:url(../img/bg_bx_top01.gif) no-repeat;height:2px}
#gnb .box02 {background:url(../img/bg_bx_top02.gif);height:2px;padding:2px 16px 2px 17px} 
#gnb .box03 {background:url(../img/bg_bx_top03.gif) no-repeat;height:2px}
#gnb .box04 {background:url(../img/bg_bx_top02.gif);height:2px;padding:4px 6px 2px 6px} 
#gnb .box05 {background:url(../img/bg_bx_top05.gif)} 
#gnb .tab01 {background:url(../img/bg_bx_tab01.gif) no-repeat;height:27px}
#gnb .tab02 {height:29;width:79;padding:2px 5px 0px 5px} 
#gnb .tab03 {background:#196E36;color:#FFFFFF;padding:2px 5px 0px 5px} 
#gnb .line01 {background:url(../img/bg_bx_top31.gif);height:1px} 
#gnb .txtmg {padding:7px 0 2px 0} 
#gnb .txtbl {font-weight:bold} 
#gnb .txtbl a:link {color:#151515;font:12px 'dotum','verdana';font-weight:bold;text-decoration:none}
#gnb .txtbl a:visited {color:#151515;font:12px 'dotum','verdana';font-weight:bold;text-decoration:none}
#gnb .txtbl a:hover {color:#151515;font:12px 'dotum','verdana';font-weight:bold;text-decoration:underline}

/* contens */
#cts {clear:both;width:850px}
#cts .src01 {background:url(../img/bg_bx_srch01.gif) no-repeat;height:1px}
#cts .src02 {background:#D7EABC;padding:8px 20px 8px 20px}

#cts .hot  {float:left;background:#FFFFFF;padding:6px 10px 3px 10px} 
#cts .hotsp {padding:13px 9px 19px 9px}
#cts .hotsp01{padding:0 5px 0 10px;width:135px}
#cts .hotsp02 {padding:13px 9px 9px 9px}

/* notice */
.ntc {font:12px 'dotum','verdana' #4A4949;line-height:18px;word-break:break-all}
.ntc a:link {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.ntc a:visited {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.ntc a:hover {color:#4A4949;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}
.ntc_11 {font:11px 'dotum','verdana' #4A4949;line-height:18px;word-break:break-all}

#ntc {clear:both;width:585px;margin-bottom:20px}
#ntc .li01 {background:url(../img/bg_bx_ntc01.gif) no-repeat;height:2px}
#ntc .li02 {background:url(../img/bg_bx_ntc02.gif);height:2px;padding:3px 5px 3px 5px} 
#ntc .li03 {background:url(../img/bg_bx_ntc03.gif) no-repeat;height:2px} 
#ntc .spc01 {float:left;background:#FFFFFF;padding:6px 10px 3px 10px} 
#ntc .spc02 {float:right;background:#FFFFFF;padding:6px 10px 3px 10px} 
#ntc .spc03 {float:left;padding:3px 0 3px 13px} 
#ntc .mo {color:#4A4949;font:11px}
#ntc .mo a:link {color:#4A4949;font:11px;text-decoration:none}
#ntc .mo a:visited {color:#4A4949;font:11px;text-decoration:none}
#ntc .mo a:hover {color:#4A4949;font:11px;text-decoration:none}

/* footer */
.foot {font:12px 'dotum','verdana' #979696;line-height:18px;word-break:break-all}
.foot a:link {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.foot a:visited {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
.foot a:hover {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}

#foot {color:#979696;clear:both;margin:20px 0 30px 0}
#foot .spc01 {float:left;background:url(../img/line_foot.gif);height:4px} 
#foot .spc02 {float:left;color:#979696;background:#FFFFFF;padding:10px 15px 8px 15px} 

#foot .mail{font:12px 'dotum','verdana' #979696;line-height:18px;word-break:break-all}
#foot .mail a:link {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
#foot .mail a:visited {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:none}
#foot .mail a:hover {color:#979696;font:12px 'dotum','verdana';line-height:18px;text-decoration:underline}

/* hot ranking */
#hrk
#hrk .atl01{padding:13px 9px 19px 9px}
#hrk .bg01 {background:url(../img/bg_rk_txt01.gif);height:314px;line-height:31px;padding:5px 0 0 20px}
#hrk .spc01 {float:left;background:#EBEBEB;padding:4px 0 0 12px} 
#hrk .spc02 {float:right;padding-right:12px;text-align:right}
#hrk .spc03 {float:right;padding-right:5px;color:#DFDFDD;font:11px 'dotum','verdana';text-align:right}
#hrk .spc04 {line-height:31px}

/* week ranking */
#wrk
#wrk .atl01{padding:13px 9px 19px 9px}
#wrk .bg01 {background:url(../img/line_dot_wrk.gif);height:1px}
#wrk .spc01 {float:left;line-height:20px;padding:6px 0 6px 12px} 
#wrk .spc02 {float:right;padding-right:12px;text-align:right}
#wrk .spc03 {float:right;padding-right:5px;color:#DFDFDD;font:11px 'dotum','verdana';text-align:right}
#wrk .spc04 {line-height:31px}
#wrk .11 {font:14px 'dotum','verdana';color:#DFDFDD}


.table{width:800px; height=380; overflow: auto; padding:20px; border:0 solid; font:12px u; color:"#ffffff";}

/*tab*/
#tab {clear:both}
#tab .slc {background:url(../img/bg_ct_st01.gif) no-repeat;height:27px}

