/* 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;}

/* VISUAL IMAGE SETTING */
.vi{position:relative; width:710px; height:230px; background:url("http://static.pruna.com/reimages/custom/bnr_bg.gif") no-repeat;}
.v1{position:absolute; top:40px; right:100px; width:240px; text-align:left;}
.v1 li{padding:7 0 4 0; background:url("http://static.pruna.com/reimages/common/dot/dot_06.gif") repeat-x bottom;}
.v1 img{margin:0 3 1 0}

.v2{position:absolute; top:168px; left:430px;}
.v3{position:absolute; top:190px; left:174px;}

.vx{position:relative; width:710px; height:120px; background:url("http://static.pruna.com/reimages/custom/top_bnr01.gif") no-repeat;}
.noc{position:relative; width:710px; height:120px; background:url("http://static.pruna.com/reimages/custom/top_bnr04.gif") no-repeat;}

.v4{position:absolute; top:44px; left:440px;}
.v5{position:absolute; top:70px; left:440px;}

.vis img{display:block;}

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

/* ´õºíÇ÷¯½º ÀÌ¿ë¾È³» */
.vis2 img{display:block;}
.vis2{width:646px; margin:30px auto 0;}
.vis3{width:646px; margin:0 auto; background:#F8F8F8;}

/* FONT COLOR SETTING */
.hue1{color:#0F6698;}
.hue2{color:#406D8E;}
.hue3{color:#0F6698;}
.hue4{color:#C74739;}

/* 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;}

/* LIST SETTING */
#oa{width:345px; text-align:left; clear:both;}
#oa ul{padding:5 0 0 0;}
#oa li{padding:7 0 4 0; background:url("http://static.pruna.com/reimages/common/dot/dot_06.gif") no-repeat;}
#oa img{margin:0 3 1 4;}

#xoz{width:360px; padding:6 0 4 0;}
#oz{width:340px; margin:0 auto; text-align:left; clear:both;}
#oz li{position:relative; padding:9 0 6 0; background:url("http://static.pruna.com/reimages/common/dot/dot_07.gif") repeat-x bottom;}

#oz20 li{position:relative; padding:9px 0 6px 0; background:url("http://static.pruna.com/reimages/common/dot/dot_07.gif") repeat-x bottom;}
#oz20 span{padding:0 0 0 90;}
#oz20 img{position:absolute; top:8px; left:10px;}
#oz20 sub{vertical-align:baseline; margin:0 6 0 6; color:#B5BFCA;}
#oz20 #x{background:none;}

#oz #x{background:#FFFFFF;}
#oz span{padding:0 0 0 75;}
#oz img{position:absolute; top:8px; left:4px;}
#oz sub{vertical-align:baseline; margin:0 6 0 6; color:#B5BFCA;}

/* INPUT BOX, SELECT BOX SET, CHECK BOX, RADIO BUTTON SET */
.ipu{height:20px; padding:2 2 0 2; color:#FFFFFF; background:#3086B7; border:#606D7B solid 1px;}

/* LEFT MENU SETTING */
#lfx{margin:8 0 0 0; width:180px; background:url("http://static.pruna.com/reimages/custom/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/custom/box_center.gif") repeat-y;}
#lfx #x3{padding:5 5 5 5;}
#lfx #x4{padding:0 5 5 5;}

#lfx .x1 img{display:block;}
#lfx .x2{margin:0 0 0 5; background:url("http://static.pruna.com/reimages/custom/box_center.gif") repeat-y;}
#lfx .x3{padding:5 5 5 5;}
#lfx .x4{padding:0 5 5 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/custom/dot.gif") repeat-x bottom;}
#bx #tlc{padding:6 0 4 4; background:url("http://static.pruna.com/reimages/custom/dot.gif") repeat-x bottom;}

#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/custom/dot.gif") repeat-x bottom;}
#bx .tlc{padding:6 0 4 4; background:url("http://static.pruna.com/reimages/custom/dot.gif") repeat-x bottom;}

#bx #tlc_m{font-size:11px; padding:6 0 4 10; background:url("http://static.pruna.com/reimages/custom/dot.gif") repeat-x bottom;}
#bx #tlc_n{font-size:11px; padding:4 0 0 10;}

#bx .tlc_m{font-size:11px; padding:6 0 4 10; background:url("http://static.pruna.com/reimages/custom/dot.gif") repeat-x bottom;}
#bx .tlc_n{font-size:11px; padding:4 0 0 10;}

#bx #space{height:12px;}

/* ´õºí Plus ÇØÁö ½Åû */
.gb{width:686px; height:81px; margin:20 0 0 0; padding:16 10 0 20; text-align:left; background:#F8F8F8;}
.gb li{padding:5 0 0 0;}

.gb1{position:relative; width:686px; height:64px; margin:10 0 0 0; background:#F8F8F8;}
.gb1 .x1{position:absolute; top:15px; left:20px;}
.gb1 .x2{position:absolute; top:12px; left:526px;}

.cs_td {font-family: µ¸À½, Arial, Helvetica, sans-serif;font-size: 12px;color: #8c725c;}
.cs_tx1 {color: #ffffff;font-weight: bold;font-size: 12px;font-family: µ¸À½, Arial, Helvetica, sans-serif;}
.cs_tx2 {color: #ff0000;font-weight: bold;font-size: 12px;font-family: µ¸À½, Arial, Helvetica, sans-serif;}
.cs_td3 {font-family: µ¸À½, Arial, Helvetica, sans-serif;font-size: 12px;color: #8c725c;font-weight:bold;}