@charset "utf-8";

/**
*  default
**/

html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font: 12px/130% "Dotum", "돋움"; color: #615c51;
}

img { border: 0; }
a { text-decoration: none; /*color: #615c51;*/ color: #433d32; }
a:hover { color: #c0400e; }
h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, blockquote, p { list-style: none; margin: 0; padding: 0; }
input, select, textarea { border: 0; font: 11px "Dotum", "돋움"; color: #433d32; vertical-align: middle; }
input.submit, input.radio, input.check { padding: 0 !important; border: 0 !important; }
input.radio, input.check { background: none !important; vertical-align: baseline !important; }
input.input { padding: 2px 5px 3px; border: 1px solid #7d7d7d; }
select.select { margin: 1px 0 0; border: 1px solid #7d7d7d; /*behavior: url('../lib/script/selectbox.htc'); background-color: #373737;*/ }
textarea, textarea.textarea { padding: 5px; border: 1px solid #7d7d7d; }
fieldset { margin: 0; padding: 0; border: 0; }
fieldset legend { display: none; }
table { border-collapse: collapse; }
table th, table td { padding: 0; }
em { font-style: normal; }

/*
h2.title { position: relative; }
h2.title img { display: block; }
h2.title a { position: absolute; }

h3.title { position: relative; height: 24px; padding: 8px 0 0 15px; background: url('http://img.karma2.co.kr/img/img_common/bg_h3_title.gif') no-repeat 0 0; }
h3.title img { display: block; }
h3.title a.more { position: absolute; top: 12px; right: 12px; }
*/

ul.tab { position: relative; width: 671px; height: 26px; /*margin-left: -1px;*/ padding: 5px 10px 0; background: url('http://img.karma2.co.kr/img/img_common/bg_tab.gif') no-repeat 0 0; }
ul.tab li { float: left; /*padding-right: 1px;*/ }
ul.tab li img { display: block;  }



/* layout */
#wrapper		{ width: 100%; min-width: 1200px; }
* html #wrapper { width: expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); }
#header			{ height: 356px; text-align: center; /*background: url('http://img.karma2.co.kr/img/img_common/tmp_topnavi_bg.jpg') no-repeat 50% 0;*/ }
#header h1		{ position: absolute; top: 187px; left: 50%; margin: 0 0 0 -188px; z-index: 100; }
#topNavigation	{ position: relative; z-index: 110; }
#container		{ position: relative; width: 980px; margin: 0 auto; overflow: hidden; }
#infoSection	{ float: left; width: 220px; margin: 0 7px 0 0; padding: 0 5px; overflow: hidden; }
#content		{ float: left; width: 733px; padding: 5px 5px 0; overflow: hidden; }
#hotIssueBox	{ width: 733px; height: 45px; margin: 0 0 3px; font-size: 13px; color: #e3dfae; font-weight: bold; }
#hotIssue		{ width: 582px; margin: 13px 0 0 127px; overflow: hidden; }
#hotIssue a		{ color: #e3dfae; }
#hotIssue p		{ width: 3000em; }
#hotIssue span	{ padding: 0 8px; }
#gamestart		{ margin: 0 -5px 7px; }


/* game banners */
#gameBanner	{ width: 100%; margin: 0 0 12px; overflow: hidden; }
#gameBanner p.guide		{ float: left; }
#gameBanner p.download	{ float: left; margin: 0 0 0 -1px; }

/* poll */
#poll		{ position: relative; border: 1px solid #cec7b7; background: #e9e1d0; }
#poll h2	{ padding: 12px 0 10px 11px; }
#poll h2 a img	{ position: absolute; top: 9px; right: 9px; }
#poll p		{ padding: 0 9px 10px 11px; font-size: 11px; letter-spacing: -1px; }
#poll img	{ display: block; }

/* coupon banner */
p#coupon	{ }

/* external banners */
#extBanner	{ margin: 12px 0 0; }

/* bunkerpc banner */
#bunkerpcAlarm	{ padding: 9px 13px 0; background: #494337; }

/* login */
#loginBox		{ position: relative; width: 192px; margin: 0 0 12px; padding: 0 14px 7px; font-size: 11px; letter-spacing: -1px; background: #494337; }
#loginBox h2	{ padding: 13px 0 6px; border-bottom: 1px solid #5b554a; }
#loginBox h2 img{ display: block; }
#loginBox h2 a.logout	{ position: absolute; top: 7px; right: 13px; }
#loginBox p.notice	{ padding: 2px 0 0; border-top: 1px solid #5b554a; }
#loginBox p.notice img	{ display: block; }
#loginBox p.parentauth	{ padding: 3px 0; }
#loginBox p.parentauth img	{ display: block; }
#loginBox p.parentauth span	{ display: block; padding: 4px 0 0 1px; }
#loginBox #login	{ position: relative; margin: 5px 0 0; }
#loginBox #login p	{ padding: 3px 0 0; font-size: 0; line-height: 0; }
#loginBox .userID, #loginBox .userPW { width: 115px; height: 15px; padding: 4px 5px 0; color: #312d25; border-top: 1px solid #5c574e; border-left: 1px solid #5c574e; }
#loginBox .userID	{ background: #6d675c url('http://img.karma2.co.kr/img/img_common/loginbox/bg_id.gif') no-repeat 0 0; }
#loginBox .userPW	{ background: #6d675c url('http://img.karma2.co.kr/img/img_common/loginbox/bg_pw.gif') no-repeat 0 0; }
#loginBox .userID.onfocus, #loginBox .userPW.onfocus { background-image: url('') !important; }
#loginBox #login p.submit	{ position: absolute; top: -2px; left: 131px; }

#loginBox p#memo	{ position: absolute; top: 10px; left: 60px; padding: 1px 0 0; }
#loginBox p#memo a	{ padding: 0 0 0 12px; color: #b8b8b8; background: url('http://img.karma2.co.kr/img/img_common/loginbox/ico_memo.gif') no-repeat 0 -1px; }

#loginBox #logged	{ position: relative; width: 173px; margin: -1px 0 5px; padding: 10px 9px 5px; border-top: 1px solid #14120e; border-left: 1px solid #14120e; color: #b1a699; background: #28241d; }
#loginBox #logged p.item		{ position: absolute; top: 10px; right: 9px; }
#loginBox #logged p.nick img	{ margin: -2px 0 0; vertical-align: middle; }
#loginBox #logged p.nick a,
#loginBox #logged p.nick span	{ color: #fff; }
#loginBox #logged p.notice		{ padding: 5px 0 0; border: 0; }

#loginBox ul.info			{ width: 173px; padding: 8px 0 0; overflow: hidden; }
#loginBox ul.info li		{ position: relative; padding: 1px 0 0 7px; color: #b1a699; border-bottom: 1px solid #322d25; background: url('http://img.karma2.co.kr/img/img_common/bul_graysquare.gif') no-repeat 1px 7px; }
#loginBox ul.info li a		{ color: #b1a699; text-decoration: underline; }
#loginBox ul.info strong	{ padding: 0 2px 0 0; font-weight: normal; color: #6e6e6e; }
#loginBox ul.info p.func	{ position: absolute; top: -1px; _top: 2px; right: 0; text-align: right; }
#loginBox ul.info p.gage	{ width: 166px; height: 9px; margin: 0 0 0 -1px; padding: 1px; font-size: 0; line-height: 0; background: url('http://img.karma2.co.kr/img/img_common/loginbox/exp_gage_bg.gif') no-repeat 0 0; }
#loginBox ul.info p.gage span	{ display: block; height: 7px; background: url('http://img.karma2.co.kr/img/img_common/loginbox/exp_gage_r.gif') no-repeat 100% 0; }
#loginBox ul.info p.gage span em{ display: block; height: 7px; background: url('http://img.karma2.co.kr/img/img_common/loginbox/exp_gage_l.gif') no-repeat 0 0; }

#loginBox .util		{ margin: 7px 0; }
#loginBox .util a	{ padding: 0 15px 0 13px; }
#loginBox .util img	{ vertical-align: middle; }

/* ranking detail */
#rankDetail			{ position: absolute; top: 123px; left: 50%; width: 152px; margin: 0 0 0 -265px; padding: 0 14px 6px; font-size: 11px; letter-spacing: -1px; border-left: 1px solid #5c564b; background: #494337; z-index: 11111; }
#rankDetail h3		{ padding: 14px 0 4px; }
#rankDetail h3 img	{ display: block; }
#rankDetail h4		{ padding: 0 0 8px; }
#rankDetail h4 img	{ display: block; }
.rankDetailBox		{ margin: 4px 0 0; padding: 10px 9px 5px; border-top: 1px solid #000; border-left: 1px solid #000; background: #161410; }
.rankDetailBox ul.info			{ width: 100%; border-top: 1px solid #25221c; }
.rankDetailBox ul.info li		{ position: relative; padding: 2px 0 1px 7px; color: #756d64; border-bottom: 1px solid #25221c; background: url('http://img.karma2.co.kr/img/img_common/bul_graysquare.gif') no-repeat 1px 7px; }
.rankDetailBox ul.info span		{ position: absolute; top: 1px; right: 5px; padding: 0 0 0 10px; color: #d2cbbe; }
.rankDetailBox ul.info span.up	{ color: #ff8282; background: url('http://img.karma2.co.kr/img/img_common/rank_up.gif') no-repeat 0 5px; }
.rankDetailBox ul.info span.dn	{ color: #84b2ff; background: url('http://img.karma2.co.kr/img/img_common/rank_dn.gif') no-repeat 0 5px; }
.rankDetailBox ul.info li.today	{ color: #ba7805; }
.rankDetailBox ul.info li.no-result	{ padding: 6px 0 3px; border: 0; background: 0; }

/* login page */
body#loginPage		{ width: 100%; height: 100%; background: #000 url('http://img.karma2.co.kr/img/img_common/bg_login.jpg') no-repeat 50% 0; }
#loginWrap			{ }
#loginWrap h1		{ height: 169px; padding: 91px 0 0; text-align: center; }
#loginWrap h2		{ padding: 78px 0 14px; }
#loginWrap h3		{ padding: 15px 0 10px 40px; }
#loginWrap h2 img,
#loginWrap h3 img	{ display: block; }
#loginWrap p.notice	{ padding: 12px 0 0; color: #888175; font-size: 11px; text-align: center; }
#loginWrap p.notice a{ color: #888175; text-decoration: underline; }
#loginWrap #loginFrame	{ width: 350px; height: 393px; margin: 0 auto; }
#loginWrap #loginMain	{ width: 350px; height: 151px; background: url('http://img.karma2.co.kr/img/img_common/login_box.gif') no-repeat 0 0; }
#loginWrap #loginMain p.util	{ padding: 11px 0 0; text-align: center; }
#loginWrap #loginMain p.util a	{ padding: 0 1px; }
#loginWrap #loginFooter	{ padding: 100px 0 50px; text-align: center; }
#loginInput				{ position: relative; width: 282px; margin: 0 auto; padding: 10px 0 7px; border-top: 1px solid #302b23; border-bottom: 1px solid #302b23; }
#loginInput p			{ padding: 0 0 3px; font-size: 0; line-height: 0; }
#loginInput p img		{ padding: 0 1px 0 3px; vertical-align: middle; }
#loginInput input.input	{ width: 145px; padding: 3px 5px; border-top: 1px solid #9b9790; border-left: 1px solid #9b9790; background: #a8a49b; }
#loginInput p.submit	{ position: absolute; top: 9px; left: 216px; }

/* popup login */
#popLoginWrap		{ width: 350px; height: 265px; background: #e9e1d0; }
#popLoginWrap h1		{ display: block; padding: 26px 0 13px 20px; }
#popLoginWrap h1 img	{ display: block; }
#popLoginWrap h2		{ display: block; padding: 0 0 12px 5px; }
#popLoginWrap h2 img	{ display: block; }
#popLoginWrap p.notice	{ padding: 12px 0 0; color: #888175; font-size: 11px; text-align: center; }
#popLoginWrap p.notice a{ color: #888175; text-decoration: underline; }
#popLoginBox			{ width: 282px; margin: 0 auto; padding: 15px 14px 12px; background: #d1c9b9; }
#popLoginBox p.util		{ padding: 11px 0 0; text-align: center; }
#popLoginBox p.util	a	{ padding: 0 1px; }
#popLogin				{ position: relative; padding: 10px 0 7px; border-top: 1px solid #bdb5a6; border-bottom: 1px solid #bdb5a6; }
#popLogin p				{ padding: 0 0 3px; font-size: 0; line-height: 0; }
#popLogin p img			{ padding: 0 1px 0 3px; vertical-align: middle; }
#popLogin input.input	{ width: 145px; padding: 3px 5px; border-top: 1px solid #9b9790; border-left: 1px solid #9b9790; background: #a8a49b; }
#popLogin p.submit		{ position: absolute; top: 9px; left: 216px; }

/* quick banner */
#quickBanner { position: absolute; top: 315px; left: 50%; margin-left: 470px; }
#quickBanner p { margin: 0 0 5px; }

/* footer */
#footerWrap		{ padding: 20px 0 30px; background: url('http://img.karma2.co.kr/img/img_common/footer_bg.gif') no-repeat 50% 0; }
#footer			{ position: relative; width: 970px; margin: 0 auto; }

#footer ul { width: 100%; overflow: hidden; }
#footer ul.coperation { position: absolute; top: 30px; left: 0; }
#footer ul.coperation li { display: inline; }
#footer ul.coperation li img { vertical-align: middle; }
#footer ul.footer-menu { position: relative; margin: 0 0 0 99px; padding: 30px 0 0; zoom: 1; overflow: hidden; }
#footer ul.footer-menu li { float: left; padding: 0 9px; border-left: 1px solid #948d83; }
#footer ul.footer-menu li img { display: block; }
#footer ul.footer-menu li:first-child { border: 0; background: none; }
#footer p.footer-copyright { margin: 7px 0 0 108px; }
#footer p.game-grade { position: absolute; top: 30px; right: 0; }
#footer #grade-15 { z-index: 1; }
#footer #grade-18 { z-index: 0; }

/* video player frame */
#videoPlayerWrapper				{ position: relative; width: 500px; height: 460px; background: url('http://img.karma2.co.kr/img/img_common/videoplayer_bg.gif') no-repeat 0 0; overflow: hidden; }
#videoPlayerWrapper h1			{ display: block; height: 45px; background: #2f2b25; }
#videoPlayerWrapper h1 img		{ display: block; }
#videoPlayerWrapper #videoPlayer{ width: 454px; height: 376px; margin: 0 auto; padding: 20px 0; }
#videoPlayerWrapper #popupClose	{ position: absolute; top: 12px; right: 22px; }

/* game running */
#gamerunnig		{ width: 100%; background: #000 url('http://img.karma2.co.kr/img/img_common/gamerunning_bg.jpg') no-repeat 50% 0; }
#gamerunnig p	{ width: 680px; margin: 0 auto; padding: 85px 0 185px;; }
#gamerunnig img	{ display: block; }

/* underconstruction */
#underconstruction		{ width: 100%; background: #000 url('http://img.karma2.co.kr/img/img_common/underconstruct_bg.jpg') no-repeat 50% 0; }
#underconstruction p	{ width: 680px; margin: 0 auto; padding: 85px 0 185px;; }
#underconstruction ul	{ position: absolute; top: 430px; left: 50%; width: 510px; margin: 0 0 0 -260px; color: #b4a887; }
#underconstruction ul li{ padding: 1px 0; }

/* main layer popup */
.popupWrapper { position: absolute; top: 70px; left: 50%; }
.popupWrapper { border: 1px solid #373737; background: #e9e9e9 url('http://img.karma2.co.kr/img/img_common/main_popup_bg.gif') repeat-x 0 0; }
.popupWrapper h2 { position: relative; margin: 5px 0 3px 7px; padding: 0; font-size: 0; line-height: 0; }
.popupWrapper h2 a   { position: absolute; top: 7px; right: 5px; }
.popupWrapper h2 img { display: block; }
.popupWrapper .popupContent { padding: 0 5px 5px; }
.popupWrapper .popupClose { padding: 0 0 5px; font-size: 11px; letter-spacing: -1px; text-align: center; }
.popupWrapper .popupClose input { height: 18px; }


/* for channeling */

/* footer - DAUM */
.DAUMLogin	{ }
.DAUMLogin p.notice	{ padding-bottom: 3px !important; }
.DAUMLogin .util a	{ padding: 0 0 0 10px !important; }
.DAUMLogin .util img	{ vertical-align: middle !important; }
.DAUMLogin p#saveid	{ position: absolute; top: 39px; left: 148px; width: 55px; }
.DAUMLogin p.submit	{ top: 19px !important; }
.DAUMLogin #login p	{ position: relative; width: 100%; overflow: hidden; }
.DAUMLogin #login input.userID,
.DAUMLogin #login input.userPW	{ float: left; }
.DAUMLogin #loginForm { padding: 8px 0 0; }

/* Security Level */
#loginForm .setting { position: absolute; top: 13px; left: 120px; width: 88px; }
#loginForm .radios,
#loginForm .radios label.on { background: url('http://img.karma2.co.kr/img/img_common/daum/security.gif') 0 0 no-repeat; }
#loginForm #currentLevel { width: 43px; height: 11px; overflow: hidden; float: left; margin-right: 4px; background: url('http://img.karma2.co.kr/img/img_common/daum/security.gif') 0 -30px no-repeat; text-indent: -1000em; }
#loginForm .currentLevel1 { background-position: 0 0 !important; }
#loginForm .currentLevel2 { background-position: 0 -30px !important; }
#loginForm .currentLevel3 { background-position: 0 -60px !important; }
#loginForm .radios { position: relative; float: left; width: 39px; height: 11px; background-position: 0 -90px; }
#loginForm .radios input { position: absolute; top: -1000em; left: -1000em; }
#loginForm .radios label { width: 12px; height: 11px; overflow: hidden; float: left; margin-right: 1px; text-indent: -1000em; cursor: pointer; }
#loginForm .radios .on { width: 12px; }
#loginForm #lbSecurityLevel1 { background-position: 0 -120px; }
#loginForm #lbSecurityLevel2 { background-position: -13px -120px; }
#loginForm #lbSecurityLevel3 { background-position: -26px -120px; }
#MKD25,#AOSMGR { display: block; height: 0; overflow: hidden; }

.DAUMFooter	{ padding-bottom: 20px; }
.DAUMFooter ul.coperation li	{ display: block !important; margin: 0 0 13px; }
.DAUMFooter ul.footer-menu li	{ border: 0 !important; background: url('http://img.karma2.co.kr/img/img_common/daum/footer_border.gif') no-repeat 0 2px; }
.DAUMFooter p.footer-copyright{ padding-top: 5px !important; }
.DAUMFooter #grade-15			{ top: 30px !important; }
.DAUMFooter #grade-18			{ top: 84px !important; }

/* footer - HANGAME */
.HANGAMELogin	{ }
.HANGAMELogin .util a	{ padding: 0 0 0 10px !important; }
.HANGAMELogin .util img	{ vertical-align: middle !important; }
.HANGAMELogin #security	{ position: absolute; top: 8px; left: 150px; width: 55px; }

.HANGAMEFooter	{ }
.HANGAMEFooter #grade	{ position: absolute; top: 32px; right: 275px; }
.HANGAMEFooter ul.coperation	{ top: 20px !important; }
.HANGAMEFooter ul.coperation li	{ display: block !important; margin: 0 0 7px; }

/* footer - NETMARBLE */
.NETMARBLELogin	{ }
.NETMARBLELogin .util a	{ padding: 0 0 0 10px !important; }
.NETMARBLELogin .util img	{ vertical-align: middle !important; }
.NETMARBLELogin #security	{ position: absolute; top: 8px; left: 75px; width: 135px; }

.NETMARBLEFooter	{ }
.NETMARBLEFooter #grade	{ position: absolute; top: 32px; right: 275px; }
.NETMARBLEFooter ul.coperation	{ top: 15px !important; }
.NETMARBLEFooter ul.coperation li	{ display: block !important; margin: 0 0 4px; }
.NETMARBLEFooter ul.coperation li.netmarble	{ padding: 0 0 0 13px; }
.NETMARBLEFooter ul.coperation li.dragonfly	{ padding: 0 0 0 35px; }