@charset "utf-8";
/* CSS Document */
 
<!--
/* All  */
html{font-size:62.5%}
body{font-size:14px;font-size:1.4rem} /* 12px */
h1{font-size:24px;font-size:2.4rem} /* 24px */
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form{margin:0;padding:0}
ul, ol, dl, li{list-style:none}
img{vertical-align:top}
em{font-style:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img{max-width:100%;height:auto;border:0}
html, body{min-height:100%}
a{cursor:pointer;text-decoration:none}
a, img{border: none;border:0;outline:none}
strong{font-weight: bold}
*{-webkit-text-size-adjust:none} /* apple */


/* google search */
#modalbg{position:absolute;left:0;top:0;width:100%;z-index:9999;background-color:#000;display:none}

/* Mobile */
.top_nav{width:100%;margin:0;padding:0;z-index:999}
.top_nav *{font-family:Tahoma, Geneva, sans-serif !important}
.top_nav h1{width:103px;height:27px;background:url(//web.softnyx.com/Image/top_snLogo_L.png) no-repeat;margin:10px 10px 0 0;*margin-top:10px}
.top_nav h1 a{width:103px;height:27px;display:block}

.gnb{margin:0;font-size:12px;font-size:1.2rem;z-index:999}
.gnb>button{width:40px;height:30px;padding:30px 0 0 0;position:absolute;background:none;border:0;cursor:pointer;top:10px;left:10px}
.gnb>button>i{position:absolute;left:4px;top:4px;border-top:12px double #fff;border-bottom:4px solid #fff;width:28px;height:4px} 


.triangle{display:none}
.top_main_menu {display:none;margin:20px 0 0 0;z-index:999}
.top_main_menu>li>a{display:block;padding:12px 20px;padding-left:20px;font-weight:bold;color:#FFF;text-decoration:none;text-transform:uppercase;background:#202020;border-bottom:#000 solid 1px}
.top_main_menu>li>a:hover{color:#f15d1e}
.top_main_menu>li>a:hover span{border-top:4px solid #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;padding-left:10px;z-index:999}
.top_sub_menu li{display:inline-block;zoom:1;*display:inline;position:relative;z-index:999;vertical-align:top}
.top_sub_menu li a{display:block;padding:7px 16px;background:#333;margin:0;color:#aaa;text-decoration:none;line-height:26px}
.top_sub_menu li a:hover{color:#FFF}

.top_sub_menu .game_icon{display:inline-block;zoom:1;*display:inline;position:relative}
.top_sub_menu .game_text{display:inline-block;zoom:1;*display:inline;padding-right:6px}
.top_sub_menu .game_new{position:absolute;left:10px;top:5px}

.top_right_menu ul{*margin-top:-60px;*z-index:999} /* ie 7 */
.top_right_menu li a{display:block;padding:12px 20px;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(//web.softnyx.com/Image/fb_icon.jpg) no-repeat right 52%;padding-right:20px}
.facebook_icon{background:url(//web.softnyx.com/Image/fb_icon.jpg) no-repeat 35px 52%;padding-right:20px;display:inline-block}
.gnb .top_right_menu li.welcome{display:none}



#footer{margin:20px auto;position:relative;min-width:288px;width:95%;font-size:12px;font-size:1.2rem;color:#676767;text-transform:uppercase}
#footer *{font-family:Tahoma, Geneva, sans-serif !important}
.social_menu strong{color:#FFF}
.social_menu>li{display:inline-block;zoom:1;*display:inline}
.social_menu .footer_global{cursor:pointer;position:relative}
.social_menu .footer_global a{font-size:12px;font-size:1.2rem;color:#676767}

#global_menu{padding:5px 10px;width:180px;background:#fff;display:none;position:absolute;left:34px;*left:24px;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:26px;background:url(http://img.softnyx.com/3/sn/portal_main/menu_icon.gif) 0 56% no-repeat;padding-left:8px}
#global_menu a{color:#676767;text-decoration:none;font-size:12px;font-size:1.2rem}
#global_menu a:hover{color:#000}

#global_menu .close_gmenu {text-align:right;background:none;color:#aaa}
#global_menu .close_gmenu a{font-size:14px;font-size:1.4rem}

.footer_menu{padding:10px 0}
.footer_menu li{display:block;font-size:12px;font-size:1.2rem;color:#5a5959;line-height:24px;background:url(http://img.softnyx.com/3/sn/portal_main/menu_icon.gif) right 51% no-repeat;padding-right:10px}
.footer_menu li a{color:#676767;text-decoration:none}
.footer_menu li a:hover{color:#fff}

.copyrights{color:#676767;font-size:12px;font-size:1.2rem;padding-top:20px}
.copyrights a{color:#676767;text-decoration:none}
.copyrights a:hover{color:#fff}
.channel_img{width:249px;margin:0 auto}
.footer_global span{display:none}



/* mobile & tablet */
@media all and (min-width:488px) and (max-width:1023px){
/*** common top and bottom ***/
.footer_global span{display:inline-block;zoom:1;*display:inline;padding:0 10px}
/*** common top and bottom ***/
	
}

/* Desktop */
@media all and (min-width:1024px){

/* nav */
.top_nav{width:100%;background:#151515;height:40px}
.gnb>button{display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0}

.top_nav h1{width:57px;height:15px;background:url(//web.softnyx.com/Image/top_snLogo.png) no-repeat;float:right;margin-top:13px;margin-right:2%}
.top_nav h1 a{width:57px;height:15px;display:block}



.triangle{display:block;border-top:4px solid #888;border-right:4px solid transparent;border-left:4px solid transparent;bottom:-4px;position:absolute;right:0;top:18px}
.gnb{font-size:12px;font-size:1.2rem}
.top_main_menu{position:relative;display:block !important;border-radius:0;border-bottom:none;padding:0;margin:0 130px 0 0}

.top_main_menu:after{content:"";display:block;clear:both}
.top_main_menu>li{position:relative;float:right;margin:0 0 0 20px}
.top_main_menu>li>a{padding:6px 12px 10px 12px;border-radius:0;margin:0;color:#888888;height:28px;padding:12px 12px 0 0;position:relative;background:none;border-bottom:none}
.top_main_menu>li.active>a{color:#fff}
.top_main_menu>li.active>a span{border-top:4px solid #f15d1e}
.top_main_menu>li.active>ul{display:block}

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

.top_sub_menu{display:none;position:absolute;top:40px;right:0;margin-right:-12px;background:#151515;border-bottom:none;padding:0 0 4px 0;opacity:0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=90)";filter:alpha(opacity = 90);
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:50 0 5px 5px;
	border-radius:0 0 5px 5px}
.top_sub_menu li{display:inline-block;zoom:1;*display:inline;*border-bottom:0;width:100%;position:relative}
.top_sub_menu li:last-child{border-bottom:0}

.top_sub_menu li a{display:inline-block;zoom:1;*display:inline;font-size:12px;font-size:1.2rem;min-width:90px;min-height:26px;padding:6px 12px;color:#aaa;text-decoration:none;margin:0;line-height:26px;background:none}
.top_sub_menu li a:hover{color:#fff;background:#333333}

.gnb .top_right_menu{float:left;text-transform:uppercase;*padding-top:16px;padding-right:1%;margin-right:0}
.gnb .top_right_menu li{display:inline-block;zoom:1;*display:inline;padding-right:10px}
.gnb .top_right_menu a{background:none;color:#FFF;border-bottom:none;height:28px;padding:12px 12px 0 0}
.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(//web.softnyx.com/Image/smile_icon.png) no-repeat 0 50%;padding-left:18px;color:#FFF;font-size:12px;font-size:1.2rem;*vertical-align:14px}


#footer{text-align:center;clear:both}
.footer_global span{display:inline-block;zoom:1;*display:inline;padding:0 10px;color:#333}

#global_menu{left:200px;top:-74px}
#global_menu li{text-align:left}

.footer_menu{padding: 0}
.footer_menu li{display:inline-block;zoom:1;*display:inline;background:none;padding-right:10px;*padding-right:20px; padding-left:0}
.footer_menu li:after{content:" | ";padding-left:10px;font-size:12px;color:#333}
.footer_menu li:last-child:after{content:""}

}