﻿@charset "utf-8";
/*tag reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;font-weight:normal;}
body,input,select,textarea{color:#000;font-family:"나눔고딕",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif;font-size:14px;font-weight:normal;line-height:1.25em;}
body{background-color:#f4f4f4;-webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input[type="password"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
.ir{overflow:hidden;text-indent:-1000em;}
.invisible{display:none;}
.hide{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}

/* 전 모바일 오피셜 공통 사용 부분, 지속 추가 예정 */
#wrap {width:100%; position:relative; min-width:314px;overflow:hidden;background:#fff;}
#overlay { width: 100%; height: 120%; display: none; position: fixed; left: 0; top: 53px; background-color: #000; opacity: .3; z-index: 1; }
/* 헤더 부분, Dev. By ji9 */
#mHead {height:38px;padding-top:15px;position: relative;background:no-repeat url('../images/common/topbar_bg.png') center top,repeat-x url('../images/common/header_bg.png') left top; text-align:center;}
#mHead h1 {position:absolute;left:10px;top:18px;}
#mHead h2 {height:22px;font:bold 14px/1.5 sans-serif;color:#290606;}
#mHead p {position:absolute;right:10px;top:15px;}
#mHead p a {height:20px;display: block;border:1px #c0331e solid;padding: 0 7px;font:normal 11px/1.8 sans-serif;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #b02c18;text-decoration:none;background:-webkit-gradient(linear, left top, left bottom, from(#ec5939), to(#c71814));background:-moz-linear-gradient(top, #ec5939, #c71814 );border-radius:2px;-moz-border-radius:2px;box-shadow:inset -1px 1px 1px rgba(255, 255, 255, .2);-moz-box-shadow:inset -1px 1px 1px rgba(255, 255, 255, .2);-webkit-box-shadow:inset -1px 1px 1px rgba(255, 255, 255, .2);}
#mHead p a > img { margin-left: 3px; margin-bottom: 2px; }
#mHead .gameList{ position: absolute; display: none; right: 10px; top: 36px; border: 1px #b7311b solid; background-color: #fff; text-align: left; letter-spacing: -1px; font-size: 11px;z-index:99;}
#mHead .gameList ul { border: 3px #ee4421 solid; padding: 3px 9px; list-style: none; }
#mHead .gameList ul li { border-bottom: 1px #e1e1e1 solid; }
#mHead .gameList ul li a { height: 14px; padding: 6px 0 4px 0; line-height: 14px; display: block; }

/*상단 탭 메뉴 부분, Dev. By ji9 */
#mNav {height: 35px; border-top: 1px #91271e solid; text-align: left;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);background: -webkit-gradient( linear, left top, left bottom, from(#ed5634), to(#cb1a1a)); background: -moz-linear-gradient( top, #ed5634, #cb1a1a );}
#mNav ul {height: 35px; width: 100%; font-size: 0; line-height: 0;box-shadow: inset 0 -1px 1px #383838; -moz-box-shadow: inset 0 -1px 1px #383838; -webkit-box-shadow: inset 0 -1px 1px #383838;}
#mNav ul li {float:left;/*width:19.8%;*/height: 33px;border-left: 1px #ff6e60 solid; border-right: 1px #ac160d solid; border-bottom: 1px #e93f41 solid; font: normal 12px/2.9 sans-serif; text-align: center; }
#mNav ul li.current { height: 34px; border-left: 1px #fff solid; font: bold 12px/2.9 sans-serif; text-align: center; background-color: #fff; border-bottom: 1px #fff solid; }
#mNav ul li.current a { color: #480f0f; text-shadow: none; }
#mNav ul li:nth-of-type(1) { width: 10%; }
#mNav ul li:nth-of-type(2) { width: 20%; }
#mNav ul li:nth-of-type(3) { width: 20%; }
#mNav ul li:nth-of-type(4) { width: 20%; }
#mNav ul li:nth-of-type(5) { width: 27%; }
#mNav ul li a { height: 33px; display: block; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, .1); }

/* 하단 푸터 및 공통영역, Dev. By crazy4u2 */
#mElmt {position:relative;height:37px;line-height:11px;}
#mElmt a {position:absolute;display:block;top:15px;height:12px;color:#8a8a8a;font-size:11px;}
#mElmt .rew {left:13px;padding:0 0 0 10px;background:url('../images/common/icon_arrow_l.gif') 0 2px no-repeat;}
#mElmt .fullbrze {right:67px;padding:0 0 0 13px;background:url('../images/common/icon_pc.gif') 0 2px no-repeat;}
#mElmt .top {right:11px;padding:0 0 0 10px;border-left:1px solid #d9d9d9;}
#mFoot {position:relative;height:100px;padding:20px 0 0 0;background:#f4f4f4;text-align:center;border-top:1px solid #dbdbdb;}
#mFoot a {display:inline-block;padding:4px;background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f0f0f0));background:-moz-linear-gradient(top, #fdfdfd, #f0f0f0);border:1px solid #bababa;color:#333;letter-spacing:0.5px;}
#mFoot span {display:block;margin:11px 0 0 0;color:#666;font-size:10px;}
#mFoot img {margin:-30px 0 0 -11px;vertical-align:middle;} /* 2012-07-19 */