@charset "utf-8";
@font-face {
    font-family: 'moonlight-NewRodinPro-DB.otf';
    src: url('moonlight-NewRodinPro-DB.otf');
    src: local(''), local('moonlight-NewRodinPro-DB.otf'),
        url('font/moonlight-NewRodinPro-DB.otf?#iefix') format('embedded-opentype'),
        url('font/moonlight-NewRodinPro-DB.otf') format('woff2'),
        url('font/moonlight-NewRodinPro-DB.otf') format('woff'),
        url('font/moonlight-NewRodinPro-DB.otf') format('truetype'),
        url('font/moonlight-NewRodinPro-DB.otf.svg#moonlight-NewRodinPro-DB.otf') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'moonlight-NewRodinPro-DB.otf';
    src: url('moonlight-NewRodinPro-DB.otf');
    src: local(''), local('moonlight-NewRodinPro-DB.otf'),
        url('font/moonlight-NewRodinPro-DB.otf?#iefix') format('embedded-opentype'),
        url('font/moonlight-NewRodinPro-DB.otf') format('woff2'),
        url('font/moonlight-NewRodinPro-DB.otf') format('woff'),
        url('font/moonlight-NewRodinPro-DB.otf') format('truetype'),
        url('font/moonlight-NewRodinPro-DB.otf.svg#moonlight-NewRodinPro-DB.otf') format('svg');
    font-weight: 600;
    font-style: normal;
}

/*loading1*/
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color:  rgba(0,0,0,.9);
    /* background-image: url(img/arts_0005.jpg); */

}
.loader,
.loader:before,
.loader:after {
  background: #32BEBE;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #32BEBE;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/* reset */
html,body{width:100%;height:100%;-webkit-text-size-adjust:none;font-family:'moonlight-NewRodinPro-DB.otf', sans-serif;background:#fff;overflow:visible}
body{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
table,th,td,form,
fieldset,legend,select,button,input,textarea,
figure,figcaption{margin:0;padding:0;font-size:1rem;font-weight:400;color:#4d4d4d;letter-spacing:0;line-height:1.3334}
fieldset,li,img{border:0;vertical-align:baseline}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button:active,button:focus{outline:none}
button::-moz-focus-inner{padding:0}
input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
address,caption,em{font-style:normal}
h1,h2,h3,h4,h5,h6,caption,strong{font-weight:normal}
a,a:focus,a:active,a:hover{color:#4d4d4d;text-decoration:none;cursor:pointer}
hr{display:none}
legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
::-ms-clear{display:none}
::-ms-reveal{display:none}

.url-box,
.layer,
.thumb-list li,
.media-list li,
.reward-list li,
.tab-button-list li,
.ins-area,
.ins-scroller,
.inner-scroller-wrap,
.bt-links .icon,
.bt-nav,
.bt,
.bt .txt,
.bb{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-animation: autofill 0s forwards;
	animation: autofill 0s forwards;
  -webkit-text-fill-color: #4d4d4d !important;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}
@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}


/* common */
.wrap{margin:0 auto;position:relative;display:block;width:1676px;max-width:90%;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.wrap:after{content:"";display:block;height:0;clear:both}
.aligner-wrap{display:table;table-layout:fixed}
.aligner-wrap > .aligner{display:table-cell;height:100%;width:auto}
img, object{display:block;max-width:100%}
object{pointer-events:none}
img.pc{display:block !important}
img.m{display:none !important}

/* layout */
#wrapper{overflow-y:visible;overflow-x:hidden;opacity:0;position:relative;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding-bottom: 70px;}
#navigation{position:fixed;width:12.75rem;left:0;top:0;height:100%;background:#fff;z-index:0;}
#container{position:relative;z-index:100;background:#f2f2f2;width:100%}
#navDim{display:block;left:0;top:0;right:0;height:0;width:100%;position:absolute;background:#000;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#subs{position:fixed;z-index:10;overflow:hidden;width:100%;left:0;background:#fff;bottom:100%;height:100%;-moz-transition:bottom .3s ease-in-out;-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}
#main{position:relative;background:#f2f2f2;opacity:1;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
#mainVisual{height:auto;position:relative}
#mainVisual .bg{position:absolute;top:0;left:0;width:100%;height:100%;bottom:0;overflow:hidden}
#mainVisual .bg:after{content:"";display:block;top:0;bottom:0;left:0;right:0;background:#000;opacity:.4;position:absolute}
#bgVideo{position:absolute;left:50%;top:50%;background:url(img/novideo.jpg) no-repeat center top;background-size:cover}
#bgvid{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}
#mainVisual .header{position:absolute;top:1rem;left:0;width:100%}
#mainContents{padding-bottom:0.0rem} /*2.5rem*/

#header{position:fixed;z-index:0;top:-3rem;background:#fff;opacity:0;left:0;font-size:0;line-height:0;height:3rem;width:100%;-moz-transition:top .3s, left .3s ease-in-out, opacity .2s;-webkit-transition:top .3s, left .3s ease-in-out, opacity .2s;transition:top .3s, left .3s ease-in-out, opacity .2s}
#header.visible{opacity:1;top:0}
#header .wrap{}

#footer{background:#4d4d4d;position:relative;text-align:center;padding:1rem 0;font-size:0;line-height:0}
#navigation{overflow-y:auto;overflow-x:hidden;opacity:0}
.nav-wrap{position:relative;padding:2.05rem 0 1rem;overflow-x:hidden}
.bt-nav-close{position:absolute;left:50%;margin-left:2.75rem;top:1rem;width:2rem;height:2rem}
.bt-nav-close object{width:.75rem;display:block;margin:0 auto;pointer-events:none;position:relative;top:.625rem;z-index:0}
.nav-buttons{position:relative;width:6.65rem;margin:0 auto;position:relative;padding:.75rem 0;}
.nav-buttons1{position:relative;width:6.65rem;margin:0 auto;position:relative;padding:.60rem 0;} /*new , logo*/
.nav-buttons2{position:relative;width:6.65rem;margin:0 auto;position:relative;padding:.75rem 0;margin-bottom: 70px;} /*new , bottom*/
.nav-menu-list{width:6.65rem;margin:0 auto;position:relative;padding-bottom:.5rem}
.nav-mid{padding-top:.5rem;width:6.65rem;margin:0 auto;position:relative}
.nav-buttons:after{content:"";display:block;height:0;clear:both}
#navigation .nav-mid:after,
#navigation .nav-menu-list.top:after{content:"";height:.05rem;background:#ccc;position:absolute;left:0;width:100%}
#navigation .nav-mid:after{bottom:-.025rem}
#navigation .nav-menu-list.top:after{bottom:-.025rem}

#subPop{display:none;position:fixed;top:0;bottom:0;right:0;left:0;width:100%;height:100%;z-index:100}
#subPop .dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
#subPop .aligner-tb{display:table;width:100%;height:100%;table-layout:fixed;pointer-events:none}
#subPop .aligner{display:table-cell;width:100%;height:100%;vertical-align:middle;pointer-events:none}
.layer{position:relative;display:none;margin:0 auto;background:#fff;z-index:99;pointer-events:auto}
#copyDone{width:18rem;height:auto;padding:1.25rem}
#video{width:32rem;height:auto;background:#000;max-width:90%}
#video img{width:100%;display:block;height:auto}
#vplayer{position:absolute;width:100%;height:100%;left:0;top:0;border:0 none}
.layer .icon-wrap{display:block;width:2rem;margin:0 auto}
.layer .icon-wrap object{display:block;width:100%}
.layer .alert-text{text-align:center;font-size:.7rem;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:400;line-height:1rem;padding:1.8rem 0 2.3rem}
.layer .bt-ok{display:block;margin:0 auto;width:4rem;text-align:center;color:#fff;background:#4d4d4d;font-weight:600;font-size:.45rem;line-height:.5rem;padding:.5rem 0}
.layer .bt-close{position:absolute;left:100%;top:0;width:1.5rem;height:1.5rem;display:block;background:#fff}
.layer .bt-close object{width:.6rem;position:absolute;left:50%;top:50%;margin-left:-.3rem;margin-top:-.3rem}

#subPop.visible{display:block}
#subPop.visible .dim{opacity:1}
.layer.visible{display:block}



/* details */
#wrapper .bt{position:relative;pointer-events:auto !important;text-align:center;vertical-align:middle;border:1px solid #999;position:relative;height:60px;padding-left:.5rem;padding-right:1.5rem;font-size:0;line-height:0;display:inline-block}
#wrapper .bt .txt{font-family:'moonlight-NewRodinPro-DB.otf';font-weight:600;vertical-align:middle;text-align:center;font-size:21px;line-height:23px;top:.7875em;position:relative;white-space:nowrap;left:.3rem;padding-left:.5rem;display:inline-block;min-width:100%;width:auto}
#wrapper .bt .arr{/*position:absolute;margin-top:-10px;right:.5rem;top:50%;*/width:19px;height:19px;float:right;position:relative;display:block;right:-1rem;top:-3px}
#wrapper .bt:after{content:"";display:block;position:absolute;bottom:-1px;left:50%;width:0;height:5px;background-color:#05c8c2;opacity:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#wrapper .bt:hover:after{opacity:1;left:-1px;width:100%;padding:0 1px;right:-1px}

.header .aligner-wrap{width:100%;height:auto}
.header .aligner{vertical-align:middle;height:auto}
.header .aligner.nav{width:2rem;max-width:7%}
.header .aligner.home{width:4rem;max-width:10.5%} /*{width:5rem;max-width:17.5%}*/
.header .aligner.pre-banner{width:5rem;max-width:17.5%}
.header .aligner.menu{width:auto;max-width:63.1%;text-align:right}
.header .aligner.reserv{width:6.4rem;max-width:17.5%;padding-left:.725rem}
.header .aligner.download{width:11.1rem;font-size:0;line-height:0;text-align:right}
.header .aligner.icon-menu{width:auto;text-align:right;display:none}
.header .aligner.icon-menu{width:auto;text-align:right;display:none}
.header a{display:block;max-width:100%;height:auto}
.header .bt-nav{text-align:left;display:block;height:2rem;width:2rem}
.header .bt-nav object{width:.75rem;display:block;pointer-events:none;position:relative;top:.625rem;z-index:0}
.header .top-menu-list{display:inline;font-size:0;line-height:0}
.header .top-menu-list li{display:inline-block;max-width:200px;width:30%;position:relative}
.header .top-menu-list a{display:block;text-align:center;padding:.05rem 0}
.header .top-menu-list a .txt{display:inline-block;max-width:96%;font-weight:600;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;font-size:.525rem;line-height:.6rem;padding:.05rem .125rem .1rem;top:-.025rem;position:relative}
.header .top-menu-list a .txt:after{content:"";display:block;position:absolute;bottom:0;height:.05rem;left:50%;width:0;background-color:#17afaa;opacity:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.header .top-menu-list a:hover .txt:after{opacity:1;width:100%;left:0}




.header .icon-menu-list{display:inline-block;font-size:0;line-height:0}
.header .icon-menu-list li{display:inline-block;padding-left:.10rem}/*default padding-left:.175rem*/
.header .icon-menu-list a{display:inline-block;width:1.875rem;padding-top:.212rem} /*block*/
.header .icon-menu-list a object{width:100%;position:relative;z-index:0}
.header .download a{display:inline-block;padding-left:.25rem}
.header .download .imgbt{display:block;width:5.075rem}

.m	.header .icon-menu-list li{padding-left:.100rem} /*.212rem default, 100rem 1st edit */
.m	.header .icon-menu-list a{width:2.000rem} /*2.272rem default, 2.000rem 1st edit */
.m	.header .aligner.download{display:none}

/*new*/
.header .pre-banner{display:inline;font-size:0;line-height:0}
.header .pre-banner li{display:inline;padding-left:.175rem}
.header .pre-banner a{display:inline;width:1.875rem;padding-top:.212rem} /*block*/
.header .pre-banner a object{width:100%;position:relative;z-index:0}
.m	.header .pre-banner li{padding-left:.200rem} /*.212rem default, 100rem 1st edit */
.m	.header .pre-banner a{width:6.000rem} /*2.272rem default, 2.000rem 1st edit */
/*end*/


.header .bt.reserv{display:block;min-width:5rem;background-color:#4d4d4d;text-align:center;width:100%}
.header .bt.reserv .txt{color:#fff}
#main .header .top-menu-list li:after{content:"";display:block;height:.6rem;top:50%;width:.05rem;right:-.025rem;margin-top:-.3rem;background-color:rgba(255,255,255,.8);position:absolute}
#main .header .top-menu-list a .txt{color:rgba(255,255,255,.8)}
#main .top-menu-list a .txt:after{background-color:#fff}
#main .header .bt-nav{text-align:center;border:1px solid rgba(255,255,255,.5)}
#main .header .bt-nav object{margin:0 auto}
#main .main-buttons .bt{display:inline-block;float:none;margin-left:.4rem;width:8.4rem;background-color:#fff}
#main .main-buttons .bt .txt{color:#4d4d4d}
#main .main-buttons .bt:first-child{margin-left:0}
#main .main-buttons .download{display:inline-block;width:5.325rem;pointer-events:auto}
#main .main-buttons .download .imgbt{display:block;width:5.075rem;margin:0 auto}
#main .contents{padding-top:4.65rem;padding-bottom:1.8rem;pointer-events:none}
#main .contents .title-bi{width:17.2rem;max-width:100%;padding:.25rem 0;margin:0 auto}
#main .contents .bt-play{width:3.25rem;max-width:100%;padding:0 0 .55rem;pointer-events:auto;margin:0 auto;display:block}
#main .dc-would-u{text-align:left;display:block;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:400;color:#fff;font-size:.475rem;line-height:.6rem;text-align:center}
#main .main-buttons{padding-top:.525rem;width:100%;text-align:center;font-size:0;line-height:0}
#main .main-buttons:after{content:"";display:block;height:0;clear:both}
#main .contents.comingup .title-bi{width:19.5rem}
#main .contents.comingup .bt-play{width:2.6rem;padding:0 0 .5rem}

#footer .policy {display:inline-block;max-width:90%;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:100;color:#fff;font-size:.45rem;line-height:.5rem;letter-spacing:.085rem}
#footer .copyright{display:inline-block;max-width:90%;font-family:"moonlight-NewRodinPro-M.otf";font-weight:100;color:#fff;font-size:.30rem;line-height:.5rem;letter-spacing:.085rem}

.nav-menu-list li{}
.inner-scroller .nav-menu-list{padding:.45rem 0}
.nav-menu-list a{padding:.25rem .6rem .25rem 0;display:block;position:relative}
.nav-menu-list a:after{content:"";display:none;position:absolute;right:.2rem;height:100%;top:0;bottom:0;width:.275rem;background:url(img/svg/arr_menu_item.svg) no-repeat center;background-size:100% auto}
.nav-menu-list a .txt{display:block;font-weight:600;line-height:.65rem;font-size:.6rem}
.nav-menu-list a:hover:after{display:block}
.nav-menu-list .d2{padding:.1875rem .6rem .1875rem 0}
.nav-menu-list .d2 .txt{position:relative;padding-left:.6rem;line-height:.65rem;font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-menu-list .d2 .txt:after{content:"";display:block;position:absolute;width:.2rem;left:.1rem;height:1px;background:#4d4d4d;bottom:50%}
.nav-menu-list .download:hover:after{display:none}
.nav-menu-list .download{padding-bottom:.25rem}
.nav-menu-list .download a{padding-top:0}
.nav-menu-list .download .imgbt{display:block;width:5.075rem}
.nav-buttons .bt-links{float:right;width:3.1rem}
.nav-buttons .bt-links:first-child{float:left}
.nav-buttons .bt-links .icon{display:block;pointer-events:none;width:1.7rem;height:1.7rem;border-radius:100%;margin:0 auto;border:1px solid #ccc;background-repeat:no-repeat;background-size:contain;background-position:center;}
.nav-buttons .bt-links .icon.share{background-image:url(img/svg/ic_share.svg)}
.nav-buttons .bt-links .icon.news-info{background-image:url(img/svg/ic_nav_official1.svg)}
.nav-buttons .bt-links .icon.youtube-link{background-image:url(img/svg/ic_nav_youtube.svg)} /*new*/
.nav-buttons .bt-links .icon.twitter-link{background-image:url(img/svg/ic_nav_twitter1.svg)} /*new*/
.nav-buttons .bt-links .icon.sns{background-image:url(img/svg/ic_share.svg)}
.nav-buttons .bt-links .icon.cafe{background-image:url(img/svg/ic_cafe.svg)}

.nav-buttons .bt-links:hover .icon{background-color:#4d4d4d;border-color:#4d4d4d}
.nav-buttons .bt-links:hover .icon.share{background-image:url(img/svg/ic_share_wht.svg)}
.nav-buttons .bt-links:hover .icon.news-info{background-image:url(img/svg/ic_nav_official_white1.svg)}
.nav-buttons .bt-links:hover .icon.youtube-link{background-image:url(img/svg/ic_nav_youtube_wht.svg)}/*new*/
.nav-buttons .bt-links:hover .icon.twitter-link{background-image:url(img/svg/ic_nav_twitter_wht1.svg)}/*new*/
.nav-buttons .bt-links:hover .icon.sns{background-image:url(img/svg/ic_share_wht.svg)}
.nav-buttons .bt-links:hover .icon.cafe{background-image:url(img/svg/ic_cafe_wht.svg)}

.nav-buttons .bt-links .txt{display:block;text-align:center;font-size:.525rem;line-height:.55rem;font-weight:600;font-family:'moonlight-NewRodinPro-DB.otf';padding-top:.35rem}
h2.title{padding:2rem 0 .75rem;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:900;color:#4d4d4d;text-align:left;font-size:1rem;letter-spacing:-.05em;line-height:.95rem}

.contents-list{position:relative;width:auto;margin-left:-.4rem;margin-right:-.4rem;font-size:0;line-height:0}
.contents-list li{display:inline-block;width:25%}
.contents-list-link-item{padding:0 .4rem 1.25rem;display:block}
.contents-list-link-item .category{display:block;padding-top:.5rem;font-weight:400;font-size:.525rem;line-height:.575rem;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.contents-list-link-item .title{font-family:"moonlight-NewRodinPro-DB.otf";font-weight:900;font-size:.8rem;line-height:.9rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.125rem 0}
.contents-list-link-item .thumbnail{display:block;width:100%;overflow:hidden;height:auto;position:relative}
.contents-list-link-item .thumbnail .preview{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 100%;background-position:center;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.contents-list-link-item:hover .thumbnail .preview{-moz-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

#eventBannerSlider{position:relative;height:13.5rem;width:100%;z-index:0;padding-bottom:1.4rem}
#eventBannerSlider .aligner-wrap{height:100%;width:100%;background-size:cover;background-position:right center;background-repeat:no-repeat}
#eventBannerSlider .aligner-wrap .aligner{vertical-align:middle;padding:0 3.5rem}
#eventBannerSlider .swiper-slide{display:block}
.swiper-button-prev,
.swiper-button-next{background:none}
.swiper-slide .event-stit{display:block;color:#fff;font-weight:400;font-size:.75rem;line-height:.85rem}
.swiper-slide .event-title{display:block;padding:.9rem 0 1.1rem}
.swiper-slide .event-title span:first-child{display:block}
.swiper-slide .event-title span{white-space:nowrap;display:inline-block;font-family:"moonlight-NewRodinPro-DB.otf";color:#fff;font-weight:900;font-size:1.2rem;line-height:1.8rem}
.swiper-slide .event-title .event-desc{display:block;font-weight:400;font-family:"moonlight-NewRodinPro-DB.otf";font-size:.475rem;line-height:.525rem;padding-top:.9rem}
.swiper-slide .bt{background:#fff;width:10.2rem;display:inline-block}
.swiper-button-prev,
.swiper-button-next{position:absolute;width:1.5rem;height:1.5rem;margin-top:-1.5rem;outline:none !important}
.swiper-button-prev object,
.swiper-button-next object{width:100%;position:relative;z-index:0;pointer-events:none}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.inscene-slider .swiper-button-prev,
.inscene-slider .swiper-button-next{margin-top:-.75rem}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;padding:.55rem 0;font-size:0;line-height:0}
.swiper-pagination-bullet{background:#ccc;opacity:1;width:.3rem;height:.3rem}
.swiper-pagination-bullet:active{outline:none}
.swiper-pagination-bullet-active{background:#05C8C2;opacity:1}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .25rem}
.swiper-progress{position:absolute;z-index:10;left:0;right:0;bottom:1.4rem;height:5px;background:rgba(153,153,153,.5)}
.swiper-progress .progress-bar{position:absolute;left:0;width:0;height:100%;bottom:0;display:block;background:#05C8C2;-moz-transition:width 0s;-webkit-transition:width 0s;transition:width 0s}
.swiper-progress .progress-bar.going{width:100%;-moz-transition:width 4s ease-in-out;-webkit-transition:width 4s ease-in-out;transition:width 4s ease-in-out}

#wrapper.nav{overflow-x:hidden;padding-left:12.75rem}
#wrapper.nav #navDim{opacity:.3;height:100%;bottom:0}
#wrapper.nav #header{left:12.75rem}
#wrapper.nav #container{z-index:0}
#wrapper.nav #navigation{opacity:1}

#wrapper.cnt #navigation,
#wrapper.sub #navigation{z-index:-1;-moz-transition:all 0s .2s;-webkit-transition:all 0s .2s;transition:all 0s .2s}
#wrapper.pop{overflow:hidden;padding-left:0}
#wrapper.pop #container{position:fixed;height:100%;overflow:hidden}
#wrapper.sub{overflow:hidden;padding-left:0;-moz-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
#wrapper.sub #container{position:fixed;background:#fff;width:100% !important;overflow:hidden;height:100%}
#wrapper.sub #subs{bottom:0;z-index:10}
#wrapper.sub #navDim{opacity:0}
#wrapper.cnt{overflow:hidden;padding-left:0;-moz-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
#wrapper.cnt #container{position:fixed;background:#fff;width:100% !important;overflow:hidden;height:100%}
#wrapper.cnt #subs{bottom:0;z-index:10}
#wrapper.cnt #navDim{opacity:0}

.bt-sub-close{position:absolute;right:0;width:4.2rem;height:3rem;top:0;z-index:10;background-repeat:no-repeat;background-position:1.125rem center;background-size:1.125rem auto}
.bt-sub-close object{pointer-events:none;width:.75rem;position:absolute;top:1.125rem;left:1.125rem;z-index:0}
#subScn .bt-sub-close{background-image:url(img/ic_close_wht.png)}
#subScn .bt-sub-close.dark{background-image:url(img/ic_close.png)}
#contentsScn .bt-sub-close{background-image:url(img/ic_close.png)}
.scn-group{position:relative;height:100%;top:0;left:0;overflow:hidden;display:none;width:100%;background:#fff}

.scene{position:absolute;height:100%;width:100%;z-index:-1;top:-100%}
.scene.prev{left:-100%;z-index:1;top:0}
.scene.next{left:100%;z-index:0;top:0}
.scene.now{left:0;z-index:2;top:0}
#wrapper.cnt .scene.prev,
#wrapper.cnt .scene.next,
#wrapper.cnt .scene.now,
#wrapper.sub .scene.prev,
#wrapper.sub .scene.next,
#wrapper.sub .scene.now{opacity:1;-moz-transition:left .4s ease-in-out;-webkit-transition:left .4s ease-in-out;transition:left .4s ease-in-out}
.ins-container{min-height:100%;height:100%;overflow-y:auto;display:block;width:100%}
.ins-container:after{content:"";display:block;height:0;clear:both}
.ins-container .ins-area{display:block;float:left;position:relative;vertical-align:middle;height:100%;font-size:0;line-height:0; padding-bottom: 70px;}
.ins-container .ins-area.wide{width:60%;text-align:right}
.ins-container .ins-area.narrow{width:40%;text-align:left}
.ins-container .ins-area.artc{height:auto;overflow:visible;display:table;table-layout:fixed;min-height:100%}
.ins-container .ins-area.vis{position:absolute;top:0;bottom:0;height:100%}
.ins-container .ins-area.third{width:33.3%}
.ins-container .ins-area.third:first-child{width:33.4%}
#subScn .ins-area.vis{right:0}
#contentsScn .ins-area.artc{float:right}
#contentsScn .ins-area.vis{left:0}
.ins-container .ins-area .ins-wrap{position:relative;height:auto;display:block;margin:0 auto}
.ins-container .ins-area.wide .ins-wrap{width:100%;max-width:18.85rem;text-align:left}
.ins-container .ins-area.narrow .ins-wrap{width:100%;max-width:22.75rem}
.ins-container .ins-area.vis .ins-wrap{position:absolute;top:0;z-index:-1;display:block;height:100%;width:100%;max-width:inherit;background-size:cover;background-repeat:no-repeat}
.ins-container .ins-area.artc .ins-scroller{overflow:visible;display:table-cell;vertical-align:middle;padding:0 3.05rem}
.ins-container .ins-area.artc .ins-scroller .ins-wrap{padding:1.25rem 0;display:block}
.ins-container .m-item-block{display:none}
.ins-container .p-item-block{display:block;position:relative;width:100%}
.ins-container .visual img{width:100%;height:auto}
.ins-container .visual{position:relative;width:100%}
.ins-container .ins-area .dc-explore{color:#999;font-weight:400;font-family:"moonlight-NewRodinPro-DB.otf";font-size:.55rem;line-height:.7rem;position:absolute;text-align:center;width:100%;bottom:2.5rem;left:0}

.inscene-slider{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0}
.inscene-slider .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}
.artc-desc-group{position:relative;height:auto;overflow-y:hidden}
.artc-desc-group .artc-desc{position:absolute;left:0;top:0;width:100%;opacity:0;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
.artc-desc-group .artc-desc.visible{position:relative;left:auto;top:auto;opacity:1}
.inscene-slider-controller{position:absolute;z-index:10;bottom:2.5rem;text-align:center;width:100%;left:0}
.inscene-slider-controller .controller-wrap{display:inline-block;width:auto;padding-left:1.6rem;padding-right:1.6rem;font-size:0;line-height:0;position:relative}
.inscene-slider-controller .inscene-slider-nav{display:block}
.inscene-slider-controller .inscene-slider-nav li{padding:.125rem;display:inline-block}
.inscene-slider-controller .inscene-slider-nav li a{position:relative;width:2.75rem;line-height:0;background:#495656;text-align:center;height:2rem;display:block}
.inscene-slider-controller .inscene-slider-nav li a .txt{position:absolute;color:#fff;font-size:.525rem;line-height:.575rem;top:50%;width:100%;left:0;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.inscene-slider-controller .inscene-slider-nav li a:after{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;border:.15rem solid #333;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.inscene-slider-controller .inscene-slider-nav li.selected a:after{border:.2rem solid #05C8C2}

.bt-sub-prev,
.bt-sub-next{position:fixed;top:50%;width:1.5rem;height:1.5rem;z-index:3;margin-top:-.75rem;background-repeat:no-repeat;background-position:center;background-size:100% auto}
.bt-sub-prev{left:0;background-image:url(img/arr_prev.png)}
.bt-sub-next{right:0;background-image:url(img/arr_next.png)}
#btSubNext{background-image:url(img/arr_next_wht.png)}
#btContPrev{background-image:url(img/arr_prev_wht.png)}
#btSubNext.dark{right:0;background-image:url(img/arr_next.png)}

.category-name{display:block;font-size:21px;font-weight:400;color:#4d4d4d;letter-spacing:.35em;line-height:23px}
.tab-buttons{padding:.375rem 0 0;width:9rem;max-width:100%}
.tab-button-list{width:100%;font-size:0;line-height:0}
.tab-button-list:after{content:"";display:block;height:0;clear:both}
.tab-button-list li{display:inline-block;padding:.1rem .25rem .1rem 0;width:33.3%}
.tab-button-list .tab-button{display:block;text-align:center;font-size:.45rem;font-weight:600;line-height:.5rem;padding:.2rem 0;background:#f2f2f2;color:#ccc}
.tab-button-list .selected .tab-button{background:#4d4d4d}

.m	.tab-button-list li{padding:.16rem .33rem .16rem 0;width:33.3%}
.m	.tab-button-list .tab-button{font-size:.867rem;padding:.5rem 0;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.aligner .pnt,
.ins-container .pnt{color:#05C8C2 !important}
.artc-title{padding:.8rem 0 .9rem;border-bottom:.05rem solid #ccc;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:900;font-size:1.425rem;line-height:1.75rem}
.artc-title span{white-space:nowrap;display:inline-block}
.artc-desc{padding:1.25rem 0 0}
#subScn .artc-desc{padding:0}
.artc-desc .dc-tit{font-weight:600;font-size:.7rem;line-height:1rem}
.artc-desc .wow{font-weight:600;font-size:.7rem;line-height:1rem} /*new*/
.artc-desc .dc-tit span{display:block}
.artc-desc .description{padding:.6rem 0 0;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:400;line-height:.7rem;font-size:.45rem}

.artc-desc .dc-bt{padding-top:1.25rem;display:block}
.artc-desc .dc-bt .bt{display:block;width:100%;background:#4d4d4d}
.artc-desc .dc-bt .bt .txt{color:#fff}
.artc-desc .description strong{font-weight:900}

.artc-desc .dc-bt1{padding-top:1.25rem;display:block}
.artc-desc .dc-bt1 .bt{display:block;width:100%;background:#40A940}
.artc-desc .dc-bt1 .bt .txt{color:#fff}

.evt-desc{display:table;width:100%;table-layout:fixed;height:auto}
.evt-desc-item{display:table-cell;vertical-align:top;width:auto;padding-top:1.3rem}
.evt-desc-item.evt-cnt{width:40.7%}
.evt-desc-item .tit{display:block;padding-bottom:.75rem;padding-left:.375rem;position:relative;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:900;font-size:.375rem;line-height:.55rem}
.evt-desc-item .tit:after{content:"";position:absolute;height:.55rem;width:.075rem;background:#17AFAA;top:0;left:0}
.evt-desc-item .dc{display:block;line-height:.95rem;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:300;letter-spacing:-.02em;font-size:.7rem}
.evt-desc-item .dc span{display:block}
.evt-desc-item .dc strong{font-weight:900}
.evt-desc-item .dc-bull{display:block;padding-bottom:.75rem;padding-left:.72rem;position:relative;font-weight:600;font-size:.5rem;line-height:.55rem}
.evt-desc-item .dc-bull .bullet{width:.303rem;position:absolute;left:0;top:.125rem}

.reward-list{position:relative;margin-left:-.2rem;margin-right:-.2rem}
.reward-list:after{content:"";display:block;height:0;clear:both}
.reward-list li{float:left;position:relative;width:33.3%;padding:0 .2rem}
.reward-list li .gift{display:block;width:100%;background:#05C8C2;height:auto}
.reward-list li .txt{display:block;padding-top:.25rem;font-family:"moonlight-NewRodinPro-DB.otf";font-size:.375rem;letter-spacing:-0.02rem;font-weight:600;line-height:.5rem;height:1.05rem}

#reserv:before{content:"";display:block;position:absolute;left:33.3%;top:0;bottom:0;width:33.3%;height:100%;background:#288CD2}
#reserv .ins-container{overflow-y:auto;min-height:100%}
#reserv .ins-container .ins-container-tb{height:auto;min-height:100%;display:table;width:100%;table-layout:fixed}
#reserv .ins-container .ins-container-tbc{display:table-cell;width:100%;vertical-align:middle;height:100%}
#reserv .ins-container .ins-area-wrap{display:table;width:100%;height:auto;table-layout:fixed}
#reserv .artc-title{font-size:1.4rem;line-height:1.75rem;font-weight:600;width:110%;position:relative;border-bottom:0 none}
#reserv .artc-title:after{content:"";display:block;position:absolute;bottom:0;height:.05rem;background:#ccc;left:0;width:90.9%}
#reserv .ins-area{display:table-cell;position:relative;padding-bottom:4rem;vertical-align:top;width:33.3%;height:100%;overflow:visible;float:none}
#reserv .ins-area .ins-wrap{padding-top:1.25rem;padding-bottom:0;width:100%;height:auto}
#reserv .ins-area .ins-content{display:block;margin:0 auto}
#reserv .ins-area.wide .ins-content{max-width:18.85rem}
#reserv .ins-area.narrow .ins-content{max-width:11.15rem}
#reserv .ins-area .ins-content{max-width:11.15rem}
#reserv .artc .reward-list{margin-left:0;margin-right:0;padding-right:39.3%}
#reserv .artc .reward-list li{padding-right:.4rem;padding-left:0}
#reserv .reward-list li.sup{width:100%;padding-left:.2rem;padding-right:.2rem}
#reserv #reserv_kakao .reward-list li .gift img{width:58%}
#reserv #reserv_google .reward-list li .gift{padding:.175rem 0}
#reserv .reward-list li .gift img{width:76%;margin:0 auto}
#reserv .reward-list li.sup .gift img{width:100%}
#reserv .narrow{color:#fff}
#reserv .narrow .ins-wrap{max-width:11.15rem;margin:0 auto}
#reserv .ins-container .ins-area,
#reserv .ins-container .ins-area{padding-left:3.05rem;padding-right:3.05rem}
#reserv .narrow .category-name,
#reserv .narrow .artc-title,
#reserv .narrow .artc-desc{color:#fff}
#reserv .narrow p, #reserv .narrow span{color:#fff}
#reserv .narrow .bt{background:#fff}
#reserv .narrow .bt .txt{color:#4d4d4d}
#reserv #cs .narrow .bt1{background:#fff}
#reserv #cs .narrow .bt1 .txt{color:#40A940}
#reserv .bt{background-color:#4d4d4d}
#reserv .bt .txt{color:#fff}
#reserv #cs .bt1{background-color:#40A940}
#reserv #cs .bt1 .txt{color:#fff}
#reserv #reserv_google{background-color:#288CD2} /*new*/
#reserv #reserv_google .category-name,
#reserv #reserv_google .artc-title,
#reserv #reserv_google p,
#reserv #reserv_google span{color:#fff}
#reserv #reserv_google .bt{background:#fff}
#reserv #reserv_google .bt .txt{color:#4d4d4d}
#reserv #reserv_google #cs .bt1{background:#fff}
#reserv #reserv_google #cs .bt1 .txt{color:#40A940}
#reserv #reserv_google .dc-large{padding-top:.3rem}
#reserv #reserv_cafe .reward-list li{width:50%}
#reserv #reserv_cafe .dc-large{padding-top:.2rem}
#subScn #reserv .artc-desc{}
#reserv .reserv-button{position:absolute;bottom:1.2rem;left:3.05rem;right:3.05rem}
#reserv  .reserv-button .bt{width:100%}
#cs .reserv-button .bt1{width:100%}

#reserv .reward{display:block;width:100%;padding-bottom:0rem}
#reserv .reward img{width:100%}
#reserv .scrdown{position:fixed;bottom:0;left:50%;display:none;-moz-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s}
.dc-large{font-weight:900;font-family:"moonlight-NewRodinPro-DB.otf";letter-spacing:-.02em;font-size:.7rem;line-height:.95rem;padding:1.4rem 0 0}

.share-with{text-align:left;display:block;height:1.125rem;font-size:0;line-height:0}
.share-with .txt{display:inline-block;position:relative;top:-.375rem;width:5.35rem;font-family:"moonlight-NewRodinPro-DB.otf";font-size:.475rem;font-weight:300;letter-spacing:.5em;color:#999;line-height:.525rem;padding:.3rem 0}
.share-with a{width:1.5rem;display:inline-block;height:auto} /*1.5rem*/
.share-with a object{position:relative;z-index:0;pointer-events:none;display:block;margin:0 auto;width:1.000rem} /*width:1.125rem*/
.m .share-with a{width:4.0rem} /*width:4.6rem*/
.m .share-with a object{width:3.257rem;margin:0} /*width:3.757rem*/

.media-tab{background:#4d4d4d;position:relative;padding-top:1.5rem}
.media-tab-list{width:100%;height:auto}
.media-tab-list:after{content:"";display:block;height:0;clear:both}
.media-tab-list li{float:left;min-width:6.75rem;position:relative}
.media-tab-list li .tab-button{position:relative;font-size:0;line-height:0;width:100%;display:block;height:3.6rem;color:#fff}
.media-tab-list li .tab-button:after{content:"";display:block;position:absolute;bottom:-1px;left:50%;width:0;height:5px;background-color:#05c8c2;opacity:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.media-tab-list li .tab-button:hover:after,
.media-tab-list li.selected .tab-button:after{opacity:1;left:-1px;width:100%;padding:0 1px;right:-1px}
.media-tab-list li .tab-button .eng{display:block;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:300;font-size:13px;letter-spacing:5px;line-height:19px}
.media-tab-list li .tab-button .tit{display:inline-block;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:900;font-size:1.425rem;line-height:1.75rem;position:relative;padding-right:1.2rem;padding-top:.25rem}
.media-tab-list li .tab-button object{position:absolute;right:0;top:50%;margin-top:-.15rem;width:.7rem;}

.media-scroller{position:absolute;top:5.1rem;bottom:0;left:0;right:0;overflow-y:auto}
.media-scroller .ins-area{vertical-align:middle;float:none}
.media-scroller .ins-container .ins-area .ins-wrap{padding:1.25rem 0 .5rem;width:1676px;max-width:90%;position:relative;display:block;margin:0 auto}
.media-list{display:block;margin-left:-.575rem;margin-right:-.575rem;font-size:0;line-height:0; padding-bottom: 30px;}
.media-list li{display:inline-block;width:33.3%;padding:0 .575rem;text-align:center}
.media-list img{width:100%;display:block}
.media-list-item{text-align:center;display:block;position:relative}
.media-list-item .title{display:block;text-align:left;font-family:"moonlight-NewRodinPro-DB.otf";font-weight:300;font-size:.6rem;line-height:.75rem;padding:.4rem 0 .6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-list-item .thumbnail{display:block;width:100%;overflow:hidden;height:auto;position:relative}
.media-list-item .thumbnail .preview{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.media-list-item:hover .thumbnail .preview{-moz-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

.url-box{display:block;overflow:hidden;height:1.5rem;background:#f2f2f2;position:relative;padding-right:3.45rem;margin-bottom:.75rem}
.url-box .copy-url{padding-left:.6rem;display:block;padding-right:4rem;font-family:"moonlight-NewRodinPro-DB.otf";border:0 none;background:transparent;outline:0 none;font-weight:900;font-size:.55rem;line-height:.8rem;padding-top:.35rem;padding-bottom:.35rem;background:#f2f2f2;position:absolute;top:0;left:0;right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.url-box .bt-copy{position:absolute;right:0;width:3.45rem;text-align:center;top:0;background:#4d4d4d;color:#fff;font-weight:600;font-size:.45rem;line-height:.6rem;padding:.45rem 0}
#shareURL{position:relative;width:100%;font-size:.2rem;border:none;outline:none;background:transparent}

.concept-art-wrap{display:block;position:relative;padding-right:11.65rem;height:auto}
.concept-art-wrap img{width:100%}
.concept-art-wrap .preview{width:100%;position:relative;height:auto}
.concept-art-wrap .preview:after{content:"";display:block;height:0;clear:both}
.concept-art-wrap .preview-item{width:100%;position:relative;height:auto;overflow:hidden}
.concept-art-wrap .art-name{float:left;font-size:.6rem;line-height:.8rem;font-weight:300;padding-top:.45rem}
.concept-art-wrap .share-with{float:right}
.concept-art-wrap .thumbnails{position:absolute;right:0;top:0;width:11rem}
.concept-art-wrap .thumbnails .thumb-list{width:100%}
.concept-art-wrap .thumbnails .thumb-list:after{content:"";display:block;height:0;clear:both}
.concept-art-wrap .thumbnails .thumb-list li{width:50%;padding-left:.55rem;float:left;padding-bottom:.675rem}
.concept-art-wrap .thumbnails .thumb-list li a{position:relative;display:block;width:100%;height:auto}
.concept-art-wrap .thumbnails .thumb-list li a:after{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
.concept-art-wrap .thumbnails .thumb-list li a:hover:after,
.concept-art-wrap .thumbnails .thumb-list li.selected a:after{border:.2rem solid #05C8C2}

#preview{position:absolute;width:100%;height:100%;top:0;left:0;display:block}

.concept-art-wrap .share-with{height:auto;padding-top:.425rem}
.concept-art-wrap .share-with .txt{top:-.15rem}
.concept-art-wrap .share-with a{width:1rem}
.concept-art-wrap .share-with a .ic{display:block;width:.75rem;margin:0 auto}
.concept-art-wrap .share-with .bt-copy{position:relative;float:right;width:3.8rem;background:#999;color:#fff;font-size:.375rem;line-height:.45rem;padding:.15rem 0;text-indent:.25rem;margin-left:.6rem}
.concept-art-wrap .share-with .bt-copy .arr{position:absolute;right:0;width:.75rem;top:0}

.ins-area.vis.slider-wrap .ins-wrap{z-index:0}
#reserv .ins-area.narrow{background:#4d4d4d}
#event1 .ins-area.vis .ins-wrap{width:auto;right:0;left:-2.6rem;background-position:left center;background-image:url(img/visual_event1.jpg)}
#event2 .ins-area.vis .ins-wrap{width:auto;right:0;left:-2.6rem;background-position:left center;background-image:url(img/visual_event2.jpg)}
#share .ins-area.vis .ins-wrap{width:auto;right:0;left:-2.6rem;background-position:left center;background-image:url(img/visual_share.jpg)}
#cs .ins-area.vis .ins-wrap{width:auto;right:0;left:-2.6rem;background-position:left center;background-image:url(img/visual_contact_us.jpg)}
#story .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_story.jpg)}
#character1 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters1.jpg)}
#character2 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters2.jpg)}
#character3 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters3.jpg)}
#character4 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters4.jpg)}
#character5 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters5.jpg)}
#character6 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters6.jpg)}
#character7 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_characters7.jpg)}
#speciality1 .ins-area.vis .ins-wrap{width:100%;right:0;left:0;z-index:0;background-position:center;background-image:url(img/contents_visual_world.jpg)}
#speciality2 .ins-area.vis .ins-wrap{width:100%;right:0;left:0;z-index:0;background-position:center;background-image:url(img/contents_visual_speciality_2.jpg)}
#speciality3 .ins-area.vis .ins-wrap{width:100%;right:0;left:0;z-index:0;background-position:center;background-image:url(img/contents_visual_speciality_3.jpg)}
#speciality4 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_speciality_4.jpg)}
#speciality5 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_speciality_5.jpg)}
#speciality6 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_speciality_6.jpg)}
#prologue1 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_prologue1.jpg)}
#prologue2 .ins-area.vis .ins-wrap{width:auto;right:0;left:0;background-position:center;background-image:url(img/contents_visual_prologue2.jpg)}
#prologue1 .tab-button-list li,
#prologue2 .tab-button-list li{width:50%}
#event1 #cs .category-name{font-family:"moonlight-NewRodinPro-DB.otf";font-weight:300}
#event .category-name{font-family:"moonlight-NewRodinPro-DB.otf";font-weight:300}
@media (max-width:1719px){
	#reserv .ins-container .ins-area{padding-left:2.2rem;padding-right:2.2rem}
	.ins-container .ins-area.artc .ins-scroller{padding-left:2.2rem;padding-right:2.2rem}
  #reserv #reserv_google{background-color:#288CD2} /*new*/

	#reserv #cs .reserv-button{left:2.2rem;right:2.2rem}
	#reserv #cs .bt{padding-left:0;padding-right:1rem}
	#reserv #cs .bt .txt{padding-left:0;left:.2rem}
	#reserv #cs .bt .arr{right:-.8rem}
  #reserv  #cs .bt1{padding-left:0;padding-right:1rem}
  #reserv  #cs .bt1 .txt{padding-left:0;left:.2rem}
  #reserv  #cs .bt1 .arr{right:-.8rem}


	#eventBannerSlider .aligner{
		background:-moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%) 0% 0% no-repeat;
		background:-webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%) 0% 0% no-repeat;
		background:-ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%) 0% 0% no-repeat;
		background:linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%) 0% 0% no-repeat;
	}
}

@media (max-width:1079px){
	img.pc{display:none !important}
	img.m{display:block !important}
	#wrapper .bt{height:3rem;padding-left:0;padding-right:1.81rem}
	#wrapper .bt .txt{font-size:1.05rem;line-height:1.15rem;top:.875em;left:-.5rem}
	#wrapper .bt .arr{width:.95rem;height:.95rem;right:-1rem}
	#wrapper .bt:after{height:.25‬rem}

	#wrapper.nav{padding-left:15.6rem}
	#wrapper.nav #header{left:15.6rem}
	#navigation{width:15.6rem}
	#subs .scene{overflow-y:auto}
	#contentsScn .ins-area.artc{display:block;float:none;width:100%}
	.ins-container{min-height:100%;height:auto;display:block;width:100%;position:relative;overflow:visible}
	.ins-container .ins-area{display:block;position:relative;vertical-align:middle;height:auto;font-size:0;line-height:0}
	.ins-container .ins-area.wide,
	.ins-container .ins-area.narrow{float:none;width:auto;text-align:left;width:100%}
	.ins-container .ins-area .ins-wrap{height:auto;display:block;margin:0 auto;max-width:inherit !important}
	.ins-container .ins-area.vis{display:none}
	.ins-container .ins-area.slider-wrap{display:block;height:auto;margin-top:1.5rem;position:relative}
	.ins-container .ins-area.slider-wrap .blank{display:block;height:auto;width:100%}
	.ins-container .ins-area .dc-explore{font-size:.67rem;line-height:.91rem}
	.ins-container .m-item-block{display:block;position:relative;width:auto}
	.ins-container .m-item-block .tab-buttons{width:auto;padding-left:2.2rem;padding-right:2.2rem}
	.ins-container .m-item-block 	.category-name{font-size:.7rem;line-height:1.1;padding-top:1.65rem;padding-left:2.2rem;padding-right:2.2rem}
	.ins-container .m-item-block .visual{margin-top:1.5rem}
	.concept-art-wrap{padding-right:0}
	.concept-art-wrap .thumbnails{position:relative;top:auto;overflow:visible;width:100%;padding-top:1.52rem}
	.concept-art-wrap .thumbnails .thumb-list li{width:33.3%;padding-left:.82rem;padding-bottom:.606rem}
	.concept-art-wrap .thumbnails .thumb-list{margin-left:-.82rem;width:auto;margin-right:0}
	.concept-art-wrap .thumbnails .thumb-list li a:hover:after,
	.concept-art-wrap .thumbnails .thumb-list li.selected a:after{border-width:.242rem}
	.media-tab{padding-top:3.06rem}
	.media-tab-list li .tab-button{height:5.44rem}
	.media-tab-list li .tab-button .tit{font-size:1.73rem;line-height:2.12rem;padding-top:.72rem;padding-right:1rem}
	.media-tab-list li .tab-button object{width:.82rem;margin-top:0}
	.media-scroller{top:8.5rem}
	#subScn .ins-container .m-item-block .visual{margin-top:0}
	.ins-container .p-item-block{display:none}
	.ins-container .ins-area.artc .ins-scroller{width:auto;display:block;position:relative;padding-left:2.2rem;padding-right:2.2rem}
	.inscene-slider-controller{bottom:.8rem}
	.inscene-slider-controller .inscene-slider-nav li a{width:3.33rem;height:2.424rem}
	.inscene-slider-controller .inscene-slider-nav li a:after{border-width:.182rem}
	.inscene-slider-controller .inscene-slider-nav li.selected a:after{border-width:.2424rem}
	.inscene-slider-controller .inscene-slider-nav li a .txt{font-size:.64rem;line-height:.7rem}
	.bt-sub-prev, .bt-sub-next{width:2.2rem;height:2.2rem;margin-top:-1.1rem}
	.bt-sub-prev{left:.2rem}
	.bt-sub-next{right:.2rem}
	#subScn .ins-container .ins-area.artc .ins-wrap{margin:0;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
	.evt-desc-item{display:block;width:100%;padding-top:1.52rem}
	.evt-desc-item.evt-cnt{width:100%}
	.category-name{font-size:.485rem}
	.artc-title{font-size:1.72rem;line-height:2.12rem;padding:.303rem 0 1.212rem}
	.evt-desc-item .tit{font-size:.515rem;line-height:.75rem}
	.evt-desc-item .tit:after{height:.75rem}
	.evt-desc-item .dc span{display:inline}
	.evt-desc-item .dc-bull{font-size:.76rem;line-height:1.52rem;padding-left:.534rem;padding-bottom:.91rem}

	.bt-sub-close{height:3.64rem;width:3.64rem;right:.52rem;top:.2rem;background-position:center;background-size:1.363rem auto}
	#btContPrev,
	.bt-sub-prev{background-image:url(img/arr_prev_m.png)}
	#btSubNext,
	#btSubNext.dark,
	.bt-sub-next{background-image:url(img/arr_next_m.png)}

	.wrap{width:26rem}
	.media-scroller .ins-container .ins-area .ins-wrap{width:26rem;max-width:90% !important;padding-top:3rem;padding-bottom:1.5rem}
	.media-scroller .ins-wrap .media-list li{width:100%;padding-left:0;padding-right:0}
	.media-tab-list li{width:50%;min-width:inherit}
	.concept-art-wrap .art-name{float:none;display:block;font-size:.787rem;line-height:1.06rem;padding:.424rem 0 .485rem}
	.concept-art-wrap .share-with{float:none;padding-top:0}
	.concept-art-wrap .share-with .txt{display:none}
	.concept-art-wrap .share-with a{width:2.000rem} /*width:2.242rem*/
	.concept-art-wrap .share-with a .ic{margin:0;display:block;width:1.82rem}
	.concept-art-wrap .share-with a object{width:1.82rem}
	.concept-art-wrap .share-with .bt-copy{width:6.97rem;font-size:.636rem;line-height:.7rem;padding:.56rem 0;text-indent:.454rem;margin-left:0}
	.concept-art-wrap .share-with .bt-copy .arr{position:absolute;top:50%;right:.484rem;margin-top:-.375rem}
	.media-list-item .title{font-size:.787rem;padding:.424rem 0 .727rem;line-height:1.06rem}
	.ins-container .ins-area.narrow .ins-wrap{max-width:inherit}
	.header .aligner.download,
	.header .aligner.reserv,
	.header .aligner.menu{display:none}
	.header .aligner.nav{width:3rem;max-width:inherit}
	.header .aligner.home{width:auto;max-width:inherit;padding-right:3rem} /*default padding-right:3rem*/
  .header .aligner.pre-banner{width:auto;max-width:inherit;padding-left:4rem} /*new*/
	.header .bt-nav{width:3rem;height:3rem}
	.header .bt-nav object{width:1.125rem;top:.9375rem}
	.header .bt-home{margin:0 auto;display:block;text-align:center;font-size:0;line-height:0} /*display:block default,*/
	.header .bt-home img{display:inline-block;max-width:4rem}
  .header .bt-pre{margin:0 auto;display:block;text-align:center;font-size:0;line-height:0} /*new, display:block default,*/
  .header .bt-pre img{display:inline-block;max-width:6rem} /*new*/

	.header .aligner.icon-menu{width:auto;text-align:right;display:table-cell}
	.header .icon-menu-list li{padding-left:.212rem} /*padding-left:.212rem*/
	.header .icon-menu-list a{width:2.272rem}
	#header{height:3.6rem;top:-3.6rem}
	.contents-list li{width:50%}
	#main .contents .title-bi{max-width:23.64rem}
	#main .contents.comingup .title-bi{max-width:15.09rem}
	#main .contents.comingup .bt-play{width:3.545rem}
	#main .dc-would-u{font-size:1.500rem;line-height:1.09rem} /*font-size:.788rem;*/
	/*#main .dc-would-u span{display:block}*/
	#main .main-buttons .download{width:64.5%;max-width:8.4rem}
	#main .main-buttons .download .imgbt{width:90.25%;max-width:7.575rem}
	#main .main-buttons{padding-left:0;width:auto}
	#main .main-buttons .bt{width:50%;margin-left:.7rem;padding-left:0;padding-right:1.5rem}
	#main .main-buttons .bt:first-child{margin-left:-.7rem}
	#main .main-buttons .bt .txt{display:block;margin-left:.75rem;max-width:100%}
	#main .main-buttons .bt em{font-style:normal}

	#navigation .nav-wrap{padding-top:1rem}
	.bt-nav-close{position:relative;left:auto;margin-left:0;top:auto;margin-top:-3rem;width:9.975rem;margin:0 auto;height:3rem;display:block}
	.bt-nav-close object{width:1.125rem;top:.9375rem;margin:0}
	.nav-buttons,
	.nav-mid,
	.nav-menu-list{width:9.975rem}
	.nav-wrap .nav-menu-list li{width:9.975rem}
	.nav-menu-list.top{padding-bottom:1.15rem}
	#navigation .nav-mid:after,
	#navigation .nav-menu-list.top:after{height:1px}
	#navigation .nav-mid:after{bottom:0}
	#navigation .nav-menu-list.top:after{bottom:0}
	.nav-menu-list a .txt{line-height:1.212rem;font-size:1.09rem}
	.nav-buttons{padding:1.82rem 0 .91rem}
	.nav-buttons .bt-links{width:50%}
	.nav-mid{padding:1.09rem 0 .65rem}
	.nav-menu-list a{padding:.606rem .9rem .606rem 0}
	.nav-menu-list a:after{right:.3rem;width:.4125rem}
	.nav-menu-list .d2{padding:.5rem .9rem .5rem 0}
	.nav-menu-list .d2 .txt{padding-left:.9rem;line-height:1;font-size:1rem}
	.nav-menu-list .d2 .txt:after{width:.3rem;left:.15rem}
	.nav-menu-list .download .imgbt{width:7.575rem}
	.nav-buttons .bt-links .icon{width:2.97rem;height:2.97rem}
	.nav-buttons .bt-links .txt{font-size:.878rem;line-height:.97rem;padding-top:.636rem}

	#eventBannerSlider{height:13.5rem}
	#eventBannerSlider .aligner-wrap .aligner{padding:0 1.7rem}
	.swiper-slide .event-title span{display:block}
	.swiper-slide .event-title .m-inv{display:none}
	.swiper-slide .bt{width:auto;min-width:10rem;max-width:100%}
	#wrapper #eventBannerSlider .bt .txt{left:0}
	.swiper-pagination-bullet{width:.4rem;height:.4rem}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .35rem}

	#reserv:before{display:none}
	#reserv_kakao .artc-title br:first-child{display:none}
	#reserv .ins-area{padding-bottom:2rem}
  #reserv_google .ins-area{background-color:#288CD2} /*new*/
	#reserv .ins-container .ins-container-tb{display:block}
	#reserv .ins-container .ins-container-tbc{display:block}
	#reserv .ins-container .ins-area{padding-left:2.2rem;padding-right:2.2rem;width:100%}
	#reserv .artc .reward-list{margin-left:-.2rem;margin-right:-.2rem;padding-right:0}
	#reserv .artc .reward-list li{padding:0 .2rem}
	#reserv .artc .reward-list li.sup{position:relative;width:100%;padding:0 .2rem}
	#reserv #reserv_google{background-color:#288CD2}
  /*#reserv #reserv_google{background-color:#4d4d4d}*/
	#reserv .reserv-button{position:relative;left:auto;right:auto;bottom:auto;padding-top:1.576rem}
  #reserv .reserv-button1{position:relative;left:auto;right:auto;bottom:auto;padding-top:1.576rem}
	.reward-list li .txt{font-size:.576rem;line-height:.757rem;padding-top:.4rem;height:1.514rem;padding-bottom:.545rem}
	.reward-list li.sup .txt{height:auto}
	.evt-desc-item .dc-bull .bullet{top:.545rem}
	#reserv .ins-container{overflow:hidden}
	#reserv .reward{padding-bottom:1.576rem} /*default 1.576rem*/
	#reserv .bt .txt{padding-left:.5rem}

	.contents-list-link-item .category{font-size:.787rem;line-height:.878rem}
	.contents-list-link-item .title{font-size:.97rem;line-height:1.06rem}
	h2.title{font-size:1.212rem;line-height:1}
	.swiper-slide .event-stit{font-size:.64rem;line-height:.7rem}
	.swiper-slide .event-title{font-size:1.212rem;line-height:1.455rem}
	.swiper-slide .event-title em{display:inline;font-style:normal}
	#main .swiper-slide .bt{min-width:10rem}
	#reserv .ins-area{display:block}
	#reserv .ins-area .ins-wrap{display:block}
	#reserv .ins-area .ins-content{max-width:inherit !important}

	.dc-large{font-size:.85rem;line-height:1.15rem}
	.artc-desc .dc-tit{font-size:1.09rem;line-height:1.545rem}
  .artc-desc .wow{font-size:1.09rem;line-height:1.545rem} /*new*/
	.artc-desc .description{font-size:.7rem;line-height:1.09rem}



	.url-box{height:2.24rem;padding-right:4.18rem;margin-bottom:1.272rem}
	.url-box .copy-url{padding-left:.67rem;padding-right:4.85rem;font-size:.67rem;line-height:.84rem;padding-top:.7rem;padding-bottom:.7rem}
	.url-box .bt-copy{width:4.18rem;font-size:.788rem;line-height:.88rem;padding:.68rem 0}

	.share-with{height:auto}
	.share-with .txt{display:block;font-size:.727rem;line-height:1rem;padding:0 0 .94rem;top:0;width:auto}
	.share-with a,
	.m .share-with a{width:3.5rem}　
  /*	.m .share-with a{width:4.6rem}　*/
	.share-with a object,
	.m .share-with a object{width:3.000rem;margin:0}
/*.m .share-with a object{width:3.757rem;margin:0}*/
	#copyDone{width:21.8rem;max-width:90%;height:auto;padding:1.5rem}
	.layer .icon-wrap{width:2.45rem}
	.layer .alert-text{font-size:.85rem;line-height:1.12rem;padding:2.18rem 0 2.78rem}
	.layer .bt-ok{width:4.84rem;font-size:.545rem;line-height:.6rem;padding:.6rem 0}

	#video{width:38.788rem;max-width:90%}
	.layer .bt-close{width:1.82rem;height:1.82rem;right:0;left:auto;top:auto;bottom:100%}
	.layer .bt-close object{width:.72rem;margin-left:-.36rem;margin-top:-.36rem;z-index:0}
	.tab-button-list li,
	.m .tab-button-list li{padding:.16rem .33rem .16rem 0;width:33.3%}
	.tab-button-list .tab-button,
	.m .tab-button-list .tab-button{font-size:.867rem;padding:.5rem 0;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	#reserv.now .scrdown{width:6.96rem;margin-left:-3.48rem;display:block;opacity:1}
	#scrCafe{opacity:0}
}

@media (max-width:640px){
	#main .main-buttons .bt em{display:none}
}


.cst-bt1 {
	box-shadow: 0px 1px 0px 0px #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	border-radius:6px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.cst-bt1:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
.cst-bt1:active {
	position:relative;
	top:1px;
}

.cst-bt2 {

    width:100%;

    background-color: #f8585b;

    border: none;

    border-radius:10px;
    color:#fff;

    padding: 15px 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 4px;

    cursor: pointer;

}
.cst-bt2:hover {
    background-color: pink;

}
.cst-bt3 {

        width:100%;

        background-color: #0064CD;

        border: none;

        border-radius:10px;
        color:#fff;

        padding: 15px 0;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        font-size: 15px;

        margin: 4px;

        cursor: pointer;

    }
    .cst-bt3:hover {
        background-color: #50B4F5;

    }

    .cst-bt4 {

            width:100%;

            background-color: #505050;

            border: none;

            border-radius:10px;
            color:#fff;

            padding: 15px 0;

            text-align: center;

            text-decoration: none;

            display: inline-block;

            font-size: 15px;

            margin: 4px;

            cursor: pointer;

        }
        .cst-bt4:hover {
            background-color: #a0a0a0;

        }

        .cst-bt5 {

                width:100%;

                background-color: #FFB400;

                border: none;

                border-radius:10px;
                color:#fff;

                padding: 15px 0;

                text-align: center;

                text-decoration: none;

                display: inline-block;

                font-size: 15px;

                margin: 4px;

                cursor: pointer;

            }
            .cst-bt5:hover {
                background-color: #D7A35D;

            }

.cst-bt6 {

    width:100%;

    background-color: #0A6E0A;

    border: none;

    border-radius:10px;
    color:#fff;

    padding: 15px 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 4px;

    cursor: pointer;

    }
    .cst-bt6:hover {
      background-color: #3CC8C8;

    }

    .cst-bt7 {

        width:100%;

        background-color: #46649B;

        border: none;

        border-radius:10px;
        color:#fff;

        padding: 15px 0;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        font-size: 15px;

        margin: 4px;

        cursor: pointer;

        }
        .cst-bt7:hover {
          background-color: #41CDCD;

        }

        .cst-bt8 {

            width:100%;

            background-color: #FF8200;

            border: none;

            border-radius:10px;
            color:#fff;

            padding: 15px 0;

            text-align: center;

            text-decoration: none;

            display: inline-block;

            font-size: 15px;

            margin: 4px;

            cursor: pointer;

            }
            .cst-bt8:hover {
              background-color: #F06464;

            }


            .cst-bt9 {

                width:100%;

                background-color: #4BAF4B;

                border: none;

                border-radius:10px;
                color:#fff;

                padding: 15px 0;

                text-align: center;

                text-decoration: none;

                display: inline-block;

                font-size: 15px;

                margin: 4px;

                cursor: pointer;

                }
                .cst-bt9:hover {
                  background-color: #538053;

                }

      .artc-desc .indent-1 {
        padding-top: .6rem;
        padding-left:1em;
        text-indent:-1em;
        font-family:"moonlight-NewRodinPro-DB.otf";
        font-weight:400;
        line-height:.7rem;
        font-size:.50rem /*54*/
                }

  .artc-desc .indent-2 {
        padding-left:1em;
        text-indent:-1em;
        font-family:"moonlight-NewRodinPro-DB.otf";
        font-weight:400;
        line-height:15px;
        font-size:10px
                }

        /*ft*/

        .footer-column {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 150%; /*100%*/
          transform:translateX(-50%) translateY(-50%);
        }

        .footer-column > * {

            margin:0 5px;

            vertical-align: middle;

        }

        .footer-column img {

            height: 70px;

            width: 100%; /*auto;*/

        }
        .footer-column1{

            position: relative;

        }
        .footer-column .footer-column1 img{

                position: absolute;

             top: 50%;

             transform: translateY(-50%);

             left:0;

         }

         .footer-column img {

             height: auto;

          /*   width: 100%; */

             max-width: 150px;

             max-height: 60px;

             display: block;

         }

        .footer-column > *{

              max-width: 31%;

              margin:0 .5%;

              padding: 0;


              max-height: 60px;

          }

        .footer-column .footer-column1{

              width: 150px
          }

        .footer-column .footer-column1{

              width: 33%
          }

        /* Clear floats after the columns */
        /*.footer-row:after {
          content: "";
          display: table;
          clear: both;
        }*/

        /* BN fixed */
        .footer-row {
          position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          height:70px;
          background-color:  rgba(0,0,0,.9);
          color: white;
          text-align: center;
          z-index: 1000;
          transition: all .7s;


        }

        .footer-row * {display: inline-block;vertical-align: middle;}


          .footer-column1{

            position: relative;

        }

          .footer-column1 iframe {

            opacity: 0;

            margin-left: -50%;

            width:95% !important;

            position: absolute !important;

            display: inline-block;

            top: 50%;

            transform:translateX(2.5%) translateY(-50%);

        }
        @media screen and (min-width: 1001px){
          .footer-column .footer-column1 {

               width: 290px

           }
         }

        .footer-row {white-space: nowrap;height: 70px;}

        /*floatMenu*/


    .wow:first-child {
      visibility: hidden;
    }
}


/*end*/