@charset "utf-8";

:root {
	--primary-color:#004bff;
	--font-dark-color:#00050a;
	--font-color:#404041;
}

/*layout*/
html {font-size:20px;color:#fff;background-color:#000;}
body {overflow-x:hidden;font-size:20px;letter-spacing:-0.05em;font-weight:400;-webkit-tap-highlight-color: transparent;}
main {position:relative;}

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;min-width:360px;}
.innerWrap {position:relative;width:1224px;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.ani, .pt {position:absolute;background-repeat:no-repeat;background-position:0 0;}

.mVer {display:none;}
.eng {font-family:"Manrope";}
[class*="link"].align {display:inline-flex;align-items:center;justify-content:center;}

header {position:fixed;top:0;left:0;width:100%;height:120px;z-index:1000;background-color:#000;}
header .logo,
header .brandLogo {display:block;width:41px;height:120px;background:url("../images/brandLogo.svg") no-repeat 0 center / 41px auto;z-index:998;cursor:pointer;}
header .m_btn_menu,
header .m_btn_close {display:none;}
header nav {display:block;position:absolute;top:0;right:0;}
header nav ul {display:flex;}
header nav ul li {height:120px;font-family:"Manrope";font-size:17px;color:#fff;line-height:120px;text-align:center;font-weight:600;}
header nav ul li:not(:first-child) {margin-left:48px;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-flow:row wrap;transition:0.3s ease-out;}
header nav ul li a:hover {color:var(--primary-color);}
header.fixed {top:0;transition:0.3s;}

footer .innerWrap {height:125px;display:flex;align-items:center;justify-content:space-between;}
footer .logo {height:22px;width:42px;background:url("../images/brandLogo.svg") no-repeat center center / auto 22px;}
footer .copyright {font-size:17px;color:#fff;font-weight:600;}

#wrap section {position:relative;margin:0 auto;}
#wrap section:not(.headingWrap) {padding:150px 0;}
#wrap main {position:relative;overflow:hidden;}

dl.subTitle {position:relative;margin-bottom:40px;}
dl.subTitle dt {font-size:47px;font-weight:700;letter-spacing:-0.025em;}
dl.subTitle dd {margin-top:35px;font-size:16px;line-height:26px;font-weight:400;}
dl.subTitle.light {color:#050a0f;}

.mVer {display:none;}
.pcVer {display:block;}

.headingWrap {height:100vh;min-height:700px;background-color:#000;}
.headingWrap .innerWrap {height:100%;}

.scrollIcon {position:absolute;bottom:53px;left:50%;width:36px;height:27px;margin-left:-18px;background:url("../images/icon_scroll_w.svg") no-repeat center bottom / auto 27px;z-index: 10;animation:scrollAni 1s infinite alternate;}
.scrollIcon.page {z-index:30;position:fixed;}

@keyframes scrollAni {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

.headMotion__area {position:absolute;top:50%;left:50%;width:100%;height:550px;transform:translate(-50%,-50%);}
.headMotion__area .heading_title {left:50%;top:0;width:664px;height:272px;transform:translateX(-50%) scale(0.735);transform-origin:top;}
.headMotion__area .heading_title > ul {display:flex;justify-content:center;}
.headMotion__area .heading_title > ul li+li {margin-left:12px;}
.headMotion__area .heading_title > ul li.space {margin-left:32px;}
.headMotion__area .heading_title > ul.bottom {margin-top:42px;}
.headMotion__area .motion_slide {bottom:0;left:0;width:100vw;height:260px;background:url("../images/motion_items.png") repeat-x 0 0 / auto 260px;}
.headMotion__area .link_tutorial {position:absolute;top:254px;left:calc(50% - 99px);width:198px;height:52px;font-size:20px;color:var(--font-dark-color);font-weight:700;border-radius:40px;background-color:#fff;overflow:hidden;}
.headMotion__area .link_tutorial .space {width:10px;}
/* .headMotion__area .link_tutorial:before {position:absolute;content: "";top: 0;right: 0;bottom: 0;left: 0;background-image:linear-gradient(90deg, #00FBEB 0%, #009AF5 100%);z-index: -1;transition: opacity 0.3s linear;opacity: 0;} */
.headMotion__area .link_tutorial:hover {background-color:#3649c9;color:#fff;}

.welcomeWrap {height:100vh;/*background:url("../images/welcome_bg.jpg") no-repeat center center / cover;*/overflow:hidden;}
.welcomeWrap .bgVisual {top:0;left:0;width:100%;height:100%;background:url("../images/welcome_bg.jpg") no-repeat center center / cover;}
.welcomeWrap .cover {top:0;left:0;width:100%;height:100%;background-color:rgba(0, 5, 10,0.5);}
.welcomeWrap .text__group {position:relative;top:50%;left:50%;height:510px;transform:translate(-50%,-50%);}
.welcomeWrap .text__group [class*="text"] {top:0;width:100%;font-size:20px;line-height:44px;font-weight:700;text-align:center;}
.welcomeWrap .text__group .text01 {font-size:24px;}
.welcomeWrap .text__group .text02 {top:120px;}
.welcomeWrap .text__group .text03 {top:280px;}
.welcomeWrap .text__group .text04 {top:444px;font-size:24px;}

.ceoWrap {padding:240px 0 !important;color:#21262a;background-color:#fff;}
.ceoWrap dl {display:grid;grid-template-columns:repeat(2,1fr);}
/* .ceoWrap dl > * {padding-left:75px;} */
.ceoWrap dl dt {font-size:47px;color:#3649c9;line-height:60px;font-weight:700;}
.ceoWrap dl dd {padding:5px 0 0 80px;font-size:18px;line-height:32px;}
.ceoWrap dl dd p {margin-top:40px;width:530px;}
.ceoWrap dl dd p span {display:block;}
.ceoWrap .ceo_sign {position:absolute;bottom:0;left:0;font-size:18px;font-weight:700;}
.ceoWrap .ceo_sign figure img {height:50px;}
.ceoWrap .ceo-list {margin-top:45px;}
.ceoWrap .ceo-list .list-item {display:flex;align-items:center;column-gap:25px;}
.ceoWrap .ceo-list .list-item + .list-item {margin-top:25px;}

.checklistWrap {background-color:#000;}
.checklistWrap .subTitle {margin-bottom:90px;}
.checklistWrap .checklist__list {display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px;}
.checklistWrap .checklist__list li {position:relative;padding:45px 0;color:var(--font-color);border-bottom:solid 0.5px rgba(255,255,255,0.3);}
.checklistWrap .checklist__list li > div {position:relative;padding:25px 0 0 200px;height:167px;}
.checklistWrap .checklist__list li figure {position:absolute;top:0;left:0;width:167px;height:167px;}
.checklistWrap .checklist__list li strong {color:#fff;font-size:26px;font-family:"Manrope";}
.checklistWrap .checklist__list li p {margin-top:20px;font-size:17px;line-height:27px;color:#d1d3d4;}
.checklistWrap .checklist__list li:nth-of-type(1) figure {animation:target_image 1.5s 0.9s alternate infinite;}
.checklistWrap .checklist__list li:nth-of-type(2) figure {animation:target_image 2s 0.3s alternate infinite;}
.checklistWrap .checklist__list li:nth-of-type(3) figure {animation:target_image 1.5s 0.5s alternate infinite;}
.checklistWrap .checklist__list li:nth-of-type(4) figure {animation:target_image 1.9s 0.3s alternate infinite;}
.checklistWrap .checklist__list li:nth-of-type(5) figure {animation:target_image 1.5s 0.7s alternate infinite;}
.checklistWrap .checklist__list li:nth-of-type(6) figure {animation:target_image 1.7s 0.5s alternate infinite;}

.card {position:relative;}
.card li div{position:relative;padding:32px 0 0 32px;border:solid 1px #fff;border-radius:20px;background-color:var(--font-dark-color);background-repeat:no-repeat;background-position:left 32px bottom 30px;cursor:pointer;}
.card li div span {display:inline-flex;height:25px;padding:0 15px;font-size:18px;line-height:23px;color:#fff;background-color:#004bff;border-radius:20px;}
.card li div p {margin-top:20px;font-size:33px;line-height:38px;font-weight:500;}
.card li div:before{content:"";position:absolute;bottom:30px;right:28px;width:42px;height:27px;background:url("../images/icon_arrow_light.svg") no-repeat right bottom;}

.onBoardingWrap {background-color:#fff;}
.onBoardingWrap .subTitle {margin-bottom:150px;}
.onBoardingWrap .onBoarding__list li {width:472px;height:368px;position:relative;}
.onBoardingWrap .onBoarding__list li div.visual {position:relative;width:100%;height:352px;padding:35px 0 0 20px;}
.onBoardingWrap .onBoarding__list li div.visual figure {position:absolute;top:0;left:0;width:418px;border-radius:30px;overflow:hidden;}
.onBoardingWrap .onBoarding__list li div.visual p {position:relative;font-size:28px;font-weight:700;z-index:10;}
.onBoardingWrap .onBoarding__list li div.visual span {position:relative;margin-top:27px;display:inline-flex;padding:0 20px;height:40px;background-color:#fff;font-size:16px;color:#050a0f;justify-content:center;align-items:center;border-radius:10px;z-index:10;}
.onBoardingWrap .onBoarding__list li div.visual:before {content:"";position:absolute;top:35px;right:80px;width:32px;height:32px;background:url("../images/board_bg_arrow.svg") no-repeat center center / auto 32px;z-index:10;}
.onBoardingWrap .onBoarding__list li div.progress {position:relative;margin-top:28px;padding-top:43px;}
.onBoardingWrap .onBoarding__list li div.progress span {font-size:21px;color:#050a0f;font-weight:700;}
.onBoardingWrap .onBoarding__list li div.progress:before {content:"";position:absolute;top:11px;left:0;width:100%;height:3px;background-color:#afafaf;}
.onBoardingWrap .onBoarding__list li div.progress:after {content:"";position:absolute;top:0;left:0;width:22px;height:22px;background-color:#afafaf;border-radius:50%;}
.onBoardingWrap .onBoarding__list li.active div.progress:after {background-color:#3649c9;}

/* .onBoardingWrap .onBoardingSlide {padding-right:0;} */
/* .onBoardingWrap .onBoardingSlide .swiper-wrapper {margin-left:calc(50% - 690px);} */
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide {width:472px;height:460px;position:relative;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.visual {position:relative;width:100%;height:352px;padding:35px 0 0 20px;cursor:pointer;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.visual figure {position:absolute;top:0;left:0;width:418px;border-radius:30px;overflow:hidden;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.visual p {position:relative;font-size:25px;font-weight:700;z-index:10;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.visual span {position:relative;margin-top:27px;display:inline-flex;padding:0 20px;height:40px;background-color:#fff;font-size:16px;color:#050a0f;justify-content:center;align-items:center;border-radius:10px;z-index:10;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.visual:before {content:"";position:absolute;top:35px;right:80px;width:32px;height:32px;background:url("../images/board_bg_arrow.svg") no-repeat center center / auto 32px;z-index:10;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.progress {position:relative;margin-top:28px;padding-top:43px;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.progress span {font-size:17px;color:#050a0f;font-weight:700;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.progress .bar{position:absolute;top:11px;left:0;width:100%;height:3px;background-color:#afafaf;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.progress:after {content:"";position:absolute;top:11px;left:0;width:0%;height:3px;background-color:#3649c9;transition:0.7s;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide div.progress:before {content:"";position:absolute;top:0;left:0;width:22px;height:22px;background-color:#afafaf;border-radius:50%;z-index:10;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide.active div.progress:after {content:"";position:absolute;top:11px;left:0;width:100%;height:3px;background-color:#3649c9;transition:0.5s;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide.active div.progress:before {background-color:#3649c9;transition:0.7s;}
.onBoardingWrap .onBoardingSlide .swiper-wrapper .swiper-slide.nextactive div.progress:before {background-color:#3649c9;transition:1s 0.3s;z-index:10;}




.onBoardingWrap .slideWrap {position:relative;}
.onBoardingWrap .slideWrap .slideOuter {width:100%;height:460px;}
.onBoardingWrap .slideWrap .scrollbar {width:1170px;margin:80px auto 0;height:20px;border-radius:10px;background-color:#ddd;}
.onBoardingWrap .slideWrap .scrollbar .handle {top:0;height:20px;background-color:#000;border-radius:10px;}
.onBoardingWrap .slideWrap .scrollbar .handle .mousearea {top:0;height:20px;}

.bul-list {position:relative;}
.bul-list li {position:relative;padding-left:12px;font-size:13px;color:#fff;line-height:18px;}
.bul-list li:before {content:"※";position:absolute;top:0;left:0;}
.bul-list li+li {margin-top:5px;}

.motion {position:absolute;background-repeat:no-repeat;background-position:0 0;}
.m_color {color:#ff5160;}

/* .benefitWrap {display:none;} */
.benefitWrap {padding-bottom:250px !important;}
.benefitWrap .innerWrap {z-index:100;}
.benefitWrap .subTitle {margin-bottom:140px;}
/* .benefitWrap .benefitSlide .swiper-wrapper {width:100%;overflow:hidden;} */
/* .benefitWrap .benefitSlide {width:1360px;overflow:hidden;} */
.benefitWrap .benefitSlide .swiper-slide {width:276px;height:418px;border-radius:30px;background-repeat:no-repeat;background-position:left 32px bottom 30px;cursor:pointer;margin: 0 20px;}
.benefitWrap .benefitSlide .swiper-slide span {font-size:14px;color:#a5a5a5;font-weight:300;}
.benefitWrap .benefitSlide .swiper-slide p {margin-top:20px;font-size:22px;line-height:33px;font-weight:700;}
.benefitWrap .benefitSlide .swiper-slide.slide01 .card > div {background-position:center 173px;background-size:auto 147px;}
.benefitWrap .benefitSlide .swiper-slide.slide01 .card-front {background-image:url("../images/benefit_icon_01.png");}
.benefitWrap .benefitSlide .swiper-slide.slide01 .card-back {background-image:url("../images/benefit_icon_01_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide02 .card > div {background-position:center 168px;background-size:auto 130px;}
.benefitWrap .benefitSlide .swiper-slide.slide02 .card-front {background-image:url("../images/benefit_icon_02.png");}
.benefitWrap .benefitSlide .swiper-slide.slide02 .card-back {background-image:url("../images/benefit_icon_02_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide03 .card > div {background-position:center 173px;background-size:auto 150px;}
.benefitWrap .benefitSlide .swiper-slide.slide03 .card-front {background-image:url("../images/benefit_icon_03.png");}
.benefitWrap .benefitSlide .swiper-slide.slide03 .card-back {background-image:url("../images/benefit_icon_03_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide04 .card > div {background-position:center 176px;background-size:auto 144px;}
.benefitWrap .benefitSlide .swiper-slide.slide04 .card-front {background-image:url("../images/benefit_icon_04.png");}
.benefitWrap .benefitSlide .swiper-slide.slide04 .card-back {background-image:url("../images/benefit_icon_04_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide05 .card > div {background-position:center 176px;background-size:auto 144px;}
.benefitWrap .benefitSlide .swiper-slide.slide05 .card-front {background-image:url("../images/benefit_icon_05.png");}
.benefitWrap .benefitSlide .swiper-slide.slide05 .card-back {background-image:url("../images/benefit_icon_04_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide06 .card > div {background-position:center 195px;background-size:auto 104px;}
.benefitWrap .benefitSlide .swiper-slide.slide06 .card-front {background-image:url("../images/benefit_icon_06.png");}
.benefitWrap .benefitSlide .swiper-slide.slide06 .card-back {background-image:url("../images/benefit_icon_06_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide07 .card > div {background-position:center 163px;background-size:auto 171px;}
.benefitWrap .benefitSlide .swiper-slide.slide07 .card-front {background-image:url("../images/benefit_icon_07.png");}
.benefitWrap .benefitSlide .swiper-slide.slide07 .card-back {background-image:url("../images/benefit_icon_07_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide08 .card > div {background-position:center 170px;background-size:auto 164px;}
.benefitWrap .benefitSlide .swiper-slide.slide08 .card-front {background-image:url("../images/benefit_icon_08.png");}
.benefitWrap .benefitSlide .swiper-slide.slide08 .card-back {background-image:url("../images/benefit_icon_08_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide09 .card > div {background-position:center 168px;background-size:auto 155px;}
.benefitWrap .benefitSlide .swiper-slide.slide09 .card-front {background-image:url("../images/benefit_icon_09.png");}
.benefitWrap .benefitSlide .swiper-slide.slide09 .card-back {background-image:url("../images/benefit_icon_09_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide10 .card > div {background-position:center 176px;background-size:auto 140px;}
.benefitWrap .benefitSlide .swiper-slide.slide10 .card-front {background-image:url("../images/benefit_icon_10.png");}
.benefitWrap .benefitSlide .swiper-slide.slide10 .card-back {background-image:url("../images/benefit_icon_10_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide11 .card > div {background-position:center 185px;background-size:auto 125px;}
.benefitWrap .benefitSlide .swiper-slide.slide11 .card-front {background-image:url("../images/benefit_icon_11.png");}
.benefitWrap .benefitSlide .swiper-slide.slide11 .card-back {background-image:url("../images/benefit_icon_11_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide12 .card > div {background-position:center 176px;background-size:auto 144px;}
.benefitWrap .benefitSlide .swiper-slide.slide12 .card-front {background-image:url("../images/benefit_icon_12.png");}
.benefitWrap .benefitSlide .swiper-slide.slide12 .card-back {background-image:url("../images/benefit_icon_04_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide13 .card > div {background-position:center 170px;background-size:auto 152px;}
.benefitWrap .benefitSlide .swiper-slide.slide13 .card-front {background-image:url("../images/benefit_icon_13.png");}
.benefitWrap .benefitSlide .swiper-slide.slide13 .card-back {background-image:url("../images/benefit_icon_13_back.png");}
.benefitWrap .benefitSlide .swiper-slide.slide14 .card > div {background-position:center 174px;background-size:auto 144px;}
.benefitWrap .benefitSlide .swiper-slide.slide14 .card-front {background-image:url("../images/benefit_icon_14.png");}
.benefitWrap .benefitSlide .swiper-slide.slide14 .card-back {background-image:url("../images/benefit_icon_14_back.png");}
.benefitWrap .benefitSlide .card {width:276px;height:418px;position:relative;transition:0.4s;transform-style:preserve-3d;}
.benefitWrap .benefitSlide .card > div {position:absolute;backface-visibility:hidden;width:276px;height:418px;padding:40px 25px 0;border-radius:30px;border:solid 0.25px #fff;background-color:#00050a;background-repeat:no-repeat;}
.benefitWrap .benefitSlide .card .card-back {transform:rotateY(180deg);background-color:#fff;color:#fff;background-position:right -20px bottom -30px;}
.benefitWrap .benefitSlide .card .card-back:before {content:"";position:absolute;bottom:25px;right:30px;width:36px;height:36px;background:url("../images/icon_arrow_back.svg") no-repeat right bottom / auto 36px;}
.benefitWrap .benefitSlide .card .card-back .head {padding-bottom:20px;border-bottom:solid 1px #000;}
.benefitWrap .benefitSlide .card .card-back .head span {font-size:14px;color:#787878;font-weight:300;}
.benefitWrap .benefitSlide .card .card-back .head p {margin-top:15px;font-size:22px;color:#000;line-height:33px;font-weight:700;}
.benefitWrap .benefitSlide .card .card-back .content {padding-top:5px;}
.benefitWrap .benefitSlide .card .card-back .content p {font-size:17px;line-height:30px;color:#21262a;font-weight:500;}
.benefitWrap .benefitSlide .card .card-back .content ul {margin-top:20px;}
.benefitWrap .benefitSlide .card .card-back .content ul li {font-size:17px;line-height:30px;color:#21262a;}
/* .benefitWrap .benefitSlide .card .card-back .content ul.f20 li {font-size:20px;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_10 {letter-spacing:-0.01em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_18 {letter-spacing:-0.018em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_25 {letter-spacing:-0.025em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_40 {letter-spacing:-0.040em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_42 {letter-spacing:-0.042em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_50 {letter-spacing:-0.05em;}
.benefitWrap .benefitSlide .card .card-back .content ul .s_70 {letter-spacing:-0.07em;} */
.benefitWrap .benefitSlide .card .card-back .content ul .s_80 {letter-spacing:-0.08em;}
.benefitWrap .benefitSlide .card .card-front:before {content:"";position:absolute;bottom:25px;right:30px;width:36px;height:36px;background:url("../images/icon_arrow_front.svg") no-repeat right bottom / auto 36px;}
/* .benefitWrap .benefitSlide .swiper-slide:hover .card {transform:rotateY(180deg);} */
.benefitWrap .benefitSlide .swiper-slide.active .card {transform:rotateY(180deg);} 
.benefitWrap .benefit-button-next {right:-100px;}
.benefitWrap .benefit-button-prev {left:-100px;}

/* .vrTourWrap {display:none;} */
.vrTourWrap {padding-bottom:0 !important;background-color:#262626;}
.vrTourWrap .subTitle {margin-bottom:55px;}
.vrTourWrap .vrFrame {overflow:hidden;}

.surveyWrap {padding:300px 0 !important;background-color:#3649c9;}
.surveyWrap .subTitle {margin-bottom:65px;}
.surveyWrap .survey__text {position:relative;padding-left:0;font-size:21px;line-height:42px;color:#e6e7e8;}
/* .surveyWrap .survey__text:before {content:"";position:absolute;top:10px;left:0;width:148px;height:148px;border-radius:50%;border:solid 1px #fff;background:#000e3b url("../images/icon_light_01.png") no-repeat center center;}
.surveyWrap .survey__text:after {content:"";position:absolute;top:10px;left:0;width:148px;height:148px;border-radius:50%;border:solid 1px #fff;background:#000e3b url("../images/icon_light_01_on.png") no-repeat center center;} */
.surveyWrap .survey__text strong {color:#fff;}
.surveyWrap .survey__text p {line-height:80px;}
.surveyWrap .join__link {margin-top:110px;}
.surveyWrap .join__link .link {position:relative;width:338px;height:85px;font-size:32px;font-weight:700;color:#fff;border:solid 1px #fff;background-color:#3649c9;z-index:1;overflow:hidden;}
/* .surveyWrap .join__link .link:before {position:absolute;content: "";top: 0;right: 0;bottom: 0;left: 0;background-image:linear-gradient(90deg, #00FBEB 0%, #009AF5 100%);z-index: -1;transition: opacity 0.3s linear;opacity: 0;} */
.surveyWrap .join__link .link:hover {background-color:#fff;color:#3649c9;transition:0.3s;}
/* .surveyWrap .join__link .link:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/link_arrow_dark.svg") no-repeat right 45px top 50%;} */
.linkWrap .link__group > div {display:flex;justify-content:center;}
.linkWrap .link__group .home-link {gap:40px;}
.linkWrap .link__group .home-link .link {font-size:21px;font-weight:300;}
.linkWrap .link__group .sns-link {margin-top:60px;gap:20px;display:flex;justify-content:center;}
.linkWrap .link__group .sns-link li {position:relative;width:78px;height:78px;border-radius:50%;transition: background-image 0.5s linear;overflow:hidden;}
.linkWrap .link__group .sns-link .link {position:absolute;width:78px;height:78px;background-repeat:no-repeat;background-position:center center;}
.linkWrap .link__group .sns-link .link.blog {background-image:url("../images/sns_link_n_01.svg");}
.linkWrap .link__group .sns-link .link.facebook {background-image:url("../images/sns_link_n_02.svg");}
.linkWrap .link__group .sns-link .link.youtube {background-image:url("../images/sns_link_n_03.svg");}
.linkWrap .link__group .sns-link .link.insta {background-image:url("../images/sns_link_n_04.svg");}
.linkWrap .link__group .sns-link .link.linkedin {background-image:url("../images/sns_link_n_05.svg");}
/* .linkWrap .link__group .sns-link li:hover {background-color:#fff;transition:0.3s;}
.linkWrap .link__group .sns-link li:hover .link.blog {background-image:url("../images/sns_link_01_hover.svg");}
.linkWrap .link__group .sns-link li:hover .link.facebook {background-image:url("../images/sns_link_02_hover.svg");}
.linkWrap .link__group .sns-link li:hover .link.youtube {background-image:url("../images/sns_link_03_hover.svg");}
.linkWrap .link__group .sns-link li:hover .link.insta {background-image:url("../images/sns_link_04_hover.svg");}
.linkWrap .link__group .sns-link li:hover .link.linkedin {background-image:url("../images/sns_link_05_hover.svg");} */

.popupWrap {width:700px;background-color:transparent;}
.popupWrap .btn_popClose {right:120px;}
.popupWrap .boardSlide,
.popupWrap .benefitPopSlide {width:520px;height:605px;padding:65px 40px 0;left:calc(50% - 260px);border-radius:40px;background-color:#fff;}
.popupWrap .popHeader {height:130px;border-bottom:solid 0.5px #9fa0a0;}
.popupWrap .popHeader h2 {position:relative;}
.popupWrap .popHeader h2 span {position:relative;display:inline-block;padding-right:30px;font-size:38px;font-weight:700;color:#000;background-color:#fff;}
.popupWrap .popHeader p {margin-top:25px;font-size:17px;color:#787878;font-weight:300;}
.popupWrap .popContent {position:relative;padding-top:45px;width:440px;}
.popupWrap .popContent dl dt span {font-size:17px;color:#3649c9;font-weight:500;}
.popupWrap .popContent dl dd {margin-top:10px;font-size:17px;line-height:30px;color:#21262a;}
.popupWrap .popContent dl+dl {margin-top:45px;}
.popupWrap .slide-items {width:440px !important;}
.popupWrap .moveButton {position:absolute;top:calc(50% - 29px);width:100%;}
.popupWrap .moveButton button {position:absolute;width:58px;height:58px;background:#fff url("../images/slide_arrow_01.svg") no-repeat center center / auto 30px;border-radius:50%;}
.popupWrap .moveButton button.prev {left:0;}
.popupWrap .moveButton button.next {right:0;transform:rotate(180deg);}

.popupWrap .slick-list {width:440px;}
.onBoardingSlide {margin-right:0px;overflow:inherit;}

/* .scrollbar{width: 100%; height: 2px;}
.scrollbar .handle{
	width: 100px; 
	height: 100%;
	background: #00bfd8;
} */

.slick-list {overflow: visible;}

.slick-dots {display:flex;margin-top:20px;justify-content:center;gap:0 7px;}
.slick-dots li button {width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,0.5);text-indent:-9999px;}
.slick-dots li.slick-active button {background-color:#3649c9;}

@media screen and (min-width:1780px) {
	.onBoardingSlide {margin-right: calc(50vw - 1224px)};
}

@media screen and (max-width:1224px) {
	.innerWrap {width:100%;padding:0 40px;}
	header nav {right:40px;}

	.ceoWrap .ceo_sign {left:40px;}

	.checklistWrap .checklist__list li div {height:auto;}
}


@media screen and (max-width:1060px) {
	/* body {overflow-x:auto;} */
	/* footer {padding-left:2rem;}

	header {opacity:1;}

	.pcVer {display:none !important;}
	.mVer {display:block;} */

	/* .headingWrap.mVer {height:750px;}
	.headingWrap.mVer .motion__area {background:url("../images/heading_keyvisual.png") no-repeat right bottom;} */

}

@media (max-height:700px) {
	/* .headingWrap .innerWrap {transform:scale(0.8);} */
}

@media screen and (max-width:900px) {
	.ceoWrap {padding:70px 0 !important;}
	.ceoWrap dl {grid-template-columns: none;}
	.ceoWrap dl dd {padding:40px 0 0;}
	.ceoWrap .ceo_sign {position:relative;left:auto;margin-top:50px;}
	.checklistWrap .checklist__list {grid-template-columns:none;}
	.checklistWrap .checklist__list li > div {height:167px;}

	/* .vrTourWrap .vrFrame iframe {width: 166% !important;height:600px !important;transform: scale(0.5);transform-origin:top center;margin-left:-200px;} */
}

@media screen and (max-width:786px) {
	header nav ul li:not(:first-child) {margin-left:20px;}
}

@media screen and (max-width:576px) {
	body {letter-spacing:-0.025em;}

	.pcVer {display:none;}
	.mVer {display:block;}

	header,
	header .logo {height:70px;}
	header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:70px;height:70px;background:url("../images/m_btn_menu.svg") no-repeat center center;}
	header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:65px 0 0 50px;background-color:#000;z-index:1000;}
	/* header .gnbWrap ul li {margin-left:0 !important;width:auto;height:auto;font-size:36px;font-weight:500;color:#000;} */
	/* header .gnbWrap ul li+li {margin-top:30px;} */
	header .gnbWrap ul {display:block;margin-right:0;}
	header nav ul li {margin-left:0 !important;height:auto;}
	header nav ul li a {display:block;text-align:left;font-size:24px;line-height:58px;color:#fff;font-weight:700;}
	header nav ul li a p span {display:inline-block;padding-left:6px;}
	header nav ul li.active a {color:#3649c9;}
	header .m_btn_close {display:block;position:absolute;top:0;right:0;width:70px;height:70px;z-index:10;background-color:transparent;}
	header .m_btn_close:before,
	header .m_btn_close:after {content: "";position: absolute;top: 50%;left: 50%;width:40px;height:1px;background-color:#fff;}
	header .m_btn_close:before {transform: translate(-50%, -50%) rotate(-45deg);}
	header .m_btn_close:after {transform: translate(-50%, -50%) rotate(45deg);}

	footer .innerWrap {height:60px;}
	footer .logo {width:23px;height:12px;background-size:auto 12px;}
	footer .copyright {font-size:10px;}

	dl.subTitle dt {font-size:28px;}

	#wrap section:not(.headingWrap) {padding:50px 0;}

	.headMotion__area {height:280px;}
	.headMotion__area .heading_title {zoom:0.5;}
	.headMotion__area .motion_slide {height:130px;background-size:auto 130px;;}
	.headMotion__area .link_tutorial {top:130px;left:calc(50% - 60px);width:120px;height:32px;font-size:14px;}

	.welcomeWrap .text__group {height:310px;}
	.welcomeWrap .text__group [class*="text"] {top:0;width:100%;font-size:14px;line-height:24px;font-weight:700;text-align:center;}
	.welcomeWrap .text__group .text01 {font-size:16px;}
	.welcomeWrap .text__group .text02 {top:80px;}
	.welcomeWrap .text__group .text03 {top:180px;}
	.welcomeWrap .text__group .text04 {top:285px;font-size:16px;}

	.ceoWrap dl dt {font-size:28px;line-height:34px;}
	.ceoWrap dl dd,
	.ceoWrap .ceo_sign {font-size:14px;line-height:24px;}
	.ceoWrap dl dd p {width:auto;}
	.ceoWrap .ceo-list {margin-top:30px;}
	.ceoWrap .ceo_sign figure {margin-top:0;width:130px;}
	.ceoWrap .ceo_sign figure img {height:40px;}
	.ceoWrap .ceo-list .list-item + .list-item {margin-top:15px;}

	.checklistWrap .subTitle {margin-bottom:40px;}
	.checklistWrap .checklist__list li {padding:30px 0;}
	.checklistWrap .checklist__list li > div {padding:0 0 0 70px;height:auto;}
	.checklistWrap .checklist__list li .icon {position:absolute;top:50%;left:0;width:55px;height:55px;transform:translateY(-50%);}
	.checklistWrap .checklist__list li figure {width:55px;height:55px;}
	.checklistWrap .checklist__list li strong {font-size:18px;}
	.checklistWrap .checklist__list li p {margin-top:10px;font-size:13px;line-height:18px;}

	.onBoardingWrap .subTitle {margin-bottom:40px;}
	.onBoardingMobile li {display:grid;grid-template-columns:93px calc(100% - 93px);}
	.onBoardingMobile li .visual {position:relative;width:217px;height:205px}
	.onBoardingMobile li .visual p {position:absolute;top:20px;left:20px;font-size:16px;font-weight:700;z-index:10;}
	.onBoardingMobile li .visual span {position:absolute;top:47px;left:20px;display:inline-flex;padding:0 10px;height:25px;background-color:#fff;font-size:11px;color:#050a0f;justify-content:center;align-items:center;border-radius:7px;z-index:10;}
	.onBoardingMobile li .visual figure {height:183px;;border-radius:16px;overflow:hidden;}
	.onBoardingMobile li .visual:before {content:"";position:absolute;top:20px;right:15px;width:16px;height:16px;background:url("../images/board_bg_arrow.svg") no-repeat center center / auto 16px;z-index:10;}
	.onBoardingMobile li .progress {position:relative;}
	.onBoardingMobile li .progress span {display:block;margin-top:-3px;width:56px;font-size:12px;line-height:18px;color:#050a0f;text-align:right;}
	.onBoardingMobile li .progress:before {content:"";position:absolute;top:0;left:72px;width:1px;height:100%;background-color:#afafaf;}
	.onBoardingMobile li .progress:after {content:"";position:absolute;top:0;left:67px;width:12px;height:12px;background-color:#afafaf;border-radius:50%;z-index:10;}
	.onBoardingMobile li.active .progress:after {background-color:#3649c9;}

	.onBoardingMobile li.play-mo .progress:after{background-color:#3649c9;transition:0.7s;}
	.onBoardingMobile li.active div.progress:before {background-color:#3649c9;transition:0.7s;}
	.onBoardingMobile li.play-mo div.progress:before {background-color:#3649c9;transition:1s 0.3s;z-index:10;}

	.benefitWrap {padding-bottom:150px !important;}
	.benefitWrap .subTitle {margin-bottom:70px;}
	.benefitWrap .benefitSlide .swiper-slide {margin:0 14px;opacity:0.3;}
	.benefitWrap .benefitSlide .swiper-slide span,
	.benefitWrap .benefitSlide .card .card-back .head span {font-size:12px;font-weight:500;}
	.benefitWrap .benefitSlide .swiper-slide p,
	.benefitWrap .benefitSlide .card .card-back .head p {margin-top:10px;font-size:18px;line-height:27px;}
	.benefitWrap .benefitSlide .card .card-back .content ul {margin-top:10px;}
	.benefitWrap .benefitSlide .swiper-slide,
	.benefitWrap .benefitSlide .card {width:240px;height:340px;}
	.benefitWrap .benefitSlide .card > div {width:240px;height:340px;padding:25px 15px 0;}
	.benefitWrap .benefitSlide .card .card-back:before,
	.benefitWrap .benefitSlide .card .card-front:before {right:20px;bottom:17px;width:27px;height:27px;background-size:auto 27px;}
	.benefitWrap .benefitSlide .swiper-slide.slide01 .card > div {background-position:center 133px;background-size:auto 137px;}
	.benefitWrap .benefitSlide .swiper-slide.slide02 .card > div {background-position:center 128px;background-size:auto 120px;}
	.benefitWrap .benefitSlide .swiper-slide.slide03 .card > div {background-position:center 133px;background-size:auto 140px;}
	.benefitWrap .benefitSlide .swiper-slide.slide04 .card > div {background-position:center 136px;background-size:auto 134px;}
	.benefitWrap .benefitSlide .swiper-slide.slide05 .card > div {background-position:center 136px;background-size:auto 134px;}
	.benefitWrap .benefitSlide .swiper-slide.slide06 .card > div {background-position:center 155px;background-size:auto 94px;}
	.benefitWrap .benefitSlide .swiper-slide.slide07 .card > div {background-position:center 123px;background-size:auto 161px;}
	.benefitWrap .benefitSlide .swiper-slide.slide08 .card > div {background-position:center 130px;background-size:auto 154px;}
	.benefitWrap .benefitSlide .swiper-slide.slide09 .card > div {background-position:center 128px;background-size:auto 145px;}
	.benefitWrap .benefitSlide .swiper-slide.slide10 .card > div {background-position:center 136px;background-size:auto 130px;}
	.benefitWrap .benefitSlide .swiper-slide.slide11 .card > div {background-position:center 145px;background-size:auto 115px;}
	.benefitWrap .benefitSlide .swiper-slide.slide12 .card > div {background-position:center 126px;background-size:auto 134px;}
	.benefitWrap .benefitSlide .swiper-slide.slide13 .card > div {background-position:center 130px;background-size:auto 142px;}
	.benefitWrap .benefitSlide .swiper-slide.slide14 .card > div {background-position:center 134px;background-size:auto 134px;}
	.benefitWrap .benefitSlide .card .card-back .head {padding-bottom:12px;}
	.benefitWrap .benefitSlide .card .card-back .content ul li,
	.benefitWrap .benefitSlide .card .card-back .content p {font-size:13px;line-height:23px;}
	.benefitWrap .benefitSlide .swiper-slide.slick-active,
	.benefitWrap .benefitSlide .swiper-slide.swiper-slide-active {opacity:1;}
	.benefitWrap .benefitSlide {overflow:initial;}
	.benefitWrap .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {bottom:-30px;}
	.benefitWrap .swiper-pagination-bullet {background-color:rgba(255,255,255,1);}
	.benefitWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {background-color:#3649c9;}
	/* var(--swiper-pagination-bullet-inactive-color,#000) */
	
	.vrTourWrap {padding-bottom:50px !important;}
	.vrTourWrap .vrFrame {border-radius:6px;}
	.vrTourWrap .vrFrame iframe {height:400px !important;}

	.surveyWrap {padding:100px 0 !important;}
	.surveyWrap .subTitle {margin-bottom:50px;}
	.surveyWrap .survey__text {font-size:14px;line-height:22px;}
	.surveyWrap .join__link {margin-top:75px;}
	.surveyWrap .join__link .link {width:170px;height:42px;font-size:16px;}

	.linkWrap .link__group .home-link {gap:20px;}
	.linkWrap .link__group .home-link .link {font-size:13px;}
	.linkWrap .link__group .sns-link {margin-top:40px;}
	.linkWrap .link__group .sns-link li {width:30px;height:30px;gap:0 30px;}
	.linkWrap .link__group .sns-link .link {width:30px;height:30px;background-size:25px auto;}
	.linkWrap .link__group .sns-link .link.blog {background-size:auto 25px;}

	.slick-dots {gap:0 3px;}
	.slick-dots li button {width:4px;height:4px;transition:0.3s;}
	.slick-dots li.slick-active button {width:7px;height:7px;}

	.popupWrap {width:100vw;height:480px;top:50% !important;transform:translateY(-50%) !important;}
	.popupWrap .btn_popClose {right:15vw;width:24px;height:24px;top:75px;}
	.popupWrap .btn_popClose:before,
	.popupWrap .btn_popClose:after {width:20px;height:1px;}
	.popupWrap .boardSlide,
	.popupWrap .benefitPopSlide {width:calc(90vw - 40px);height:385px;margin-top:48px;padding:28px 20px 60px;left:50%;border-radius:20px;background-color:#fff;transform:translateX(-50%);}
	.popupWrap .popHeader {height:85px;padding-top:0;border-bottom:solid 1px #050a0f;}
	.popupWrap .popHeader h2 span {font-size:18px;}
	.popupWrap .popHeader p {margin-top:10px;font-size:12px;}
	.popupWrap .slide-items,
	.popupWrap .slick-list,
	.popupWrap .popContent {width:calc(90vw - 80px) !important;}
	.popupWrap .popContent {padding-top:20px;}
	.popupWrap .popContent dl dt span {font-size:12px;}
	.popupWrap .popContent dl dd {margin-top:10px;font-size:12px;line-height:18px;}
	.popupWrap .popContent dl+dl {margin-top:20px;}
	.popupWrap .moveButton {top:0;height:100%;}
	.popupWrap .moveButton button {width:34px;height:34px;background-size:auto 20px;}
	.popupWrap .moveButton button.prev {left:calc(50% - 17px);top:0;transform:rotate(90deg);}
	.popupWrap .moveButton button.next {left:calc(50% - 17px);right:auto;bottom:0;top:auto;transform:rotate(-90deg);}
}