/* Adaptado del mirror gunbound.softnyx.com (2015) para GunBound Elite: solo rutas de imagenes. */
@charset "utf-8";/* CSS Document */

/* All - 모든 해상도 공용 스타일 */
nav{display:block}

/* Mobile */
.freecash{display:none}
.top_nav{width:100%;border-top:#777 solid 4px;background:#000;min-height:47px} /* 서브용 높이값_yaki27 */
.top_nav h1{width:103px;height:27px;background:url(../gb/portal_main/softnyx_logo.png) no-repeat;margin:10px 0 0 10px;*margin-top:10px; *padding-bottom:22px}
.top_nav h1 a{width:103px;height:27px;display:block}

.gnb{margin:0;font-size:13px} /* 서브용 bottom-margin:10px 삭제_yaki27 */
.gnb>button{width:40px;height:30px;padding:30px 0 0 0;position:absolute;background:#000;border:0;cursor:pointer;top:12px;right:10px}
.gnb>button>i{position:absolute;left:4px;top:4px;border-top:9px double #fff;border-bottom:9px double #fff;width:30px;height:3px}

.top_main_menu{display:none;margin:11px 0 0 0}
.top_main_menu>li>a{display:block;padding:7px 20px;background:#202020;padding-left:10px;font-weight:bold;color:#FFF;text-decoration:none;border-bottom:#000 solid 1px}
.top_main_menu>li>a:hover{color:#f15d1e}
.top_main_menu>li:first-child>a{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}

.top_sub_menu{background:#333;border-bottom:#000 solid 1px}
.top_sub_menu li{display:inline-block;zoom:1;*display:inline}
.top_sub_menu li a{display:block;padding:7px 16px;background:#333;margin:0 0 1px 0;color:#aaa;text-decoration:none;background:url(../gb/portal_main/menu_icon.gif) no-repeat 10px 52%}
.top_sub_menu li a:hover{color:#FFF}

.top_right_menu ul{*margin-top:-16px} /* ie 7 */
.top_right_menu li a{display:block;padding:7px 10px;background:#202020;font-weight:bold;color:#f15d1e;text-decoration:none;border-bottom:#000 solid 1px;text-transform:uppercase}
.top_right_menu li a:hover{color:#fff}

.facebook_icon{background:url(../gb/portal_main/fb_icon.jpg) no-repeat 0 52%;padding-left:20px}
.gnb .top_right_menu li.welcome{display:none}


/* footer */
#footer {margin:20px auto; position:relative; min-width:280px; max-width:994px; padding:10px; padding-top:50px}
.social_menu>li {display:inline-block;	zoom:1; *display:inline;}
.social_menu .footer_facebook {background:url(../gb/portal_main/footer_icon_all.png) 0 0 no-repeat; width:24px; height:24px; cursor:pointer;}
.social_menu .footer_facebook a, .social_menu .footer_twitter a  {display:block; width:24px; height:24px;}
.social_menu .footer_twitter {background:url(../gb/portal_main/footer_icon_all.png) -24px 0 no-repeat; width:24px; height:24px; cursor:pointer; margin-left:6px}
.social_menu .footer_global {position:relative; cursor:pointer;  color:#5a5959; font-size: 0.917em;}



.footer_global span {display:none}
#global_menu{padding:5px 10px;width:176px;background:#000;display:none;position:absolute;left:102px; top:0;opacity:0.85;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=85)";filter:alpha(opacity = 85);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px}
#global_menu li{display:block;line-height:24px;background:url(../gb/portal_main/menu_icon.gif) 0 56% no-repeat;padding-left:8px}
#global_menu a{color:#aaa;text-decoration:none;font-size:12px}
#global_menu a:hover{color:#fff}


#global_menu .close_gmenu  {text-align:right; background:none; color:#aaa}

.servertime{float:left; color:#5a5959; font-size: 0.917em;}
.footer_menu {padding:10px 0}
.footer_menu li {display:block; font-size:0.917em; color:#5a5959; line-height:24px; background:url(../gb/portal_main/menu_icon.gif) 0 51% no-repeat; padding-left:10px}
.footer_menu li a {color:#5a5959; text-decoration:none}
.footer_menu li a:hover {color:#000;}

.copyrights {color:#999; font-size:0.917em; padding-top:10px;}
.copyrights a {color:#999; text-decoration:none}
.copyrights a:hover {color:#000}

/* Tablet */




/* Desktop */

.gnb>button{display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0}

#top_menu{width:994px;margin:0 auto}
.top_nav h1{float:left;*margin-top:16px}
.top_nav{max-height:85px} /* 서브용 높이값_yaki27 */

.freecash{display:block;padding-left:40px}
.top_main_menu .freecash>a{padding:0;margin:0}

.gnb{font-size:14px;*z-index:1}
.top_main_menu{position:relative;display:block !important;border-radius:0;border-bottom:none;padding:9px 0 9px 0;*padding:4px 0 9px 0;margin-left:130px;*z-index:10000}
.top_main_menu:after{content:"";display:block;clear:both}
.top_main_menu>li{float:left;margin:0 1px 0 0;*z-index:1}
.top_main_menu li a{padding:6px 12px 10px 12px;border-radius:0;margin:0;background:#000;color:#c0c0c0}
.top_main_menu>li.active>a{color:#f15d1e}
.top_main_menu>li.active>ul{display:block}

.body:after{content:"";display:block;clear:both}

.top_sub_menu{display:none;position:absolute;top:42px;margin-left:-17px;z-index:999;background:#000;border-bottom:none;padding:0 10px;opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=90)";filter:alpha(opacity = 90);-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.top_sub_menu>li{display:block;border-bottom:#666 dotted 1px;*border-bottom:0}
.top_sub_menu>li:last-child{border-bottom:0}

.top_sub_menu li a{display:block;font-size:13px;padding:8px 10px 8px 18px;*padding:6px 10px 6px 18px;background:#333;color:#aaa;text-decoration:none;background:url(../gb/portal_main/menu_icon.gif) no-repeat 10px 52%}
.top_sub_menu li a:hover{color:#f15d1e}

.gnb .top_right_menu{float:right;text-transform:uppercase;*padding-top:16px}
.gnb .top_right_menu li{display:inline-block;zoom:1;*display:inline}
.gnb .top_right_menu a{background:none;color:#FFF}
.gnb .top_right_menu a:hover{background:none;color:#f15d1e}
.gnb .top_right_menu.active>a{background:none;border-radius:0}

.gnb .top_right_menu li.welcome{display:inline-block;zoom:1;*display:inline;background:url(../gb/portal_main/smile_icon.png) no-repeat 0 50%;padding-left:18px;color:#FFF;font-size:12px;*vertical-align:14px}


/* footer */
.footer_global span {display:inline-block; padding:0 10px}
#global_menu{padding:3px 10px;width:176px;background:#000;display:none;position:absolute;left:176px; *left:186px; top:-26px;opacity:0.85;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=85)";filter:alpha(opacity = 85);-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px}
#global_menu li{display:block; line-height:24px;background:url(../gb/portal_main/menu_icon.gif) 0 56% no-repeat;padding-left:8px;padding-right:16px}
#global_menu a{color:#aaa;text-decoration:none;font-size:12px}
#global_menu a:hover{color:#fff}



.footer_menu{padding:0}
.footer_menu li{display:inline-block;zoom:1;*display:inline;font-size:0.917em;color:#5a5959;line-height:24px;background:none;padding-right:10px;*padding-right:20px;padding-left:0}
.footer_menu li:after{content:" | ";padding-left:10px;color:#999;font-size:12px}
.footer_menu li:last-child:after{content:""}
.footer_menu li a{color:#5a5959;text-decoration:none}
.footer_menu li a:hover{color:#000}


/* ---- ddsmoothmenu ---- */
/* GNBMENU */
.topMenu { font: bold 14px Verdana; width: 100%;}
.topMenu ul { z-index:100; margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
.topMenu ul li { position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.topMenu ul li a { display: block; height:23px; /*background of menu items (default state)*/ padding:19px 0 15px 30px; color: #2d2b2b; text-decoration: none; }
* html .topMenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.topMenu ul li a:link, .topMenu ul li a:visited { color:#fff; }
.topMenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/  color:#960b0b;  }
.topMenu ul li a:hover {  /*background of menu items during onmouseover (hover state)*/ color:#960b0b; }

/*1st sub level menu*/
.topMenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.topMenu ul li ul li { display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.topMenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.topMenu ul li ul li a { font: bold 12px Verdana; width:158px; /*width of sub menus*/ padding: 7px 30px 1px 30px; margin: 0; border-top-width: 0; border-bottom: 1px solid #b07123;  background:#c08235; z-index:99; letter-spacing:-0.3px;}
*:first-child+html .topMenu ul li ul li a {margin:0 0 -1px 0 ; }

/* Holly Hack for IE \*/
* html .topMenu { height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }


.topMenu li a .i { position:absolute; top:25px; right:10px; width:8px; height:8px; margin:-4px 0 0 -16px; color:#ccc; }
.topMenu ul li a.selected .i { background-position:0 -44px }