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

@import url("default.css");

/* layout */
#wrap{margin:1px 0 0 0; border-top:5px solid #3C9BBF;}
#baduk_header{position:relative; margin:0 auto; width:965px; height:268px;}
#container{margin:0 auto; width:965px; _zoom:1;}
#container:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
#snb{position:relative; float:right; margin:-253px 0 0 0; width:269px;}
#content{float:left; width:681px;}
#baduk_footer{clear:both; margin:45px auto 0 auto; width:100%; border-top:37px solid #EEEEEE;}

/* header */
#baduk_header h1{position:relative; height:40px; overflow:hidden;}
#baduk_header .top{top:0; width:207px; height:10px;}
#baduk_header .swfGnb{position:absolute; top:0; left:107px; }
#baduk_header .swfVisual{float:left; height:158px; background:#3c9bbf;}
#baduk_header ul.enter{float:left; padding:55px 0 0 42px; width:191px; height:103px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bg_enter.gif) no-repeat;}
#baduk_header ul.enter li{line-height:0;}
#baduk_header ul.enter .enter{height:50px;}
#baduk_header ul.enter .howto{float:left; margin:0 9px 0 15px; padding:0 14px 0 0; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/line_enter.gif) no-repeat right 0; display:inline;}
#baduk_header ul.menu{padding:10px 0 0 10px; width:671px; height:60px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_gnb.gif) no-repeat; overflow:hidden;}
#baduk_header ul.menu li{float:left; margin:0 8px 0 0;}
#baduk_header iframe{position:absolute; top:0; left:0;}

/* footer */
.wrapFooter{position:relative; margin:-37px auto 0 auto; width:965px;}
#baduk_footer .siteinfo{margin:0 0 12px 0; padding:11px 0 0 0; height:26px; text-align:center;}
#baduk_footer .siteinfo li{display:inline; padding:0 3px 0 9px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/line_siteinfo.gif) no-repeat 0 1px; letter-spacing:-1px;}
#baduk_footer .siteinfo li a{color:#555555;}
#baduk_footer #gameinfo{position:relative; float:right; margin:0 34px 0 0; width:226px; height:54px; display:inline;}
#baduk_footer #gameinfo div{position:absolute; top:0; right:0;}

#baduk_footer address{margin:0 0 0 122px; padding:0 0 10px 106px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/logo_footer.gif) no-repeat 0 13px; font:12px/19px dotum; color:#50615C; letter-spacing:-1px;}
#baduk_footer address em{font-style:normal; color:#000000;}
#baduk_footer address .email{margin:0 0 0 5px; padding:0 0 0 13px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_email.gif) no-repeat 0 1px; color:#000000;}
#baduk_footer address .corp{color:#FF6600; font-weight:bold;}

/* snb */
#snb .menu li{float:left; padding:1px 5px 0 16px; font:bold 11px/14px dotum; letter-spacing:-1px;}
#snb .menu li.board{background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_menu01.gif) no-repeat;}
#snb .menu li.cs{background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_menu02.gif) no-repeat;}
#snb .menu li.cafe{padding-right:0; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_menu03.gif) no-repeat;}
#snb .menu li a{text-decoration:none;}
#snb .login{clear:both; margin:0 0 10px 0; width:269px;}

#snb .quick{clear:both; margin:0 0 2px 0; overflow:hidden; _zoom:1;}
#snb .quick li{float:left; margin:0 2px 0 0;}
#snb .quick li.charge{margin:0;}
#snb .quick li a{display:block; padding:7px 0 0 0; height:17px; font:bold 11px/14px dotum; text-decoration:none;}
#snb .quick li.howto a{padding-left:49px; width:99px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_quick01.gif) no-repeat;}
#snb .quick li.charge a{padding-left:42px; width:77px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_quick02.gif) no-repeat;}
#snb .dlTv{margin:0 0 2px 0; width:269px; height:24px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_tv.gif) no-repeat right 0; overflow:hidden; _zoom:1;}
#snb .dlTv dt{float:left;}
#snb .dlTv dd{float:left; margin:0 14px 0 25px; display:inline;}
#snb .dlTv dd a{display:block; padding:7px 0 0 0; height:17px; font:bold 11px/14px dotum; text-decoration:none;}
#snb .dlTv dd.onair a{padding-left:20px; width:45px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_onair.gif) no-repeat 0 4px; color:#CC3300;}
#snb .dlTv dd.table a{padding-left:19px; width:39px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_table.gif) no-repeat 0 4px;}
#snb .pcroom{margin:0 0 7px 0; width:269px; height:40px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_pcroom.gif) no-repeat right 0; overflow:hidden; _zoom:1;}
#snb .pcroom h2{float:left;}
#snb .pcroom .list{float:left; margin:7px 0 0 11px; width:118px; font:bold 11px/15px dotum;}
#snb .pcroom .list li{padding:0 0 0 8px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_dot.gif) no-repeat 0 5px;}
#snb .pcroom .btn{float:left; margin:5px 0 0; line-height:0;}
#snb .pcroom .btn li{margin:0 0 2px 0;}

#snb .board{margin:0 0 10px 0; padding:0 0 19px 0; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_board_bottom.gif) no-repeat 0 bottom; _zoom:1;}
#snb .board h2{padding:0 0 0 1px; height:21px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/line_h2.gif) repeat-x 0 bottom;}
#snb .board .more{position:absolute; top:19px; right:17px;}
#snb .board .today{position:relative; padding:15px 17px 15px 18px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_board_top.gif) no-repeat;}
#snb .board .today dl{overflow:auto; width:228px; height:100px; margin:8px 0 3px 6px; font:12px/14px dotum;}
#snb .board .today dt{margin:4px 0 0 0; padding:0 0 0 8px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_dot2.gif) no-repeat 0 5px; font-weight:bold;}
#snb .board .today dd{margin:0 0 0 8px;}
#snb .board .notice{position:relative; padding:15px 17px 15px 18px;}
#snb .board .notice ul{margin:9px 0 0 3px; font:12px/18px dotum;}
#snb .board .poll{position:relative; padding:15px 17px 0 18px; height:322px;}
#snb .board .poll .question{margin:8px 4px 9px 4px; font-size:12px;}
#snb .board .poll .inputRadio{margin:0 0 0 17px; width:13px; height:13px; vertical-align:middle;}
#snb .board .poll label{font-size:11px; font-weight:bold;}
#snb .board .poll .btn{padding:15px 0 0 0;}
#snb .board .poll .btn a{display:block; margin:0 auto; padding:4px 0 0 0; width:144px; height:14px; font:bold 12px/14px dotum; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_btn_poll.gif) no-repeat; text-align:center; text-decoration:none;}



#snb .shopping{position:relative; height:233px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_shopping.gif) no-repeat 0 bottom;}
#snb .shopping ul{margin:19px 0 0 16px;}
#snb .shopping li{float:left; margin:0 10px 13px 10px; width:60px; text-align:center; font:11px/14px dotum; letter-spacing:-1px; display:inline;}
#snb .shopping li a{color:#333333; text-decoration:none;}
#snb .shopping li img{display:block; margin:0 auto 1px auto;}
#snb .shopping li .shop{display:block; color:#EC2A2A;}
#snb .shopping .question{position:absolute; top:3px; right:0;}
#snb .shopping .question a{display:block; padding:0 0 0 8px; font:11px/13px dotum; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_arrow.gif) no-repeat 0 2px; color:#BCBCBC; text-decoration:none; letter-spacing:-1px;}

/* content */
#content .news h2,
#content .lecture h2,
#content .record h2,
#content .column h2,
#content #shop h2,
#content #ranking h2{padding:0 0 0 1px; height:17px; border-bottom:2px solid #CCCCCC;}
#content .more{position:absolute; top:4px; right:0;}
#content .ulList{margin:6px 0 0 3px;}
#content .ulList li a{padding:0 0 0 9px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_dot2.gif) no-repeat 0 5px; line-height:21px;}

#content .news{position:relative; float:left; margin:15px 15px 0 0; width:378px; height:144px; overflow:hidden;}
#content .news .list{margin:6px 0 0 0;}
#content .news .list li a{padding:0 0 0 9px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_dot2.gif) no-repeat 0 5px; line-height:21px;}
#content .news .list .photo{float:left; margin:3px 14px 0 0; _margin-right:11px; font-size:11px; text-align:center;}
#content .news .list .photo a{padding:0; background:none;}
#content .news .list .photo img{display:block; margin:0 0 1px 0; padding:2px; border:1px solid #E5E5E5;}
#content .news .menu{position:absolute; top:1px; right:45px; overflow:hidden;}
#content .news .menu li{position:relative; float:left; right:-6px; padding:0 5px; height:10px; border-right:1px solid #666666; line-height:0; overflow:hidden;}
#content .news .menu li a{position:relative; font-size:11px; line-height:12px; line-height /*\**/:13px; text-decoration:none;}
#content .news .menu li a:hover{font-weight:bold; letter-spacing:-1px;}

#content .lecture{position:relative; float:left; margin:15px 0 0 0; width:288px; height:144px; overflow:hidden;}
#content .record{position:relative; float:left; margin:0 15px 0 0; width:378px; height:143px; overflow:hidden;}

#content #premium{position:relative; float:left; width:288px; height:143px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_premium.gif) no-repeat 0 bottom; overflow:hidden;}
#content #premium h2{height:17px;}
#content #premium li{float:left;}
#content #premium div{position:absolute; top:41px; left:0; width:285px;}

#content #avatar{position:relative; float:left; margin:0 15px 0 0; width:378px; height:227px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_avatar.gif) no-repeat 0 18px; overflow:hidden;}
#content #avatar h2{float:left;}
#content #avatar #avatar1,
#content #avatar #avatar2{position:absolute; top:20px; left:0; padding:11px 30px 0 33px; width:315px;}
#content #avatar .money{position:relative; margin:0 0 10px 0; width:315px; height:21px; border-bottom:1px solid #E5E5E5; overflow:hidden;}
#content #avatar .money li{float:left; margin:0 21px 0 0; padding:0 22px 0 0; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/line_tab_avatar.gif) no-repeat right 0; line-height:14px; display:inline;}
#content #avatar .money li a{color:#000000; text-decoration:none;}
#content #avatar .money li a strong,
#content #avatar .money li a:hover{font-weight:bold; color:#FF9900; letter-spacing:-1px;}
#content #avatar .money li.last{margin:0; padding:0; background:none;}
#content #avatar .photo{float:left; margin:0 29px 0 0; width:87px; height:129px; overflow:hidden;}
#content #avatar .photo img{display:block; margin:0 0 1px 0; border:1px solid #D3D3D3;}
#content #avatar .photo li{padding:4px 0 2px 13px; border-bottom:1px solid #E5E5E5; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/common/bu_dot2.gif) no-repeat 5px 9px; font:bold 11px/14px dotum;}
#content #avatar .bag{position:relative; float:left; width:199px; font-size:11px;}
#content #avatar .bag h3{height:22px; padding:0 0 0 19px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_bag.gif) no-repeat; font:bold 12px/17px dotum;}
#content #avatar .bag .list{margin:0 0 7px 3px; overflow:hidden; _zoom:1;}
#content #avatar .bag .list li{float:left; margin:0 0 0 2px; display:inline;}
#content #avatar .bag .list li a{display:block; padding:4px 0 0 0; width:37px; height:14px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_btn_avatar.gif) no-repeat; text-align:center; text-decoration:none; line-height:13px;}
#content #avatar .bag .list li a.on,
#content #avatar .bag .list li a:hover{background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_btn_avatar_on.gif) no-repeat; font-weight:bold; color:#47768E;}
#content #avatar .bag .cancel{position:absolute; top:0; right:0; text-align:center;}
#content #avatar .bag .cancel a{display:block; padding:5px 0 0 0; width:66px; height:13px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_cancel.gif) no-repeat; font:bold 11px/12px dotum; text-decoration:none; letter-spacing:-1px;}
#content #avatar .bag .volume{margin:0 0 9px 5px; width:193px; overflow:hidden; _zoom:1;}
#content #avatar .bag .volume li{float:left; line-height:14px; text-align:center;}
#content #avatar .bag .volume li.volume1{width:38px;}
#content #avatar .bag .volume li.volume2{padding:0 21px 0 2px; width:67px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_plus.gif) no-repeat 76px 25px;}
#content #avatar .bag .volume li.volume3{width:65px;}
#content #avatar .bag .volume li span{display:block; margin:3px 0 0 0; padding:3px 0 0 0; height:15px; border:1px solid #CCCCCC; color:#000000;}
#content #avatar .bag .total{float:left; margin:0 2px 0 5px; _margin-left:3px; padding:4px 0 0 8px; width:144px; background:#F6F8F9; line-height:14px;}
#content #avatar .bag .btn{float:left; text-align:center;}
#content #avatar .bag .btn a{display:block; padding:6px 7px 0 7px; width:24px; height:26px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_buy.gif) no-repeat; font-weight:bold; line-height:12px; color:#5B79A3; text-decoration:none;}
#content #avatar .shop{position:absolute; clear:both; top:-15px; right:0;}

#content #tv{position:relative; float:left; width:288px; height:227px; overflow:hidden;}
#content #tv h2{height:18px;}
#content #tv h3{position:absolute; top:0; right:45px; font:11px/14px dotum; line-height /*\**/:15px;}
#content #tv h3.h3Tv1{padding:0 7px 0 0; right:97px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/line_tab.gif) no-repeat right 1px;}
#content #tv h3 a{text-decoration:none;}
#content #tv h3 a.on,
#content #tv h3 a:hover{font-weight:bold; letter-spacing:-1px;}
#content #tv ul{position:absolute; top:23px; left:92px;}
#content #tv .vod{margin:0 0 10px 0; padding:18px 0 0 30px; width:258px; height:82px; border-top:2px solid #CCCCCC; background:#F6F8F9;}
#content #tv .ranking a,
#content #tv .event a{display:block; margin:4px 0 0 0; padding:11px 0 0 47px; width:241px; height:26px; color:#47768E; font-weight:bold; text-decoration:none; letter-spacing:-1px;}
#content #tv .ranking a{background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_tv01.gif) no-repeat;}
#content #tv .event a{background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/btn_tv02.gif) no-repeat;}

#content .column{position:relative; float:left; margin:0 15px 0 0; width:378px; height:180px; overflow:hidden;}
#content .column dl{margin:6px 0 0 0; padding:7px; background:#F6F8F9; overflow:hidden; _zoom:1;}
#content .column dt{font-weight:bold; line-height:26px;}
#content .column dt img{float:left; margin:0 15px 0 0;}
#content .column dd{line-height:16px;}

#content #ranking{position:relative; float:left; _margin-right:-3px; width:288px; height:180px; background:#F6F8F9; overflow:hidden;}
#content #ranking h2{background:#FFFFFF;}
#content #ranking h3{position:absolute; top:0; right:45px; font:11px/14px dotum; line-height /*\**/:15px;}
#content #ranking h3.h3Ranking1{padding:0 7px 0 0; right:97px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/line_tab.gif) no-repeat right 1px;}
#content #ranking h3 a{text-decoration:none;}
#content #ranking h3 a.on,
#content #ranking h3 a:hover{font-weight:bold; letter-spacing:-1px;}
#content #ranking table{position:absolute; top:19px; left:0; border-collapse:collapse; width:100%;}
#content #ranking table th{padding:6px 0 2px 0; border-bottom:2px solid #CCCCCC;}
#content #ranking table td{padding:5px 0 2px 0; border-top:1px solid #E9EBEB; text-align:center; font-size:11px;}
#content #ranking table td .num1{display:block; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bu_num1.gif) no-repeat right 0;}
#content #ranking table td img{margin:-2px 0 0 0; vertical-align:middle;}


/* 091222 add shop  taesun */
#content #shop{position:relative; float:left; margin:0 15px 0 0; width:378px; height:210px;  overflow:hidden; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/bg_shop.gif) repeat-x left bottom; font-size:11px;}
#content #shop .tabBox{display:inline; float:right; margin:-20px 36px 0 0;}
#content #shop h3{display:inline; float:left; padding:0 5px 0 0; margin:0 5px 0 0; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/line_tab.gif) no-repeat right 1px; font-size:11px; line-height:18px; font-weight:normal;}
#content #shop h3 a.on,
#content #shop h3 a:hover{font-weight:bold; letter-spacing:-1px; text-decoration:none;}
#content #shop .shopStyle{overflow:hidden; position: relative; padding:10px 0 0 0;}
#content #shop .shopStyle ul{overflow:hidden; width:333px; padding:0 23px; _zoom:1;}
#content #shop .shopStyle ul li{display:inline; float:left; width:89px; margin:0 11px;}
#content #shop .shopStyle ul li .img{display:block; margin:1px 0 16px 1px; border:1px solid #ccc; width:85px; height:85px;}
#content #shop .shopStyle ul li .btnBuy{padding:4px 0 0 18px;  background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/img_coin01.gif) no-repeat 0 7px; line-height:18px;}
#content #shop .shopStyle ul li .btnBuy span{display:inline-block; width:40px;}
#content #shop .shopStyle ul li .btnBuy img{vertical-align:middle;}

#content #shop #premiumAva ul li .vms{display:block; padding:0 0 0 12px; background:url(http://image.mgame.com/mgamezzang/games/baduk_v2/main/icon_dot01.gif) no-repeat 5px 6px; font-size:11px; line-height:14px;}
#content #shop #premiumAva ul li .vms .color01{display:inline-block; width:12px;}
#content #shop #premiumAva ul li .vms .color02{display:inline-block; width:12px;}
#content #shop #premiumAva ul li .vms .color03{display:inline-block; width:12px;}

#content #shop #badukAva ul li .pay{height:48px; display:block; text-align:center;}

#content #shop #badukitem ul li .text{height:48px; font-size:11px; line-height:14px; letter-spacing:-1px; color:#999999;}
#content #shop #badukitem ul li .text strong{text-align:center; line-height:14px;}

#content #shop .shopStyle .btnLeft{position:absolute; top:45px; left:0;}
#content #shop .shopStyle .btnRight{position:absolute; top:45px; left:360px;}