@charset "euc-kr";
/*
update: 150617 ½ºÆ÷ ºñÁö º¯°æ / 151117 multi_login / 160407 daum_footer / 160906 footer
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
html, body {width:100%; height:100%;}
img, fieldset {border:none;}
img {-ms-interpolation-mode:bicubic;}
img, input, select, textarea {vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
caption, th {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
hr {display:none;}
em, address {font-style:normal;}
body, th, td, h1, h2, h3, h4, h5, h6, input, textarea {font:normal 12px dotum, µ¸¿ò, ±¼¸², '¸¼Àº °íµñ', verdana, sans-serif; color:#5e5d48; line-height:1.4;}
body, textarea, .scroll { scrollbar-face-color:#3b3a25; scrollbar-highlight-color:#3b3a25; scrollbar-3dlight-color:#4c4b34; scrollbar-darkshadow-color:#292919; scrollbar-shadow-color:#3b3a25; scrollbar-arrow-color:#232210; scrollbar-track-color:#19190d; }
a {overflow:hidden; text-decoration:none; color:#7a7966; white-space:nowrap; text-overflow:ellipsis;}
a:link {}
a:visited {}
a:hover {color:#f26600 !important; text-decoration:underline;}
a:active {}
select {font-family:dotum;}

/* ·¹À̾ƿô */
body.main, 
body.sub {background:#36341c url(../img/common/bg_pattern.gif) repeat-x 0 43px;}

.frame {background:#36341D url(../img/common/bg_frame.jpg) no-repeat;}
body.popup {background:#1A190B;}

#wrapper {/* height:100%; */ min-height:1200px;clear:both;content:'';display:block; background-repeat:no-repeat; background-position:center top; background-image:url(../img/common/bg_121106_img.jpg);}

/*
body.mainbg1 #wrapper {background-image:url(../img/common/bg_main_1.jpg);}
body.mainbg2 #wrapper {background-image:url(../img/common/bg_main_2.jpg);}
body.mainbg3 #wrapper {background-image:url(../img/common/bg_main_3.jpg);} 
*/
body.sub #wrapper {background-image:url(../img/common/bg_main_v2_15spring.jpg);}
body.main #wrapper {background-image:url(../img/common/bg_main_v2_15spring.jpg);}
/*.sub #wrapper {background-image:url(../img/common/bg_main_horo.jpg);}*/
/*.sub #wrapper {background-image:url(../img/common/bg_sub_pir.jpg);}*/
/*.sub #wrapper {background-image:url(../img/common/bg_sub.jpg);} */
/* body.mKey1 #wrapper {background-image:url(../img/common/bg_sub_1.jpg);} */
/* body.mKey5 #wrapper {background-image:url(../img/common/bg_sub_2.jpg);} */
/* body.mKey2 #wrapper {background-image:url(../img/common/bg_sub_3.jpg);} */
/* body.mKey3 #wrapper {background-image:url(../img/common/bg_sub_4.jpg);} */
/* body.mKey6 #wrapper {background-image:url(../img/common/bg_sub_5.jpg);} */
/* body.mKey9 #wrapper {background-image:url(../img/common/bg_sub_6.jpg);} */

#wrapper .topcontainer {position:absolute; left:50%; top:43px; width:1070px; margin:0 0 0 -535px; zoom:1;}
	/* .main_v2 #wrapper .topcontainer {position:absolute; left:50%; top:43px; width:1090px; margin:0 0 0 -545px; zoom:1;} */

/* .mainnavbg {position:absolute; left:0; top:157px; z-index:7; width:1090px; height:183px; background:url(../img/main/bg_main_center.png) -10px 0 no-repeat;} */
.mainnavbg {position:absolute; left:-3px; top:0; z-index:1; width:1090px; height:316px; background:url(../img/nav/bg_subon.png) no-repeat; opacity:0; filter:alpha(opacity=0);}

#mainNav {position:relative; height:350px; z-index:80;}

#primaryContent, #secondaryContent, #loginContent, #skyscraper {position:relative; overflow:visible; float:left; _display:inline;}
#primaryContent {z-index:70; width:470px; margin:0 0 0 300px; background:url(../img/common/blank.gif) no-repeat;}
	.main_v2 #primaryContent {z-index:99;}
#secondaryContent {overflow:hidden; width:300px;}
#loginContent {z-index:90; position:relative; top:0; width:300px; margin:0 0 0 -1070px; *zoom:1;}
#skyscraper {z-index:70; position:relative; left:1040px; width:120px; margin:0 0 0 -1074px; *zoom:1;}

.sub #primaryContent {width:770px;}

.frame {width:700px; margin:0 0 0 20px; _height:800px; min-height:800px; background:transparent url(../img/common/bg_frame.jpg) no-repeat;}
#INFO_DOC {width:700px; margin:0 0 0 20px; _height:800px; min-height:800px; background:transparent url(../img/common/bg_frame.jpg) no-repeat;}

#mainNav h1 {position:absolute; left:-5000px; top:-5000px; z-index:98;}
	/* ±âº» ·Î°í */
	.main_top h1 {left:483px !important; top:-7px !important; z-index:20; width:101px; height:113px; background:url(../img/nav/sf_logo.png) no-repeat;}
	.main_top h1 a {position:relative; left:14px; top:15px; display:block; width:72px; height:80px; text-indent:-5000px;}
	
	/* 9Áֳ⠱â³ä */
	/* .main_top h1 {left:470px !important; top:-6px !important; z-index:20; width:118px; height:110px; background:url(../img/nav/sf_logo_9th.png) no-repeat;} */
	/* .main_top h1 a {position:relative; left:22px; top:20px; display:block; width:72px; height:80px; text-indent:-5000px;} */

	/* È£±¹ º¸ÈÆÀÇ ´Þ : 2013³â 6¿ù */
	/* .main_top h1 {left:483px !important; top:-7px !important; z-index:20; width:101px; height:113px; background:url(../img/nav/sf_logo_june.png) no-repeat;} */
	/* .main_top h1 a {position:relative; left:12px; top:15px; display:block; width:82px; height:66px; text-indent:-5000px;} */
#mainNav .gnb {position:absolute; left:0; top:0;}

.main_top .gamestart {position:absolute; z-index:98; left:454px; top:166px; display:block; overflow:hidden; width:164px; height:164px; text-indent:-5000px;}
.main_top .gamestart a {display:block; width:100%; height:100%; text-indent:-5000px;}
.main_top .btn_download {position:absolute; z-index:99; left:377px; top:295px; display:block; overflow:hidden; width:100px; height:35px; text-indent:-5000px;}
.main_top .btn_guide {position:absolute; z-index:100; left:603px; top:295px; display:block; overflow:hidden; width:91px; height:35px; text-indent:-5000px;}
.main_top .sublink {position:absolute; z-index:100; right:151px; top:14px; height:18px; }
.main_top .sublink a {float:right; height:18px; background:url(../img/nav/btn_sublink.png) no-repeat; text-indent:-5000px; }
.main_top .sublink .btn_helpdesk {width:42px; background-position:-197px 0; }
.main_top .sublink .btn_mypmang {width:48px; background-position:-149px 0; }
.main_top .sublink .btn_mypage {width:56px; background-position:-93px 0; }
.main_top .sublink .btn_mobile {width:93px; background-position:0 0; }

.main_nav {position:relative; z-index:95; height:205px;  }
.main_nav .nav {position:absolute; left:-3px; top:0; z-index:99; width:1090px; height:160px white-space:1090px; height:160px;; background:url(../img/nav/bg_top.png) no-repeat;}
.main_nav .nav_off {top:0; background:url(../img/nav/bg_top.png) no-repeat;}
.main_nav .nav_off .sub {display:none;}
/* .main_nav .shadow {position:absolute; left:0; top:0; width:1090px; height:316px; background:url(../img/nav/bg_subon.png) no-repeat; opacity:0; filter:alpha(opacity=0);} */
.main_nav .shadow {position:absolute; left:0; top:157px; z-index:85; width:1090px; height:183px; background-position:-10px 0; background-repeat:no-repeat;background-image:url(../img/nav/bg_main_center.png);}
	.noPcbang .shadow {background-image:url(../img/nav/bg_main_center.png) !important;}
	.gunbbangPcbang .shadow {background-image:url(../img/nav/bg_main_center_gunbbang.png) !important;}

.main_nav .top_nav {position:absolute; left:171px; top:50px; width:790px;} 
.main_nav .top_nav .m {display:block; height:40px; background:url(../img/nav/bg_menu.png) no-repeat; text-indent:-5000px;}
	.update_pukit .main_nav .top_nav .m {display:block; height:40px; background:url(../img/nav/bg_menu2.png) no-repeat; text-indent:-5000px;}

.main_nav .top_nav .m2 .m {background-position:-67px 0;}
.main_nav .top_nav .m3 .m {background-position:-148px 0;}
.main_nav .top_nav .m4 .m {background-position:-233px 0;}
.main_nav .top_nav .m5 .m {background-position:-412px 0;}
.main_nav .top_nav .m6 .m {background-position:-504px 0;}
.main_nav .top_nav .m7 .m {background-position:-579px 0;}
.main_nav .top_nav .m8 .m {background-position:-656px 0;}
.main_nav .top_nav .sub {position:relative; height:112px; padding:15px 0 0 7px; *padding-top:12px; zoom:1;}
.main_nav .top_nav .sub li {*float:left; width:100%; height:16px; overflow:hidden;}
.main_nav .top_nav .sub a {color:#817f72; font-size:11px;}
.main_nav .top_nav .m1 {float:left; width:67px;}
.main_nav .top_nav .m2 {float:left; width:81px;}
.main_nav .top_nav .m3 {float:left; width:85px;}
.main_nav .top_nav .m4 {float:left; width:81px; margin-right:98px;}
.main_nav .top_nav .m5 {float:left; width:92px;}
.main_nav .top_nav .m6 {float:left; width:75px;}
.main_nav .top_nav .m7 {float:left; width:77px;}
.main_nav .top_nav .m8 {float:left; width:85px;}
.main_nav .hot {position:relative; top:7px;}
.main_nav .top_nav .sub .on a {color:#F26600; text-decoration:underline;}

#skyscraper .banner {margin:0; padding:0; _height:1%;display:none}
#skyscraper .banner a img {display:block;}
#skyscraper .banner iframe {display:block; width:120px; height:600px; padding:1px; margin:0 0 5px 0; background:#191610 !important; border:1px solid #4a4e33; overflow:hidden;}
#skyscraper .banner a.btn_banner {display:block; width:93px; height:100px; padding:1px; margin:0 0 5px 0; background:#191610 !important; border:1px solid #4a4e33; overflow:hidden;}
#skyscraper .cpa {display:none; position:relative; display:block; width:93px; height:153px; padding:1px; margin:0 0 5px 5px; _margin-top:5px; background:#191610; border:1px solid #4a4e33;}
#skyscraper .cpa img {position:relative; *top:-1px;}

#skyscraper .quicklink {position:relative; width:134px; height:167px; margin:-5px 0 11px -7px; background:url(../img/main/btn_quicklink.png) no-repeat;}
#skyscraper .quicklink ul {padding:45px 0 0 16px;}
#skyscraper .quicklink li {width:102px; height:26px;}
#skyscraper .quicklink li a {display:block; width:100%; height:100%; text-indent:-5000px;}

.footer {clear:both; position:relative; top:50px; height:120px; _height:170px;  background:url(../img/footer/footer.gif?ver=2010715) no-repeat;}
	.sub .footer {top:20px !important;}
.footer a {display:block; text-indent:-5000px;}
.footer .copyright, .footer address {position:absolute; left:-5000px; top:-5000px;}
.footer .neowiz a {position:absolute; left:63px; top:51px; width:98px; height:28px;}
.footer .developer a {position:absolute; left:176px; top:46px; width:128px; height:30px;}
.footer .submenu {position:absolute; left:322px; top:38px; width:220px; height:15px;}
.footer .submenu li {float:left; _display:inline; height:15px;}
.footer .m1 {width:41px;}
.footer .m2 {width:45px;}
.footer .m3 {width:134px;}
.footer .submenu a {width:100%; height:100%;}
.footer address {display:block; position:absolute; left:724px; top:40px; width:286px; height:51px; background:url(../img/footer/grade.gif?ver=20091228) no-repeat; text-indent:-5000px;}
.footer .btn_email {position:absolute; left:395px; top:66px; width:129px; height:11px;}
.footer .bizinfo { position:absolute; left:638px; top:75px; width:67px; height:14px; text-indent:-5000px; background:url(../img/footer/btn_bizinfo.gif) no-repeat; display:block; }

/* ´ÙÀ½Ã¤³Î¸µ */
.footer_daum { height:200px;background:url(../img/channeling/footer_kakaogames.gif?t=20160920) no-repeat !important; }
.footer .daum a { position:absolute;left:50px;top:87px;width:93px;height:16px;background:url(../img/channeling/f_kakaogames.png) no-repeat; }
.footer_daum .neowiz a { position:absolute;left:50px;top:34px;width:91px;height:22px;background:url(../img/channeling/f_neowizgames.gif) no-repeat; }
.footer_daum .developer a { position:absolute;left:50px;top:139px;width:93px;height:19px;background:url(../img/channeling/f_dragonfly.gif) no-repeat; }
.footer_daum address { left:751px;height:119px;background:url(../img/channeling/grade.gif) no-repeat; }
.footer_daum .submenu { left:324px; width:440px;top:32px; }
.footer_daum .submenu li { margin-right:10px; }
.footer_daum .submenu .m1 { width:34px; /* background:url(../img/channeling/f_a1.gif) no-repeat;  */}
.footer_daum .submenu .m2 { width:95px; /* background:url(../img/channeling/f_a2.gif) no-repeat;  */}
.footer_daum .submenu .m3 { width:51px; /* background:url(../img/channeling/f_a3.gif) no-repeat;  */}
.footer_daum .submenu .m4 { width:69px; /* background:url(../img/channeling/f_a4.gif) no-repeat;  */}
.footer_daum .submenu .m5 { width:59px; /* background:url(../img/channeling/f_a5.gif) no-repeat;  */}
.footer_daum .submenu .m6 { display: block !important; width:49px; /* background:url(../img/channeling/f_m6.gif) 0 -1px no-repeat; */}



/* png24 */
.png {tmp:expression(setPng(this));}

/* ·¹À̾îÆ˾÷ Á¤·Ä */
#cmPopAlign {/* position:absolute; top:43px; left:50%; margin-left:-500px; width:1000px; z-index:99; _visibility:hidden; _overflow:hidden;*/}

/* »ç¿ëÀÚ Æ˾÷ */
.userMenu {position:absolute; border:1px solid #62603f; padding:1px; border-collapse:collapse; background:#000; z-index:33 !important;}
.userMenu td {width:100%; padding:4px 5px 0 5px; border:0; vertical-align:middle; color:#7a784e; font-size:11px; background:#000; text-align:center; cursor:pointer; _cursor:hand;}
.userMenu .over {background-color:#000;}
.userMenu .udActivate {background-color:#908f74; color:#000;}
.userMenu .udDeactivate {background-color:#000;}

/* °Ô½ÃÆÇ º¹»ç, Àμ⠹öÆ° */
.coprint {*height:1%; padding:5px 0 9px 0;}
.coprint ul {position:relative; margin-right:3px; text-align:right; font-size:0;}
.coprint li {display:inline; margin-left:1px; font-size:0;}
.coprint img { text-indent:-5000px; text-indent:-5000px; text-indent:-5000px; display:inline; vertical-align:top; margin:0 0 0 2px;}
.coprint .url a {position:relative; top:1px; margin-right:4px; font:10px verdana; color:#5e5d48;}

/* È®ÀåÇü CPA ¹è³Ê fix */
#Reminder {width:93px !important; height:153px !important;}
#FloatLayer1 {left:-325px !important;}
#FloatLayer2 {top:0 !important;}

/* ¼¿·ºÆ®¹Ú½º */
select {height:23px; border:1px solid #4C4B34 !important; padding-top:2px; color:#656446; background:#000; font-size:11px;}
.reset_style {overflow:visible; visibility:visible; float:none; position:static; left:auto; top:auto; right:auto; bottom:auto; width:auto; height:auto; min-width:auto; min-height:auto; max-width:auto; max-height:auto; margin:0; padding:0; border:none; background:none;}
.SelectDisable {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;}
.SelectBasic_selectArea {overflow:hidden; height:19px; background-color:#000; border:1px solid #4c4b34; vertical-align:top; z-index:100;}
.SelectBasic_selectArea a {display:block; width:100%; height:15px; margin:0; padding:4px 0 0 0; text-indent:5px; font-size:11px; white-space:nowrap; color:#5f5e49; background:url(../img/common/bg_select_arrow.gif) right top no-repeat; cursor:default; letter-spacing:0;}
.SelectBasic_selectArea a:hover {color:#908f74 !important; text-decoration:none;}
.SelectBasic_optionsDiv {display:none; margin-top:20px; border:1px solid #4c4b34; background:#000; vertical-align:middle; z-index:101;}
.SelectBasic_optionsDiv p {	margin:0; padding:1px;}
.SelectBasic_optionsDiv a {display:block; padding:3px 5px 0px 5px; white-space:nowrap; color:#5f5e49; cursor:default; font-size:11px;}
.SelectBasic_optionsDiv a:hover {background:#908f74; color:#000 !important; text-decoration:none;}

.large_selectArea {height:21px; background:url(../img/common/bg_select.gif) no-repeat; border:1px solid #4c4b34; vertical-align:top; z-index:20;}
.large_selectArea a {height:17px; font-size:12px; text-indent:9px; color:#908f74; background:url(../img/common/bg_select_arrow2.gif) right top no-repeat;}
.large_optionsDiv {margin-top:22px;}
.large_optionsDiv a {padding-left:8px; color:#908f74; font-size:12px;}

/** °ÔÀÓ½ÇÇàÁß **/
body.play {background:#36341c url(../img/common/bg_play_x.gif) 0 43px repeat-x;}
body.play #wrapper {background-image:none !important;}
body.play .container {position:absolute; left:50%; top:43px; width:1070px; height:783px; margin:0 0 0 -535px; background:#36341c url(../img/common/bg_play.jpg) center top repeat-x; text-align:center; zoom:1;}
body.play .btn {position:relative;margin:205px auto 0 auto;}
#gamePlay {height:783px;}

/* Ŭ·£¸¶Å© */
.guildmark {position:relative;}
.guildmark a {position:relative;}
.guildmark a:hover {text-decoration:none !important;}
.guildmark img{position:absolute; left:0; top:0; width:100px; height:100px;}

/* Æ˾÷ FIX */
body.frame { margin-left:0; background:url('../img/common/bg_frame.jpg') left top #36341d no-repeat;  }

img.admin {width:auto !important; height:auto !important;}

/* 150617 */
body.mainbg4 #wrapper {background-image:url(../img/common/bg_main_v2_15summer.jpg);} 

/* 151117 */
.multi_login{position:absolute;top:-164px;left:-14px;width:398px;height:126px;padding-top:40px;background:url(../img/login/bg_multilog.png) no-repeat;z-index:100;color:#cfceb3;text-align:center}
.multi_login div{width:195px;margin:2px auto 0 auto}
.multi_login .btn{display:inline-block;width:95px;height:32px;background:url(../img/login/btn_multilog.png) no-repeat;text-indent:-999px;overflow:hidden;*text-indent:0;color:transparent;font-size:0}
.multi_login  .btn_m_p{background-position:-100px top}
.multi_login  .btn_m_f{background-position:left bottom}
.multi_login  .btn_m_g{background-position:-100px bottom}
.login_new .pmang_log_chk{position:absolute;top:8px;left:20px;width:230px;height:27px;line-height:24px;background:url(../img/login/bg_log_chk.png) no-repeat;z-index:50;font-size:11px;color:#1b1801}
.login_new .pmang_log_chk label{top:0 !important}
.login_new .pmang_log_chk .btn_close{position:absolute;top:7px;right:8px;display:inline-block;width:7px;height:7px;background:url(../img/login/btn_close.gif) no-repeat;text-indent:-999px;overflow:hidden;*text-indent:0;color:transparent;font-size:0}
#loginContent .login_new .keyboard{right:27px !important}
#loginContent .login_new .btn_key{right:8px !important}
#loginContent .login_new .sns{top:98px !important}

/* 160407 */
.footer .copyright a{ width: 62px; height: 10px; position: absolute; top: 5149px; left: 5377px;}

/* 160906 */

.footer2 {background:url(../img/footer/footer_v2.gif) no-repeat;}
.footer2 .submenu{width:260px}
.footer2 .m2{width:56px}
.footer2 .m3{width:84px}
.footer2 .m4{width:75px}