@charset "utf-8";

@import "swiper.min.css";

html,body{position:relative; width:100%; height:100%; font-family:'Work Sans'; color:#222; font-size:15px; line-height:1; font-weight:400; letter-spacing:-0.02em; word-break:keep-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {background:#f3f3f3;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0px; padding:0px; vertical-align:top;}
body {position:relative; width:100%;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6, th {font-weight:400}
table {border-collapse:collapse; border-spacing:0; word-break:break-all;}
table th {font-weight:normal;}
img, button, fieldset, abbr, acronym {border:0;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:700;}
em{font-weight:400;}
caption, legend {width:0px; height:0px; font-size:0px; line-height:0px; visibility:hidden;}
img {max-width:100%;}
q:before, q:after {content:'';}
hr {display:none;}
iframe {border:none; outline:none;}
br{font-family:dotum}
fieldset {display:block;min-width:0;}

a {text-decoration:none; color:inherit; cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}

input,
select {font-family:'Work Sans', sans-serif;font-weight:400;}
button {font-family:'Work Sans', sans-serif; font-weight:400; font-size:15px; padding:0; border:none; outline:none; background:none; cursor:pointer;}

a {text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
a:link, a:visited {text-decoration:none;color:inherit;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}

html.fix {overflow:hidden;}

.iframe-video-player {position:relative; max-width:100%; margin:0 auto;}
.iframe-video-player .btn-pop-close {}
.iframe-video-player .video-wrap {background:#000; border-radius:32px; overflow:hidden;}
.iframe-video-player .video-wrap iframe {border:none; outline:none;}

.video-wrap {position:relative;}
.video-player {position:relative; padding-top:56.25%;}
.video-player iframe,
.video-player object,
.video-player video,
.video-player embed{position:absolute;top:0;left:0;width:100%;height:100%}

.pop-wrap {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:9999; overflow:hidden; transition:left 0s 0.35s ease;}
.pop-wrap.actived {left:0;transition-delay:0s;}
.pop-wrap.actived .cover {opacity:1;}
.pop-wrap.actived .pop-basic-data {transform:scale(1); opacity:1; transition:transform 0.25s 0.05s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease;}
.pop-wrap.black .cover {background:rgba(26,23,23,0.8);}

.pop-container {position:absolute;top:0;left:0;width:100%;height:100%; overflow-y:auto;z-index:10;}
.pop-parents {position:relative; display:table; width:100%; height:100%;z-index:5;table-layout:fixed;}
.pop-children {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; padding:50px 53px;}
.pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(243,243,243,0.8); opacity:0; transition:opacity 0.45s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.btn-pop-close {position:absolute; right:0; bottom:100%; width:48px; height:48px; margin:0 0 20px 0; z-index:10;}


.pop-basic-data {position:relative; display:inline-block; transform:scale(0.3); opacity:0; transition:transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease; box-sizing:border-box;}
.pop-basic-data.full {width:100%;height:100%;}
.video-pop-data {display:block;}

.agree-wrap {position:relative; display:flex; width:100%;height:100%; box-sizing:border-box; padding:48px;}
.agree-outer {position:relative; flex:1; max-width:714px; height:100%; margin:0 auto; display:flex; flex-direction:column;background:#F3F3F3; border-radius:16px; overflow:hidden;}
.agree-outer .btn-pop-close {bottom:auto;top:30px;right:22px;width:24px;height:24px;}
.agree-header {width:100%;height:76px; flex:0 0 auto; display:flex; align-items:center;justify-content:center; font-size:28px; line-height:1.3;font-weight:600;color:#1A1717;}
.agree-body {width:100%; height:100%; flex:1; padding:8px 32px 40px 32px; overflow-x:hidden;overflow-y:auto;font-size:11px;line-height:1.5;color:#646765;text-align:left; box-sizing:border-box;}


.blind {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}

a.btn , button.btn , input[type=submit].btn {position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:6.94vw; height:3.89vw; padding:0 1.67vw; font-size:1.04vw; line-height:1.5; text-align:center; font-weight:600; border:1px solid #000; background:#000; border-radius:0; box-sizing:border-box; border-radius:1.94vw;}

a.btn-black , button.btn-black , input[type=submit].btn-black {color:#fff; border-color:#383938; background-color:#383938;}
a.btn-white , button.btn-white , input[type=submit].btn-white {color:#383938; border-color:#B2B4B3; background-color:#fff;}
a.btn-gray , button.btn-gray , input[type=submit].btn-gray {color:#fff; border-color:#B2B4B3; background-color:#B2B4B3;}

.btn.btn-arrow {padding-right:1.67vw;}
.btn.btn-arrow .icon {margin-left:1.11vw;}

.btn.btn-play {padding-right:0.69vw;}
.btn.btn-play .icon {margin-left:1.67vw;}

.btn.btn-mail {padding-right:1.67vw; border-color:#8E918F; background-color:transparent; color:#fff;}
.btn.btn-mail .icon {margin-left:2.57vw;}

.icon {display:inline-flex; align-items:center; justify-content:center; font-size:0; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}

.icon-btn-arrow-white {width:1.67vw; height:1.67vw; background-image:url(../images/icon-btn-arrow-white.png);}
.icon-btn-play-red {width:2.50vw; height:2.50vw; background-image:url(../images/icon-btn-play-red.png);}
.icon-btn-play-black {width:2.50vw; height:2.50vw; background-image:url(../images/icon-btn-play-black.png);}
.icon-visual-play-white {width:5.56vw; height:5.56vw; background-image:url(../images/icon-visual-play-white.png);}
.icon-pop-close-black {width:3.33vw; height:3.33vw; background-image:url(../images/icon-pop-close-black.png);}
.icon-pop-close-black2 {width:1.67vw; height:1.67vw; background-image:url(../images/icon-pop-close-black2.png);}
.icon-btn-mail-white {width:2.22vw; height:2.22vw; background-image:url(../images/icon-btn-mail-white.png);}


.white.logo:before {opacity:0;}
.white.logo:after {opacity:1;}
.white.header-sns-menu .btn-header-sns-nav:before {opacity:0;}
.white.header-sns-menu .btn-header-sns-nav:after {opacity:1;}
.white .dropdown-select-inner {background-color:rgba(255,255,255,0); border-color:#646765;}
.white .dropdown-select-inner .btn-dropdown-nav {color:#828282;}
.white .dropdown-select-inner .btn-dropdown-nav .arrow:before {opacity:0;}
.white .dropdown-select-inner .btn-dropdown-nav .arrow:after {opacity:1;}
.white .dropdown-select-inner .btn-dropdown-item {color:#828282;}
.white .dropdown-select-inner .btn-dropdown-item:hover {color:#fff;}
.white .btn-gnb-nav .nav-name {color:#646765;}
.white .btn-gnb-nav .nav-bar {background:#383938;}
.white .btn-gnb-nav .nav-bar .bar {background:rgba(203,204,203,0.8);}
.white .gnb-list-cell.actived .btn-gnb-nav .nav-name {color:#fff;}

.logo {position:fixed; top:2.22vw; left:2.78vw; width:10.97vw;height:2.22vw; font-size:0;z-index:1500;}
.logo:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;z-index:0; background:url(../images/logo-black.png) center center no-repeat; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease;}
.logo:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;z-index:0; background:url(../images/logo-white.png) center center no-repeat; background-size:100% 100%; opacity:0; transition:opacity 0.2s ease;}

.header-language-menu {position:fixed; top:29px;right:40px; z-index:1500; display:none;}
.header-sns-menu {position:fixed;display:flex; align-items:center; top:2.50vw;right:2.78vw; z-index:1500;}
.header-sns-menu .btn-header-sns-nav {position:relative;display:block;width:1.67vw;height:1.67vw;font-size:0;}
.header-sns-menu .btn-header-sns-nav + .btn-header-sns-nav {margin-left:1.67vw;}
.header-sns-menu .btn-header-sns-nav:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease;}
.header-sns-menu .btn-header-sns-nav:after {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center; background-size:100% 100%; opacity:0; transition:opacity 0.2s ease;}
.header-sns-menu .btn-header-sns-nav.facebook:before {background-image:url(../images/icon-sns-facebook-gray.png);}
.header-sns-menu .btn-header-sns-nav.facebook:after {background-image:url(../images/icon-sns-facebook-whitegray.png);}
.header-sns-menu .btn-header-sns-nav.twitter:before {background-image:url(../images/icon-sns-twitter-gray.png);}
.header-sns-menu .btn-header-sns-nav.twitter:after {background-image:url(../images/icon-sns-twitter-whitegray.png);}
.header-sns-menu .btn-header-sns-nav.instargram:before {background-image:url(../images/icon-sns-instargram-gray.png);}
.header-sns-menu .btn-header-sns-nav.instargram:after {background-image:url(../images/icon-sns-instargram-whitegray.png);}
.header-sns-menu .btn-header-sns-nav.youtube:before {background-image:url(../images/icon-sns-youtube-gray.png);}
.header-sns-menu .btn-header-sns-nav.youtube:after {background-image:url(../images/icon-sns-youtube-whitegray.png);}
.header-sns-menu .btn-header-sns-nav.substack:before {background-image:url(../images/icon-sns-substack-gray.png);}
.header-sns-menu .btn-header-sns-nav.substack:after {background-image:url(../images/icon-sns-substack-whitegray.png);}
.header-sns-menu .btn-header-sns-nav.discode:before {background-image:url(../images/icon-sns-discode-gray.png);}
.header-sns-menu .btn-header-sns-nav.discode:after {background-image:url(../images/icon-sns-discode-whitegray.png);}
.header-gnb-ui {display:none;}

.dropdown-select {position:relative;}
.dropdown-select-inner {position:relative; display:inline-flex; height:14px; padding:12px 16px; border-radius:16px; background:rgba(255,255,255,1); border:1px solid #e4e4e4; transition:background 0.2s ease, border 0.2s ease, height 0.4s ease;}
.dropdown-select-inner .btn-dropdown-nav {position:relative; display:inline-flex; align-items:center; width:35px; height:14px; font-size:11px; font-weight:600; white-space:nowrap; color:#828282; transition:color 0.2s ease;}
.dropdown-select-inner .btn-dropdown-nav .arrow {position:absolute; top:50%; right:0; display:block; width:12px; height:12px; margin:-6px 0 0 0; transform:rotate(0deg); transition:transform 0.2s ease;}
.dropdown-select-inner .btn-dropdown-nav .arrow:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(../images/icon-dropdown-arrow-black.png) center center no-repeat; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease; }
.dropdown-select-inner .btn-dropdown-nav .arrow:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:url(../images/icon-dropdown-arrow-gray.png) center center no-repeat; background-size:100% 100%; opacity:0; transition:opacity 0.2s ease; }
.dropdown-select-inner .dropdown-list {position:absolute; top:25px; left:0;  width:100%; padding:8px 16px 0 16px; z-index:150; visibility:hidden; opacity:0;  transition:visibility 0s 0.2s ease, opacity 0.2s 0s ease; box-sizing:border-box;}
.dropdown-select-inner .dropdown-cell {line-height:1;}
.dropdown-select-inner .dropdown-cell + .dropdown-cell {margin-top:8px;}
.dropdown-select-inner .btn-dropdown-item {display:flex; align-items:center; width:100%; height:14px; font-size:11px; font-weight:600; color:#828282; white-space:nowrap; transition:color 0.2s ease;}
.dropdown-select-inner .btn-dropdown-item:hover {color:#383938;}
.dropdown-select.actived .dropdown-select-inner .btn-dropdown-nav .arrow {transform:rotate(-180deg);}
.dropdown-select.actived .dropdown-select-inner .dropdown-list {visibility:visible; opacity:1; transition:visibility 0s 0s ease, opacity 0.2s 0s ease;}

#gnb {position:fixed;bottom:0;left:0;width:100%;z-index:1500;}
.gnb-list {display:flex; padding:24px 36px;}
.gnb-list-cell {margin:0 4px; flex:1 0 auto;}
.gnb-list-cell.actived .btn-gnb-nav .nav-name {color:#383938;}
.btn-gnb-nav {display:block; width:100%; text-align:left;}
.btn-gnb-nav .nav-name {display:block; font-size:0.76vw; line-height:1.18vw; font-weight:600; color:#8E918F; transition:color 0.2s ease; white-space:nowrap;}
.btn-gnb-nav .nav-bar {position:relative; display:block; margin-top:0.28vw; height:0.28vw; background:rgba(26,23,23,0.1); border-radius:0.14vw; transition:background 0.2s ease; overflow:hidden;}
.btn-gnb-nav .nav-bar .bar {position:absolute; top:0;left:0;display:block;width:0;height:100%;background:rgba(26,23,23,0.8);}

#footer {background:#202120;}
.content-outer {display:flex; align-items:center; justify-content:center; min-height:100%;}
.content-outer .content-inner {width:100%;}
.content-inner {position:relative; max-width:79.17vw; margin:0 auto; padding:0 2.22vw;}

.con-title {font-size:2.22vw;line-height:1.2;font-weight:600; color:#1a1717;}

.footer-wrap {padding:8.33vw 0;}
.footer-header {display:flex;}
.footer-desc {width:68%;}
.footer-desc > em {display:block; max-width:30.56vw;font-size:2.08vw; line-height:1.3;font-weight:600;color:#f8f8f8;}
.footer-menu-list {width:32%;}
.footer-menu-cell {line-height:1;}
.footer-menu-cell + .footer-menu-cell {margin-top:0.28vw;}
.btn-footer-nav {display:inline-flex;font-size:1.04vw;line-height:1.5;font-weight:500;color:#646765; transition:color 0.2s ease;}
.btn-footer-nav:hover {color:#f3f3f3;}
.footer-bottom {display:flex; margin-top:3.06vw; flex-direction:row-reverse;}
.footer-bottom .copy {width:68%; font-size:0.90vw;line-height:1.5;font-weight:400;color:#fff;opacity:0.8;}
.footer-bottom .copy > a {position:relative; display:inline-block; text-decoration:underline;}
.footer-bottom .copy > a > span {position:relative; z-index:1;}
.footer-bottom .copy a {position:relative; display:inline-block; text-decoration:underline;}
.footer-sns-menu {width:32%; align-self:flex-end; display:flex; align-items:center;}
.footer-sns-menu .btn-footer-sns-nav {position:relative;display:block;width:1.67vw;height:1.67vw;font-size:0;}
.footer-sns-menu .btn-footer-sns-nav + .btn-footer-sns-nav {margin-left:1.67vw;}

.footer-sns-menu .btn-footer-sns-nav:before {content:''; position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center; background-size:100% 100%; opacity:1; transition:opacity 0.2s ease;}
.footer-sns-menu .btn-footer-sns-nav.facebook:before {background-image:url(../images/icon-sns-facebook-white.png);}
.footer-sns-menu .btn-footer-sns-nav.facebook:before {background-image:url(../images/icon-sns-facebook-white.png);}
.footer-sns-menu .btn-footer-sns-nav.twitter:before {background-image:url(../images/icon-sns-twitter-white.png);}
.footer-sns-menu .btn-footer-sns-nav.instargram:before {background-image:url(../images/icon-sns-instargram-white.png);}
.footer-sns-menu .btn-footer-sns-nav.youtube:before {background-image:url(../images/icon-sns-youtube-white.png);}
.footer-sns-menu .btn-footer-sns-nav.substack:before {background-image:url(../images/icon-sns-substack-white.png);}
.footer-sns-menu .btn-footer-sns-nav.discode:before {background-image:url(../images/icon-sns-discode-white.png);}


#container {width:100vw; height:100vh; overflow:hidden;box-sizing:border-box;}
#container.actived {width:auto; height:auto; overflow:visible;}

.content-grid {display:flex; width:100%; height:100%;}
.data-grid {width:50%; box-sizing:border-box; display:flex; align-items:center;height:100%;}
.data-visual {width:50%; box-sizing:border-box; display:flex; align-items:center;height:100%;}

.sections {position:relative; min-height:100vh;}
.sticky-scene {position:sticky;top:0;left:0; width:100%;height:100vh; overflow:hidden;}
/* intro */
.intro {height:200vh;}
.intro .scroll-ui {position:absolute; bottom:40px; left:0; width:100%; z-index:50; text-align:center;}
.intro .scroll-ui .items {position:relative; display:inline-block; padding-top:51px; opacity:0.6;}
.intro .scroll-ui .item-arrow {position:absolute;top:0;left:50%;width:0.14vw;height:2.50vw;background:#000; border-radius:0.14vw; margin:0 0 0 -0.07vw;animation-name:scroll;animation-duration:1s;animation-delay:0s;animation-timing-function: linear;  animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards}
.intro .scroll-ui .item-arrow:before {content:''; position:absolute;bottom:0;left:50%;width:0.14vw;height:0.97vw;background:#000;transform:rotate(-45deg);transform-origin:50% 100%;border-radius:0.14vw;margin:0 0 -0.07vw 0;}
.intro .scroll-ui .item-arrow:after { content:''; position:absolute;bottom:0;right:50%;width:0.14vw;height:0.97vw;background:#000;transform:rotate(45deg);transform-origin:50% 100%;border-radius:0.14vw;margin:0 0 -0.07vw 0;}


.intro .scroll-ui .item-name {font-size:0.76vw; line-height:1.3; }
@keyframes scroll {
	0%{ height:26px;}
	25%{ height:36px;}
	75%{ height:36px;}
	100%{ height:26px;}
}

.intro-headline {position:absolute;top:50%;left:0; width:100%; text-align:center;}
.intro-words {display:inline-flex; align-items:flex-end;}
.intro-words-value {position:relative; font-size:0;}
.intro-words-value .value {position:absolute; top:0;left:0;width:100%;height:100%; background-repeat:no-repeat;background-position:center center; background-size:100% 100%; transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform; transform-origin:50% 100%;}
.intro-words-value.word-1 {width:4.31vw;height:6.60vw; margin-right:3.47vw;}
.intro-words-value.word-2 {width:3.89vw;height:4.38vw; margin-right:3.47vw;}
.intro-words-value.word-3 {width:0.56vw;height:6.60vw; margin-right:3.47vw;}
.intro-words-value.word-4 {width:4.38vw;height:4.38vw; margin-right:3.68vw;}
.intro-words-value.word-5 {width:4.38vw;height:6.60vw; margin-right:2.50vw;}
.intro-words-value.word-6 {width:4.44vw;height:4.38vw; margin-right:0.00vw;}
.intro-words-value.word-1 .value {background-image:url(../images/intro-char-1.png);}
.intro-words-value.word-2 .value {background-image:url(../images/intro-char-2.png);}
.intro-words-value.word-3 .value {background-image:url(../images/intro-char-3.png);}
.intro-words-value.word-4 .value {background-image:url(../images/intro-char-4.png);}
.intro-words-value.word-5 .value {background-image:url(../images/intro-char-5.png);}
.intro-words-value.word-6 .value {background-image:url(../images/intro-char-6.png);}

.intro-logo {position:fixed;top:50%;right:50%; width:160px; z-index:100;}
.intro-logo .item-outer {max-width:100%;margin-left:auto;}
.intro-logo .item-inner {position:relative; padding-top:86.16%;}
.intro-logo .obj {position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;background:url(../images/intro-logo.png) center center no-repeat; background-size:100% 100%;}

/* intro scroll animation */
.intro-words {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.intro-logo {transform-origin:67% 10%;transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000),width 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000),margin 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000),top 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:auto;}
.intro-logo .item-outer {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform; transform-origin:50% 100%;}
.intro-logo.end { transform-origin:50% 50%;}
.intro-logo .item-inner {transition:transform 0.8s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.intro-logo.hide {display:none;}


/* intro animation */
.intro .scroll-ui {transform:translate(0px , 70px); opacity:0; transition:transform 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0.9s ease;}
.intro-logo .obj {transform:translate(-30% , 50%); opacity:0; transition:transform 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0.9s ease;}
.intro-words-value {opacity:0;  filter : blur(4px); transition:filter 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000), transform 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:filter,transform,opacity;}
.intro-words-value.word-1 {transform-origin:100% 50%; transform:translate(-300% , 0%) scale(1.5);}
.intro-words-value.word-2 {transform-origin:100% 50%; transform:translate(-200% , 0%) scale(1.5);}
.intro-words-value.word-3 {transform-origin:100% 50%; transform:translate(-100% , 0%) scale(1.5);}
.intro-words-value.word-4 {transform-origin:0% 50%; transform:translate(100% , 0%) scale(1.5);}
.intro-words-value.word-5 {transform-origin:0% 50%; transform:translate(200% , 0%) scale(1.5);}
.intro-words-value.word-6 {transform-origin:0% 50%; transform:translate(300% , 0%) scale(1.5);}

#container.start .intro .scroll-ui {transform:translate(0px , 0px); opacity:1; transition-delay:1.0s;}
#container.start .intro-logo .obj {transform:translate(0px , 0px); opacity:1; transition-delay:1.0s;}
#container.start .intro-words-value {filter : blur(0px); transform:translate(0% , 0%) scale(1); opacity:1;}
#container.start .intro-words-value.word-1 {transition-delay:0s;}
#container.start .intro-words-value.word-2 {transition-delay:0.1s;}
#container.start .intro-words-value.word-3 {transition-delay:0.2s;}
#container.start .intro-words-value.word-4 {transition-delay:0.3s;}
#container.start .intro-words-value.word-5 {transition-delay:0.4s;}
#container.start .intro-words-value.word-6 {transition-delay:0.5s;}
#container.open .intro .scroll-ui {transform:translate(0px , 50px); opacity:0; transition-delay:0s; transition-duration:0.2s;}

/* intro animation */
.delabs {z-index:210;}
.overview {height:300vh; padding:0 0 0 0; box-sizing:border-box;}
.overview .visual {display:none;}
.overview .txt-group {margin-left:auto; width:50%; padding:0 0 0 0; box-sizing:border-box;transition:transform 0.8s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.overview .txt-1 {font-size:3.33vw;line-height:1.2;font-weight:600;color:#1A1717;}
.overview .txt-2 {margin-top:2.22vw; font-size:1.39vw;line-height:1.3;font-weight:600;color:#646765;}
.overview .txt-3{margin-top:1.39vw;}
.overview .txt-3-1 {font-size:1.04vw;line-height:1.5;font-weight:500;color:#646765;}
.overview .txt-3-1 + .txt-3-1 {margin-top:1.39vw;}
.overview .txt-ui {margin-top:2.78vw;display:flex;}
.overview .txt-ui .btn + .btn {margin-left:0.56vw;}


/*
.spec {height:250vh; z-index:200;}
*/
.spec {position:absolute;bottom:0;left:0;width:100%;height:100vh; z-index:200;}
.spec .cover {position:absolute;top:0;left:50%;width:90%;height:100%; z-index:0; background:#202120;border-radius:64px; transform:translate(-50% , 0%); transition:width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:width;}
.spec .cover.actived {width:100%;}
.spec .content-outer {height:100%;position:relative; z-index:5;}
.spec .content-inner {display:flex; align-items:flex-start; justify-content:space-between;}
.spec .spec-item {width:18.40vw;display:flex;height:100%; align-items:center; box-sizing:border-box; padding:0 0 0 0;}
.spec .spec-item .items-inner {width:100%; text-align:left; transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.spec .spec-item .item-icon {width:6.67vw;}
.spec .spec-item .item-icon img {width:100%;}
.spec .spec-item .item-title {font-size:2.78vw;line-height:1.2;font-weight:600;color:rgba(248,248,248,0.8);}
.spec .spec-item:nth-child(3) .item-title {font-size:2.08vw;}
.spec .spec-item .item-desc {margin-top:1.67vw; font-size:1.04vw;line-height:1.3;font-weight:500;color:#F8F8F8;}

/*
.spec .spec-item:nth-child(2){padding-top:80px;}
.spec .spec-item:nth-child(3){padding-top:160px;}
*/

.adventure {height:100vh;  z-index:200;}
.adventure:before {content:''; position:absolute; top:-100px;left:0;width:100%;height:calc( 100% + 100px );background: linear-gradient(180deg, #E4E4E4 0%, #F3F3F3 100%); z-index:0;}
.adventure .content-grid {flex-direction:row-reverse;}
.adventure .content-outer {height:100%; position:relative; z-index:5;}
.adventure .content-inner {height:100%;}
.adventure .item-title {font-size:3.33vw;line-height:1.2;font-weight:600;color:#1A1717;}
.adventure .item-info {margin-top:1.39vw; font-size:1.39vw;line-height:1.5;font-weight:600;color:#383938; width:65%;}
.adventure .item-desc {margin-top:1.39vw; font-size:1.04vw;line-height:1.5;font-weight:400;color:#646765; width:65%;}
.adventure .item-desc + .item-desc {margin-top:1.39vw;}
.adventure .item-options {margin-top:0.56vw;}
.adventure .item-options-cell {position:relative; font-size:1.04vw;line-height:1.5;font-weight:400;color:#646765;padding-left:0.69vw;}
.adventure .item-options-cell:before {content:'';position:absolute;top:0.69vw;left:0;display:block;width:0.21vw;height:0.21vw;border-radius:50%;background:#646765;;}
.adventure .item-ui {margin-top:2.78vw;}
.adventure .item-inner {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}


.game {background: linear-gradient(180deg, #E4E4E4 0%, #F8F8F8 100%); border-radius:64px;overflow:hidden;}
.game.actived {z-index:250;}
/*
.game .cover {position:absolute;top:0;left:50%;width:100%;height:100%; z-index:0; background: linear-gradient(180deg, #E4E4E4 0%, #F3F3F3 100%); border-radius:64px; transform:translate(-50% , 0%); transition:width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:width;}
.game .cover.actived {width:100%;}
*/
.game-list {position:relative; z-index:1;}
.game-group {}
.game-group .content-inner {height:100%;}
.game-group {min-height:768px; height:100vh; z-index:5;}
.game-group .item-cate {font-size:2.22vw;line-height:1.2;font-weight:600;color:#1A1717;}
.game-group .item-title {margin-top:1.39vw;}
.game-group .item-info {margin-top:1.39vw; font-size:1.46vw;line-height:1.5;font-weight:600;color:#383938;}
.game-group .item-desc {margin-top:0.56vw; font-size:1.04vw;line-height:1.5;font-weight:500;color:#646765;}
.game-group .item-ui {margin-top:2.78vw;}
.game-group .data-grid .item-inner {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.game-group .data-visual {position:relative;}

.game-group .data-grid {padding-left:6.94vw;}
.game-group .game-thumb {right:0; left:auto;}
.game-group.resersve .content-grid{flex-direction:row-reverse;}
.game-group.resersve .data-grid {padding-left:0; padding-right:6.94vw;}
.game-group.resersve .game-thumb {right:auto; left:0;}

.game-thumb {position:absolute; top:50%; right:0; width:calc( ( 100vw / 2 ) + 17.78vw ); height:33.89vw; margin:-16.94vw 0 0 0; box-sizing:border-box;}
.game-thumb .item-outer {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(243,243,243,0); transition:background 0.4s ease;}
.game-thumb .item-inner {position:absolute;top:0;left:0;width:100%;height:100%;}
.game-thumb .item-visual {position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
.game-thumb .item-visual .item-obj {position:absolute;top:0;left:0;width:100%;height:100%; border-radius:8.89vw; /*background:#383938;*/ overflow:hidden;transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000),border 0.6s 0s ease, border-radius 0.6s 0s ease; will-change:transform;}
.game-thumb .item-visual .item-obj video,
.game-thumb .item-visual .item-obj img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.game-thumb .item-visual .item-cover {position:absolute;top:0;left:0;width:100%;height:100%; z-index:5; opacity:5; transition:opacity 0.4s 0s ease;}
.game-thumb .item-visual .item-cover img {opacity:0;}
.game-thumb .item-visual .item-data {position:absolute;top:0;left:0;width:100%;height:calc( 100% + 200px ); z-index:1; opacity:1; transition:opacity 0.4s 0s ease, transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.game-thumb .item-icon {position:absolute; top:0; left:0;display:block;width:5.56vw;height:5.56vw;z-index:5;transform:translate(-50% , -50%); z-index:10; opacity:0; transition:opacity 0.4s ease; cursor:pointer;}
.game-thumb .item-icon .icon {opacity:0;}
.game-thumb .item-inner.actived {}
.game-thumb .item-inner.actived .item-icon {opacity:1;}

.game-group.game-1 .item-title img {width:20.28vw;}
.game-group.game-2 .item-title img {width:27.08vw;}
.game-group.game-3 .item-title img {width:18.19vw;}


@media screen and (min-width:1024px){
	.game-thumb .item-inner:hover .item-obj {transform:scale(0.96);}
}
.game-thumb .btn-video-close {position:absolute;bottom:100%;right:0;margin-bottom:20px; opacity:0; visibility:hidden; transition:visibility 0s 0.4s ease, opacity 0.4s 0s ease;}
.game-group.actived .game-thumb .item-visual .item-obj {transform:scale(1); border-radius:64px;}
.game-group.actived .game-thumb .item-outer {background:rgba(243,243,243,0.8);}
.game-group.actived .game-thumb .item-inner .item-icon {opacity:0;}
.game-group.open .game-thumb .btn-video-close {opacity:1; visibility:visible; transition:visibility 0s 0s ease, opacity 0.4s 0s ease;}

.game-group.open .game-thumb .item-cover {opacity:0; z-index:0;}
.game-group.open .game-thumb .item-data {opacity:1; z-index:5;}
.game-group.open .game-thumb .item-visual .item-obj {border-radius:32px;}


@media screen and (min-width:1024px){
	/*.game-thumb {width:calc( ( 1920px / 2 ) + 256px );}*/
	.pc-effect-data {transform:translate(0% , 100px); opacity:0; transition:transform 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0.6s ease; will-change:transform;}
	.pc-effect-data.actived {transform:translate(0% , 0%); opacity:1; transition-delay:0s;}
}

.people {padding:10.42vw 0; background:#f3f3f3; overflow:hidden;}
.people-list {margin-top:5.56vw;}
.people-list-inner {display:flex; margin:-1.39vw -6.11vw; flex-wrap:wrap;}
.people-list-cell {width:33.33%; padding:1.39vw 6.11vw; box-sizing:border-box;}
.people-items {}
.people-items .item-name {margin-top:1.11vw; font-size:1.32vw;line-height:1.3;font-weight:600;color:#202120;}
.people-items .item-cate {margin-top:0.28vw; font-size:1.04vw;line-height:1.3;font-weight:600;color:#646765;}
.people-items .item-desc {margin-top:1.11vw; padding-top:0.56vw;  border-top:1px solid #CBCCCB;}
.people-items .item-desc-txt {position:relative; padding-left:0.63vw;font-size:0.90vw;line-height:1.3;font-weight:500;color:#646765;}
.people-items .item-desc-txt:before {content:'';position:absolute;top:0.56vw;left:0;display:block;width:0.21vw;height:0.21vw;border-radius:50%;background:#8e918f;}
.people-items .item-desc-txt + .item-desc-txt {margin-top:0.14vw;}



.partners {height:100vh; background:#E4E4E4; overflow:hidden;border-radius:64px; z-index:210;}
.partners-list {margin-top:5.56vw;}
.partners-list-inner {display:flex; margin:-1.04vw; flex-wrap:wrap;}
.partners-list-cell {width:20%; padding:1.04vw; box-sizing:border-box;}
.partners-list-cell:nth-child(1) {width:100%;}
.partners-list-cell:nth-child(1) .partners-items {height:9.72vw;}
.partners-items {display:flex; width:100%; height:6.94vw; align-items:center; justify-content:center; background:#F8F8F8; border-radius:1.11vw;}
.partners-list-cell:nth-child(1) .partners-items img {width:25.00vw;}
.partners-list-cell:nth-child(2) .partners-items img {width:11.60vw;}
.partners-list-cell:nth-child(3) .partners-items img {width:5.76vw;}
.partners-list-cell:nth-child(4) .partners-items img {width:11.25vw;}
.partners-list-cell:nth-child(5) .partners-items img {width:6.74vw;}
.partners-list-cell:nth-child(6) .partners-items img {width:6.81vw;}


.contact {padding:10.42vw 0 8.33vw 0; box-sizing:border-box; min-height:0; z-index:190;}
.contact:before {content:'';position:absolute;top:-100px;left:0;display:block;width:100%;height:calc( 100% + 100px ); z-index:0;background:#202120; }
.contact .content-inner {position:relative; z-index:5;}
.contact .con-title {color:#fff;}
.contact-ui {margin-top:4.44vw;}
.contact-ui > div + div {margin-top:1.39vw;}
.contact-ui .btn {min-width:24.79vw;justify-content:space-between;}
.contact-ui .btn {padding-right:1.67vw; border-color:#8E918F; background-color:transparent; color:#fff;}
.contact-ui .btn .icon {margin-left:2.57vw;}
.contact .content-inner {position:static;}
.contact .footer-header {position:relative;margin-top:3.06vw;}
.btn-page-top {position:absolute;bottom:7.43vw;right:2.78vw;display:flex;align-items:center; justify-content:center;width:3.33vw;height:3.33vw; background:url(../images/icon-page-top.png) center center no-repeat; background-size:100% 100%; z-index:150;font-size:0;}


@media screen and (min-height:1080px){
	/*
	.sections {min-height:calc( 1080px * 1 );}
	.intro {height:calc( 1080px * 2 );}
	*/
	/*
	.overview {height:calc( 1080px * 2 );}
	.spec {height:calc( 1080px * 2.5 );}
	*/
	/*
	.adventure {height:calc( 1080px * 1 );}
	.partners {height:calc( 1080px * 1 );}
	.game-group {height:calc( 1080px * 1 );}
	*/
	.contact {min-height:0;}

}

@media screen and (min-width:1024px){
	/* UI animation */	
	.logo {transform:translate(0% , -120px); transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	.header-language-menu {transform:translate(0% , -120px); transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	.header-sns-menu {transform:translate(0% , 0); transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	#gnb {transform:translate(0% , 100px); transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}

	#header.open .logo {transform:translate(0% , 0%);}
	#header.open .header-language-menu {transform:translate(0% , 0%);}
	#header.open .header-sns-menu {transform:translate(0% , 0%);}
	#header.open #gnb {transform:translate(0% , 0%);}
	/* //UI animation */	
}



@media screen and (max-width:1204px){
	.logo {left:32px;}
	.header-language-menu {right:32px;}
	.header-sns-menu {right:32px;}
	.gnb-list {padding:24px 32px;}
}

@media screen and (max-width:1024px){
	/* UI animation */
	.logo {transform:translate(0% , -120px); transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	.btn-header-toggle-nav {transform:translate(0% , -120px); transition:border 0.2s ease, transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}	

	#header.open .logo {transform:translate(0% , 0%);}
	#header.open .btn-header-toggle-nav {transform:translate(0% , 0%);}
	/* //UI animation */	

	/* UI Toggle animation */
	#header.actived .header-outer {right:0;left:auto;width:100%;}
	#header.actived .header-inner {right:0;left:auto;}
	#header.actived .header-gnb-ui {top:37px;}
	#header.actived .btn-header-toggle-nav {border-color:#fff;}
	#header.actived .btn-header-toggle-nav:before {width:20px; margin:-1px 0 0 -10px; transform:rotate(45deg); background-color:#fff;}
	#header.actived .btn-header-toggle-nav:after {width:20px; margin:-1px 0 0 -10px; transform:rotate(-45deg); background-color:#fff;}
	/* UI Toggle animation */
	
	.header-gnb-ui {position:fixed;top:20px;right:25px;z-index:1700; display:block; transition:top 0.4s ease;}
	.btn-header-toggle-nav {display:block;position:relative;width:40px;height:40px;border:1px solid #646765; border-radius:50%;font-size:0;}
	.btn-header-toggle-nav:before {content:'';position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;border-radius:2px;background:#000; margin:-4px 0 0 -9px; transition:background 0.2s ease, transform 0.2s ease, margin 0.2s ease;}
	.btn-header-toggle-nav:after {content:'';position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;border-radius:2px;background:#000; margin:4px 0 0 -9px; transition:background 0.2s ease, transform 0.2s ease, margin 0.2s ease;}

	.white .btn-header-toggle-nav:before {background:#fff;}
	.white .btn-header-toggle-nav:after {background:#fff;}

	.logo {top:30px; left:25px; width:136px;height:28px;}
	.header-outer {position:fixed;top:0;left:0;width:0;height:100%; background:#383938; z-index:1600; overflow:hidden; transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
	.header-inner {position:absolute;top:0;left:0;width:100vw; min-height:100%; padding:120px 25px 148px 25px; box-sizing:border-box;}
	.header-language-menu {position:absolute;top:36px;right:auto; left:25px; z-index:15;}
	.header-sns-menu {position:relative;top:auto;right:auto; margin-top:162px;  z-index:0;}
	#gnb {position:relative;bottom:auto;left:auto;width:100%;z-index:0;}

	.gnb-list {display:block;  padding:0;}
	.gnb-list-cell {margin:0;}
	.gnb-list-cell + .gnb-list-cell {margin-top:22px;}
	.gnb-list-cell.actived .btn-gnb-nav .nav-name {color:#fff;}
	.btn-gnb-nav {display:block; width:100%; text-align:left;}
	.btn-gnb-nav .nav-name {font-size:24px; line-height:1.5; font-weight:500; color:#CBCCCB;white-space:normal;}
	.btn-gnb-nav .nav-bar {display:none;}	

	.dropdown-select-inner { background:rgba(255,255,255,0); border-color:#646765;}
	.dropdown-select-inner .btn-dropdown-nav {color:#8E918F;}
	.dropdown-select-inner .btn-dropdown-nav .arrow:before {opacity:0;}
	.dropdown-select-inner .btn-dropdown-nav .arrow:after {opacity:1;}
	.dropdown-select-inner .btn-dropdown-item {display:flex; align-items:center; width:100%; height:14px; font-size:11px; font-weight:600; color:#8E918F; white-space:nowrap; transition:color 0.2s ease;}
	.dropdown-select-inner .btn-dropdown-item:hover {color:#8E918F;}
	
	.game-thumb .item-icon {transform:none;width:100%;height:100%;}
}


@media screen and (max-width:768px){

	.sections {min-height:0;}

	.pop-children {padding:25px 0;}

	.con-title {font-size:28px;line-height:1.2;font-weight:600; color:#1a1717;}

	.mo-effect-data {transform:translate(0% , 100px); opacity:0; transition:transform 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 0.6s ease;}
	.mo-effect-data.actived {transform:translate(0% , 0%); opacity:1; transition-delay:0s;}
	
	.content-grid {display:block; width:100%; height:auto;}
	.data-grid {width:100%; box-sizing:border-box; display:block; height:auto;}
	.data-visual {width:100%; box-sizing:border-box; display:block; height:auto;}

	.btn.btn-arrow,
	.btn.btn-play,
	.btn.btn-mail{justify-content:flex-start; text-align:left;}

	a.btn , button.btn , input[type=submit].btn {width:100%; justify-content:center; text-align:center;} 

	.btn.btn-play .icon {margin-left:auto;}
	.btn.btn-arrow .icon {margin-left:auto;}
	.btn.btn-mail .icon {margin-left:auto;}
	 
	.content-inner {padding:0 25px;}
	
	.intro {height:100vh;}
	.intro-words-value.word-1 {width:30px;height:46px; margin-right:23px;}
	.intro-words-value.word-2 {width:26px;height:29px; margin-right:24px;}
	.intro-words-value.word-3 {width:3px;height:36px; margin-right:23px;}
	.intro-words-value.word-4 {width:30px;height:30px; margin-right:26px;}
	.intro-words-value.word-5 {width:30px;height:45px; margin-right:17px;}
	.intro-words-value.word-6 {width:30px;height:30px; margin-right:0px;}

	.intro-logo {position:absolute;width:80px; margin:0 0 0 -40px; right:auto;left:50%; top:50%; z-index:100; transform:translate(0% , -90%);}
	.intro-logo-outer {position:absolute;top:0;left:0;width:100%;height:100%;}
	.intro-logo-inner {position:sticky;top:0;left:0;width:100%;height:100vh;}

	.overview {height:auto; padding:120px 0 64px 0;}
	.overview .visual {display:block;}
	.overview .sticky-scene {position:relative; overflow:visible; height:auto;}
	.overview .txt-group {width:100%; padding:0 0 0 0; box-sizing:border-box;}
	.overview .txt-1 {margin-top:0px; font-size:28px;line-height:1.2;font-weight:600;color:#1A1717;}
	.overview .txt-2 {margin-top:20px; font-size:21px;line-height:1.2;font-weight:500;color:#383938;}
	.overview .txt-3{margin-top:16px;}
	.overview .txt-3-1 {font-size:15px;line-height:1.5;font-weight:500;color:#646765;}
	.overview .txt-3-1 + .txt-3-1 {margin-top:16px;}
	.overview .txt-ui {margin-top:32px;display:block;}
	.overview .txt-ui .btn + .btn {margin-left:0; margin-top:16px;}

	.spec {position:relative;bottom:auto;left:auto;width:100%;height:auto; z-index:200; padding:112px 0 78px 0;}
	.spec .cover {border-radius:32px;width:100%;}
	.spec .cover.actived {width:100%;}
	.spec .content-outer {height:auto;position:relative; z-index:5;}
	.spec .content-inner {display:block;}
	.spec .spec-item {width:100%;display:block;height:auto;}
	.spec .spec-item .items-inner {width:100%; text-align:left; transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
	.spec .spec-item .item-icon {width:60px;}
	.spec .spec-item .item-title {font-size:30px;line-height:1.2;font-weight:600;color:rgba(248,248,248,0.8);}
	.spec .spec-item:nth-child(3) .item-title {font-size:30px;}
	.spec .spec-item .item-desc {margin-top:4px; font-size:15px;line-height:1.5;font-weight:500;color:#F8F8F8;}
	.spec .spec-item + .spec-item {margin-top:24px;}
	.spec .spec-item.item-2 {padding-left:90px;}

	
	.adventure {height:auto; padding:120px 0 60px 0;}
	.adventure:before {content:''; position:absolute; top:-100px;left:0;width:100%;height:calc( 100% + 100px );background: linear-gradient(180deg, #E4E4E4 0%, #F3F3F3 100%); z-index:0;}
	.adventure .content-grid {display:block;}
	.adventure .content-outer {height:auto; position:relative; z-index:5;}
	.adventure .content-inner {height:auto;}
	.adventure .item-title {font-size:28px;line-height:1.2;font-weight:600;color:#1A1717;}
	.adventure .item-info {margin-top:16px; font-size:17px;line-height:1.5;font-weight:600;color:#383938; width:100%;}
	.adventure .item-desc {margin-top:16px; font-size:15px;line-height:1.5;font-weight:400;color:#646765; width:100%;}
	.adventure .item-desc + .item-desc {margin-top:16px;}
	.adventure .item-options {margin-top:6px;}
	.adventure .item-options-cell {position:relative; font-size:15px;line-height:1.5;font-weight:400;color:#646765;padding-left:10px;}
	.adventure .item-options-cell:before {content:'';position:absolute;top:10px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#646765;;}
	.adventure .item-ui {margin-top:40px;}
	.adventure .item-inner {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}




	.game {border-radius:32px; padding:120px 0 60px 0;}
	.game.actived {z-index:2000;}
	.game-group .content-inner {height:auto;}
	.game-group {min-height:0; height:auto;}
	.game-group .item-cate {position:absolute;bottom:100%;left:0;margin-bottom:317px; font-size:28px;line-height:1.2;font-weight:600;color:#1A1717;}
	.game-group .item-title {margin-top:0;}
	.game-group .item-info {margin-top:20px; font-size:17px;line-height:1.5;font-weight:600;color:#383938;}
	.game-group .item-desc {margin-top:8px; font-size:15px;line-height:1.5;font-weight:500;color:#646765;}
	.game-group .item-ui {margin-top:32px;}
	.game-group .data-grid .item-inner {transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
	.game-group .data-visual {position:relative; padding-top:66px;}

	.game-group .data-grid {padding-left:0; padding-top:40px; position:relative;}
	.game-group.resersve .data-grid {padding-left:0; padding-right:0;}
	.game-group.resersve .game-thumb {margin:0 -96px 0 0;}
	.game-group + .game-group {margin-top:120px;}

	.game-thumb {position:relative; top:auto; right:auto; width:calc( 100% + 96px ); height:245px; margin:0 0 0 -96px;}
	.game-thumb .item-outer {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(243,243,243,0); transition:background 0.4s ease;}
	.game-thumb .item-inner {position:absolute;top:0;left:0;width:100%;height:100%;}
	.game-thumb .item-visual {position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000); will-change:transform;}
	.game-thumb .item-visual .item-obj {position:absolute;top:0;left:0;width:100%;height:100%; border-radius:48px; /*background:#383938;*/ overflow:hidden;transition:transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000),border 0.6s 0s ease; will-change:transform;}
	.game-thumb .item-visual .item-obj video,
	.game-thumb .item-visual .item-obj img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
	.game-thumb .item-visual .item-cover {position:absolute;top:0;left:0;width:100%;height:100%; z-index:5; opacity:0; transition:opacity 0.4s 0s ease; display:none;}
	.game-thumb .item-visual .item-cover img {opacity:0;}
	.game-thumb .item-visual .item-data {position:absolute;top:0;left:0;width:100%;height:100%; z-index:1; opacity:1; transition:opacity 0.4s 0s ease, transform 0.6s 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	.game-thumb .item-icon {position:absolute; top:0; left:0;display:block;width:100%;height:100%;z-index:5;transform:translate(0 , 0); z-index:10; opacity:0; transition:opacity 0.4s ease; cursor:pointer;}
	.game-thumb .item-icon .icon {opacity:0;}
	.game-thumb .item-inner.actived {}
	.game-thumb .item-inner.actived .item-icon {opacity:1;}
	.game-thumb .item-inner:hover .item-obj {transform:scale(0.96);}
	.game-thumb .btn-video-close {position:absolute;bottom:100%;right:0;margin-bottom:20px; opacity:0; visibility:hidden; transition:visibility 0s 0.4s ease, opacity 0.4s 0s ease;}
	.game-group.open .game-thumb .btn-video-close {opacity:1; visibility:visible; transition:visibility 0s 0s ease, opacity 0.4s 0s ease;}

	.game-group.open .game-thumb .item-cover {opacity:0; z-index:0;}
	.game-group.open .game-thumb .item-data {opacity:1; z-index:5;}

	.game-group.game-1 .item-title img {width:162px;}
	.game-group.game-2 .item-title img {width:250px;}
	.game-group.game-3 .item-title img {width:162px;}

	.game-group.actived .game-thumb {}
	.game-group.actived .game-thumb .item-outer {background:rgba(243,243,243,0.8);position:fixed;top:0;left:0;width:100%;height:100%; z-index:2100;}
	.game-group.actived .game-thumb .item-inner {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:25px; box-sizing:border-box;}
	.game-group.actived .game-thumb .item-inner .item-icon {opacity:0; display:none;}
	.game-group.actived .game-thumb .item-visual {position:relative;top:auto;left:auto;width:100%;height:auto;}
	.game-group.actived .game-thumb .item-visual .item-obj {transform:scale(1); border-radius:32px; padding-top:56.25%; position:relative; width:auto;height:auto;}
	.game-group.actived .game-thumb .item-visual .item-data {height:100%;}
	.game-group.actived .game-thumb .btn-video-close {opacity:1; visibility:visible; transition:visibility 0s 0s ease, opacity 0.4s 0s ease;}

	
	.people {padding:120px 0 60px 0;}
	.people-list {margin-top:64px;}
	.people-list-inner {display:block; margin:0;}
	.people-list-cell {width:100%; padding:0 90px 0 0;}
	.people-list-cell + .people-list-cell {margin-top:40px;}
	.people-list-cell:nth-child(2n) {padding:0 0 0 90px;}
	.people-items {}
	.people-items .item-name {margin-top:16px; font-size:24px;line-height:1.3;font-weight:600;color:#202120;}
	.people-items .item-cate {margin-top:0; font-size:17px;line-height:1.3;font-weight:600;color:#646765;}
	.people-items .item-desc {margin-top:16px; padding-top:8px;  border-top:1px solid #CBCCCB;}
	.people-items .item-desc-txt {position:relative; padding-left:9px;font-size:15px;line-height:1.3;font-weight:500;color:#646765;}
	.people-items .item-desc-txt:before {content:'';position:absolute;top:8px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#8e918f;}
	.people-items .item-desc-txt + .item-desc-txt {margin-top:2px;}

	.partners {padding:120px 0 60px 0; height:auto; background:linear-gradient(180deg, #E4E4E4 0%, #F3F3F3 100%);;}
	.partners-list {margin-top:64px;}
	.partners-list-inner {display:block; margin:0; flex-wrap:wrap;}
	.partners-list-cell {width:100%; padding:0;}
	.partners-list-cell + .partners-list-cell {margin-top:24px;}
	.partners-list-cell:nth-child(1) .partners-items {height:120px;}
	.partners-items {display:flex; width:100%; height:120px; align-items:center; justify-content:center; background:#F8F8F8; border-radius:16px;}
	.partners-list-cell:nth-child(1) .partners-items img {width:202px;}
	.partners-list-cell:nth-child(2) .partners-items img {width:265px;}
	.partners-list-cell:nth-child(3) .partners-items img {width:99px;}
	.partners-list-cell:nth-child(4) .partners-items img {width:218px;}
	.partners-list-cell:nth-child(5) .partners-items img {width:120px;}
	.partners-list-cell:nth-child(6) .partners-items img {width:119px;}

	.contact {padding:120px 0 24px 0; box-sizing:border-box; background:#202120; min-height:0; overflow:hidden;}
	.contact .con-title {color:#fff;}
	.contact-ui {margin-top:48px;}
	.contact-ui > div + div {margin-top:20px;}
	.contact-ui .btn {min-width:0;}

	.contact .footer-header {margin-top:138px;}

	.footer-header {display:block;}
	.footer-desc {width:100%;display:none;}
	.footer-menu-list {width:100%;}
	.footer-menu-cell + .footer-menu-cell {margin-top:8px;}
	.btn-footer-nav {display:inline-flex;font-size:15px;line-height:1.5;font-weight:500;color:#f3f3f3;}
	.btn-footer-nav:hover {color:#f3f3f3;}
	.footer-bottom {display:block; margin-top:40px;}
	.footer-bottom .copy {width:100%; margin-top:49px; font-size:11px;line-height:1.5;font-weight:400;color:#fff;opacity:0.8;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
	.footer-bottom .copy > span {display:block;}
	.footer-sns-menu {position:relative; width:100%;}
	.footer-sns-menu .btn-page-top {bottom:auto;right:50%;right:-5px;transform:translate(0%, -50%);margin:0;}


	.agree-wrap {padding:40px 25px;}
	.agree-outer {border-radius:16px;}
	.agree-outer .btn-pop-close {top:26px;right:20px;width:24px;height:24px; margin:0;}
	.agree-header {justify-content:flex-start; padding:0 20px; text-align:left; font-size:28px; line-height:1.3;font-weight:600;color:#1A1717;}
	.agree-body {padding:8px 20px 20px 20px; font-size:13px;line-height:1.5;color:#646765;text-align:left; box-sizing:border-box;}



}