@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 121105
updated: 
------------------------------------------------------------
*/

@import url("default.css");

/* layout */
#wrap{max-width:2708px; min-width:1850px}
#wrap.wrapClose{margin-left:-186px}
#header{position:relative; width:1400px}
#header .hGroup{position:relative; z-index:10}
#header .issue{position:absolute; top:0; left:0; width:1600px}
.wrapBottom{background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/bg_wrap_bottom.jpg) no-repeat right bottom}
.wrapLeft{position:relative; width:1400px; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/bg_wrap_left.gif) repeat-y}
.wrapClose .wrapLeft{background-image:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/bg_wrap_left_close.gif)}
#gnb{position:absolute; left:0; padding:34px 0 0 4px; width:246px; background:#262524; z-index:10}
#gnbClose{position:absolute; left:186px; padding:34px 0 0 0; width:64px; background:#262524; text-align:center; z-index:10; display:none}
#footer{position:relative; margin:50px 0 0 300px; padding:0 0 10px 0}

/* header */
#header .hGroup h1{position:absolute; top:0; left:300px}
#header .start{position:absolute; bottom:0;left:300px; width:1000px}
#header .start img{vertical-align:top}
#header .login{position:absolute; top:38px; left:982px; width:414px}
#header .login iframe{width:414px}

#header .issue .clsBannerScreen{position:absolute; top:0; left:250px}
#header .issue .linkField{position:absolute;top:190px;left:95px;width:500px;height:165px;background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/dot.gif) repeat;}
#header .issue .clsBannerButton{position:absolute; top:375px; left:355px; z-index:10}
#header .issue .clsBannerButton li{float:left}
#header .issue .clsBannerButton span{display:block; margin:0 2px 0 0; width:26px; height:26px; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/bu_issue.png) no-repeat; _background-image:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/bu_issue.gif); cursor:pointer}
#header .issue .clsBannerButton .active span{background-position:-31px 0}
#header .issue1{background-position:right 0}
#header .issue2{background-position:right -700px}
#header .issue3{background-position:right -1400px}
#header .issue4{background-position:right -2100px}
#header .issue5{background-position:right -2800px}

/* footer */
#footer h2{position:absolute; top:51px; left:23px; width:94px}
#footer h2 img{display:block; margin:0 auto 8px auto}
.siteinfo{margin:0 0 25px 0; padding:9px 0 0 0; height:20px; border:solid #d5d4d4; border-width:1px 0; text-align:center; overflow:hidden}
.siteinfo li{display:inline; padding:0 20px 0 25px; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/footer/line_siteinfo.gif) no-repeat}
.siteinfo li.first{background:none}
.gameinfo{float:right; padding:0 26px 0 0}
address{margin:0 0 0 146px; font:0/0 dotum}
address a{margin-left:10px}
address .copyright{margin:16px 0 0 0}

/* gnb */
#gnb .menu{margin:21px 17px 0 14px}
#gnb .menu li{margin:0 0 11px 0; padding:0 0 12px 0; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/common/gnb/line_gnb.gif) repeat-x 0 bottom; overflow:hidden; _zoom:1}
#gnb .menu li li{margin:0 0 3px 0; padding:0; background:none}
#gnb .menu strong{float:left}
#gnb .menu ul{float:right; margin:0 0 -3px 0}
#gnbClose ul{margin:469px 0 0 0}
/* lnr gnb¼öÁ¤*/
#gnb .menu ul ul{margin:0;float:none}
#gnb .menu li li li{margin:0}

/* content */
.button{margin:0 0 10px 0; text-align:right; overflow:hidden; _zoom:1}
.button a{display:inline-block; margin:0 0 0 1px; padding:0 14px; min-width:50px; height:36px; background:#323b41; font-weight:bold; font-size:15px; line-height:36px; color:#fff !important; text-align:center; text-decoration:none}
.button a.clear{background:none; font-weight:normal; font-size:13px; color:#6f6f6e !important; text-decoration:underline}
.button a.left{float:left; margin:0 5px 0 0}
.button a.blue{background:#4a708a}
.button a.orange{background:#f23f00}
.button a.green{background:#009086}
.button a.blue{background:#4768ab}
.button a.red{background:#b40400}
.button a.recommend{padding:0 15px 0 55px; height:36px; background:#90000a url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/guide/button.gif) no-repeat}
.button span.facebook{display:inline-block; width:10px; height:20px; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/board/bullet.gif) no-repeat 0 -120px; vertical-align:middle}

.pagination{clear:both;margin:60px 0 20px 0; text-align:center}
.pagination a, .pagination strong, .pagination .direction{display:inline-block; padding:0 10px; height:28px; border:1px solid #d4d4d4; background:#ffffff; line-height:28px; font-weight:normal; font-size:12px; color:#000000}
.pagination a:hover, .pagination strong{background:#969696; border-color:#969696; color:#ffffff; text-decoration:none}

.fSearch{padding:22px; background:#dedede; text-align:center}
.fSearch *{vertical-align:middle}
.fSearch select, .fSearch input.text{border:1px solid #d4d4d4; font-size:12px}
.fSearch select{min-width:90px; _width:90px; height:30px}
.fSearch input.text{padding:0 10px; width:300px; height:28px; color:#6f6f6e;line-height:27px}
.fSearch input.btn, .fReply input.btn{width:50px; height:30px; border:none; background:#969696; color:#ffffff; cursor:pointer}
.fReply{margin:60px 0 0 0; padding:20px 0; background:#dedede}
.fReply label span{display:inline-block; margin:0 25px 0 20px; padding:0 18px 0 0; color:#222222; background:url(http://image.mgame.com/mgamezzang/games/yulgang2_v3/board/bullet.gif) no-repeat right -50px}
.fReply input.text{margin:0 5px 0 0;padding:0 10px;width:878px;height:28px;border:1px solid #d4d4d4;line-height:27px}
.fReplyGuide{padding:20px}
.fReplyGuide label span{margin:0 0 5px 0}
.fReplyGuide input.text{width:978px}
.listReply li{padding:15px 20px; border-bottom:1px solid #d4d4d4}
.listReply .author{font-size:12px; color:#6f6f6e}
.listReply .btn{display:inline-block; margin:0 0 0 15px; width:39px; height:16px; background:#076eee; font-family:dotum; font-size:11px; line-height:16px; color:#ffffff; text-align:center; text-decoration:none; vertical-align:middle}

/* 130122 webpoint Ãß°¡ */
.btn_webQ{margin:0 -5px 0 0 !important;padding:0 !important;min-width:auto !important;height:auto;background:none;vertical-align:top}
.layer_webQ{position:absolute;top:46px;right:0;width:510px;display:none;text-align:left;border:2px solid #323b41;background:#fff}
.layer_webQ span{position:absolute;top:-14px;right:143px}
.layer_webQ h1{background:#f23f00;color:#fff;font-size:16px;height:38px;line-height:38px;padding:0 13px}
.layer_webQ div{padding:0 13px 10px 13px;font-size:13px}
.layer_webQ h2{font-size:14px;margin:10px 0}
.layer_webQ ol{margin:-2px 0 5px 15px}
.layer_webQ .btn_x{position:absolute;top:0;right:0;width:38px !important;min-width:38px !important;height:38px;background:#323b41;overflow:hidden;padding:0;}