@charset "utf-8";

/* Common */
@font-face{font-family:NanumGothic;src:url(/font/NanumGothic.eot);src:local(※), url(/font/NanumGothic.woff) format(‘woff’)}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕', NanumGothic,'돋움',dotum,helvetica,sans-serif;font-size:14px;color:#7d838c}
body{background-color:#29292e}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
input,select{vertical-align:middle}
a{color:#fa1414;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
hr,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-9999px}

/* skip navigation */
#u_skip{min-width:1024px;margin:0 auto;position:relative;z-index:2147483647}
#u_skip a{position:absolute;left:0;top:-130px;width:128px;border:1px solid ;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;font-size:12px;color:#fff;line-height:26px}

/* common */
.inner{position:relative;width:1004px;margin:0 auto;padding:0 10px}
.dimmed{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50)}
.spot_nav{position:absolute;left:0;bottom:0;width:100%;height:160px;padding-top:40px;background:url(../images/bg_spot_nav.png) no-repeat 50% 0}
.spot_nav_list{overflow:hidden;width:945px;height:160px;margin:0 auto}
.spot_nav ul{overflow:hidden;width:1000%;height:160px}
.spot_nav ul li{float:left;width:110px;height:137px;padding:23px 13px 0 12px;text-align:center}
.spot_nav ul li a{display:block;width:110px;height:117px;background:url(../images/bg_spot_img.png) no-repeat 0 0;color:#fff;text-align:center;line-height:16px;letter-spacing:-1px;text-decoration:none}
.spot_nav ul li a img{display:block;margin:0 0 8px 10px;text-align:left; width:92px;}
.spot_nav ul li a span{display:inline-block;overflow:hidden;width:110px;text-overflow:ellipsis;white-space:nowrap}
.spot_nav .nav_pre{overflow:hidden;position:absolute;left:50%;top:92px;width:30px;height:50px;margin-left:-505px;background:url(../images/bg_next.png) no-repeat 0px -77px;line-height:9999px;vertical-align:top}
.spot_nav .nav_pre:hover{background-position:0px -132px}
.spot_nav .nav_next{overflow:hidden;position:absolute;left:50%;top:92px;width:30px;height:50px;margin-left:478px;background:url(../images/bg_next.png) no-repeat -35px -77px;line-height:9999px;vertical-align:top}
.spot_nav .nav_next:hover{background-position:-35px -132px}
.spot_nav_v2{display:none;position:relative;height:151px;padding-top:29px;border-top:2px solid #fff; background:#ECEDED;}
.spot_nav_v2 .spot_nav_list{height:151px}
.spot_nav_v2 ul{height:151px}
.spot_nav_v2 ul li{padding:0 13px 0 12px}
.spot_nav_v2 ul li a{height:137px;color:#000}
.spot_nav_v2 ul li a img{margin:0 0 16px 10px}
.spot_nav_v2 .nav_pre{top:49px;width:23px;margin-left:-502px;background-position:-72px -80px}
.spot_nav_v2 .nav_pre:hover{background-position:-72px -135px}
.spot_nav_v2 .nav_next{top:49px;width:23px;margin-left:479px;background-position:-100px -80px}
.spot_nav_v2 .nav_next:hover{background-position:-100px -135px}
.ly_movie{display:none;position:fixed;left:50%;top:200px;width:853px;height:481px;margin-left:-426px;background-color:#fff;z-index:100000}
.ly_movie .video{width:853px;height:481px;margin:0 auto;background-color:#fff}
.ly_movie a.btn_close{overflow:hidden;position:absolute;right:-70px;top:0;width:55px;height:56px;background:url(../images/btn_close.png) no-repeat -120px 0px;line-height:9999px;vertical-align:top}
/* layout 
.ly_brand{display:none;position:fixed;left:50%;top:200px;width:730px;height:510px;margin-left:-365px;background-color:#131313;z-index:100000;letter-spacing:-1px}
.ly_brand .intro{overflow:hidden;width:730px;height:470px;background:#f00;vertical-align:top}
.ly_brand .intro .txt{position:absolute;left:0;top:275px;width:100%;font-size:24px;font-weight:bold;color:#fff;line-height:40px;text-align:center}
.ly_brand .intro .btn_intro{overflow:hidden;position:absolute;left:245px;top:363px;width:240px;height:67px;background:url(../images/sp_common_toast.png) no-repeat 0 -600px;line-height:9999px;vertical-align:top}
.ly_brand .btn_close{overflow:hidden;position:absolute;right:23px;top:17px;width:30px;height:30px;background:url(../images/sp_common_toast.png) no-repeat -460px -600px;line-height:9999px;vertical-align:top}
.ly_brand .recall{overflow:hidden;position:absolute;left:13px;bottom:9px;width:100%;height:22px;font-size:12px;color:#727272;line-height:21px}
.ly_brand .recall label{margin-left:10px;cursor:pointer}
.ly_brand .recall .checkbox-applied{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;overflow:hidden;position:relative;width:19px;height:19px;vertical-align:middle}
.ly_brand .recall .checkbox-applied span.checkbox-mark{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:absolute;left:0;top:0;width:19px;height:19px;background:url(../images/sp_common_toast.png) no-repeat -460px -640px;cursor:pointer}
.ly_brand .recall .checkbox-applied span.checkbox-mark.checkbox-checked{background-position:-460px -670px}
.ly_brand .recall .checkbox-applied input{position:absolute;left:-9999px}
*/


#wrap{min-width:1024px}
/*  2014-02-20
#header{position:relative;height:120px;background:url(../images/bg_header.png) repeat-x 0 0;z-index:30}
*/
#header{position:relative;height:120px;background:url(../images/bg_header.png) repeat-x scroll 0 0 rgba(0, 0, 0, 1);z-index:30}
#content{position:relative;margin:-120px auto 0;background-color:#fff;z-index:20}
/* header */
#header h1{position:absolute;left:27%;top:22px;width:350px;height:54px;margin-left:-172px}
#header h1 a{display:block;overflow:hidden;position:relative;width:350px;height:88px;cursor:pointer}
#footer{height:97px;padding-top:23px; font-size:14px;}
#footer a{color:#707070}

/* main */
.rolling{overflow:hidden;position:relative;width:100%;height:820px}
.spot{overflow:hidden;width:1000%}
.spot li{display:none;float:left;position:relative;height:820px;background-position:50% 0;background-size:cover;vertical-align:top}
.spot li.on{display:block}
.spot li .char{display:block;position:absolute;left:50%;top:100px;margin-left:-220px;width:800px;height:520px}
.spot li .cnt{position:absolute;left:50%;top:200px;margin-left:-335px;width:550px;height:274px;padding-top:36px;color:#fff;letter-spacing:-1px}
.spot li .cnt .ico{overflow:hidden;position:absolute;left:0;top:0;width:82px;height:32px;background:url(../images/btn_down.png) no-repeat;line-height:32px;vertical-align:top; text-align:center; font-weight:bold;}
.spot li .cnt .event{background-position:-160px -10px}
/*
.spot li .cnt .update{background-position:0 -160px}
.spot li .cnt .before{background-position:-180px -160px}
.spot li .cnt .new{background-position:-270px -160px}
*/
.spot li .cnt h3{height:44px;margin-bottom:5px;font-size:40px;line-height:44px}
.spot li .cnt em{display:block;height:47px;margin-bottom:19px;font-size:18px;font-weight:bold;line-height:24px}
.spot li .cnt img{vertical-align:top}
.spot li .cnt a{color:#fff;text-decoration:none}
.spot li .btn_view{display:inline-block;overflow:hidden;height:16px;margin-bottom:15px;font-weight:bold;vertical-align:middle;line-height:16px}
.spot li .btn_view span{display:inline-block;overflow:hidden;width:9px;height:13px;margin:-3px 0 0 5px;background:url(../images/btn_down.png) no-repeat -260px 0px;vertical-align:middle}
.spot li .spot_btn_area{position:relative;height:120px}
.spot li .spot_btn a{display:block;float:left;position:relative;width:120px;height:120px;margin-left:10px;font-size:18px;font-weight:bold;text-align:center; cursor:pointer;}
.spot li .spot_btn a:first-child{margin-left:0}
.spot li .spot_btn a.btn_down{display:block;overflow:hidden;width:120px;height:120px;background:url(../images/btn_down.png) no-repeat 0 0px;line-height:120px;vertical-align:top}
.spot li .spot_btn a span.btn_play{overflow:hidden;position:absolute;left:41px;top:41px;width:38px;height:38px;background:url(../images/btn_play.png) no-repeat 0 0;line-height:9999px;vertical-align:top;cursor:pointer}
.spot li .spot_btn a span.btn_play:hover{background-position:-50px 0}
.spot li .spot_btn a span.btn_event{position:absolute;left:30px;top:53px;width:60px;height:20px;line-height:20px;cursor:pointer}
.spot li .spot_btn a span.btn_event:hover{color:#ff1414}

.ly_market{overflow:hidden;position:absolute;left:0;top:0;height:120px;padding-left:55px}
.ly_market .bg_left{overflow:hidden;position:absolute;left:0;top:0;width:55px;height:120px;background:url(../images/btn_down.png) no-repeat 0 0;line-height:9999px;vertical-align:top}
.ly_market ul{height:120px;padding-right:26px;background:url(../images/bg_spot_btn.png) no-repeat 100% 0}
.ly_market li{display:block;float:left;overflow:hidden;width:98px;height:87px;padding:20px 0 0 2px;background:url(../images/bar_spot.gif) no-repeat 0 0}
.ly_market li:first-child{margin-left:-29px;padding:20px 0 0 0;background:none}
.ly_market li a{display:block;float:left;overflow:hidden;width:98px;height:87px;background:url(../images/ly_market.png) no-repeat;line-height:9999px;vertical-align:top}
.ly_market li a.google{background-position:0 0px}
.ly_market li a.olleh{background-position:-100px 0px}
.ly_market li a.store_t{background-position:-200px 0px}
.ly_market li a.store_n{background-position:-300px 0px}
.ly_market li a.store_ap{background-position:-400px 0px}
.spot_btn .ly_market a.btn_close{overflow:hidden;position:absolute;right:0;top:0;width:40px;height:40px;background:url(../images/btn_close.png) no-repeat 0px 0;line-height:9999px;vertical-align:top}

.game_pre{overflow:hidden;position:absolute;left:80px;top:260px;width:85px;height:185px;background:url(../images/blank.gif) repeat 0 0}
.game_pre a{display:none;overflow:hidden;width:85px;height:185px;background:url(../images/bg_next.png) no-repeat -190px 0px;line-height:9999px;vertical-align:top}
.game_next{overflow:hidden;position:absolute;right:80px;top:260px;width:85px;height:185px;background:url(../images/blank.gif) repeat 0 0}
.game_next a{display:none;overflow:hidden;width:85px;height:185px;background:url(../images/bg_next.png) no-repeat -270px 0px;line-height:9999px;vertical-align:top}
.game_pre:hover a,.game_next:hover a{display:block}

.video_wrap{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;vertical-align:top}
.video_wrap object{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;width:100%;height:100%;z-index:-99;vertical-align:top}


/* sub */
.spot_sub{overflow:hidden;width:100%;height:330px;padding-top:0px;background-position:50% 0;background-size:cover;vertical-align:top}
.spot_sub .spot_img{float:left;margin-right:30px; padding-left:100px;}
.spot_sub .spot_img img{ width:147px;}
.spot_sub .cnt{overflow:hidden;padding-top:5px;color:#fff;letter-spacing:-1px}
.spot_sub .cnt h3{height:44px;margin-bottom:7px;font-size:40px;line-height:44px}
.spot_sub .cnt .market{overflow:hidden;width:670px;height:42px;margin-top:30px}
.spot_sub .cnt .market li{float:left;height:42px;margin-left:10px}
.spot_sub .cnt .market li:first-child{margin-left:0}
.spot_sub .cnt .market li a{display:block;overflow:hidden;width:119px;height:42px;background:url(../images/market_btn.png) no-repeat;line-height:9999px;vertical-align:top}
.spot_sub .cnt .market li a.google{background-position:0px 0px}
.spot_sub .cnt .market li a.olleh{background-position:-125px 0px}
.spot_sub .cnt .market li a.store_t{background-position:0px -45px}
.spot_sub .cnt .market li a.store_n{background-position:-125px -45px}
.spot_sub .cnt .market li a.store_ap{background-position:0px -90px}
.spot_sub .cnt .market li a.alarm{width:189px;background-position:-125px -90px}
.spot_sub .code{overflow:hidden;position:absolute;right:10px;top:0;width:109px;height:125px;padding:25px 90px 0 51px;background:url(../images/code_bg.png) no-repeat 0 0px;vertical-align:top}
.spot_sub .code div{position:relative;width:99px;height:99px}
.spot_sub .code .mask{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:2px solid #595959}
.spot_sub .inner{ top:150px}

.intro{padding:47px 0 100px}
.intro h4{margin-bottom:30px;font-size:36px;font-weight:normal;color:#000;letter-spacing:-2px;line-height:36px}
.view_img{overflow:hidden;position:relative;width:100%;margin-bottom:40px;padding-bottom:60px;border-bottom:1px solid #dbdbdb}
.screen{overflow:hidden;position:relative;width:100%}
.screen ul{width:1000%}
.screen ul li{position:relative;float:left;margin-left:20px}
.screen ul li:first-child{margin-left:0}
.screen ul li .dimmed{position:absolute;z-index:1;cursor:pointer}
.screen ul li em{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;background:url(../images/btn_play.png) no-repeat -120px 0px;line-height:9999px;vertical-align:top;z-index:2;cursor:pointer}
.screen ul li img{display:block;vertical-align:top}
.screen .screen_pre{display:block;overflow:hidden;position:absolute;left:0;top:50%;width:40px;height:46px;margin-top:-23px;background:url(../images/bg_next.png) no-repeat 0 0px;line-height:9999px;vertical-align:top;z-index:10}
.screen .screen_pre:hover{background-position:-45px 0px}
.screen .screen_next{display:block;overflow:hidden;position:absolute;right:0;top:50%;width:40px;height:46px;margin-top:-23px;background:url(../images/bg_next.png) no-repeat -100px 0px;line-height:9999px;vertical-align:top;z-index:10}
.screen .screen_next:hover{background-position:-145px 0px}
.detail h5{margin-bottom:19px;font-size:18px;color:#00CC99;letter-spacing:-1px;line-height:18px}
.detail p{margin-bottom:23px;color:#666;letter-spacing:-1px;line-height:20px}
.detail .btn_more{display:inline-block;font-size:12px;font-weight:bold;color:#000;letter-spacing:-1px;text-decoration:underline}
.detail .btn_more span{display:inline-block;overflow:hidden;width:9px;height:5px;margin:-2px 0 0 5px;background:url(../images/btn_more.png) no-repeat 0px 0px;vertical-align:middle}
.detail .btn_more span.selected{background-position:0px -15px}
.spot_toggle{height:30px;text-align:center; border-bottom:5px solid #0FB489;}
.spot_toggle a{display:inline-block;overflow:hidden;width:157px;height:30px;background:url(../images/market_btn.png) no-repeat 0px -135px;line-height:9999px;vertical-align:top}
.spot_toggle a.close{background-position:-170px -135px}

@media all and (min-width:1220px){
#header .inner{width:100%;padding:0}
#content .inner{width:100%;padding:0}
#content .intro{padding:50px 100px 100px}
#footer{padding:40px 0 0 0;text-align:center}

}