/*
  WebStandard Team (http://html.nhndesign.com/)
  @author : InJeong Keum 20071226
*/

/*main layout*/
body {background:url(https://hangame-images.toastoven.net/hangame/spcbang/common/bg_top_main2.gif) repeat-x left top;}
#container {position:relative; min-width:971px; height:933px; background:url(https://hangame-images.toastoven.net/hangame/spcbang/common/bg_tr_main.gif) no-repeat 785px top;}
*body #container {width:expression(document.body.clientWidth <= 971 ? '971px' : '100%'); } 

#left {float:left; width:179px; _width:199px; height:100%; padding:0 10px; background:url(https://hangame-images.toastoven.net/hangame/spcbang/common/bg_left_main2.gif) no-repeat left top;}
#center {position:relative; float:left; width:586px; height:100%; background:#fff url(https://hangame-images.toastoven.net/hangame/spcbang/common/bg_c_main2.gif) no-repeat left top;}
#right {position:relative; float:left; width:176px; height:100%; padding-left:10px; background:url(https://hangame-images.toastoven.net/hangame/spcbang/common/bg_right_main2.gif) no-repeat left top;}
#right img {vertical-align:top;}
/*main contents*/

.cs {margin:0 0 26px 0; vertical-align:top;}
.notice {padding:10px 0 0 0; border-top:2px solid #C3C3C3;}
.notice li {margin:5px 0 0 0; padding:0 0 0 15px; background:url(https://hangame-images.toastoven.net/hangame/spcbang/common/sq_gray03.gif) no-repeat 3px 5px;}
.notice li span {color:#B0B0B0;}
.successpc {background:url(https://hangame-images.toastoven.net/hangame/spcbang/main/bg_successpc.gif) no-repeat left top; letter-spacing:-1px;}
.successpc img { margin:4px 0 14px 4px;}
.successpc span {padding:0 0 0 9px;}
.successpc p {padding:5px 0 0 0; color:#949494; line-height:1.4}

h2 {height:19px;}
h2 img {margin-left:7px;}
h2 a {float:right; margin:-10px 9px 0 0; }
.event {margin:96px 0 34px 6px;}
.mcl {float:left; width:271px; margin:0 0 0 16px;}
.mcr {float:right; width:268px; margin:0 13px 0 0;}
*html .mcl, .mcr {display:inline;}

.addgame {display:inline; position:relative; float:left; margin:26px 7px 0 17px;}
.addgame h2 {width:554px;}
.addgame h3 {margin:0 0 3px 0;}
.addgame .board {float:left;}
.addgame .rpg {position:absolute; left:279px;}
.addgame ul {margin:0; padding:0; width:278px;}
.addgame li {position:relative; float:left; width:136px; height:41px; margin:0 3px 3px 0; background:url(https://hangame-images.toastoven.net/hangame/spcbang/main/bg_special.gif) no-repeat;}
.addgame li .chara {margin:9px 0 0 8px;}
.addgame li p {position:absolute; left:38px; top:9px; padding:2px 0 0 0; font-size:11px; line-height:1.1;}

.mfavor {position:absolute; top:15px; left:29px; }
.mfind {position:relative; margin:112px 0 4px 0;}
.mfind .more {position:absolute; top:64px; right:15px; }
.mfind .search {position:absolute; top:112px; left:15px; }
.mfind input.text {width:107px; height:19px; padding:3px 0 0 3px; border:1px solid #dbdbdb; border-top:1px solid #999; border-left:1px solid #999; color:#FF7800; font-size:11px;}
.mfind input.srhimg  {margin:0 0 0 4px; vertical-align:top;}
.mzone {background:url(https://hangame-images.toastoven.net/hangame/spcbang/main/bg_zone.gif) no-repeat left 45px;}
.mevent {position:relative; left:5px; margin:0 0 8px 0;}
.mevent div {position:absolute; top:34px; left:3px;}
.mcoupon {margin:0 0 8px 5px; text-align:center;}
.mban {_width:100%; margin:10px 0 0 0; padding:6px; background:#D5D5D5;}