@charset "utf-8";

.mobile body,html.mobile {height:100%}
.mobile body, .mobile button, .mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6, .mobile li, .mobile ol, .mobile p, .mobile ul{margin:0;padding:0}
.mobile body, .mobile button {font-size:1.6rem}
.mobile body{-webkit-text-size-adjust:none}
.mobile button, .mobile img{border:0}
.mobile img, .mobile li{vertical-align:top}
.mobile embed, .mobile iframe, .mobile object, .mobile video{max-width:100%}
.mobile img{width:100%}
.mobile li, .mobile ol, .mobile ul{list-style:none}
.mobile em{font-style:normal}
.mobile a{color:inherit;text-decoration:none}
.mobile button{background:0 0;color:inherit}
.mobile .blind{overflow:hidden;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;line-height:0;margin:-1px}
.mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6{font-size:100%}
.mobile body, .mobile button, .mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6{letter-spacing:-.05rem}
.mobile body{background:#000000; color: #ffffff; font-family: 'Noto Sans KR','Noto Sans JP', Helvetica, sans-serif;}

.mobile .header a:hover{text-decoration: none;}
.mobile .header .btn_menu{position:fixed;top:20px;left:15px;z-index:100;width:30px;height:25px;color:transparent;outline:0}
.mobile .header .btn_menu:before,.mobile .header .btn_menu:after,.mobile .header .btn_menu .ico{overflow:hidden;position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;opacity:1;-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center;content:''}
.mobile .header .btn_menu:before{top:0}
.mobile .header .btn_menu:after{bottom:0}
.mobile .header .btn_menu .ico{top:50%;margin-top:-1px}
.mobile .header .btn_menu[aria-expanded=true] .ico{left:-50%;opacity:0}
.mobile .header .btn_menu[aria-expanded=true]:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;top:1px;left:3px}
.mobile .header .btn_menu[aria-expanded=true]:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;left:3px;bottom:1px}
.mobile .header .inner{display:none;overflow-y:auto;position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background:rgba(0,0,0,.9);text-align:center;opacity:1}
.mobile .header .inner .logo{display:inline-block;margin-top:68px}
.mobile .header .inner .logo a{display:block;width:168px;height:65px;}
.mobile .header .inner .logo a:hover,.mobile .header .logo a:focus{opacity:1}
.mobile .header .inner .logo img{width: 100%; height: auto;}
.mobile .header .inner .gnb{width:228px;margin:36px auto 0;border-top:1px solid rgba(255,255,255,.2)}
.mobile .header .inner .gnb .btn{display:block;width:100%;margin:10px 0;padding:10px 0;}
.mobile .header .inner .gnb .btn:after{}
.mobile .header .inner .gnb .btn_register:after{background-position:0 -67px}
.mobile .header .inner .gnb .btn_media:after{background-position:0 -86px}
.mobile .header .inner .util{width:228px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}
.mobile .header .inner .util .btn{display:inline-block;padding:10px}
.mobile .header .inner .util .btn:after{display:inline-block;width:21px;height:21px;background:url(../img/m/common/sp.png) no-repeat;background-size:250px auto;content:''}
.mobile .header .inner .util .btn_twitter:after{background-position:-169px 0}
.mobile .header .inner .util .btn_facebook:after{background-position:-192px 0}
.mobile .header .inner .util .btn_cafe:after{background-position:-215px -21px}

.mobile .section{position:relative; min-width:360px;}
.mobile .section_content{position:absolute;top:0;left:0;width:100%;height:100%}

.mobile .main .section_content{padding-top:100px; height:auto;}
.mobile .main .title{margin:0 auto 20px;font-size: 16px; font-weight: 700;width: 86%; text-align: center;}
.mobile .main .logo{max-width: 100%; width: 96%; margin: 0 auto; position: relative;}
.mobile .main .logo img{max-width: 100%; width: 100%; display: block;}
.mobile .main .btn_register{display:block;width:76.667%;margin:4.79% auto 0}
.mobile .main .btn_download {margin: 40px auto 0;display:block;width:80%;}
.mobile .main .btn_download a {margin: 0 2% 0 0; width:49%; float:left;}
.mobile .main .btn_download a:nth-child(2) {margin: 0;}
.mobile .main .btn_download a img{width:100%; position: relative;display: inline-block;}
.mobile .main .box{width:100%;margin-top:5.55%;font-size:0;text-align:center}
.mobile .main .box .btn{display:inline-block;width:35.55%;margin:0 2.07%;font-size:1px}
.mobile .main .copy{position:absolute;bottom:3%;left:0;width:100%;line-height:0;text-align:center}
.mobile .main .copy img{width:27.68%}
.mobile .main .video{overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;}
.mobile .main .video:after{position:absolute;top:0;left:0;width:100%;height:100%;background: url(../img/p/main/bg_p.png) 0 0 repeat;background-size:33px auto;content:''}
.mobile .main .video video{position:relative;top:0;left:50%;height:100%;max-width:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

.mobile .register .title{width:60.18%;margin:13% auto 0}
.mobile .register .box{width:97.5%; position:relative;margin:0 auto; padding: 80px 0 0 0;}

.mobile .feature_img img {max-width: 80%;height: auto;margin: 0 auto;display: block;}
.mobile .features h2 {font-size: 24px;line-height: 28px;text-align: center;margin: 0 0 0 0;font-weight: 900;}
.mobile .features .section_head_inner_bullet ul li {padding: 10px 0 0 0;font-size: 18px;line-height: 18px;text-align: center;list-style-position: inside;list-style-image: url(../img/m/main/st_bullet.png);color: rgba(255,255,255,0.6);}
.mobile .features .section_head_inner_bullet {
background-image: url(../img/p/main/feature_bg.jpg);background-position: top center;background-size: cover;background-repeat: none;-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;background-color:rgba(0,0,0,0.8);padding: 40px;max-width: 80%;margin: 0 auto;box-shadow: 0 0 15px rgba(0,0,0,0.8)}
.mobile .spaceship1 {display: none; }
.mobile .spaceship2 {display: none; }
.mobile .media .section_content{padding-top:100px}
.mobile .media .section_content h2 {max-width: 90%;margin: 0 auto;}
.mobile .media .title{width:47.129629629629626%;margin:15% auto 0}
.mobile .media .swiper_wrap{overflow:hidden;position:relative;width:100%;margin-top:8%; margin-bottom: 8%;}
.mobile .media .swiper_wrap .swiper{width:100%;font-size:0;white-space:nowrap}
.mobile .media .swiper_wrap .slides{display:inline-block;width:100%;padding:0 13.88888888888889%;box-sizing:border-box}
.mobile .media .swiper_wrap .slide{width:100%;margin-top:4.722222222222222%}
.mobile .media .swiper_wrap .slide:first-child{margin-top:0}
.mobile .media .swiper_wrap .slides img.m_thumb {display:block;}
.mobile .media .swiper_wrap .slides img.d_thumb {display:none;}
.mobile .media .swiper_wrap .slide button{width:100%;display:block;}
.mobile .media .btn{display:none;position:absolute;top:50%;width:50px;height:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.mobile .media .btn:after{display:inline-block;width:19px;height:38px;background:url(../img/m/common/sp.png) no-repeat;background-size:250px auto;vertical-align:middle;content:''}
.mobile .media .btn_prev{left:0}
.mobile .media .btn_prev:after{background-position:-170px -22px}
.mobile .media .btn_next{right:0}
.mobile .media .btn_next:after{background-position:-191px -22px}

.mobile .dialog_wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);text-align:center;white-space:nowrap}
.mobile .dialog_wrapper:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.mobile .dialog{display:inline-block;position:relative;width:80%;vertical-align:middle}
.mobile .dialog .btn_close{overflow:hidden;position:absolute;top:4%;right:2%;width:16%;padding-top:16%;background:url(about:blank)}
.mobile .dialog_video {padding:1%;border:1px solid rgba(255,255,255,.2);}
.mobile .dialog_video .video {overflow:hidden;position:relative;padding-top:57.230241%;}
.mobile .dialog_video .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.mobile .dialog_video .btn_close{top:-38px;right:-10px;width:auto;padding:10px;}
.mobile .dialog_video .btn_close:after{display:block;width:18px;height:18px;background:url(../img/m/common/sp.png) -215px 0 no-repeat;background-size:250px auto;content:''}