/* PRUNA CSS Document */
@import "common.css";
@import "top.css";
@import "bbs.css";

@charset "euc-kr";

#pg{width:920px; text-align:left; margin:0 auto;}
#pg1{width:190px; margin:8 0 0 0; float:left;}
#pg2{width:710px; margin:8 0 0 0; float:right;}

#left{float:left; padding:15 0 0 6; text-align:center;}
#right{float:right; padding:15 6 0 0; text-align:center;}

/* VISUAL IMAGE SETTING */
.vi{position:relative; width:710px; height:180px; background:url("http://static.pruna.com/reimages/my/bnr_bg01.gif") no-repeat;}
.v1{position:absolute; top:130px; left:16px; text-align:left; padding:10 0 0 12;}

.vi2{position:relative; width:686px; height:60px; background:url("http://static.pruna.com/reimages/my/box_date.gif") no-repeat; margin:0px auto 10px;}
.vi2 li{position:absolute; top:20px; left:80px;}
.vi3{width:710px; height:185px; background:url("http://static.pruna.com/reimages/my/box_coin.gif") no-repeat; margin:0px auto 10px;}
.vi3 ul{clear:both; padding:0 0 0 15;}
.vi3 li{float:left;}
.vi3 img{display:block;}
.vi3 .x{padding:15 0 0 15;}

.vi3_new{width:710px; height:283px; background:url("http://static.pruna.com/reimages/my/box_coin_new.gif") no-repeat; margin:0px auto 10px;}
.vi3_new ul{clear:both; padding:0 0 0 15;}
.vi3_new li{float:left;}
.vi3_new img{display:block;}
.vi3_new .x{padding:15 0 0 15;}

.vis img{display:block; text-align:left; clear:both;}

.vi4{width:686px; height:60px; text-align:left; background:url("http://static.pruna.com/reimages/my/box_date.gif") no-repeat; margin:0px auto 10px; position:relative;}
.vi4 .info{position:absolute; top:16px; left:28px;}
.vi4 .bt{position:absolute; top:20px; right:20px;}
.mhappy{color:#FF5A00; font-weight:bold;}
.mdouble{color:#2367B4; font-weight:bold;}


#m1{float:left; padding:10 0 0 6;}
#m2{float:right; padding:10 6 0 0;}

#jmc{width:684px; text-align:left; margin:0 auto;}

.jmc{width:684px; text-align:left; margin:0 auto;}

#ch{width:420px; margin:0 auto; clear:both;}

/* FONT COLOR SETTING */
.hue1{color:#0F6698;}
.hue2{color:#406D8E;}
.hue3{color:#0F6698;}
.hue4{color:#FF3300;}
.hue5{color:#C74739;}
.hue6{color:#9A9A9A; text-decoration:none;}
.hue7{color:#C25310; font-weight:bold; text-decoration:underline;}
.hue8{color:#5A9158; font-weight:bold;}

/* BOARD RE_SETTING */
#tab{text-align:left;}

/* HISTORY SETTING */
.his{font-family:"µ¸¿ò"; font-size:11px; color:#7A7A7A; letter-spacing:-1px; text-align:right; padding:10 14 0 0;}
.his a:link{text-decoration: none; color: #7A7A7A;}
.his a:visited{text-decoration: none; color: #7A7A7A;}
.his a:hover{text-decoration: underline; color:#6496D8;}

/* LEFT MENU SETTING */
#lfx{margin:8 0 0 0; width:180px; background:url("http://static.pruna.com/reimages/my/left_bg.gif") no-repeat 0px 56px #E1E7EE;}
#lfx #x1 img{display:block;}
#lfx #x2{margin:0 0 0 5; background:url("http://static.pruna.com/reimages/my/box_center.gif") repeat-y;}
#lfx #x3{padding:5 5 5 5;}
#lfx #x4{padding:0 5 5 5;}
#lfx #x5{padding:5 0 0 5;}
#lfx #x6{padding:0 0 0 5;}

#bx li{margin:0 18 0 12;}
#bx #tla{padding:4 0 0 0; border-color:#406D8E; border-style:none none solid none; border-width:2px;}
#bx #tlb{padding:12 0 4 4; background:url("http://static.pruna.com/reimages/my/dot.gif") repeat-x bottom;}
#bx #tlc{padding:6 0 4 4; background:url("http://static.pruna.com/reimages/my/dot.gif") repeat-x bottom;}
#bx #space{height:12px;}

#bx .tla{padding:4px 0 0 0; border-color:#406D8E; border-style:none none solid none; border-width:2px;}
#bx .tlb{padding:12px 0 4px 4px; background:url("http://static.pruna.com/reimages/my/dot.gif") repeat-x bottom;}
#bx .tlc{padding:6px 0 4px 4px; background:url("http://static.pruna.com/reimages/my/dot.gif") repeat-x bottom;}
#bx .space{height:12px;}

/* MY PRUNA MAIN LIST SETTING */
#oa{width:324px; margin:0 auto 15px; text-align:left; clear:both;}
#oa ul{padding:6 0 0 0;}
#oa li{position:relative; padding:7 0 4 0;}
#oa img{margin:0 3 1 4;}
#oa .x{position:absolute; top:8px; right:36px; font-size:11px; color:#A0ADBB; margin:0 5 0 5;}
#oa .num{position:absolute; top:5px; right:4px;}
#oa .no1{position:absolute; top:6px; right:48px; font-family:"Tahoma"; font-size:11px;}
#oa .no2{position:absolute; top:6px; right:4px; font-family:"Tahoma"; font-size:11px;}

#ob{width:300px; margin:0 auto; text-align:left; clear:both;}
#ob ul{padding:24 0 0 0;}
#ob li{position:relative; padding:5 0 3 0;}
#ob .no1{width:44px; text-align:center; position:absolute; top:6px; right:46px; font-family:"Tahoma"; font-size:11px;}
#ob .no2{width:44px; text-align:center; position:absolute; top:6px; right:0px; font-family:"Tahoma"; font-size:11px;}

/* MY PRUNA MAIN BOX SETTING */
#tob{padding:10 4 5 8; text-align:left;}

#udb1{clear:both; background:#F8F8F8; padding:5 5 5 5;}
#udb1 img{display:block;}

#udb2{clear:both; background:#F8F8F8; padding:5 5 5 5;}
#uxb{width:330px; height:53px; margin:3 0 0 0; position:relative;}
#uxb li{position: absolute; text-align:left;}
#uxb .r1{top:9px; left:14px;}
#uxb .r2{top:29px; left:14px;}
#uxb .x{position:absolute; top:0px; right:0px;}

/* ÃßõÄÁÅÙÃ÷ Ãß°¡µÈ ºÎºÐ*/
#cts{position:relative; width:686px; height:205px; background:url("http://static.pruna.com/reimages/my/cts_box.gif") no-repeat;}
#ctm1{width:300px; position:absolute; top:0px; left:0px;}
#ctm1 #x{background:url("http://static.pruna.com/reimages/img/my/cts_m_box.gif") no-repeat; padding:1 2 2 1; margin:0 10 0 0; float:left;}
#ctm1 img{display:block;}
#ctm1 ul{padding:0 0 10 0;}
#ctm1 #t1{padding:8 0 0 0; font-weight:bold; text-align:left;}
#ctm1 #t2{padding:8 0 0 0; font-family:"µ¸¿ò"; font-size:11px; letter-spacing:-1px; text-align:left;}

#ctm2{width:300px; position:absolute; top:95px; left:0px;}
#ctm2 #x{background:url("http://static.pruna.com/reimages/img/my/cts_m_box.gif") no-repeat; padding:1 2 2 1; margin:0 10 0 0; float:left;}
#ctm2 img{display:block;}
#ctm2 ul{padding:0 0 10 0;}
#ctm2 #t1{padding:8 0 0 0; font-weight:bold; text-align:left;}
#ctm2 #t2{padding:8 0 0 0; font-family:"µ¸¿ò"; font-size:11px; letter-spacing:-1px; text-align:left;}

#ctm3{width:300px; position:absolute; top:19px; left:365px;}
#ctm3 #x{background:url("http://static.pruna.com/reimages/img/my/cts_m_box.gif") no-repeat; padding:1 2 2 1; margin:0 10 0 0; float:left;}
#ctm3 img{display:block;}
#ctm3 ul{padding:0 0 10 0;}
#ctm3 #t1{padding:8 0 0 0; font-weight:bold; text-align:left;}
#ctm3 #t2{padding:8 0 0 0; font-family:"µ¸¿ò"; font-size:11px; letter-spacing:-1px; text-align:left;}

#ctm4{width:300px; position:absolute; top:114px; left:365px;}
#ctm4 #x{background:url("http://static.pruna.com/reimages/img/my/cts_m_box.gif") no-repeat; padding:1 2 2 1; margin:0 10 0 0; float:left;}
#ctm4 img{display:block;}
#ctm4 ul{padding:0 0 10 0;}
#ctm4 #t1{padding:8 0 0 0; font-weight:bold; text-align:left;}
#ctm4 #t2{padding:8 0 0 0; font-family:"µ¸¿ò"; font-size:11px; letter-spacing:-1px; text-align:left;}

#ctm5{width:300px; height:133px; position:absolute; top:20px; left:20px;}
#ctm6{width:300px; height:133px; position:absolute; top:20px; left:362px;}

.my_td_box {font-family: µ¸À½, Arial, Helvetica, sans-serif;font-size: 12px;color: #606d7b;}
.my_tx1 {color: #ffffff;	font-weight: bold;font-size: 12px;font-family: µ¸À½, Arial, Helvetica, sans-serif;}
.my_tx2 {color: #fff600;font-weight: bold;font-size: 12px;font-family: µ¸À½, Arial, Helvetica, sans-serif;}