@charset "utf-8";

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

/* Mobile */
.top_nav{width:100%;margin:0;padding:0;padding-top:10px;z-index:999;min-height:38px;background: #151515;}
.top_nav *{font-family:Tahoma, Geneva, sans-serif !important}
.top_nav h1{width:103px;height:27px;background:url(../Image/top_snLogo_L.png) no-repeat;margin:0 0 0 10px;*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;right: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-left:6px;margin-top: 0px;}
.top_sub_menu .game_new{position:absolute;left:10px;top:5px}

.top_right_menu ul{margin-top:-16px} /* 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 0 52%;padding-left:20px}
.gnb .top_right_menu li.welcome{display:none}


#footer{margin:0 auto;min-width:288px;width:95%;font-size:12px;font-size:1.2rem;color:#676767;text-transform:uppercase;padding:20px 0}
#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(img/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(img/menu_icon.gif) 0 51% no-repeat;padding-left: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}
#sn_common_bottom{background: #151515;}

/* Modal Window */
.mw_basic{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:998 }
.mw_basic .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80);z-index:999 }
.mw_basic .fg {position:absolute;top:50%;left:50%;width:260px;height:520px;padding:20px;margin:-260px 0 0 -150px;border:1px solid #CCC;background:#333;z-index:1000 }
.mw_basic .fg .btn_x {display:inline-block;position:absolute;top:0;right:1px;color:#FFF;margin:0;font-size:2em;width:30px;height:30px;background:#333;padding:5px;text-align:center}
.mw_basic .fg>*{ padding-top:10px;color:#e4e4e4;font-size:1.25em}
.mw_basic .fg>h3, .mw_basic .fg>h4{clear:both;color:#F00!important;font-size:2em;text-transform:uppercase}
.mw_basic .fg>h4{font-size:1.25em}
.mw_basic .fg ul{width:100%}
.mw_basic .fg li,.mw_basic .fg dd{width:100%;padding:5px 0 2px}
.mw_basic .fg dd{ font-size:.9em;list-style:disc}
.mw_basic .fg span{display:block}
*:first-child+html .mw_basic .fg input[type=text]{width:22%}
*:first-child+html .mw_basic .fg input[type=text].serial-num{width:76%}
.mw_basic .fg input[type=tel]{width:24%;padding:7px 5px;border:#000 solid 1px}
.mw_basic .fg input[type=text]{width:93%;padding:7px 5px;border:#000 solid 1px}
.mw_basic .fg .btn_ok input[type=button]{min-width:100px;width:97%;background:#F30;color:#FFF;border:0;height:40px;font-size:1.325em;margin-top:6px;-webkit-appearance:none}

#search_result {width:290px;height:550px;position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-275px;z-index:1100;display:none;background:#fff;padding:0;border:#898989 solid 5px;overflow:hidden}
#search_result h2 {font-size:16px;font-size:1.6rem;width:244px}
#fmSearchPopUp {width:270px;height:490px}


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

/* Modal Window */
.mw_basic .fg {width:500px;height:350px;margin:-190px 0 0 -250px}
.mw_basic .fg ul{width:100%}
.mw_basic .fg span{display:inline-block;width:100px}
.mw_basic .fg .btn_ok input[type=button]{min-width:93px;width:100%;height:40px}
.mw_basic .fg input[type=tel]{width:20%}
.mw_basic .fg input[type=text]{width:71%}

#search_result {width:500px;height:350px;margin-left:-225px;margin-top:-190px}
#search_result h2 {font-size:16px;font-size:1.6rem}
#fmSearchPopUp {width:510px}

}

/* iphone 5 */
@media screen and (max-width:400px) {
   .out1{text-align:center;font-size:22px;}
   .out2{text-align:center;font-size:13px;padding: 0 5px;}
}

/* Mini Desktop */
@media screen and (max-width:1025px) {
    .top_right_menu ul {
        margin-top: 0;
    }
}
     

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

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

.top_nav h1{width:103px;height:27px;background:url(../Image/top_snLogo1.png) no-repeat;float:left;margin-top:15px;margin-left:2%}
.top_nav h1 a{width:103px;height:27px;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:20px}
.triangle2{display:block;border-top:4px solid #a3d500;border-right:4px solid transparent;border-left:4px solid transparent;bottom:-4px;position:absolute;right:0;top:21px}
.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 0 0 130px}
.top_main_menu:after{content:"";display:block;clear:both}
.top_main_menu>li{float:left;margin:0 20px 0 0}
.top_main_menu>li>a{padding:6px 12px 10px 12px;border-radius:0;margin:0;color:#888888;height:28px;padding:14px 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;margin-left:-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:block;*border-bottom:0;width:100%;position:relative}
.top_sub_menu li:last-child{border-bottom:0}

.top_sub_menu li a{display:block;font-size:12px;font-size:1.2rem;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:right;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;padding-left:18px;color:#FFF;font-size:12px;font-size:1.2rem;*vertical-align:14px}
li.welcome img {margin-left: 4px;}

#sn_common_bottom{background: #151515;}
#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:""}

/* Modal Window */
.mw_basic .fg {width:670px;height:350px;margin:-190px 0 0 -350px}
.mw_basic .fg .btn_x{display:inline-block;position:absolute;top:0;right:-41px;color:#FFF;margin:0;font-size:2em;width:30px;height:30px;background:#333;padding:5px;text-align:center}
.mw_basic .fg ul{width:100%}
.mw_basic .fg .btn_ok input[type=button]{min-width:100px;width:100%;height:40px}
.mw_basic .fg ul{float:left;display:inline-block;width:81%}
.mw_basic .fg li,.mw_basic .fg dd{width:100%;padding:5px 0 2px}
.mw_basic .fg dd{ font-size:.9em;list-style:disc}
.mw_basic .fg span{display:inline-block;width:100px}
*:first-child+html .mw_basic .fg input[type=text]{width:22%}
*:first-child+html .mw_basic .fg input[type=text].serial-num{width:76%}
.mw_basic .fg input[type=tel]{width:22%;padding:7px 5px;border:#000 solid 1px}
.mw_basic .fg input[type=text]{width:76%;padding:7px 5px;border:#000 solid 1px}
.mw_basic .fg .btn_ok input[type=button]{float:left;margin-left:5px;min-width:100px;width:10%;background:#F30;color:#FFF;border:0;height:67px;font-size:1.325em;margin-top:6px}

#search_result {width:940px;height:550px;margin-left:-476px;margin-top:-275px}
#fmSearchPopUp {width:940px}
#sn_common_bottom{background: #151515;}
}