@charset "UTF-8";

/* reset style [start] */
html,body,div,span,h1,h2,h3,p,a,em,font,img,strong,dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;overflow:hidden;}
body{font-size:12px;color:#7a7a7a;background:#000;font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,Arial,Tahoma,Verdana,sans-serif;line-height:1}
ul,li{margin:0;padding:0;list-style:none}
a:link{color:#7a7a7a;text-decoration:none}
a:visited{color:#7a7a7a;text-decoration:none}
a:hover{color:#ababab;text-decoration:underline}
a:active{color:#ababab;text-decoration:underline}

#wrapper{position:relative;width:800px;height:504px;overflow:hidden;margin-left:0px;background:url(../img/BACKMAIN.png) no-repeat 0 0}

#header{float:left;width:314px;height:398px;}
#header h1{position:absolute;left:50px;top:240px}
#header h1 a{display:block;width:220px;height:100px;text-indent:-3000px}
.rating{display:block;width:90px;height:50px;position:absolute;left:6px;top:330px;background:url(../img/sp_bg.png) no-repeat 0 0;text-indent:-3000px}

#colgroup{float:left;width:486px;margin-top:86px}
#item{position:relative;margin:0 0 7px 0;height:174px}
#item .list{height:174px;overflow:hidden}
#item img{vertical-align:top}
#item .control{position:absolute;left:28px;top:144px;width:411px;height:29px;background:url(../img/sp_bg.png) no-repeat;overflow:hidden}
#item .control li{float:left;width:137px;padding-top:10px;text-align:center;font-size:11px;cursor:pointer}
:root #item .control li{padding-top:11px\0/IE9}
#item .control li a{color:#b0b0b0;text-decoration:none}
#item .control li.on a{color:#ccc2da}
#item .btn_prev{position:absolute;left:1px;top:144px}
#item .btn_next{position:absolute;left:439px;top:144px}

#item .bg1{background-position:-140px -76px}
#item .bg2{background-position:-140px -106px}
#item .bg3{background-position:-140px -136px}

#item .tbg{position:absolute;left:0;top:0;width:467px;height:1px;background:url(../img/tbg.png) no-repeat 0 0;font-size:0;z-index:100}
#item .rbg{position:absolute;left:466px;top:1px;width:1px;height:172px;background:url(../img/rbg.png) no-repeat 0 0;font-size:0;z-index:100}
#item .bbg{position:absolute;left:0;top:173px;width:467px;height:1px;background:url(../img/bbg.png) no-repeat 0 0;font-size:0;z-index:100}
#item .lbg{position:absolute;left:0;top:1px;width:1px;height:172px;background:url(../img/lbg.png) no-repeat 0 0;font-size:0;z-index:100}

#board div{position:relative;width:230px;height:119px;margin-bottom:7px;background:url(../img/sp_bg.png) no-repeat -610px 0}
#board .notice{float:left;margin-right:7px}
#board .issue{float:left}
#board h2{position:absolute;left:11px;top:9px}
#board .list{margin:36px 0 0 10px}
#board .list li{float:left;width:100%;margin-bottom:7px;font-size:11px;line-height:13px}
#board .list a{float:left;display:block;overflow:hidden;width:200px;white-space:nowrap;text-overflow:ellipsis}
#board .list a:hover .subtit{text-decoration:underline}
#board .list .ic_new{float:left;margin:0 0 0 3px}
#board .list .subtit{color:#abaaaa}
#board .btn_more{position:absolute;right:5px;top:5px}


#banner li{float:left;margin-right:4px}

.lucr{display:block;background:url(../img/sp_bg.png) no-repeat 0 0;overflow:hidden}
.tit_notice{width:53px;height:13px;background-position:0 -76px}
.tit_issue{width:68px;height:13px;background-position:-50px -76px}
.ic_new{width:11px;height:11px;background-position:0 -92px;text-indent:-3000px}
.btn_more{width:19px;height:18px;background-position:-12px -92px}
.btn_update{width:154px;height:36px;background-position:-140px 0}
.btn_itemshop{width:154px;height:36px;background-position:-140px 0}
.btn_playguide{width:154px;height:36px;background-position:-294px 0}
.btn_coupon{width:154px;height:36px;background-position:-448px 0}
.btn_update:hover{background-position:-140px -36px; text-decoration:none;}
.btn_itemshop:hover{background-position:-140px -36px; text-decoration:none;}
.btn_playguide:hover{background-position:-294px -36px; text-decoration:none;}
.btn_coupon:hover{background-position:-448px -36px; text-decoration:none;}
.btn_prev{width:27px;height:30px;background-position:-34px -92px}
.btn_next{width:27px;height:30px;background-position:-62px -92px}
.btn_bottom{margin-top:9px;margin-left:30px;position:relative;display:block;font-size:15px;font-family:Calibri;}

/* Layout */
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height: 1%}
.clearfix{display:block}
.blind{position:absolute;overflow:hidden;height:0;width:0;font-size:0;visibility:hidden}
.hidden{display:none}