﻿@charset "utf-8";/* CSS Document */
 
<!--
/* All  */
html{font-size:62.5%}
body{font-size:14px;font-size:1.4rem} /* 14px */
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}
body{background-color:#211c19;overflow-x:hidden;*overflow-x:none}

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%;height:100%}
a{cursor:pointer;text-decoration:none;color:#a1a1a0}
a, img{border:none;border:0;outline:none}
strong{font-weight:bold}

@font-face{font-family:"titillium";src:url('//web.softnyx.net/Font/titillium-regular-webfont.eot');src:url('//web.softnyx.net/Font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('//web.softnyx.net/Font/titillium-regular-webfont.woff') format('woff'), 
url('//web.softnyx.net/Font/titillium-regular-webfont.ttf') format('truetype');url('//web.softnyx.net/Font/titillium-regular-webfont.svg#titillium') format('svg') 
src:local(※), url('//web.softnyx.net/Font/titillium-regular-webfont.woff') format('woff')}

body, table, input, button, textarea, select, li, a, ul, p, div, h1, h2, h3, h4, h5, span{font-family:titillium, tahoma, Geneva, sans-serif}

/*common*/
.point{color:#e05904!important;text-transform:uppercase;font-weight:bold;letter-spacing:-.07em} 
.text_overflow{overflow:hidden;text-overflow:ellipsis;-o-text-overow:ellipsis;-moz-binding:url(/js/ellipsis.xml#ellipsis)undefinedundefinedundefined;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}
#rk_wrap{position:relative;z-index:0}

/* rk_nav */
#rk_nav{width:100%}
#rk_nav:after{content:"";display:block;clear:both}
.rk_gnb{margin:0;font-size:13px;font-size:1.3rem}
.rk_gnb h1{width:188px;height:103px;background:url(http://img.softnyx.net/1/rk2015/rk_logo.png) no-repeat;margin:10px auto 0;*margin-top:10px}
.rk_gnb h1 a{width:120px;height:73px;display:block}
.rk_gnb>button{border:0;cursor:pointer;float:right;background:#f63a15;padding:10px 18px 10px 10px;color:#FFF;font-size:13px;font-size:1.3rem;margin-top:-70px;position:relative}
.rk_gnb>button .triangle{display:block;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent;bottom:-4px;position:absolute;right:4px;top:17px}

.rk_main_menu{display:none;margin:6px 0 0 0}
.rk_main_menu>li>a{display:block;padding:7px 20px;background:#d53e21;padding-left:10px;font-weight:bold;color:#fff;text-decoration:none;border-bottom:#000 solid 1px} 
.rk_main_menu>li>a:hover{color:#000} 

.rk_main_menu_R{display:none;margin:0}
.rk_main_menu_R>li>a{display:block;padding:7px 20rem;background:#d53e21;padding-left:10px;font-weight:bold;color:#FFF;text-decoration:none;border-bottom:#000 solid 1px}
.rk_main_menu_R>li>a:hover{color:#000} 

.rk_sub_menu{border-bottom:#000 solid 1px;background:#3b3b3b} 
.rk_sub_menu li{display:inline-block;zoom:1;*display:inline}
.rk_sub_menu li a{display:block;padding:7px 16px;background:#333;margin:0 0 1px 0;color:#888;text-decoration:none;background:url(http://img.softnyx.net/1/rk2015/menu_icon.png) no-repeat 10px 52%}
.rk_sub_menu li a:hover{color:#f63a15}

/*rk_common_btnBox*/
.common_btnBox{margin:0 auto}

.common_btn{width:100%;margin:0 auto;z-index:1}
.common_btn:after{content:"";display:block;clear:both}
.common_btn li{display:inline-block;zoom:1;*display:inline;width:49.9%;height:45px;float:left;font-size:18px;font-size:1.8rem;padding:0 0 5px 0}
.common_btn li a{height:33px;display:block;text-align:center;padding:12px 0 0 0}
.btn_login a{background:#101010;color:#e43917;margin-right:1px;text-transform:uppercase;font-weight:bold}
.btn_login a:hover{color:#fff}
.btn_fBook a{background:#1d4283;color:#dfdfdf}
.btn_fBook a:hover{color:#FC0}
.btn_joinTxt,.btn_logoutTxt,.btn_launcherTxt{display:none!important}
.common_btn li.btn_join ,.common_btn li.btn_myrk{width:100%}
.btn_join a{background:#101010;color:#9e9d9d}
.btn_join a:hover{color:#fff}
.btn_myrk a{background:#f63a15;color:#dfdfdf}
.btn_myrk a:hover{color:#fff}
.common_btn .btn_start{display:none}

/*logout*/
.btn_basic a{background:#101010;color:#9e9d9d;margin-right:1px;text-transform:uppercase}
.btn_basic a:hover{color:#fff}


/*rkmain_area01*/
/* slide */
.slides .slide{overflow:hidden;position:relative}
.slides .slide li{display:block;width:100%}
.slides .slide li a{display:block}
.slides_control{width:100% !important;max-height:500px !important;min-height:287px;max-width:558px}

.slides a.prev,.slides a.next{display:inline-block;overflow:hidden;position:absolute;text-indent:-9999px;width:30px;height:46px;background:url(http://img.softnyx.net/1/rk2015/main/next_pre.png) 0 0 no-repeat;top:50%;margin-top:-20px;z-index:9}
.slides a.prev{left:5px;background-position:0 0}
.slides a.prev:hover{background-position:0 -46px}
.slides a.next{right:5px;background-position:-27px 0}
.slides a.next:hover{background-position:-27px -46px}

.slides .page{position:absolute;bottom:0;text-align:center;width:100%;list-style:none;top:90%;z-index:8}
.slides .page li{display:inline-block;zoom:1;*display:inline}
.slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(http://img.softnyx.net/1/rk2015//main/num.png) 0 0 no-repeat;line-height:999px;text-indent:-9999px;margin-right:5px}
.slides .page li.current a{background-position:0 -20px;z-index:9}	

/*visual box*/
.event_banner{width:auto;margin:0 auto;clear:both;position:relative;min-width:303px}
.icon_box:after{content:"";display:block;clear:both}
.icon_box{margin-top:10px;position:relative}
.icon_box li a{color:#f2670f;display:block;float:left;width:49.5%;margin-left:1px;font-size:18px;font-size:1.8rem;text-transform:uppercase;text-align:center;min-height:166px;position:relative;z-index:1}
.icon_box li a:hover{color:#f63a15}
.icon_box .freecash{background:url(http://img.softnyx.net/1/rk2015/main/icon.png) 0 0 no-repeat;width:91px;height:77px;display:block;margin-left:30%;margin-top:15%;padding-bottom:1%}
.icon_box .softnyxcash{background:url(http://img.softnyx.net/1/rk2015/main/icon.png) 0 -100px no-repeat;width:91px;height:77px;display:block;margin-left:30%;margin-top:7%;padding-bottom:10%}
.icon_box li p{opacity:0.30;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=30)";filter:alpha(opacity = 30);background:#000;position:absolute;left:0;top:0;width:99.5%;height:100%;z-index:0}
.download_box{display:none}

/*notice*/
.notice{margin-left:1px;margin-top:1px;padding:10px;position:relative} 
.notice>div>*{z-index:1}
.notice:after{content:"";display:block;clear:both}
.notice_Bg{opacity:0.50;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=50)";filter:alpha(opacity = 50);background:#000;position:absolute;left:0 ;top:0;width:100%;height:100%;z-index:0}
ul.tabs{margin:0;padding:0;float:left;list-style:none;width:99%;font-size:16px;font-size:1.6rem;text-transform:uppercase;color:#dcdcdc;position:relative}

ul.tabs .notice, ul.tabs .update, ul.tabs .event{display:none}


#container .more{float:right;display:block;width:30px;color:#c6c6c6;margin-top:-30px}
ul.tabs li{float:left;text-align:center;cursor:pointer;padding:0 20px 0 20px;height:31px;line-height:31px;font-weight:bold;position:relative;color:#dcdcdc;width:90%}
ul.tabs li.active{border-bottom:4px solid #f63a15}
.tab_container{border-top:none;clear:both;float:left;width:100%;margin-top:10px;position:relative}
.tab_content{padding:5px;display:none;font-size:16px;font-size:1.6rem}
.tab_container .tab_content ul{width:100%;margin:0px;padding:0px}
.tab_container .tab_content ul li{padding:5px;clear:both;line-height:28px}
.tab_container .tab_content ul li a{float:left;color:#cdcdcd}
.tab_container .tab_content ul li a:hover{color:#f63a15}
.tab_container .tab_content ul li .date{display:none}

/*rkmain_area02*/
/*btnNsearch*/
.btnNsearch{margin:0 auto;width:95%;padding-top:50px}
.btnNsearch ul{margin:0 auto;width:100%}
.btnNsearch ul li{display:block;width:100%;height:45px;text-transform:uppercase;float:left;font-size:18px;font-size:1.8rem;padding:16px 0 0 0}

.btnNsearch ul .btn_line a{display:block;border:2px solid #c93213;background:#020101;color:#f63a15;padding:15px 30px 15px 30px}
.btnNsearch ul .btn_line a:hover{color:#c9c9c9;border:2px solid #c9c9c9}
.btnNsearch ul .btn_line a span{color:#7b7b7b;font-size:14px;font-size:1.4rem;float:right;line-height:23px}
*:first-child +html .btnNsearch ul .btn_line a span{float:none;margin-left:60px} 
/* google keyword */
#googleSerach{margin-top:0;width:100%}
#googleSerach .search_border{display:inline-block;width:77%;float:left}
input.keyword{border:0;width:100%;height:47px;font-size:16px;font-size:1.6rem;padding-left:6px;background:#d9d7d6;color:#616161;line-height:45px;border: #d2181c solid 3px}

.search_btn01{width:17%;background:#f63a15;height:54px;font-size:16px;font-size:1.6rem;display:block;float:right}
.search_btn01 a{display:block;width:100%;text-align:center;height:54px;padding:8px 0 0 0;background:url(http://img.softnyx.net/1/rk2015/main/btn_search.png) center top no-repeat}
*:first-child + html .search_btn01 a{background:url(http://img.softnyx.net/1/rk2015/main/btn_search.png) 0 0 no-repeat}


#search_result {width:290px;height:550px;position:absolute;left:50%;margin-left:-150px;margin-top:50px;z-index:1100;display:none;background:#fff;padding:0;border:#898989 solid 5px;overflow:hidden}
#search_result h2 {font-size:14px;font-size:1.6rem;width:244px}
#fmSearchPopUp {width:290px;height:490px}



/* contentLeft */
.contentLeft{clear:both;padding-top:30px; z-index:inherit}
.contentLeft>*,.contentRight>*{z-index:0}

.contentLeft .Left01 .rk_movie{position:relative;margin-top:20px;width:95%;margin:0 auto;text-align:center;background:url(http://img.softnyx.net/1/rk2015/main/mov.jpg) center top no-repeat}
.contentLeft .Left01 .rk_movie video{width:100%;display:none\9}
.contentLeft .Left01 .rk_movie p{position:absolute;width:70px;height:49px;top:50%;left:50%;margin-left:-35px;margin-top:-25px;z-index:1}
.contentLeft .Left01 .rk_movie p img{width:70px;height:49px}


/*creture*/
.contentLeft .Left01 .creture_box{position:relative;background:#2e1816;display:block;width:95%;margin:0 auto;margin-top:20px;margin-bottom:20px}
.contentLeft .Left01 .creture_box a{width:100%;height:100%;left:0;top:0;display:block}
.contentLeft .Left01 .creture_box a:after{content:"";display:block;clear:both}
.contentLeft .Left01 .creture_box .icon_new{display:block;position:absolute;left:0;top:0;background:url(http://img.softnyx.net/1/rk2015/main/icon_new.png) 0 0 no-repeat;width:65px;height:55px}
.contentLeft .Left01 .creture_box .icon_hot{display:block;position:absolute;left:0;top:0;background:url(http://img.softnyx.net/1/rk2015/main/icon_hot.png) 0 0 no-repeat;width:65px;height:55px}
.contentLeft .Left01 .creture_box img{width:100%}
.contentLeft .Left01 .creture_box .creture_img{float:left;width:40%;max-width:200px;padding:20px}
.contentLeft .Left01 .creture_box .creture_txt{float:left;width:45%;padding:20px 0 0 0}
.contentLeft .Left01 .creture_box .creture_txt h2{color:#f63a15;margin-bottom:10px;letter-spacing:-.02em}
.contentLeft .Left01 .creture_box .creture_txt p{color:#c1aea5;-webkit-line-clamp:5;/* text line */
    line-height:1.2em;height:5.85em/* line-height 1.2em * 3 = 3.6em */}

.contentLeft .Left02{clear:both;width:95%;margin:0 auto}
/*rank*/
.contentLeft .Left02 .RK_Personal ,.contentLeft .Left02 .RK_Clan{margin:0 auto;position:relative}
.contentLeft .Left02 .RK_Personal h2 ,.contentLeft .Left02 .RK_Clan h2{color:#c6c6c6 ;position:relative;padding:25px 0 15px 30px;float:left}
.contentLeft .Left02 .RK_Personal ul,.contentLeft .Left02 .RK_Clan ul{height:30px;color:#a1a1a0;position:relative;padding:0 10px 0 30px;clear:both}
.contentLeft .Left02 .RK_Personal ul li,.contentLeft .Left02 .RK_Clan ul li{display:inline-block;zoom:1;*display:inline}
.contentLeft .Left02 .RK_Personal ul li.rk_rank_num{float:left;width:20%}
.contentLeft .Left02 .RK_Personal ul li.rk_rank_name{float:left;width:50%;overflow:hidden;text-overflow:ellipsis;-o-text-overow:ellipsis;display:-webkit-box;word-wrap:break-word}
.contentLeft .Left02 .RK_Personal ul li.rk_rank_name:after{-moz-content:"...";-webkit-content:"...";font-weight:bold;position:absolute;bottom:0;right:0;padding:0 20px 1px 45px;/*background:url(/extras/line-clamp_for_non_webkit-based_browsers/ellipsis_bg.png) repeat-y;*/}

.contentLeft .Left02 .RK_Personal ul li.rk_rank_level{float:left;width:10%}
.contentLeft .Left02 .RK_Personal ul li.rk_rank_img{float:left;width:10%}
/*clan*/
.contentLeft .Left02 .RK_Clan ul li.rk_rankcn_num{float:left;width:20%}
.contentLeft .Left02 .RK_Clan ul li.rk_rankcn_name{float:left;width:41%;overflow:hidden;text-overflow:ellipsis;-o-text-overow:ellipsis;display:-webkit-box;word-wrap:break-word}
.contentLeft .Left02 .RK_Clan ul li.rk_rankcn_name:after{-moz-content:"...";-webkit-content:"...";font-weight:bold;position:absolute;bottom:0;right:0;padding:0 20px 1px 45px;/*background:url(/extras/line-clamp_for_non_webkit-based_browsers/ellipsis_bg.png) repeat-y;*/}

.contentLeft .Left02 .RK_Clan ul li.rk_rankcn_win{float:left;width:38%}

.contentLeft .Left02 .RK_Personal .more,.contentLeft .Left02 .RK_Clan .more{float:right;width:15%;color:#8d8d8d;position:relative;padding-top:30px}
.contentLeft .Left02 .RK_Personal .more:hover,.contentLeft .Left02 .RK_Clan  .more:hover, .contentRight .hotItem .more:hover ,#container .more:hover{color:#f63a15}
.RKBG{background:#000;opacity:0.70;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=70)";filter:alpha(opacity = 70);width:100%;height:210px;position:absolute;left:0;top:0;z-index:0}
.contentRight .RightBox{position:relative}

/* contentRight */
.contentRight{margin:0 auto;width:95%}
.contentRight .hotItem{margin-top:10px;margin:0 auto;text-align:center;padding:15px 0 20px 10px;height:190px}
.contentRight .hotItem:after{content:"";display:block;clear:both}
.contentRight .hotItem h2{float:left;color:#c6c6c6;margin-bottom:4px;font-size:20px;font-size:2.0rem;position:relative}
.contentRight .hotItem .more{float:right;width:20%;color:#8d8d8d;position:relative}
.contentRight .hotItem ul{clear:both;position:relative;margin-bottom:10px}
.contentRight .hotItem ul li{display:inline-block;zoom:1;*display:inline;width:23%;height:80px;cursor:pointer;margin-right:3px}
.contentRight .hotItem h3{color:#f63a15;text-align:left;position:relative}
.contentRight .hotItem .txt{text-align:left;color:#8d8d8d;font-size:15px;font-size:1.5rem;position:relative;-webkit-line-clamp:3;/* text line */
    line-height:1.2em;height:3.6em/* line-height 1.2em * 3 = 3.6em */}
    
#hotItem1, #hotItem2, #hotItem3, #hotItem4{position:absolute;left:20px;top:145px}
.hotItem_on img{border:2px solid #f63a15;box-sizing:border-box}

/*facebook*/
.faceBook{margin-top:10px;position:relative}
.faceBook:after{content:"";display:block;clear:both}
.fb_pc{display:none}

#rkmain_area03{display:none} 
.rk_top{width:58px;height:31px;margin:0 auto;position:relative;margin-top:110px}
.rk_top a{position:absolute;width:58px;height:31px}

/* 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:10000 }
.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:8px;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:40%;margin-bottom:5px;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:600px) and (max-width:1023px){
body{background:url(http://img.softnyx.net/1/rk2015/main/mo_bg.jpg) center top ;height:100%;width:100%;position:relative}	

/* rk_nav */
.common_btn{width:560px}
.rk_gnb h1{width:188px;height:103px;background:url(http://img.softnyx.net/1/rk2015/rk_logo.png) no-repeat;margin:10px auto 0;*margin-top:10px}
.rk_gnb h1 a{width:184px;height:112px;display:block}


/*visual box*/
.icon_box{width:566px;margin:0 auto}
.visual_Right{clear:both;margin:0 auto;margin-top:20px}
.event_banner{width:558px;height:500px}
.icon_box .freecash ,.icon_box .softnyxcash{margin-left:35%}
.contentLeft .Left01 .rk_movie{width:546px}
/*.icon_box li a{color:#f2670f;display:block ;float:left;width:49.5%;margin-left:1px;font-size:18px;font-size:1.8rem;text-transform:uppercase;text-align:center;min-height:166px;position:relative;z-index:150;opacity:0.50;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=50)";filter:alpha(opacity = 50)}*/

/*notice*/
.notice{width:546px;margin:0 auto;margin-top:1px}
ul.tabs{width:100%}
.tab_container .tab_content ul li .date{float:right;display:inline-block;width:100px;color:#909090}
ul.tabs .notice, ul.tabs .update, ul.tabs .event{display:block}
ul.tabs li{width:22%;padding:0}
#container .more{position:absolute;display:inline-block;right:20px;top:0;width:30px;margin-top:20px}

/*rkmain_area02*/
/*btnNsearch*/
.btnNsearch{text-align:center;width:546px}
.btnNsearch ul li{width:546px}

/* contentLeft */
/*creture*/
.contentLeft .Left01 .creture_box .creture_txt{width:55%}
.contentLeft .Left01 .creture_box .creture_txt p{color:#c1aea5;-webkit-line-clamp:10;/* text line */
    line-height:1.2em;height:12em/* line-height 1.2em * 4 = 3.8em */}

.contentLeft .Left01 .creture_box{width:546px;margin-bottom:10px}
.contentLeft .Left02{width:546px}
.RKBG{width:546px}

.contentRight{margin:0 auto}

.contentRight .RightBox{position:relative;width:546px;margin:0 auto}
.fb_mo{display:none}
.fb_pc{display:block}

/* 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:15%}

#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}


}
/* Desktop */
@media all and (min-width:1024px){
body{background-color:#000}

/* rk main area 01 */
#rkmain_area01{background:url(http://img.softnyx.net/1/rk2015/main/mainbg_01.jpg) center top no-repeat;height:680px;width:100%;position:relative}
.rkmain_area_on{background:url(http://img.softnyx.net/1/rk2015/main/mainbg_01_on.png) center top no-repeat;height:100%;width:100%;position:absolute;left:0;top:0}
.rkmain_area_on{-webkit-transform:scale(1.1);/*scale(1.1) :페이지 로드 시 보여지는 이미지 크기 정의 */
 -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
	

/* rk nav */
#rk_nav{max-width:1120px;margin:0 auto;background:none;position:relative;z-index:99}
.rk_gnb:after{content:"";display:block;clear:both}
.rk_gnb h1{width:188px;height:103px;background:url(http://img.softnyx.net/1/rk2015/rk_logo.png) no-repeat;position:absolute;top:6px;left:50%;margin-left:-122px}
.rk_gnb h1 a{width:188px;height:103px;display:block}

.rk_gnb>button{display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0}

.rk_gnb{font-size:18px;font-size:1.8rem;position:relative}
.rk_gnb>ul{width:43%}
.rk_main_menu{position:relative;display:block !important;border-radius:0;border-bottom:none;padding:50px 0 0 0;margin:0;float:left}
.rk_main_menu .rightmenu_area{margin-left:254px;*margin-left:0;*padding-left:254px}
.rk_main_menu:after{content:"";display:block;clear:both}
.rk_main_menu>li{float:left;width:30%;*width:24.8%;text-align:center}
.rk_main_menu li a{padding:4px 0;border-radius:0;margin:0;background:none;color:#fff;border-bottom:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.rk_main_menu>li.active>a{color:#f63a15}
.rk_main_menu>li.active>ul{display:block}

.rk_main_menu_R{position:relative;display:block !important;border-radius:0;border-bottom:none;padding:50px 0 0 0;margin:0;float:right}
.rk_main_menu_R:after{content:"";display:block;clear:both}
.rk_main_menu_R>li{float:left;width:22%;text-align:center}

.rk_main_menu_R li a{padding:4px 0;border-radius:0;margin:0;background:none;color:#fff;border-bottom:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.rk_main_menu_R>li.active>a{color:#f63a15}
.rk_main_menu_R>li.active>ul{display:block}

.rk_sub_menu{display:none;position:absolute;top:79px;margin:0;*margin-left:-50px;background:#111;border-bottom:none;padding:0 10px;min-width:134px;*text-align:left;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}

.rk_sub_menu>li{display:block;border-bottom:#666 dotted 1px;*border-bottom:0;text-align:left}
.rk_sub_menu>li:last-child{border-bottom:0}

.rk_sub_menu li a{display:block;font-size:14px;font-size:1.4rem;padding:8px 10px 8px 18px;*padding:6px 10px 6px 18px;background:#333;color:#aaa;text-decoration:none;background:url(http://img.softnyx.net/1/sn/portal_main/menu_icon.gif) no-repeat 10px 52%;text-transform:capitalize;text-shadow:none}
.rk_sub_menu li a:hover{color:#f63a15}

/*rk_common_btnBox*/
.common_btnBox{max-width:1120px}
.common_btn{position:relative;max-width:1120px;margin-top:-18px} 
.fixedBtn{position:fixed;top:0px;max-width:1120px;background:#333;z-index:999;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;height:68px;padding-top:10px}  

.common_btnBg{opacity:0.30;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=30)";filter:alpha(opacity = 30);background:#000;height:60px;top:50px;position:relative;z-index:1}

.common_btn li.btn_join{width:auto}
.btn_joinTxt,.btn_logoutTxt,.btn_launcherTxt{display:block!important;color:#fff}
.btn_joinTxt span{text-align:right;width:70px;font-size:16px;font-size:1.6rem;padding-right:10px}

.common_btn li{width:auto;padding:16px 0 0 0}
.common_btn .btn_login a{width:112px;margin-left:10px;margin-right:5px}
.common_btn .btn_fBook a{width:100px;font-size:15px;font-size:1.5rem}
.common_btn .btn_joinTxt{width:160px}
.common_btn .btn_logoutTxt{width:305px}
.common_btn .btn_launcherTxt{display:block;width:27%;max-width:390px;padding-top:0;font-size:12px;font-size:1.2rem;height:50px}
.common_btn .btn_joinTxt span,.common_btn .btn_logoutTxt span,.btn_launcherTxt span{text-align:right;float:right;display:inline-block;width:90px;font-size:12px;font-size:1.2rem;line-height:14px;padding-right:15px;padding-top:10px;text-transform:uppercase;color:#CCC}
.btn_launcherTxt span{background:url(http://img.softnyx.net/1/rk2015/main/icon_launcherGuide.png) 0 10px no-repeat; padding-left:30px}
.common_btn .btn_launcherTxt span{width:65px}
.common_btn .btn_logoutTxt span{width:200px}
.common_btn li.btn_myrk{width:auto}
.common_btn .btn_join a,.common_btn .btn_myrk a{width:154px;font-size:14px;font-size:1.4rem;text-transform:uppercase}
.common_btn .btn_myrk a{font-size:16px;font-size:1.6rem}
.common_btn .btn_start{display:block;float:right;background:#f63a15;margin-top:9px;padding:7px;font-weight:bold}
.common_btn .btn_start a{color:#dfdfdf;width:174px}
.common_btn .btn_start a:hover{color:#fff;width:174px}
.common_btn .btn_basic a{width:112px;margin-left:10px} 

/* slide */
#ls_mainContents .slides{position:relative}
.slides_control{height:500px !important;width:558px}

.slides a.prev, .slides a.next{width:30px;height:46px;background:url(http://img.softnyx.net/1/rk2015/main/next_pre.png) 0 0 no-repeat;top:50%;margin-top:-28px;z-index:9}
.slides a.prev{left:5px;background-position:0 0}
.slides a.prev:hover{background-position:0 -46px}
.slides a.next{right:5px;background-position:-27px 0}
.slides a.next:hover{background-position:-27px -46px}
.slides_control{width:558px;height:500px}

/*visual box*/
.evNnotice{max-width:1120px;margin:0 auto;margin-top:10px}
.event_banner{width:49%;height:500px;float:left}
.visual_Right{float:left;width:51%;height:166px}
.visual_Right .icon_box li{width:33.3%;float:left;background:none;position:relative;font-weight:bold}

.icon_box{margin-top:0;margin-left:1px}

.icon_box li a{width:99%;height:166px}
.download_box{display:block}
.icon_box .freecash{margin-top:18%;padding-bottom:8%}
.icon_box .softnyxcash{margin-top:12%;padding-bottom:14%}
.icon_box li a{color:#f2670f;display:block ;float:left;margin-left:1px;font-size:18px;font-size:1.8rem;text-transform:uppercase;text-align:center;min-height:166px;position:relative}
*:first-child + html .icon_box .freecash{margin-left:10%;margin-top:20%;padding-bottom:5%}
*:first-child + html .icon_box .softnyxcash{margin-left:8%;margin-top:10%;padding-bottom:16%}
.icon_box .download{background:url(http://img.softnyx.net/1/rk2015/main/icon.png) 0 -202px no-repeat;width:145px;height:112px;display:block;margin-left:10%;margin-top:5%;padding-bottom:2%}

/*notice*/
.notice{background:none;padding:20px}

*:first-child +html .notice_Bg{top:166px}
.tab_container .tab_content ul li .date{float:right;display:inline-block;width:100px;color:#909090}
ul.tabs{width:100%;padding-top:15px}
ul.tabs .notice, ul.tabs .update, ul.tabs .event{display:block}
ul.tabs li{width:22%;padding:0}
#container .more{position:absolute;right:40px;width:30px;margin-top:20px}
.notice_Bg{height:325px}

/* rk main area 02 */
#rkmain_area02{background:url(http://img.softnyx.net/1/rk2015/main/mainbg_02.jpg) center top no-repeat;height:695px}
.btnNsearch{max-width:1120px;width:100%}
.btnNsearch ul .btn_line{width:31%;font-size:21px;font-size:2.1rem;text-align:center;margin-right:35px}

/* google keyword */
#googleSerach{width:30%;float:right}

/* contentLeft */

.area02_content{max-width:1120px;margin:0 auto}
.area02_content:after{content:"";display:block;clear:both}
.contentLeft{width:65%;max-width:740px;float:left; z-index:1}
.contentRight{width:30%;max-width:360px;float:right; z-index:1}
.contentRight .RightBox{margin-top:25px}
.contentLeft,.contentRight{margin-top:20px}
.contentLeft>*,.contentRight>*{z-index:0}
.contentLeft .Left01:after ,.contentLeft .Left02:after{content:"";display:block;clear:both}

/*video*/
.contentLeft .Left01 .rk_movie{float:left;height:155px\9;width:47%;float:left;max-width:343px;max-height:150px}

/*creture*/ 
.contentLeft .Left01 .creture_box{float:right;height:155px;margin-top:0;width:47%;max-width:343px}
.contentLeft .Left01 .creture_box .creture_img{width:32%}
.contentLeft .Left01 .creture_box .creture_txt{width:55%}
.contentLeft .Left01 .creture_box .creture_txt p{color:#c1aea5;-webkit-line-clamp:5;/* text line */
                    line-height:1.2em;height:5.85em/* line-height 1.2em * 5 = 6em */}

.RKBG{max-width:343px;width:100%;position:absolute;height:220px;z-index:0}
.contentLeft .Left02{width:100%;margin-top:25px}

.contentLeft .Left02 .RK_Personal ul,.contentLeft .Left02 .RK_Clan ul{max-width:343px}
.contentLeft .Left02 .RK_Personal ,.contentLeft .Left02 .RK_Clan{max-width:343px;float:left;width:47%}
.contentLeft .Left02 .RK_Clan{float:right}
.fb_mo{display:none}
.fb_pc{display:block;text-align:center}

/* rkmain_area03 */
#rkmain_area03{position:relative;width:100%;clear:both;display:block;height:220px;background:url(http://img.softnyx.net/1/rk2015/main/mainbg_03.jpg) center top no-repeat}

.rk_sitemap{width:95%;max-width:1200px;margin:0 auto;padding-top:40px;position:relative;padding-left:5%}
.rk_sitemap>ul>li{display:inline-block;zoom:1;*display:inline;vertical-align:top;top:0;width:10%;*width:11.80%;padding-right:3.71%;*padding-right:2%}

.rk_sitemap ul li{font-size:14px;font-size:1.4rem;line-height:25px}
.rk_sitemap ul li.upperMenu{color:#c6c6c6;font-size:17px;font-size:1.7rem;text-transform:uppercase}
.rk_sitemap ul li a{color:#878787}
.rk_sitemap ul li a:hover{color:#fff}

.rk_top a{top:-15px}

/* 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:15%;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}
}

