@charset "euc-kr";

*{margin:0;padding:0; text-align:center;}
html,body{height:100%;margin:0;padding:0; text-align:center; background:#FFFAF0; background-image:url(../images/main/bg.jpg); background-repeat:repeat-x; letter-spacing:-1px; line-height:14px}
input,textarea,select,div,table{font:12px "µ¸¿ò",Dotum,AppleGothic,sans-serif;color:#666666;}
img{border:0;}
form{margin:0;}
ul,ol,li,dl,dt,dd{list-style:none;}

/* greenag */
.hide_sub {position:absolute; visibility:hidden; border:outset 1px white; background-color: #ffffff; z-index:1000; top:0px; left:0px;}
.hide_sub .g_layer { height:146px; width:243px; background:url(../images/common/g_layer_bg.gif); text-align:left;}
.hide_sub .g_layer .l_sum { border:#DFDFDF 3px solid; float:left; margin:8px 0px 0px 8px}
*html .hide_sub .g_layer .l_sum { border:#DFDFDF 3px solid; float:left; margin:8px 0px 0px 4px}
.hide_sub .g_layer .l_info { margin:8px 0px 0px 5px; text-align:left; float:left; width:120px; overflow:hidden}
.hide_sub .g_layer .l_info li{ text-align:left; margin-top:5px}
.hide_sub .g_layer .l_txt { clear:both; margin:10px; letter-spacing:0px; font-size:11px; text-align:left; text-overflow:clip; overflow:visible}
.TemplateHtml {display:none;}
.img_cursor img {cursor:pointer;}
#paging_area .pg_on {color:#FF6000; font-weight:bold}
#paging_area .split {margin-left:3px;margin-right:3px;}
#paging_area img {vertical-align:middle;}
#paging_area a {border:0px;}
.g_box span, .g_box img {cursor:pointer;}
.summary {position:absolute;border:1px solid blue;}
.btn {cursor:pointer}
.cbtn {cursor:pointer}
/* greenag end */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }/* Hides from IE-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac */

.txtcut {text-overflow:ellipsis; overflow:hidden; text-align:left} /* 0129 Ãß°¡ */

#wrapBody { display:block; width:100%; text-align:center;}
#navi { position:relative; width:100%; height:97px; text-align:center; z-index:5}
.top_flash { width:100%}   /*  0122 Ç÷¡½Ã ¿µ¿ª Ãß°¡ */
.visu { position:relative; width:1000px; z-index:0; top:0px;left:0px; text-align:center; margin:auto}  /* 0122 visu ¼öÁ¤ */

a:link { text-decoration:none; font-family:"µ¸¿ò"; color:#666666; font-size:12px }
a:visited { text-decoration:none; font-family:"µ¸¿ò"; color:#666666; font-size:12px}
a:hover {  background:url(../images/dot_orange.html); background-repeat:repeat-x; background-position:bottom }
a:active { text-decoration: underline; font-family:"µ¸¿ò"; color:#666666; font-size:12px}

/********************* font *********************/
.orange_b{color:#FF6000; font-weight:bold}
.num { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px}
.blue {color:#2C539B}
.blue1 {color:#2832A3}
.viol { color:#652EB3}
.viol1 {color:#8B92D5}
.green {color:#2C7E19}
.white {color:#ffffff}
 
.t_rec { font-weight:bold; color:#8B92D5; text-decoration:none;}
a:link.t_rec{ font-weight:bold; color:#8B92D5; text-decoration:none} 
a:visit.t_rec{ font-weight:bold; color:#8B92D5; text-decoration:none} 
a:hover.t_rec{ font-weight:bold; color:#4B55B5; text-decoration:none; border:0px;}
a:active.t_rec{ font-weight:bold; color:#8B92D5; text-decoration:none}

a:link.viol{ color:#652EB3; text-decoration:none }
a:visit.viol{ color:#652EB3; text-decoration:none }
a:hover.viol{ color:#652EB3; text-decoration:underline }
a:active.viol{ color:#652EB3; text-decoration:none }

a:link.green{ color:#2C7E19; text-decoration:none }
a:visit.green{ color:#2C7E19; text-decoration:none }
a:hover.green{ color:#2C7E19; text-decoration:underline }
a:active.green{ color:#2C7E19; text-decoration:none }

/********************* Footer *********************/
.footer_box { clear:both; background-color:#fff; border-top:#DBD2C1 1px solid; margin-top:15px;position:relative;}
.footer { width:960px; position:relative; }
.footer .g_sel{ position:absolute; top:15px; left:810px}   /* À̹ÌÁö Ãß°¡ ¼öÁ¤ */
.footer .foot_link { margin:15px 0px 15px 0px}
.footer .adress { border-top:#DCDCDC 1px solid; text-align:left;}

/********************* °°Àº À帣 Ãßõ °ÔÀÓ *********************/
.genre_recommend {margin:10px 15px 15px 15px; text-align:left; clear:both}
.genre_recommend .tit_recommend { float:left; text-align:left}
.genre_recommend .genre_recommend_list { position:relative; border:#C7C2B8 1px solid; background-image:url(../images/PoisnGame/genre_recommend_list_bg.gif); clear:both; text-align:left; padding:10px 70px 0px 70px}
.genre_recommend .genre_recommend_list .btn_left {position:absolute; float:left; top:25px; left:-6px ; z-index:5}
.genre_recommend .genre_recommend_list .btn_right {position:absolute; float:right; top:25px; left:924px ; z-index:5}
.genre_recommend .genre_recommend_list .g_box{width:110px; float:left; margin:0px 10px 0px 10px;}
.genre_recommend .genre_recommend_list .left_con .list_box .g_box .g_img {background-image:url(../images/PoisnGame/g_box_bg.gif); padding:6px 5px 0px 5px }
.genre_recommend .genre_recommend_list .g_title {color:#796C41; text-align:left; height:20px; padding:10px 0px 0px 5px }

/********************* ÇѸ¶µð ´Þ±â *********************/
.comment_box {margin:10px 15px 15px 15px; padding:15px 27px 5px 27px; text-align:left; background-color:#F6F1E7}
.comment_box .comment {position:relative; background-color:#E7E2D8; text-align:left; height:68px; overflow:hidden;} /* greenag  overflow:hidden */
.comment_box .comment .txt_area { float:left; } /* greenag padding -> textarea margin */
.comment_box .line_relpy { background-image:url(../images/PoisnGame/line_reply_dotline.gif); background-repeat:repeat-x; background-position:bottom; clear:both; height:63px; text-align:left }
.comment_box .line_relpy .p_view { border:#DBD6CC 1px solid; width:40px; height:50px; background-color:#FFFFFF; margin:5px 20px 5px 20px; float:left}
.comment_box .line_relpy .reply_con {float:left; margin-top:10px; text-align:left; width:650px;}
.comment_box .line_relpy .reply_con li {height:22px; text-align:left; color:#504B41;}
.comment_box .line_relpy .replay_date { float:right; margin:20px 15px 0px 0px}
.comment_box .reply_listnum { margin:15px 0px 15px 0px; color:#504B41}

.comment_tr {background: url(../images/PoisnGame/line_reply_dotline.gif) bottom repeat-x;}
.comment_img {vertical-align:top; padding:15px 0px 15px 0px}
.comment_img img {border:#DBD6CC 1px solid}
.comment_desc {text-align:left; padding:5px 0px 5px 0px;}
.comment_nm {font-weight:bold; cursor:pointer;}
.comment_ds {margin-top:5px; text-align:left;}

.pop_box {width:450px}
.pop_box .con_area { background:url(../images/bg_line.gif) repeat-y; text-align:left}
.pop_box .con_area .box { width:426px; margin-left:12px}
.pop_box .con_area .box .p_img {border:#278DB9 3px solid; float:left; width:103px}
.pop_box .con_area .box .info {float:left; width:317px}
.pop_box .con_area .box .info .mem_btn { text-align:right}
.pop_box .con_area .box .bottom { clear:both; border-top:#2890BE 2px solid; padding:5px 0px 5px 0px; margin-top:10px}
.pop_box .con_area .box .p_info { background:url(../images/point_bg.gif); height:130px; width:426px; position:relative} 
.pop_box .con_area .box .my_info_box { border-left:#2890BE 3px solid; border-right:#2890BE 3px solid; border-bottom:#2890BE 3px solid; padding-top:10px}  
.pop_box .con_area .box .my_info_box li { margin:0px 10px 10px 10px; text-align:left}
.pop_box .con_area .box .my_info_box .state {background:url(../images/arrow.gif) no-repeat left; padding-left:10px}
.or_b { color:#FF5A00; font-weight:bold}
.tx_box { border:#DFDFDF 3px solid; margin-left:10px}
.tx_box li {margin:5px; text-align:left}
.tx_box .state { background:url(../images/arrow.gif) no-repeat left; padding-left:10px}

.copyright_notice {clear:both; margin-top:30px; border:2px dotted #8AADE4; width:95%; font:12px gulim; line-height:150%; color:#646464; text-align:left; padding:10px;}
.copyright_notice div {margin-top:10px; text-align:left;}
.copyright_notice a:link, .copyright_notice a:active, .copyright_notice a:visited {color:#3577C5; text-decoration:underline;}
.copyright_notice .tab {padding-left:30px;}


/* Áßµ¶¼º °ÔÀÓ ¾÷µ¥ÀÌÆ® */
.right_con .update { width:100px}
.right_con .update .sum_list .sum_box1 { width:80px; margin:0px 10px 0px 10px; float:left}
*html .right_con .update .sum_list .sum_box1 { width:80px; margin:0px 7px 0px 7px; float:left} /*greenag*/
.right_con .update .sum_list .sum_img1 { border: #A4A9E4 1px solid}
.right_con .update .sum_list .sum_tit1 { color:#8288C8; height:13px; overflow:hidden; } /*greenag*/
.right_con .update .sum_list .record_area { margin: 0px 18px 0px 15px; height:72px}
.right_con .update .sum_list .record_area .rec_date { height:20px; background-image:url(/tpl/200811/images/RankGame/rec_bg.gif); text-align:left}
.right_con .update .sum_list .record_area .rec_date li { float:left;list-style:none;}
.right_con .update .sum_list .record_area .rec_sum { float:left; border:#E5E8FF 1px solid; margin:5px}
.right_con .update .sum_list .record_area .rec_txt {float:left; margin-top:5px}
.right_con .update .sum_list .record_area .rec_txt li { text-align:left; color:#8B92D5;list-style:none; }



/* Àα⠱޻ó½Â °ÔÀÓ */
.right_con .favor { width:202px}
.right_con .favor .favor_list {width:192px; background-image:url(/tpl/200811/images/PoisnGame/favor_list_bg.gif); height:220px; margin:auto}
.right_con .favor .favor_list .sum_box2 { width:80px; margin:0px 10px 0px 10px; float:left}
*html .right_con .favor .favor_list .sum_box2 { width:80px; margin:0px 7px 0px 7px; float:left} /*greenag*/
.right_con .favor .favor_list .sum_img2 { border: #BE9188 1px solid}
.right_con .favor .favor_list .sum_tit2 { color:#C5978D; height:13px; overflow:hidden; } /*greenag*/
.right_con .favor .favor_list .rank_area { margin:0px 18px 0px 15px;}
.right_con .favor .favor_list .rank_area .g_select { text-align:left}
.right_con .favor .favor_list .rank_area .rank_list { }
.right_con .favor .favor_list .rank_area .rank_list .line {height:20px; color:#B9867D; background-image:url(/tpl/200811/images/RankGame/dot_line.gif); background-repeat:repeat-x; background-position:bottom}