@charset "utf-8";

/* All  */
html{font-size:62.5%}
body{font-size:18px;font-size:1.8rem;letter-spacing:.02em} /* 16px */
h1{font-size:48px;font-size:4.8rem} /* 48px */ 
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img{margin:0;padding:0;font-weight:normal}
body{background:#333 url(http://img.softnyx.net/2/rk2017/main/event-notice.gif);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:normal}

@font-face{font-family:NG;src:url('//web.softnyx.net/Font/NanumBarunGothicBold.eot');src:url('//web.softnyx.net/Font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), 
url('//web.softnyx.net/Font/NanumBarunGothicBold.woff') format('woff'), 
url('//web.softnyx.net/Font/NanumBarunGothicBold.ttf') format('truetype');url('//web.softnyx.net/Font/NanumBarunGothicBold.svg#NanumGothic') format('svg') 
src:local(※), url('//web.softnyx.net/Font/NanumBarunGothicBold.woff') format('woff')}

body, table, input, button, textarea, select, li, a, ul, p, div, h1, h2, h3, h4, h5, span{font-family:NanumBarunGothicBold,나눔바른고딕,NG,Sans-serif,tahoma,Geneva,sans-serif;text-decoration:none}

/* text color */
.text-up{text-transform:uppercase} 
.text-s{font-size:14px;font-size:1.4rem;line-height:1.2em} 
.text-m{font-size:24px;font-size:2.4rem;line-height:1.5em}   
.text-l{font-size:36px;font-size:3.6rem;line-height:1.5em}

.text-purple, .text-purple a{color:#93F!important} 
.text-green, .text-green a{color:#3CC!important}
.text-yellow, .text-yellow a{color:#FC0!important}
.text-gray, .text-gray a{color:#999!important}
.text-blue, .text-blue a{color:#39F!important}
.text-red, .text-red a{color:#C00!important}
.text-white, .text-white a{color:#FFF!important}

.marginT50{margin-top:50px!important}
 
/*  */
.hide{display:none!important}
.left-align{text-align:left!important} 
.right-align{text-align:right!important} 
.center, .center-align{text-align:center!important}
.left{float:left !important}
.right{float:right !important}
.no-select, input[type=range], input[type=range] + .thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.circle{border-radius:50%}
.center-block{display:block;margin-left:auto;margin-right:auto}
.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-padding{padding:0 !important}


/* GB-GNB */ 
.rk_gnb{position:relative;margin:0;z-index:1;background:#151515;z-index:10}
.rk_gnb{min-width:230px;margin:0 auto}
.rk_gnb>button{position:absolute;top:20px;right:10px;width:40px;height:30px;padding:0;background:#DDD;border-radius:3px;cursor:pointer;border:0;display:block}

.rk_gnb a{display:block;padding:0 0 2px 0;margin:0;color:#FFF;text-decoration:none;word-break:break-all;white-space:nowrap;font-weight:normal}
.rk_gnb a:hover,.rk_gnb a.active{color:#63F}
.rk_gnb>ul{display:none}
.rk_gnb>ul>li>a{margin-top:1px;padding:10px 15px;background:#433165;text-align:left}

.rk_gnb li>ul{background:#333}
.rk_gnb li li{float:left}
.rk_gnb li li>a{word-break:break-all;white-space:nowrap;padding:10px 15px}
.rk_gnb li ul:after{content:"";display:block;clear:both} /* float */

.rk_gnb>ul.active{display:block}

.rk_gnb h1{position:absolute;top:30px;left:50%;margin-left:-94px;display:inline-block;z-index:1000;background:url(http://img.softnyx.net/2/rk2015/rk_logo.png) no-repeat top center;width:188px;height:103px;z-index:999;display:block}
.rk_gnb h1>a{display:inline-block;width:200px;height:135px;padding:0;margin:0}

.start-area{background:#333;display:block;height:120px} 
.start-area ul{margin:0 auto 0;text-align:center}
.start-area li{float:left;display:inline-block;zoom:1;*display:inline;color:#FFF;font-size:24px;font-size:2.4rem;width:50%;line-height:60px;text-transform:uppercase} 
.start-area li a{color:#CCC}
.start-area li.start{display:none}

.actionBtn1{
	 overflow:hidden;
	 position:relative;
	 display:block;
	 width:188px;
	 height:40px;
	 margin:auto;
	 line-height:40px;
	 border:1px solid #CCC;
	 color:#CCC;
	 text-align:center;
	 text-decoration:none;
	 text-transform:uppercase;
	 font-size:18px;font-size:1.8rem;
	 font-family:oswald}
.actionBtn1 span{
	 position:relative;
	 transition:color .25s ease-out;
	 -webkit-transition:color .5s ease-out;
	 -moz-transition:color .5s ease-out}
.actionBtn1:hover span{
	 color:#fff}
.actionBtn1:hover{	
	 border:1px solid #63F}
.actionBtn1 .hover{
	position:absolute;
	 top:0;
	 left:0;
	 display:block;
	 width:100%;
	 height:100%;
	 background:#63F;
	 border:1px solid transparent;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	 -ms-transform:scale(1,0);
	 transform-origin:center top;
	 -webkit-transform-origin:center top;
	 -moz-transform-origin:center top;
	 -ms-transform-origin:center top;
	transition:all .2s ease-out;
	 -webkit-transition:all .2s ease-out;
	 -moz-transition:all .2s ease-out}
.actionBtn1:hover .hover{
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1)}


/* Required */
.hidden{opacity:0}
.visible{opacity:1}


.jcarousel-wrapper{margin:0 auto;position:relative}
/** Carousel **/
.jcarousel{position:relative;overflow:hidden;width:100%}
.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0}
.jcarousel li{position:relative;width:1920px;float:left}
.jcarousel img{display:block;max-width:100%;height:auto !important}
/** Carousel Controls **/

.jcarousel-control-prev, .jcarousel-control-next{position:absolute;top:50%;margin-top:-15px;width:80px;height:80px;text-align:center;background-color:rgba(0, 0, 0, 0.5);color:#fff;text-decoration:none;font-family:initial;font-size:200px;font-size:20.0rem;opacity:.4;filter:alpha(opacity=40)}
.jcarousel-control-prev img, .jcarousel-control-next img{vertical-align:top}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover{opacity:.8;filter:alpha(opacity=80)}
.jcarousel-control-prev{left:15px}
.jcarousel-control-next{right:15px}
/** Carousel Pagination **/

.jcarousel-pagination{position:absolute;bottom:70px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);margin:0}
.jcarousel-pagination a{text-decoration:none;display:inline-block;font-size:11px;height:10px;width:10px;line-height:10px;background:#fff;color:#4E443C;border-radius:10px;text-indent:-9999px;margin-right:7px;-webkit-box-shadow:0 0 2px #4E443C;-moz-box-shadow:0 0 2px #4E443C;box-shadow:0 0 2px #4E443C}
.jcarousel-pagination a.active{background:#63C;color:#fff;opacity:1;-webkit-box-shadow:0 0 2px #F0EFE7;-moz-box-shadow:0 0 2px #F0EFE7;box-shadow:0 0 2px #F0EFE7}


/* MD popup */
.modalWin{position:absolute;top:0;left:0;width:100%;height:900px;margin:0 auto;z-index:9999 !important}
.modalWin .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* IE 7 and olders */
opacity:.8}
.modalWin .fg{position:fixed;top:50%;left:50%;width:960px;height:540px;margin:-275px 0 0 -485px;padding:0;background:#000;border:5px solid #333;color:#CCC}
.modalWin .fg .close{position:absolute;top:-15px;right:-50px;z-index:99;cursor:pointer} 

.modalWin .fg{width:320px;height:240px;margin:-120px 0 0 -160px}


/* 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_coupon .fg {position:fixed;top:50%;left:50%;width:260px;height:520px;padding:20px;margin:-260px 0 0 -150px;z-index:10000 }
.mw_coupon .fg>*{padding-top:8px;color:#e4e4e4;font-size:1em}
.mw_coupon .fg>h3, .mw_basic .fg>h4{clear:both;color:#66F!important;font-size:1.5em;text-transform:uppercase}
.mw_coupon .fg>h4{font-size:1.25em}
.mw_coupon .fg ul{width:100%}
.mw_coupon .fg li,.mw_basic .fg dd{width:100%;padding:5px 0 2px}
.mw_coupon .fg dd{ font-size:.9em;list-style:disc}
.mw_coupon .fg span{display:block}
*:first-child+html .mw_coupon .fg input[type=text]{width:22%}
*:first-child+html .mw_coupon .fg input[type=text].serial-num{width:76%}
.mw_coupon .fg input[type=tel]{width:24%;padding:7px 5px;border:#000 solid 1px}
.mw_coupon .fg input[type=text]{width:38%;margin-bottom:5px;padding:7px 5px;border:#000 solid 1px}
.mw_coupon .fg .btn_ok input[type=button]{min-width:100px;width:97%;background:#66F;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}


/* Tablet & Deasktop *******************************************************************************************/
@media all and (min-width:768px){       

.modalWin .fg{width:0px;height:480px;margin:-240px 0 0 -390px}

/* Modal Window */
.mw_coupon .fg {width:500px;height:310px;margin:-175px 0 0 -250px}
.mw_coupon .fg ul{width:100%}
.mw_coupon .fg span{display:inline-block;width:100px}
.mw_coupon .fg .btn_ok input[type=button]{min-width:93px;width:100%;height:40px}
.mw_coupon .fg input[type=tel]{width:20%}
.mw_coupon .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}

}



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

/* GNB */
.rk_gnb>button{display:none}
.rk_gnb>ul{display:block!important} 
.rk_gnb{position:absolute;overflow:hidden;padding-top:160px;background:none;width:100%;z-index:10;text-align:center;padding-bottom:20px;height:30px;
 background:url(http://img.softnyx.net/2/rk2017/main/gnb-bg.png) no-repeat center -1000px rgba(0, 0, 0, 0.2);/* For IE 5.5 - 7*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* For IE 8*/
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
.rk_gnb:hover{height:260px!important;
 background:url(http://img.softnyx.net/2/rk2017/main/gnb-bg.png) no-repeat center top rgba(0, 0, 0, 0.6);/* For IE 5.5 - 7*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* For IE 8*/
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:10}

.rk_gnb:hover h1{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;top:10px}
.rk_gnb:hover{padding-top:130px}
.rk_gnb>ul{text-shadow:0 0 5px #000, 0 0 5px #000;/* For IE 8 */ zoom:1;font-size:20px;font-size:2rem;max-width:1180px;margin:0 auto;text-transform:uppercase}
*:first-child+html .rk_gnb>ul{text-shadow:none;filter:none} 
.rk_gnb ul:after{content:"";display:block;clear:both} /* float를 해제하는 방법 */
.rk_gnb ul ul{font-size:1em;background:none;visibility:hidden}
.rk_gnb:hover ul ul{display:block;visibility:visible;margin:15px 0}
.rk_gnb li{float:left;padding:0}
.rk_gnb a{margin-right:0}
.rk_gnb>ul>li{margin:0 5px;width:11.5%} 
.rk_gnb>ul>li>a{background:none;padding:0;text-align:center}
.rk_gnb li li{float:none;padding:0 5px}
.rk_gnb li li>a{background:none;word-break:break-all;white-space:normal;color:#CCC;font-size:14px;font-size:1.4rem;padding:6px 5px}
 
/* Start-area */
.fixed{_position:absolute;position:fixed;top:-15px;left:0;z-index:999;zoom:1;width:100%;-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}

.start-area{background:url(http://img.softnyx.net/1/rk2017/main/start-bg.png) no-repeat center 0;height:127px} 
.start-area ul{max-width:1200px;margin:0 auto 0;text-align:center}
.start-area li{width:20%;line-height:120px;text-transform:uppercase} 
.start-area li a{color:#CCC}

.start-area li.launcher{ margin-left:20%}
.start-area li.start{display:block}
.start-area li.start a{color:#FFF}


.start-area:hover{background:url(http://img.softnyx.net/2/rk2017/main/start-area.gif) no-repeat center 0}

.modalWin .fg{width:960px;height:540px;margin:-275px 0 0 -485px}
.mw_coupon .fg{width:700px;height:320px;margin:-185px 0 0 -370px}

#ieUser {position:absolute;z-index:999;width:96%;min-heght:250px;top:0;margin:0 auto;background:#0CF;opacity:0.9;padding:20px;line-height:32px;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=90)";filter:alpha(opacity = 90);text-align:center;color:#FFF}
#ieUser ul li {display:inline-block;zoom:1;*display:inline;margin-right:20px;cursor:pointer}
#ieUser ul li.chrome_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) 0 0 no-repeat;width:60px;height:60px}
#ieUser ul li.ff_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -60px 0 no-repeat;width:60px;height:60px}
#ieUser ul li.safari_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -120px 0 no-repeat;width:60px;height:60px}
#ieUser ul li.opera_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -180px 0 no-repeat;width:60px;height:60px}
#ieUser ul li.ie_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -240px 0 no-repeat;width:60px;height:60px}
#ieUser .close_ieUser {float:right;margin-right:20px;font-size:30px;color:#FFF;cursor:pointer} 
#ieUser h2 {font-size:24px!important;margin-bottom:20px!important;text-shadow:none!important;-ms-filter:none!important;/* For IE 5.5 - 7 */filter:none!important;filter:none!important;zoom:1}
 
#ieUser .ieUser_notice {font-size:16px}

.ieUser {position:absolute;z-index:999;width:96%;min-heght:250px;top:0;margin:0 auto;background:#0CF;opacity:0.9;padding:20px;line-height:32px;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=90)";filter:alpha(opacity = 90);text-align:center;color:#FFF}
.ieUser ul li {display:inline-block;zoom:1;*display:inline;margin-right:20px;cursor:pointer}
.ieUser ul li.chrome_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) 0 0 no-repeat;width:60px;height:60px}
.ieUser ul li.ff_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -60px 0 no-repeat;width:60px;height:60px}
.ieUser ul li.safari_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -120px 0 no-repeat;width:60px;height:60px}
.ieUser ul li.opera_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -180px 0 no-repeat;width:60px;height:60px}
.ieUser ul li.ie_icon {background:url(http://img.softnyx.net/2/sn/portal_main/browser_icon_all.png) -240px 0 no-repeat;width:60px;height:60px}
.ieUser .close_ieUser {float:right;margin-right:20px;font-size:30px;color:#FFF;cursor:pointer} 
.ieUser h2 {font-size:24px!important;margin-bottom:20px!important;text-shadow:none!important;-ms-filter:none!important;/* For IE 5.5 - 7 */filter:none!important;filter:none!important;zoom:1}
 
.ieUser .ieUser_notice {font-size:16px}





}