@charset "utf-8";
/* Reset */
html,body{width:100%;min-width:320px}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,caption,form,fieldset,legend,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
caption,th{text-align:left}
img,fieldset,abbr,acronym{border:0}
img{-ms-interpolation-mode:bicubic}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

/* Base */
body{background-color:#fff;font:12px 'Malgun Gothic',dotum,Helvetica,sans-serif;color:#333}
a{color:#333;text-decoration:none;outline:0}
img{vertical-align:top}
textarea,input,select{font:12px 'Malgun Gothic',dotum,Helvetica,sans-serif;vertical-align:middle}
button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0;vertical-align:top;cursor:pointer}
button:active,button:focus{outline:none}
caption,legend,hr{display:none}
input.txt{padding:3px 5px 0;border:1px solid #B7B7B7;font-size:11px}
input.cbox{width:13px;height:13px;vertical-align:top}
label{cursor:pointer}
div.clear{clear:both}
iframe{border:none}

/* common */
a{display:block;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/btn_bg.png) 0 0 repeat}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.event_con{position:relative;z-index:10;width:100%}
.m_img{width:100%}
.bg_btn{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/btn_bg.png) 0 0 repeat}
/* transition */
.transition_default{transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s}

/* popup */
#oneday_popup{display:none;position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/dim.png) 0 0 repeat;}
#oneday_popup .popup_con{position:absolute;top:100px;left:5%;width:90%;}
#oneday_popup .popup_con .popup_down{position:absolute;top:85%;left:11.8%;width:72.8%;height:10%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/btn_bg.gif) 0 0 repeat;}
#oneday_popup .popup_con .close_btn{position:absolute;top:-50px;right:0;width:50px;height:50px;}
#oneday_popup .popup_con .m_img{width:100%;}
#oneday_popup .popup_con p{width:100%;height:20px;margin-top:5px;line-height:1;vertical-align:middle;font-size:12px;text-align:right;color:#fff}
#oneday_popup .oneday_popup_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/btn_bg.gif) 0 0 repeat;}

/* wrapper */
#wrapper{position:relative;width:100%}

/* nav */
#nav{position:fixed;bottom:0;left:0;z-index:30;width:100%}
#nav ul{overflow:hidden;width:100%}
#nav ul li{float:left;width:25%;background-size:100% 100% !important}
#nav ul li:nth-child(1){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu1.jpg) 0 0 no-repeat}
#nav ul li:nth-child(1).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu1_active.jpg) 0 0 no-repeat}
#nav ul li:nth-child(2){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu2.jpg) 0 0 no-repeat}
#nav ul li:nth-child(2).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu2_active.jpg) 0 0 no-repeat}
#nav ul li:nth-child(3){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu3.jpg) 0 0 no-repeat}
#nav ul li:nth-child(3).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu3_active.jpg) 0 0 no-repeat}
#nav ul li:nth-child(4){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu4.jpg) 0 0 no-repeat}
#nav ul li:nth-child(4).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/menu4_active.jpg) 0 0 no-repeat}
#nav.menu5 ul li{float:left;width:20%;background-size:100% 100% !important}
#nav.menu5 ul li:nth-child(1){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu1_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(1).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu1_active_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(2){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu2_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(2).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu2_active_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(3){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu3_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(3).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu3_active_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(4){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu4_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(4).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu4_active_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(5){background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu6_new.jpg) 0 0 no-repeat}
#nav.menu5 ul li:nth-child(5).active{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/en/mobile/menu6_active_new.jpg) 0 0 no-repeat}

/* visual */
#visual .video_btn{position:absolute;top:53%;left:40%;width:20%;height:12%}
#visual .cafe_btn{position:absolute;bottom:9.5%;left:20.5%;width:59%;height:9.5%}
#visual .lan{position:absolute;top:4.7%;right:5.6%;width:27.5%}
#visual .lan .default{display:block}
#visual .lan .active{display:none;position:absolute;top:0;left:0;width:100%}
#visual .lan .active .lan_ko{position:absolute;top:0;left:0;width:100%;height:20%}
#visual .lan .active .lan_en{position:absolute;top:24%;left:0;width:100%;height:18%}
#visual .lan .active .lan_ja{position:absolute;top:42%;left:0;width:100%;height:18%}
#visual .lan .active .lan_zh{position:absolute;top:60%;left:0;width:100%;height:18%}
#visual .lan .active .lan_zt{position:absolute;top:78%;left:0;width:100%;height:18%}

/* movie */
#movie{padding-bottom:40px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/movie_bg.jpg) 0 0 repeat}
#movie .movie_con{overflow:hidden;width:88.75%;margin:0 auto}
#movie .movie_con .fl{float:left;width:48.23943%}
#movie .movie_con .fr{float:right;width:48.23943%}
#movie .movie_con .fl a,
#movie .movie_con .fr a{display:block;width:100%;position:relative}
#movie .movie_con .fl a .thumb_play,
#movie .movie_con .fr a .thumb_play{position:absolute;top:0;left:0;width:100%;height:100%}
#movie .swipe_con{overflow:hidden;position:relative;width:100%;height:100%;margin:0 auto}
#movie_thumb_con{overflow:hidden;position:relative;width:100%;height:100%}
#movie_wrapper{width:100%;height:100%;text-align:center}
#movie_checker{width:100%;height:30px;margin-top:10px;text-align:center}
#movie_checker a{display:inline-block;width:30px;height:30px;margin:0 5px}

/* chracter */
#character{overflow:hidden;position:relative}
#character .character_prev{position:absolute;top:43%;left:5%;z-index:90;width:13%;height:14%}
#character .character_next{position:absolute;top:43%;right:5%;z-index:90;width:13%;height:14%}
/* chracter layer */
#character_detail{overflow:hidden;position:absolute;top:-100%;left:0;width:100%;height:100%;background:#1d1f24;box-sizing:border-box}
#character_detail.active{top:0}
#character_detail .cha_close{position:absolute;top:0;right:0;width:15%;height:15%}
#character_detail ul{position:absolute;top:55%;left:0;width:100%}
#character_detail ul li{width:0}
#character_detail.active ul li:nth-child(1){width:100%;-webkit-transition-delay:0.1s;transition-delay:0.1s}
#character_detail.active ul li:nth-child(2){width:100%;-webkit-transition-delay:0.15s;transition-delay:0.15s}
#character_detail.active ul li:nth-child(3){width:100%;-webkit-transition-delay:0.2s;transition-delay:0.2s}
#character_detail.active ul li:nth-child(4){width:100%;-webkit-transition-delay:0.25s;transition-delay:0.25s}
#character_detail.active ul li:nth-child(5){width:100%;-webkit-transition-delay:0.3s;transition-delay:0.3s}
#character_detail.active ul li:nth-child(6){width:100%;-webkit-transition-delay:0.35s;transition-delay:0.35s}
/* character swipe*/
#character .character{position:absolute;top:0;left:0;width:100%;height:100%}
#character .swipe_con{overflow:hidden;position:relative;width:100%;height:100%;margin:0 auto}
#character_con{overflow:hidden;position:relative;width:100%;height:100%}
#character_wrapper{width:100%;height:100%;text-align:center}
#character .state_btn{position:absolute;top:17%;left:29%;width:42%;height:49%}
#feature{padding-bottom:40px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/feature_bg.jpg) 0 0 repeat}
#feature_con{overflow:hidden;position:relative;width:100%}
#feature_wrapper{width:100%;height:100%;text-align:center}
#swipeview_slider > div{overflow:hidden;position:relative}
#feature .swipe_con{overflow:hidden;position:relative;width:88.75%;margin:0 auto;border:3px solid #d7bba4}
#feature_checker{width:100%;height:30px;margin-top:10px;text-align:center}
#feature_checker a{display:inline-block;width:30px;height:30px;margin:0 5px}

/* download */
#download .aos{display:none}
#wrapper.aos #download .ios{display:none}
#wrapper.aos #download .aos{display:block}
#download .down_btn_ios{position:absolute;top:21%;left:20%;width:60%;height:11%}
#download .event_btn_ios{position:absolute;top:57.5%;left:20%;width:60%;height:11%}
#download .skill_btn_ios{position:absolute;top:77%;left:20%;width:60%;height:11%}
#download .fb_btn_ios{position:absolute;top:77%;left:20%;width:60%;height:11%}
#download .down_btn1{position:absolute;top:14.5%;left:20%;width:60%;height:11%}
#download .down_btn2{position:absolute;top:28.5%;left:20%;width:60%;height:11%}
#download .event_btn{position:absolute;top:54.5%;left:20%;width:60%;height:11%}
#download .skill_btn{position:absolute;top:68.5%;left:20%;width:60%;height:11%}
#download .fb_btn{position:absolute;top:82%;left:20%;width:60%;height:11%}

/* footer */
#footer .facebook_btn{position:absolute;top:12%;left:28%;width:10%;height:30%}
#footer .kakao_btn{position:absolute;top:12%;left:37.5%;width:10%;height:30%}
#footer .tw_btn{position:absolute;top:12%;left:48%;width:10%;height:30%}
#footer .youtube_btn,#footer .copy_btn{position:absolute;top:12%;left:59.5%;width:10%;height:30%}
#footer .provision_btn{position:absolute;top:45%;left:10%;width:14%;height:30%}
#footer .privacy_btn{position:absolute;top:45%;left:24%;width:25%;height:30%}
#footer .cash_btn{position:absolute;top:45%;left:49%;width:14%;height:30%}
#footer .policy_btn{position:absolute;top:45%;left:63%;width:14%;height:30%}
#footer .help_btn{position:absolute;top:45%;left:77%;width:14%;height:30%}

/* video layer*/
#video_con{display:none;position:fixed;top:0;left:50%;z-index:999;width:100%;height:100%;margin-left:-50%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/dim.png) 0 0 repeat}
#youtube{position:relative;top:150px;width:100%;max-width:960px;margin:0 auto}
#youtube .video_size{width:100%}
#youtube iframe#youtube_ifr{position:absolute;top:0;left:0;width:100%;height:100%}
#youtube .close_layer{overflow:hidden;position:absolute;top:-50px;right:0;width:50px;height:50px}
#youtube .fb_list{position:absolute;bottom:-35px;right:0;width:120px;height:30px}
#youtube .fb_list li{display:none}
#youtube .fb_list li.active{display:block}

/* runningman layer*/
#runningman_layer{display:none;position:absolute;top:0;left:0;z-index:300;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/ko/mobile/dim.png) 0 0 repeat}
#runningman_layer .runningman_close{position:absolute;top:0;right:0;width:20%;height:15%}
#runningman_layer .mov1{position:absolute;top:15%;left:5%;width:44%;height:19%}
#runningman_layer .mov2{position:absolute;top:15%;left:51%;width:44%;height:19%}
#runningman_layer .mov3{position:absolute;top:35.5%;left:5%;width:44%;height:19%}
#runningman_layer .mov4{position:absolute;top:35.5%;left:51%;width:44%;height:19%}
#runningman_layer .mov5{position:absolute;top:56%;left:5%;width:44%;height:19%}
#runningman_layer .mov6{position:absolute;top:56%;left:51%;width:44%;height:19%}
#runningman_layer .mov7{position:absolute;top:76.5%;left:5%;width:44%;height:19%}
#runningman_layer .mov8{position:absolute;top:76.5%;left:51%;width:44%;height:19%}