/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('./fonts/Pretendard-Black.woff2') format('woff2'), url('./fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('./fonts/Pretendard-Bold.woff2') format('woff2'), url('./fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('./fonts/Pretendard-SemiBold.woff2') format('woff2'), url('./fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('./fonts/Pretendard-Medium.woff2') format('woff2'), url('./fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('./fonts/Pretendard-Regular.woff2') format('woff2'), url('./fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('./fonts/Pretendard-Light.woff2') format('woff2'), url('./fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('./fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('./fonts/Pretendard-Thin.woff2') format('woff2'), url('./fonts/Pretendard-Thin.woff') format('woff');
}


/* default */
html,
body {width:100%;height:100%;}
html {font-size:62.5%;scroll-behavior:smooth}

body {font-family:'Pretendard', sans-serif;letter-spacing:-0.02rem;color:#222;font-size:1.6rem;line-height:1.6;word-break:keep-all;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px transparent;
}

body,iframe,div,p,span,strong,em,b,i,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,button,a,label,table,tbody,thead,tr,th,td {margin:0;padding:0;box-sizing:border-box;}
dl,dt,dd,ul,ol,li {box-sizing:border-box;list-style:none;padding:0;margin:0;}
img,fieldset,iframe {outline:0; }
button {border:0 none;}
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
th,
td {border-collapse:collapse;}
hr {border:0;border-top:1px solid var(--line-color);margin:4rem 0;}
em,u,cite,i,abbr {font:inherit;text-decoration:none;}
strong,b {font:inherit;}
a {font:inherit;color:inherit;outline-offset:1px;text-decoration:none;}
button {border:0 none;font:inherit;cursor:pointer;background:transparent;color:inherit;}
input,textarea,select {box-sizing:border-box;font:inherit;outline:0;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out;-webkit-box-shadow:0 0 0px 1000px white inset !important;-webkit-text-fill-color:#000 !important;}
label {cursor:pointer;}
caption {position:relative !important;width:1px !important;height:1px !important;color:transparent !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);margin:-1px 0 0}
.a11y-hidden,
legend,
.hidden,
.hide {position:absolute !important;width:1px !important;height:1px !important;color:transparent !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);margin:0 !important;padding:0 !important;}

/* html5 */
article,aside,details,figcaption,figure,footer,header,main,hgroup,nav,section,summary {display:block;margin:0;padding:0;box-sizing:border-box;}
caption * {display:inline-block !important}
input {-webkit-appearance:none;-webkit-border-radius:0;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance:none;appearance:none;}
select {position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:0;background:url('./img/ico-select-arrow.svg') no-repeat right 1.6rem center;}
select::-ms-expand {display:none;}





/* page ---------------------------------------------------------------------- */
.base-header {position: fixed;width: 100%;z-index: 2;top: 0;left: 0;display: flex;justify-content: center;transition:background 0.3s linear}
.base-header-wrap {position: relative;z-index: 1;width: 100%;max-width: 124rem;padding: 0 2rem;display: flex;justify-content: space-between;height:6rem;}
.base-header .logo {margin: 1.8rem 0;width: 20.8rem;height: 2.4rem;color: #fff;}
.base-header .logo a {display:inline-block;line-height:normal;height:2.4rem;vertical-align:top;}
.base-header .logo a svg {vertical-align:top;}
.base-wrap {display:flex;flex-direction:column;height:100%;}
.base-body {flex:1;}
.base-nav-wrap {display: inline-flex;justify-content: right;height: 6rem;}
/* .base-header .base-nav a, .base-header .base-nav a svg {color: #fff;} */

.nav-link {display:flex;flex-direction:row;}
.nav-link > li > a {display: inline-block;font-weight: 400;padding:2.2rem 0 1.3rem;line-height:normal;height:6rem;font-size:1.5rem;color: #fff;}
.nav-link > li + li {margin-left:4rem;}
.nav-link > li:hover,
.nav-link > li:focus ,
.nav-link > li.active {border-bottom:.2rem solid #000;}
.is-touched .nav-link > li:hover {border:none;}
.is-touched .nav-link > li:focus ,
.is-touched .nav-link > li.active {border-bottom:.2rem solid #000;}
.nav-link > li:last-child:hover,
.nav-link > li:last-child:focus {border-bottom:none;}
.nav-link svg {stroke:#fff;vertical-align:-1.3rem;margin-right:.4rem;}
.nav-link .language {position:relative;}

.size-desktop .base-header:hover,
.size-desktop .base-header:focus,
.page-sub .base-header,
.base-header.on {background:#fff;}
.size-desktop .base-header:hover::after,
.size-desktop .base-header:focus::after,
.page-sub .base-header::after,
.base-header.on::after {content:'';display:block;width:100%;height:.1rem;background-color:#ddd;position:absolute;left:0;right:0;bottom:0;}
.size-desktop .base-header:hover .logo g,
.size-desktop .base-header:focus .logo g,
.page-sub .base-header .logo g,
.base-header.on .logo g  {fill:#000;}
.size-desktop .base-header:hover .nav-link > li > a,
.size-desktop .base-header:focus .nav-link > li > a,
.page-sub .base-header .nav-link > li > a,
.size-desktop .base-header.on .nav-link a {color:#000;}
.size-desktop .base-header:hover .nav-link svg g,
.size-desktop .base-header:focus .nav-link svg g,
.page-sub .base-header .nav-link svg g,
.base-header.on .nav-link svg g {stroke:#000;}
.base-header .btn-language {padding:1.6rem 0;font-size:0;}
.base-header .btn-language span {vertical-align:-.4rem;font-size:1.4rem;}
.base-header .langList {width:8rem;position:absolute;right:-1.1rem;top:6rem;z-index:1;background:#fff;text-align:left;border-radius:0 0 .8rem .8rem;line-height:2.2rem;display:none;overflow:hidden;border:.1rem solid #ddd;border-top:none;padding:.3rem 0 1.7rem;}
.base-header .langList li {margin-top:1.2rem;}
.base-header .langList a {display:block;padding:0 0 0 2.6rem;font-size:1.4rem;;}
.base-header li.open .langList {display:block;max-height:12.4rem;border:.1rem solid #ddd;border-top:none;}
.nav-dimmed {display:none;}

.btn-menu {display:none;}
.base-nav .logo-b,
.btn-close {display:none;}

.base-main {position:relative;width:100%;z-index: 0;}



/* footer */
.base-footer {display:flex;justify-content:center;position:relative;width:100%;background-color:#fff;padding:6.2rem 0 6rem;}
.page-sub .base-footer {border-top:1px solid #ddd;}
.base-footer-wrap {position:relative;width:100%;max-width:120rem;font-size:1.4rem;}
.base-footer-wrap .sns {display:inline-flex;}
.base-footer-wrap .sns a + a{margin-left:1.6rem;}
.base-footer-wrap .sns a path {transition:fill .2s ease-out;}
.base-footer-wrap a:hover {text-decoration:underline;}
.base-footer-wrap a {display:inline-block;height:3.6rem;}
.base-footer .logo {margin-bottom:1.2rem;}
.base-footer .group {display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;}
.base-footer .address span {display:block;}
.base-footer .address {font-style:normal;font-size:1.6rem;line-height:2.2rem;font-weight:400;display:block;}
.base-footer .address .m-only {display:none;}
.base-footer .link a+a {margin-left:2rem;}
.base-footer .btn-top {position:absolute;right:0;bottom:0;font-size:0;}
.base-footer .btn-top span {font-size:1.6rem;line-height:2.4rem;font-weight:700;display:inline-block;}
.base-footer .btn-top svg {vertical-align:-0.6rem;margin-right:0.4rem;}


/* service common */
.ui-parallax {width:100%;overflow:hidden;position:relative;z-index:0;}
.ui-parallax-item {position:relative;width:100%;height:100%;}
.unit-wrap {position:absolute;top:auto;bottom:0;width:100vw;height:100vh;z-index:1;}

.numerical {width:100%;font-size:18rem;color:#222;z-index:1;line-height:1.4;font-weight:700;text-align:center;transition:transform .3s ease-out, opacity .2s ease-in;}
.numerical .n1 {color:#666;font-size:6rem;font-weight:400;}
.numerical .n2>div {font-weight:700;font-size:18rem;display:inline-block;}
.numerical .n2,
.numerical .n1 {display:block;opacity:1;transition:opacity .2s ease-in;}
.numerical .n2.on,
.numerical .n1.on {opacity:1;}

.overview-item.n4 .unit-wrap {position:relative;top:0;bottom:0;height:100vh;}

.unit-fix.fix .unit-wrap {position:fixed;height:100vh;top:0;}

.boxlist {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.boxlist .unit.n1 {width:50%;position:absolute;top:0;left:0;bottom:0;background:url(https://hyperlounge.ai/Image/common/bg-service.jpg) center center no-repeat;background-size:cover;}
.boxlist .unit.n1::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.boxlist .unit.n1 dl {position:absolute;z-index:13;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;}
.boxlist .unit.n1 dt{font-size:5rem;line-height:5.8rem;color:#fff;font-weight:700;}
.boxlist .unit.n1 dd{font-size:2rem;line-height:2.8rem;margin-top:1.2rem;color:#fff;font-weight:500;}
.boxlist .unit .fixed-area .pagination{position:absolute;bottom:6rem;left:50%;transform:translateX(-50%);font-size:1.8rem;line-height:2.6rem;color:#222;z-index:13;font-weight:700;}
.boxlist .unit .fixed-area {width:50%;position:absolute;top:0;right:0;bottom:0;}
.boxlist .unit .fixed-area::before {content:'';display:block;position:absolute;top:0;left:0;z-index:12;width:100%;height:14rem;background-image: linear-gradient(0deg,rgba(255, 255, 255, 0), #fff 22%);
}
.boxlist .unit .fixed-area::after {content:'';display:block;position:absolute;bottom:0;left:0;z-index:12;width:100%;height:14rem;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 22%);
}

.card-list {width:50%;margin-left:auto;will-change:transform;transition-property:transform;transition-timing-function:ease-in;}
.card-list-item {width:100%;height:100vh;position:relative;}


.unit-fix.afterfix .unit-wrap {position:relative;top:auto;bottom:0;height:500vh}
.afterfix .boxlist .unit.n1 {height:100vh;top:auto;flex-direction:column;align-items:flex-end;}

.item-content {text-align:center;font-size:0;position:absolute;top:50%;transform:translateY( -50%);width:100%;text-align:center;}
.item-content p {font-size:3.2rem;line-height:4.2rem;font-weight:700;margin-top:2.3rem;}

.only-m {display:none;}
.only-d {display:block;}

/* overview */
.overview-item .hero {width:100%;position:relative;height:100vh;background:transparent;display:flex;justify-content:center;text-align:center;}
.overview-item .hero .bg {position:fixed;width:100%;height:100%;top:0;left:0;background-image:url(https://hyperlounge.ai/Image/common/bg-hyperlounge-en.jpg);background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:-webkit-fill-available;height:fill-available;}
.overview-item .hero .bg + div {height:100vh;padding-top:20rem;transform:translateY(0);}
.overview-item .hero .bg::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.2;background:linear-gradient(-30deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 85%);}
.overview-item .hero .bg::after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.2;background:linear-gradient(0deg, rgba(0,0,0,1) 1%, rgba(0,0,0,0.2) 19%);}
.overview-item .hero h2 {font-size:7.6rem;letter-spacing:0.02rem;line-height:9.6rem;color:#fff;font-weight:700;}

.store-btn {font-size:0;margin-top:4rem;}
.store-btn a {display:inline-block;width:18rem;height:6rem;border:1.5px solid #eee;border-radius:3rem;text-align:center;font-size:0;line-height:6rem;}
.store-btn a + a {margin-left:1.4rem;}
.store-btn a span {font-size:1.8rem;font-weight:500;color:#fff;display:inline-block;margin-top:-2px;}
.store-btn a img {vertical-align:-7px;margin-right:1rem;}

.overview-content {max-width:124rem;margin:0 auto;padding:0 2rem;}

.overview-item {z-index:12;}
.overview-item .overview-have-item {display:flex;align-items:center;}
.overview-item .unit-wrap {position:relative;height:auto;}
.overview-item .unit-item {
    will-change: transform;
    -webkit-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -o-transform:translateY(100px);
    transform:translateY(100px);
    -webkit-transition:transform .2s ease-out;
    -moz-transition:transform .2s ease-out;
    -ms-transition:transform .2s ease-out;
    -o-transition:transform .2s ease-out;
    transition:transform .2s ease-out;
}

.overview-item.n1 {z-index:5;height:100vh;transform:translateY(0px);}
.overview-item.n1 .unit-wrap {position:fixed;bottom:auto;top:0;}

.scroll-arrow {position:fixed;bottom:0;left:50%;z-index:10;transition:bottom .3s ease-out;transform:translateX(-50%);}
.scroll-arrow,
.scroll-arrow svg {width:2.4rem;height:6rem;}
.scroll-arrow svg {position:absolute;opacity:0;animation:scrolldown 1.2s ease-in-out infinite 0.15s;bottom:4rem;}

@keyframes scrolldown {
    0%{
        transform:translateY(20%);
        opacity:0.7;
    }
    50%{
        transform:translateY(0%);
        opacity:0.2;
    }
    100%{
        transform:translateY(20%);
        opacity:0.7;
    }
}

.overview-item.n2 {background:#fff;padding:18rem 0 24.6rem;}
.overview-item.n2 .overview-title {font-size:5rem;font-weight:700;line-height:5.8rem;color:#222;letter-spacing:-0.02rem;text-align:center;}
.overview-item.n2 .overview-have-item {text-align:center;}
.overview-item.n2 .overview-have-item .overview-have-content {padding-left:0;width:100%;}
.overview-item.n2 .overview-have-item .overview-have-tit {font-size:3.2rem;line-height:1.4;}
.overview-item.n2 .overview-have-item {margin-top:0;}
.overview-item.n2 .overview-have-item .overview-have-desc.item01 {font-size:2.2rem;line-height:3.6rem;margin-top:2rem;font-weight:500;}
.overview-item.n2 .overview-have-item .overview-have-desc.item02 {font-size:2rem;line-height:2.8rem;margin-top:2rem;font-weight:500;color:#246fee;}
.overview-item.n2 .overview-have-item .overview-have-desc img {width:34.2rem;height:auto;border-radius:4.2rem;box-shadow:3rem 5rem 8rem 0 rgba(0, 0, 0, 0.22);}
.overview-item.n2 .overview-have-item .overview-have-desc.item03,
.overview-item.n2 .overview-have-item .overview-have-desc.item04 {display:flex;text-align:left;align-items:flex-start;justify-content:center;}
.overview-item.n2 .overview-have-item .overview-have-desc.item03 {margin-top:14rem}
.overview-item.n2 .overview-have-item .overview-have-desc.item03 dl {width:23rem;}
.overview-item.n2 .overview-have-item .overview-have-desc dl {margin-top:20.4rem;}
.overview-item.n2 .overview-have-item .overview-have-desc.item04 {margin-top:10.6rem;padding-left:12rem;}
.overview-item.n2 .overview-have-item .overview-have-desc.item04 dl {width:45rem;}
.overview-item.n2 .overview-have-item .overview-have-desc dt {font-size:3.6rem;line-height:4.4rem;font-weight:700;}
.overview-item.n2 .overview-have-item .overview-have-desc dd {margin-top:2.2rem;}
.overview-item.n2 .overview-have-item .overview-have-desc ul li {font-size:2.2rem;line-height:3.8rem;font-weight:500;color:#666;}
.overview-item.n2 .overview-have-item .overview-have-desc ul li::before {content:'';display:inline-block;width:.5rem;height:.5rem;border-radius:100%;vertical-align:.5rem;background-color:#666;margin-right:1.3rem;}
.overview-item.n2 .overview-have-item .overview-have-desc.item03 img {margin-left:11rem;}
.overview-item.n2 .overview-have-item .overview-have-desc.item04 dl {margin-left:10.3rem;}

.overview-item.n3 {background:#000;padding:19rem 0 24rem;}
.overview-item.n3 .overview-title {color:#f4f4f4;font-size:4rem;font-weight:700;line-height:5.6rem;text-align:center;}
.overview-item.n3 .overview-have-desc {font-size:2.2rem;color:#bbb;line-height:3rem;font-weight:500;margin-top:2rem;text-align:center;}


.arc__group {border:1px solid rgba(238, 238, 238, 0.3);max-width:46.4rem;height:22.4rem;border-radius:10.8rem;padding:1.2rem;display:flex;justify-content: space-between;align-items:center;}
.arc__group.single {border:none;}
.arc__group span {display:inline-flex;width:20rem;height:20rem;line-height:2.2rem;border:1px solid #eee;border-radius:20rem;color:#eee;justify-content:center;align-items:center;text-align:center;font-weight:700;}
.arc__group i {display:inline-block;text-align:center;width:4rem;}
.arc__group i.ic-with {height:2rem;}
.arc__group i.ic-next {height:2rem;background:url("../resource/img/ic-arch-arrow.svg") no-repeat;}
.arc__desc {font-size:1.8rem;line-height:2.6rem;color:#888;font-weight:400;text-align:center;margin-top:3rem;}

.overview-item.n3 .overview-have-content {display:flex;position:relative;}
.overview-item.n3 .overview-have-content > i {position:absolute;top:10.2rem}
.overview-item.n3 .overview-have-content > i.ic-next {margin-left:45.2rem;width:40px;height:20px;background:url("../resource/img/ic-arch-arrow.svg") no-repeat;}
.overview-item.n3 .overview-have-content > i.ic-with {margin-left:95.5rem;height:2rem;}
.ic-next + .arc {margin-left:1.6rem;}
.ic-with + .arc {margin-left:3rem;}
.overview-item.n3 .overview-have-item {margin-top:8rem;justify-content:center;}

.overview-item.n4 {height:500vh;background:#fff;z-index:12;}

.overview-item.n5 {background:#f4f4f4;padding:23rem 0 20rem;}
.overview-item.n5 .overview-title {font-size:6rem;font-weight:700;line-height:6.8rem;text-align:center;}
.overview-item.n5 .overview-have-item {margin-top:8rem;justify-content:center;}
.overview-item.n5 .overview-have-item + .overview-have-item {margin-top:7rem;}
.overview-item.n5 .overview-have-item .overview-have-content {width:60rem;}

.overview-have-item .overview-have-img {padding-right:9.4rem;text-align:right;height:36rem;}
.overview-have-item .overview-have-img img{width:36rem;}
.overview-have-item .overview-have-tit {font-size:3.2rem;line-height:4.4rem;color:#222;font-weight:700;}
.overview-have-item .overview-have-desc {font-size:2rem;line-height:3.2rem;margin-top:2rem}

.overview-team-desc {font-size:2rem;line-height:2.4rem;color:#222;margin-top:2rem}

.rollingBox {width:92rem;background-color:#fff;border-radius:2.2rem;height:22rem;position:relative;box-sizing:border-box;overflow:hidden;padding:5rem 0;margin:6rem auto;}
.rollingBox::before,
.rollingBox::after {content:'';display:inline-block;position:absolute;top:0;bottom:0;width:8rem;height:22rem;z-index:1;}
.rollingBox::before {left:0;background-image:linear-gradient(to left, rgba(255, 255, 255, 0), #fff 24%);}
.rollingBox::after {right:0;background-image:linear-gradient(to right, rgba(255, 255, 255, 0), #fff 24%);}
.rollingBox.only-mobile {display:none;}
.rollingBox.notFor-mobile {display:block;}

.rollingbanner {position:relative;height:4rem;}
.rollingbanner + .rollingbanner {margin-top:4rem;}

.roller{position:absolute;height:100%;}
.roller > ul{margin:0;list-style:none;display:flex;flex-flow:row nowrap;align-items:center;}
.roller > ul > li{margin-right:40px;height:4rem;}
.roller > ul > li.img-png img {height:4rem;width:auto;}
.rollingBox.notFor-mobile .rollingbanner .roller.original {animation:rollingleft1 50s linear infinite;}
.rollingBox.notFor-mobile .rollingbanner .roller.clone {animation:rollingleft2 50s linear infinite;}
.rollingBox.notFor-mobile .rollingbanner .roller,
.rollingBox.notFor-mobile .rollingbanner .roller.clone {animation-direction:normal}

/* .rollingbanner .roller:first-of-type {animation:50s linear 0s infinite normal none running rollingleft1;} */
/* .rollingbanner .roller.clone {animation:50s linear 0s infinite normal none running rollingleft2;} */

@keyframes rollingleft1 { /* 원본용 */
    0% {
        transform:translateX(0);
    }
    50% {
        transform:translateX(-100%);
    }
    50.01%{
        transform:translateX(100%);
    }
    100%{
        transform:translateX(0);
    }
}

@keyframes rollingleft2 { /* 클론용 */
    0% {
        transform:translateX(0);
    }
    100% {
        transform:translateX(-200%);
    }
}

.rollingBox.notFor-mobile .rollingbanner:nth-child(2n) .roller.original,
.rollingBox.notFor-mobile .rollingbanner:nth-child(2n) .roller.clone {animation-direction:reverse;}

.overview-item.n6 {background:#000;padding:20rem 0 19.8rem;}
.overview-item.n6 .overview-title {font-size:5rem;line-height:5.8rem;color:#f4f4f4;text-align:center;}
.overview-item.n6 .overview-have-desc {font-size:2rem;font-weight:500;color:#bbb;text-align:center;line-height:3.6rem;margin-top:2rem;}
.overview-item.n6 .overview-have-desc span {font-size:1.6rem;color:#666;}

.under-desc {display:flex;justify-content:center;}
.under-desc dl {width:33rem;}
.under-desc dl+dl {margin-left:7rem;}
.under-desc dl dt {padding-bottom:2rem;font-size:2.2rem;font-weight:700;line-height:3rem;color:#f4f4f4;border-bottom:1px solid #666;}
.under-desc dl+dl dt {color:#ddd;}
.under-desc dl dd {margin-top:2rem;}
.under-desc dl .number {font-size:10rem;font-weight:700;line-height:10.8rem;color:#f4f4f4;}
.under-desc dl .list {font-size:2.2rem;line-height:3rem;color:#aaa;font-weight:500;}
.under-desc dl .list li + li {margin-top:1rem;}

.overview-item.n7 {background:#fff;padding-top:18rem;}
.overview-item.n7 .overview-title {font-size:5rem;font-weight:700;line-height:5.8rem;text-align:center;}
.overview-item.n7 .overview-team-desc {text-align:center;font-size:2.2rem;line-height:3.6rem;font-weight:500;}

.box-team {margin-top:11.6rem}
/* .box-team .team-img {font-size:0;} */
.team-member {display:flex;flex-wrap:wrap;/*padding-top:2rem;*/}
.team-member .team-item {display:flex;flex-direction:row;}
.team-member .team-item > div {display:flex;flex-direction:column;}

.team-member .team-item .team-pic {width:27.6rem;vertical-align:top;}
.team-member .team-name {font-size:2.4rem;line-height:3.2rem;color:#222;font-weight:700;letter-spacing:0;margin-top:2.4rem;margin-left:4.8rem;}
.team-member .team-name .team-position {font-size:1.6rem;color:#666;margin-left:1rem;font-weight:500;}
.team-member .team-career {font-size:1.6rem;color:#888;line-height:2.6rem;margin-top:1.4rem;word-break:keep-all;display:flex;flex-direction:row;}
.team-member .team-career dl {width:38rem;margin-left:4.8rem;font-weight:300;}
.team-member .team-career dt {font-weight:700;}


.overview-item.n8 {padding:32.2rem 0;background-color:#fff;}
.overview-item.n8 {font-size:5rem;line-height:5.8rem;text-align:center;}
.overview-item.n8 .overview-title .contact-data {align-items:center;}

.contact-data {display:flex;justify-content:center;margin-top:1.2rem;align-items:center;line-height:normal;}
.contact-data .contact-item {display:flex}
.contact-data .contact-item~.contact-item {margin-left:10rem}
.contact-data .contact-tit {font-size:1.8rem;color:#888;font-weight:400;line-height:2.4rem}
.contact-data .contact-value {font-size:1.8rem;line-height:2.4rem;color:#222}

.contact-map {margin-top:4rem;height:53.6rem}
.contact-map iframe {width:100% !important;height:100% !important}

.overview-item.n9 {background:#000;padding:12.2rem 0;text-align:center;}
.overview-item.n9 .overview-have-desc {font-size:4rem;line-height:5.8rem;color:#f4f4f4;font-weight:700;}

.btn-radius {display:inline-block;padding:0 2.8rem;height:6rem;line-height:6rem;border-radius:3rem;font-size:1.8rem;font-weight:500;text-align:center;color:#fff;}

.btn-gray {background-color:#222;}
.btn-red {background-color:#e42313;}

.common-form {width:68rem;margin:0 auto;padding:18rem 2rem 20rem;}
.common-form h2 {font-size:3.2rem;line-height:3.6rem;}
.common-form h3 {font-size:2.4rem;line-height:2.8rem;padding:6rem 0 4.8rem;}
.form-wrap {padding-bottom:4.8rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:4.8rem;}
.form-wrap .row .title {font-size:2rem;line-height:2.4rem;display:block;font-weight:bold;margin-top:4.8rem;padding-bottom:1.6rem;}
.form-wrap .inp-txt {width:64rem;height:5.6rem;border-radius:.8rem;box-shadow:none;border:1px solid #ddd;font-size:2rem;line-height:2.4rem;padding:0 2.4rem;}
.form-wrap .inp-txt::placeholder {color:#aaa;}
.form-wrap .inp-txt:focus {border:1px solid #000;}
.form-wrap input[type=number]::-webkit-outer-spin-button,
.form-wrap input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.form-wrap input[type=number] {-moz-appearance: textfield;}
.form-wrap .validationMsg {display:none;color:#e42313;font-size:1.2rem;line-height:2.4rem;padding-left:2.4rem;}
.form-wrap .invalid.row .inp-txt {border:1px solid #e42313;color:#e42313;}
.form-wrap .invalid .validationMsg {display:block;}
.form-wrap .infoMsg {font-size:1.6rem;line-height:3rem;color:#888;padding-left:2.4rem;}
.form-wrap .infoMsg::before {content:"\203B";margin-right:.5rem;}
.form-wrap .inp-textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;width:64rem;height:32rem;resize:none;border-radius:.8rem;border:1px solid #ddd;padding:1.6rem 2.4rem;font-size:2rem;line-height:2.4rem;vertical-align:top;word-break:break-all;}
.form-wrap .inp-textarea:focus {border:1px solid #000;}
.form-wrap .invalid.row .inp-textarea {border:1px solid #e42313;color:#e42313;}
.form-wrap .inp-textarea::placeholder {color:#aaa;}
.form-wrap .listStyle-gray {margin:1.6rem 0 0 .2rem;}
.form-wrap .listStyle-gray li::before {width:.4rem;height:.4rem;}
.form-wrap .invalid.fileRow .inp-txt {border:1px solid #e42313;color:#e42313;}
.form-wrap .m-only {display:none;}
.form-wrap select {width:64rem;height:5.6rem;border-radius:.8rem;border:1px solid #ddd;padding-left:2.4rem;font-size:2rem;line-height:2.4rem;color:#222;font-weight:500;}
.form-wrap select + .inp-txt {margin-top:1rem;}
.form-wrap .validationGroup {width:64rem;display:flex;flex-direction:row;justify-content:flex-end;}
.form-wrap .validationGroup > p {width:50%;}
.form-wrap .characterLimit {text-align:right;font-size:1.6rem;color:#888;height:3rem;line-height:3rem;}

.agree {margin-top:4.6rem;}
.agree.agree-wrap {margin-top:0;}
.agree input[type="checkbox"]{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.agree input[type="checkbox"] + label{ display:inline-block;position:relative;padding-left:3.8rem;cursor:pointer;font-size:2rem;line-height:2.4rem;}
.agree input[type="checkbox"] + label a {text-decoration:underline;}
.agree input[type="checkbox"] + label:before{ content:'';position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;text-align:center;background-image:url(./img/ico-check.svg);background-repeat:no-repeat;}
.agree input[type="checkbox"]:checked + label:before{ background-image:url(./img/ico-check-on.svg);}
.agree .m-only {display:none;}
.agreeBox {margin-top:2.8rem;border-top:1px solid #ddd;}
.agree_item:first-child {margin-top:2.8rem;}
.agree_item + .agree_item {margin-top:2.5rem;}
.agree-content {height:33.2rem;width:100%;border-radius:.8rem;border:1px solid #ddd;margin-top:1.6rem;position:relative;overflow:hidden;}
.agree-content div {height:inherit;overflow-y: scroll;padding:1.6rem 2.4rem;}
.agree-content::after {content:'';display:inline-block;height:2.3rem;width:calc(100% - 17px);position:absolute;left:0;bottom:0;right:0; border-radius:0 0 .8rem .8rem;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);}
.agree-content .terms-cont--privacy p:first-child {margin-top:0;}
.agree-content .terms-cont {scrollbar-width: auto;scrollbar-color: #dddddd #ffffff;}
.agree-content .terms-cont::-webkit-scrollbar {width:2.4rem;}
.agree-content .terms-cont::-webkit-scrollbar-track {background: #ffffff;margin:.8rem 0;}
.agree-content .terms-cont::-webkit-scrollbar-thumb {background-color: #dddddd;border-radius:2.4rem;border:.8rem solid #ffffff;}
.agree-content .terms-cont--service::-webkit-scrollbar-thumb {height:6rem;}
.common-form .btn-base {width:26rem;margin:5.2rem auto 0;display:flex;background-color:#ddd;justify-content:center;font-size:2rem;}
.common-form .btn-base:hover {background-color:#ddd;}
.common-form .btn-base.on {background-color:#e42313;}
.common-form .btn-base.on:hover {background:rgba(238,50,36,.7);}
.inquiry .agreeBox {margin-top:0;border:none;}
.inquiry .agree input[type="checkbox"] {margin-top:none;}

.form-complete {padding:20.1rem 0 20rem;width:54rem;margin:0 auto;}
.form-complete::before {content:'';display:block;width:22rem;height:2rem;background:url("/resource/img/ico-logo.svg") no-repeat;}
.complete__tit {margin-top:4.1rem;font-size:3.6rem;}
.complete__txt {font-size:2rem;margin-top:4.1rem;line-height:normal;}
.complete__txt + .tableStyle {margin-top:5.2rem;}
.complete__txt2 {font-size:1.4rem;line-height:2rem;}
.complete__txt2 .m-only {display:none;}
.tableStyle + .complete__txt2 {margin-top:4.9rem;}
.form-complete .btn-base,
.complete__txt2 + .btn-base {display:block;width:21.9rem;height:4.8rem;line-height:5rem;text-align:center;font-size:1.6rem;color:#fff;font-weight:500;margin:7rem auto 0;padding:0;}

.tableStyle {border-top:2px solid #000;}
.tableStyle th {font-size:1.4rem;width:20.1rem;text-align:left;padding-left:4rem;}
.tableStyle td {padding:0 1.6rem;font-size:1.4rem;font-weight:400;height:7.8rem;}
.tableStyle th,.tableStyle td {border-bottom:2px solid #eee;}

.loadingLayer {position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;display:none;}
.loadingLayer .spinner {animation:rotator 1.4s linear infinite;position:absolute;top:50%;left:50%;margin-left:-3.25rem;margin-top:-3.25rem;}

/*terms*/
.privacy {width:98rem;margin:0 auto;padding:20rem 2rem;}
.pageTitle {font-size:3.2rem;line-height:3.6rem;color:#222;}
.tabs {font-size:0;padding:3.2rem 0 4rem;}
.tabs .tab__link {height:4.8rem;border-radius:2.4rem;padding:0 2.4rem;background-color:#f4f4f4;font-weight:bold;color:#bbb;font-size:1.6rem;}
.tabs .tab__link.active {background-color:#000;color:#fff;font-weight:bold;border-color:#000;}
.tabs .tab__link + .tab__link {margin-left:1.2rem;}
/* .tab__content {display:none;} */
.tab__content.active {display:block;}

.terms__text {font-size:1.6rem;line-height:3rem;color:#222;word-break:keep-all;font-weight:400;margin-top:4rem;}
.terms__tit {font-size:2.4rem;line-height:2.8rem;color:#222;padding:4.8rem 0 1.6rem;}
.terms__con {font-size: 1.6rem;line-height:3rem;color:#222;}
.terms__con + .terms__table {margin-top:1.6rem;}
.terms__con + .terms__con {margin-top:1.6rem;}
.terms__con strong {font-weight:bold;}
.terms__con .link {color:#246fee;text-decoration:underline}
.terms__table {padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
.terms__table tr {border-bottom:1px solid #ddd;}
.terms__table tr:first-child {border-top:1px solid #ddd;}
.terms__table tr th {background-color:#f4f4f4;font-size:1.4rem;line-height:2.4rem;color:#222;width:18.8rem;}
.terms__table tr td {padding:1rem 2.4rem .9rem;font-size:1.4rem;line-height:2.4rem;}
.depth1 + .terms__con {margin-top:1.6rem;}
.depth2 > li {margin-left:18px;}

.privacy-cont {min-height:500px;position:relative;}
/* .cont-wrap {display:none;} */
.terms-cont * {font-size: 1.6rem;line-height:3rem;color:#222;}
.terms-cont strong {font-weight:bold;color:inherit;font-size:inherit;}
.terms-cont a {color:#246fee;text-decoration:underline}
/* .terms-cont a[href^="mailto:"] {color:#222;text-decoration:none;} */
.terms-cont table {padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
.terms-cont p + ol,
.terms-cont table,
.terms-cont--service p,
.terms-cont--service ol,
.terms-cont--service p + h3,
.terms-cont--service ol + h3,
.terms-cont p + p {margin-top:1.6rem;}
.terms-cont ol ol {margin-top:1.6rem;}
.terms-cont strong + ol {margin-top:1.6rem;}
.terms-cont > ol > li + li {margin-top:1.6rem;}
.terms-cont table tr {border-bottom:1px solid #ddd;}
.terms-cont table tr:first-child {border-top:1px solid #ddd;}
.terms-cont table tr th {background-color:#f4f4f4;font-size:1.4rem;line-height:2.4rem;color:#222;width:18.8rem;}
.terms-cont table tr td {padding:1rem 2.4rem .9rem;font-size:1.4rem;line-height:2.4rem;word-break:normal;}
.terms-cont--privacy p:first-child {font-size:1.6rem;line-height:3rem;color:#222;word-break:keep-all;font-weight:400;margin-top:4rem;}
.terms-cont--privacy h3,
.terms-cont--service h2 {font-size:2.4rem;line-height:2.8rem;color:#222;padding:4.8rem 0 1.6rem;}
/* .terms-cont--privacy li,
.terms-cont--service li li {margin-left:18px;} */

.emphasis--gray {font-size:1.2rem;line-height:2.4rem;color:#888;margin-top:.8rem;}
.emphasis--gray + .emphasis--gray {margin-top:0;}
.emphasis--gray .link {text-decoration:underline;color:#246fee;vertical-align:.2rem;}

.dropBox {position: relative;margin-top:4rem;}
.dropBox__current button {width:16rem;border-radius:8px;background-color: #fff;height:5.6rem;line-height:5.6rem;border:1px solid #000;color: #222;padding:0 1.2rem 0 2rem;cursor: pointer;text-align:left;box-shadow:none;font-size:1.6rem;font-weight:500;}
.dropBox__current button::after {content: '';display: inline-block;float: right;width: 2.4rem;height: 2.4rem;transform-origin: center center;transition: transform ease-in-out 200ms;background:url('./img/ico-arrow-black.svg') no-repeat center;margin-top:1.6rem;}
.dropBox__list {padding:1rem 0;position: absolute;top: 6.4rem;left: 0;right: 0;z-index: 99;background-color:#fff;padding:1rem 0;border-radius:1rem;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);width:16rem;display:none;border:1px solid #000;}
.dropBox__list button {padding:1rem 2.2rem;width:100%;text-align:left;font-size:1.4rem;line-height:1.8rem;}
.dropBox__list button.selected {background-color:#f4f4f4;}
.dropBox__current.active button::after {transform:rotate(180deg)}
.dropBox__current.active + .dropBox__list {display:block;}

.btnfor-tablet {display:none;}
.show1600 {display:none;}
.show1366 {display:none;}
.show1246 {display:none;}
.show1600 {display:none;}
.show984 {display:none;}
.show700 {display:none;}
.mobile-type {display:none;}
.team-img .img-tablet {display:none;}
.team-img .img-mobile {display:none;}

.btn-group {font-size:0;}
.btn-group a {display:inline-flex;align-items:center;justify-content:center;width:26rem;height:6rem;border-radius:3rem;font-weight:700;font-size:1.8rem;line-height:2.2rem;letter-spacing:-0.02rem;color:#fff;vertical-align:top;}
.btn-group a + a {margin-left:1.6rem;}
.btn-group-top {margin-top:4rem;}
.btn-group-top a {border:1px solid #fff;}

.btn-group-bottom_wrap {height:6rem;margin-top:4rem;}
.btn-group-bottom_wrap.active a {opacity:1;}
.btn-group-bottom {width:100%;}
.btn-group-bottom a {opacity:0;transition:0.3s}
.btn-group-bottom a.btn-red:hover,
.btn-group-bottom a.btn-red:active {background-color:rgba(228, 35, 19, .7)}
.btn-group-bottom a.btn-gray:hover,
.btn-group-bottom a.btn-gray:active {background-color:rgba(34,34,34,.7)}
.btn-group-bottom.fixed {position:fixed;bottom:4rem;left:50%;transform: translateX(-50%);}
.btn-group-bottom.fixed a {opacity:1;} 

.step2 .btn-group-bottom a.btn-gray:hover,
.step2 .btn-group-bottom a.btn-gray:active,
.step5 .btn-group-bottom a.btn-gray:hover,
.step5 .btn-group-bottom a.btn-gray:active,
.step8 .btn-group-bottom a.btn-gray:hover,
.step8 .btn-group-bottom a.btn-gray:active {background-color:rgba(102,102,102, .7);}


.layer {position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.7);z-index:2;display:none;}
.layerCon {width:64rem;padding-bottom:4.5rem;border-radius:3.6rem;background-color:#fff;display:flex;align-items:center;flex-direction:column;padding-top:8rem;line-height:normal;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.layerCon .m-only {display:none;}
.layerCon__tit {font-size:2.4rem;color:#222;}
.layerCon__tit.center {text-align:center}
.layerCon__btn {width:26.4rem;height:6.4rem;background-color:#e42313;color:#fff;font-weight:bold;border-radius:3rem;margin-top:4rem;font-size:2rem;}

@media screen and (max-width:1600px) {
    .show1600 {display:block;}
}

@media screen and (max-width:1366px) {
    .none1366 {display:none;}
    .show1366 {display:block;}

    .base-header-wrap {max-width:100%;padding:0 12.4rem;}
    .overview-content {margin:0;max-width:none;}

    .overview-item.n3 .overview-content {justify-content:center;}
    .overview-item.n7 .overview-content,
    .overview-item.n8 .overview-content,
    .overview-item.n9 .overview-content {width:100%;padding:0 12rem;}
    .overview-item.n9 {padding:10rem 0;}


    .base-footer-wrap {width:100%;padding:0 12rem;max-width:none;}
    .base-footer .btn-top {right:12rem;}
}
@media screen and (min-width:1280px) and (max-width:1600px)  {
    .show1600 {display:block;}
}

@media screen and (min-width:1247px) and (max-width:1364px)  {
    .arc__group i.ic-with {width:2rem;}
    .ic-with + .arc {margin-left:.8rem;}
    .overview-item.n3 .overview-have-content > i.ic-with {margin-left:92.6rem;}
}

@media screen and (max-width:1279px) {
    .team-img .img-pc {display:none;}
    .team-img .img-tablet {display:block;}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .overview-item.n7 .overview-content,
    .overview-item.n8 .overview-content,
    .overview-item.n9 .overview-content,
    .base-footer-wrap {
        padding:0 10rem;
    }
}

@media screen and (max-width:1246px) {
    .show1246 {display:block;}
    .none1246 {display:none;}

    .base-nav .btnfor-tablet {display:none;}
    .btnfor-pc {display:none;}
    .btnfor-tablet {display:block;}

    .base-header-wrap {padding:0 6rem;}

    .overview-item .hero .bg {background-image:url('https://hyperlounge.ai/Image/common/bg-hyperlounge-en2.jpg');}

    /* .overview-item.n7 .overview-content,
    .overview-item.n8 .overview-content,
    .overview-item.n9 .overview-content {padding:0 6rem;} */

    .overview-item .hero h2 {font-size:6rem;line-height:7.6rem;}
    .btnfor-tablet button {background-color:#e42313;width:13.4rem;height:5.4rem;color:#fff;border:none;border-radius:2.7rem;}
    .btnfor-tablet button span {font-size:1.8rem;font-weight:500;line-height:5.4rem;}
    .overview-item.n2 {padding:13rem 0 18rem;}
    .overview-item.n2 .overview-title {font-size:4rem;line-height:4.8rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item01 {margin-top:1.4rem;font-size:2rem;line-height:3.2rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item02 {margin-top:1.4rem;font-size:1.8rem;line-height:2.6rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 {margin-top:8rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 dl {margin-top:17rem;width:20rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 img {margin-left:9rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc dt {font-size:3rem;line-height:3.6rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc dd {margin-top:1.6rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc ul li {font-size:2rem;line-height:3.4rem;text-indent:-1.6rem;margin-left:1.5rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc ul li::before {width:.4rem;height:.4rem;margin-right:1.2rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc img {width:30rem;border-radius:3.5rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 {padding-left:5rem;margin-top:7.6rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 dl {margin-left:6.4rem;width:40rem;margin-top:18.4rem;}

    .overview-item.n3 {padding:14rem 0;}
    .overview-item.n3 .overview-title {font-size:3.4rem;line-height:5rem;}
    .overview-item.n3 .overview-have-desc {margin-top:1.4rem;line-height:3.2rem;font-size:2rem;}
    .overview-item.n3 .overview-have-content {flex-direction:column;align-items:center;}  

    .arc__desc {margin-top:1.6rem;}
    .arc__group span {font-size:1.8rem;line-height:2.4rem;}
    .arc__group i {margin-top:.5rem;}
    .overview-item.n3 .overview-have-content > i {top:11rem;}
    .overview-item.n3 .overview-have-content > i.ic-with {top:auto;bottom:28.7rem;margin-left:0;}
    .overview-item.n3 .overview-have-content > i.ic-next {margin-left:0;width:62.6rem;height:41rem;background:url("../resource/img/ic-long-arrow.svg") no-repeat;}
    .ic-next + .arc {margin:10.5rem 0 0 0;}
    .ic-with + .arc {margin:6rem 0 0 0;}
    .arc__group.single {padding:0;height:auto;}

    .boxlist .unit.n1 dt {font-size:4rem;line-height:5rem;}
    .boxlist .unit.n1 dd {font-size:1.8rem;line-height:3rem;margin-top:.8rem;}
    .boxlist .unit .fixed-area .pagination {font-size:1.6rem;line-height:2.4rem;bottom:3.8rem;}
    .item-content p {font-size:2.6rem;line-height:3.4rem;margin-top:2.1rem;}
    .boxlist .unit .fixed-area::before,
    .boxlist .unit .fixed-area::after {height:10rem;}
    
    .overview-item.n5 {padding:16rem 0;}
    .overview-item.n5 .overview-title {font-size:4.6rem;line-height:5.4rem;}
    .overview-item.n5 .overview-have-item {margin-top:6rem;}
    .overview-item.n5 .overview-have-item + .overview-have-item {margin-top:5rem;}
    .overview-item.n5 .overview-have-item .overview-have-content {width:48.4rem;}

    .overview-have-item .overview-have-img {height:30rem;padding-right:4rem;}
    .overview-have-item .overview-have-img img {width:30rem;height:30rem;}
    .overview-have-item .overview-have-tit {font-size:2.6rem;line-height:3.6rem;}
    .overview-have-item .overview-have-desc {font-size:1.8rem;line-height:3rem;margin-top:1.8rem;}

    .overview-item.n6 {padding:16rem 0 17rem;}
    .overview-item.n6 .overview-title {font-size:4rem;line-height:4.8rem;}
    .overview-item.n6 .overview-have-desc {line-height:3.2rem;margin-top:1.4rem;}
    .rollingBox {width:80.4rem;}
    .under-desc dl dt {font-size:2rem;line-height:2.8rem;}
    .under-desc dl+dl {margin-left:6rem;}
    .under-desc dl .list {font-size:2rem;line-height:2.8rem;}

    .overview-item.n7 {padding-top:12rem;}
    .overview-item.n7 .overview-title {font-size:4rem;line-height:4.8rem;}
    .overview-item.n7 .overview-team-desc {font-size:2rem;line-height:3.2rem;margin-top:1.4rem;}
    .box-team {margin-top:4rem;}
    .team-member {justify-content:center;}
    .team-member .team-career {flex-direction:column;}
    .team-member .team-career dl {margin-left:2.4rem;font-size:1.2rem;line-height:2rem;width:34rem;}
    .team-member .team-career dl + dl {margin-top:1.4rem;}
    .team-member .team-name {margin-left:2.4rem;font-size:2rem;line-height:2.8rem;}
    .team-member .team-item .team-pic {width:28.4rem;}
    

    .overview-item.n8 {padding:12rem 0;}
    .overview-item.n8 .overview-title {font-size:4rem;line-height:4.8rem;}
    .contact-data {margin-top:0;}
    .contact-item {margin-top:1rem;}
    .contact-map {margin-top:4rem;height:45rem;}


    /* .base-footer-wrap {padding:0 6rem;} */
    .base-footer {padding:6rem 0;}
    .base-footer .logo {margin-bottom:1.4rem;height:2.4rem;}
    .base-footer .group {margin-bottom:3rem;}
    .base-footer .btn-top {right:10rem;bottom:13px;}
}

@media screen and (max-width:1024px) {
    .overview-item.n9 .overview-have-desc {font-size:3.4rem;line-height:5rem;}
    .overview-item.n9 .btn-radius {margin-top:3rem;}

    .privacy {width:100%;padding:10.7rem 2rem;}
    .pageTitle {font-size:2.4rem;line-height:3.6rem;}
    .dropBox {margin-top:3.3rem;}
    .terms-cont * {font-size:1.4rem;line-height:2.6rem;}
    .terms-cont--privacy p:first-child {margin-top:3.2rem;}
    .terms-cont--privacy h3, .terms-cont--service h2 {padding:4rem 0 1.2rem;}

    .box-team {margin-top:0;}
    .team-member .team-item:nth-of-type(3n) {margin-right:auto;}

    .team-member .team-item {margin-top:4rem;}
    .team-member .team-item:nth-of-type(n+4) {margin-top:4rem;}
    .team-member .team-item:nth-of-type(2n) {margin-right:0;}
    .team-member .team-name {font-size:2rem;line-height:2.8rem;margin-top:2rem;}
    .team-member .team-name .team-position {font-size:1.4rem;line-height:2.2rem;}
    .team-member .team-career {font-size:1.4rem;line-height:2.2rem;margin-top:1.2rem}

}

 @media screen and (max-width:984px) {
    .pc-type {display:none !important;}
    .mobile-type {display:block !important;}
    
    .show984 {display:block}
    .none984 {display:none;}

    .base-header-wrap {padding:0 3rem;}
    .btn-menu {display:block;position:absolute;width:4rem;height:4rem;top:1rem;right:2rem;}
    .base-nav-wrap {max-width:100%;top:-46rem;position:fixed;width:100vw;height:46rem;background:#fff;z-index:10;transition:top .2s ease-out;opacity:0;}
    .base-header .nav-link {flex-direction:column;width:100%;padding-top:6rem;}
    .nav-link > li:not(.language):hover, .nav-link > li:not(.language):focus, .nav-link > li:not(.language).active {border-bottom:none;background-color:#f4f4f4;}
    .nav-link > li + li {margin-left:0;}
    .base-header .nav-link > li > a {color:#000;font-size:1.6rem;line-height:2.4rem;font-weight:500;width:100%;text-align:left;padding:2rem 3rem;height:6.4rem;display:block;}
    .nav-link svg g{stroke:#000;}
    .page-sub .btn-menu path,
    .base-header.on .btn-menu path {fill:#000;}
    .base-header li.language {margin-left:2.4rem;margin-top:2rem;display:flex;}
    .base-header li .langList,
    .base-header li.open .langList {width:auto;position:relative;top:auto;right:auto;border:none;background:none;display:inline-flex;flex-direction:row;vertical-align:middle;height:3rem;padding:0;margin-top:.1rem;}
    .base-header .langList li {color:#bbb;margin-top:0;}
    .base-header .langList li:first-child {padding:0;}
    .base-header .langList li a {padding:0;line-height:3rem;color:#bbb;font-size:1.6rem;}
    .base-header .langList li.on a {color:#000;font-weight:400;font-size:1.6rem;}
    .base-header .langList li + li {position:relative;margin-left:1.8rem;}
    .base-header .langList li + li::before {content:'';display:block;width:.2rem;height:.2rem;border-radius:100%;background-color:#222;position:absolute;left:-9px;top:50%;}
    .nav-open .nav-dimmed {display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:9;background-color:rgba(0,0,0,0.3);}
    .nav-open .base-header {mix-blend-mode:normal;}
    .nav-open .base-nav-wrap {top:0;opacity:1;left:0;}
    .nav-open .base-header .logo {position:relative;z-index:11;}
    .nav-open .base-header .logo g,
    .nav-open .base-header .logo g {fill:#000;}
    .nav-open .btn-close {display:block;position:absolute;top:1rem;right:2rem;height:4rem;}

    .overview-item.n2 {padding:12rem 0 16rem;}
    .overview-item.n2 .overview-title {line-height:5rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 {margin-top:10rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 img {margin-left:6.6rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc dt {line-height:3.8rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 dl {width:29rem;margin-left:4.4rem;margin-top:13rem;}
    
    .overview-item.n3 {padding:13rem 0;}
    .overview-item.n3 .overview-title {line-height:4.6rem;}
    .overview-item.n3 .overview-have-desc {font-size:2rem;}
    .overview-item.n3 .overview-have-item {margin-top:7rem;}

    .overview-item.n4 {height:300vh;}
    
    .boxlist .unit.n1 {width:100%;height:50vh;position:relative;bottom:auto;}
    .boxlist .unit.n2 {width:100%;height:100%;position:relative;overflow:hidden;}
    .boxlist .unit .fixed-area {width:100%;height:50vh;}
    .boxlist .unit .fixed-area::before,
    .boxlist .unit .fixed-area::after {height:10rem;}
    .card-list {width:100%;height:100vh;}
    .card-list-item {height:50vh}


    .unit-fix.afterfix .unit-wrap {height:300vh}
    .afterfix .boxlist .unit.n1 {height:50vh;top:200vh;z-index:12;align-items:unset;flex-direction:unset;}
    .afterfix .boxlist .unit .fixed-area {top:200vh;}

    .overview-item.n8 .overview-content,
    .overview-item.n9 .overview-content,
    .base-footer-wrap {width:100%;padding:0 6rem;margin:0 auto;} 
    .base-footer-wrap .btn-top {right:6rem;}

    .overview-item.n5 {padding:14rem 0;}
    .overview-item.n5 .overview-content {width:100%;padding:0 6rem;margin:0 auto;}
    .overview-have-item .overview-have-img {height:24rem;padding-right:3.8rem;}
    .overview-have-item .overview-have-img img {width:24rem;height:24rem;}

    .overview-item.n6 {padding:15rem 0;}
    .rollingBox {margin:5rem auto 5.6rem;width:61.6rem;}

    .under-desc dl {width:31rem;}
    .under-desc dl + dl {width:25.4rem;}
    .under-desc dl+dl {margin-left:4rem;}

    .overview-item.n7 {padding-top:12rem;}
    /* .box-team {margin-top:1rem;}
    .team-member .team-item {margin-right:3rem;margin-top:3rem;width:calc((100% - 3rem) / 2)}
    .team-member .team-item:nth-of-type(3n) {margin-right:3rem;} */


    .team-member {justify-content:start;}
    .overview-item.n8 {padding:12rem 0;}
    .overview-item.n8 .overview-title {text-align:left;}

    .contact-data {margin-top:1rem;justify-content:start;}
    .contact-item {margin-top:0;}
    .contact-data .contact-value {font-size:1.8rem;line-height:3rem;}
    .contact-map {margin-top:3rem;height:35.4rem;}

    .overview-item.n9 {padding:10rem 0 13.8rem;background-size:46rem;background-position:80% bottom;}

    .common-form {padding:14rem 2rem;}
    .common-form h2 {font-size:2.4rem;line-height:3.6rem;}
    .common-form .btn-base {margin:4.8rem auto 0;}
    .common-form,
    .form-wrap .inp-txt,
    .form-wrap select,
    .form-wrap .inp-textarea {width:100%;}
    .form-wrap {margin-top:4.1rem;padding-bottom:4rem;}
    .form-wrap .row .title {margin-top:4rem;padding-bottom:1.2rem;}
    .form-wrap .inp-textarea {height:24.8rem;}
    .form-wrap .validationGroup {width:100%;}
    .form-wrap .validationGroup .characterLimit {font-size:1.4rem;height:2.6rem;line-height:2.6rem;}
    
    .agree {margin-top:5rem;}
    .agree input[type="checkbox"] + label {line-height:2.8rem;}
    .agree input[type="checkbox"] + label:before {top:.2rem;}

    .form-complete {width:100%;padding:11.2rem 2.4rem 4rem;}
    .form-complete::before {background-size:18.9rem;width:18.9rem;height:1.9rem;}
    .complete__tit {margin-top:1.8rem;font-size:2.4rem;line-height:3.6rem;}
    .complete__txt {margin-top:2.1rem;font-size:1.8rem;line-height:2.4rem;}
    .complete__txt + .tableStyle {margin-top:4rem;}
    .tableStyle + .complete__txt2 {margin-top:3.1rem;font-size:1.6rem;line-height:normal;}
    .complete__txt2 + .btn-base {margin:4rem auto 0;width:26rem;height:6rem;line-height:6rem;font-size:2rem;}

    .btn-link_sid {padding:0 2.1rem 0 2.7rem;height:5.4rem;bottom:9.7rem;}
    .btn-link_sid svg {margin-right:.9rem;width:1.6rem;height:2rem}


    .layerCon {width:42rem;}
    .layer__tit .m-only {display:none;}

    .btn-group-top {margin-top:3rem;}
    .scroll-arrow, 
    .scroll-arrow svg {width:1.6rem;height:4rem;}
    .scroll-arrow svg {bottom:3rem;}
}

@media screen and (min-width:701px) and (max-width:834px) {
    .overview-item.n7 .overview-content,
    .overview-item.n8 .overview-content,
    .overview-item.n9 .overview-content,
    .base-footer-wrap {
        padding:0 6rem;
    }
}

@media screen and (max-width:700px) {
    .none700 {display:none;}
    .show700 {display:block;}

    .overview-item .hero h2 {font-size:4.2rem;line-height:5.6rem;}
    .overview-item .hero .bg + div {padding-top:13rem;}
    .overview-item .store-btn {margin-top:3rem;}

    .base-header-wrap {padding:0 2rem;}
    .base-header .logo, .base-header .logo a, .base-header .logo svg {width:13.8rem;height:1.6rem;}
    .base-header .logo {margin:2.2rem 0 0 0;}

    .base-nav .btnfor-tablet {display:inline-block;position:absolute;top:1.4rem;right:7.2rem;}
    .base-nav .btnfor-tablet button {display:inline-block;width:8.2rem;height:3.2rem;line-height:3.2rem;border-radius:3rem;text-align:center;}
    .base-nav .btnfor-tablet button span {font-size:1.3rem;line-height:2.1rem;}

    .btn-menu {right:1.4rem;}
    .nav-open .btn-close {right:1.4rem;}
    .nav-open .base-nav-wrap {height:42.1rem;}

    .base-header .nav-link > li > a {padding:1.6rem 2rem;height:5.6rem;}
    .base-header li.language {margin-left:1.6rem;}

    .btnfor-tablet button {width:12.6rem;height:5rem;border-radius:2.7rem;}
    .btnfor-tablet button span {line-height:5rem;}
    

    .overview-item.n2 .overview-content,
    .overview-item.n3 .overview-content,
    .overview-item.n5 .overview-content,
    .overview-item.n6 .overview-content,
    .overview-item.n9 .overview-content {width:100%;max-width:37.5rem;padding:0 3rem;margin:0 auto;}


    .overview-item.n2 {padding:8rem 0 12rem;}
    .overview-item.n2 .overview-title {font-size:3rem;line-height:4rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc dt {font-size:2.2rem;line-height:3rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc dd {margin-top:1rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc ul li {font-size:1.6rem;line-height:2.8rem;text-indent:-1.3rem;margin-left:1.4rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc ul li::before {vertical-align:.4rem;margin-right:.9rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc img {width:23.2rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item01,
    .overview-item.n2 .overview-have-item .overview-have-desc.item02 {font-size:1.6rem;line-height:2.4rem;margin-top:1.2rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 {flex-direction:column;margin-top:8rem;align-items:center;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 dl {margin-top:0;width:14.4rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item03 img,
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 img {margin-left:0;margin-right:0;margin-top:3.4rem;border-radius: 2.8rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 {margin-top:10rem;flex-direction:column;margin-top:10rem;padding-left:0;align-items:center;}
    .overview-item.n2 .overview-have-item .overview-have-desc.item04 dl {margin-left:0;margin-top:0;width:21.8rem;}
    .overview-item.n2 .overview-have-item .overview-have-desc img {order:2;}
    .overview-item.n3 {padding:12rem 0;}
    .overview-item.n3 .overview-title {font-size:2.6rem;line-height:3.8rem;}
    .overview-item.n3 .overview-have-desc {font-size:1.6rem;line-height:2.4rem;margin-top:1.2rem;}
    .overview-item.n3 .overview-have-item {margin-top:6rem;}

    .arc__group {flex-direction:column;width:22.4rem;height:46.8rem;margin:0 auto;}
    .arc__group.single {height:auto;}
    .arc__group i.ic-next {margin:1rem 0;}
    .arc__group i.ic-next,
    .overview-item.n3 .overview-have-content > i.ic-next {width:2.4rem;height:2.4rem;background-image:url("../resource/img/ic-arch-arrow-s.svg");top:57.2rem;}
    .overview-item.n3 .overview-have-content > i.ic-with {bottom:28.4rem;}
    .arc__group i.ic-with {margin-top:0;}
    .arc__desc {margin-top:1.4rem;font-size:1.6rem;line-height:2.4rem;}
    .arc__group.single + .arc__desc {margin-top:1.4rem;}
    .ic-next + .arc {margin-top:6rem;}

    .boxlist .unit.n1 dt {font-size:3.4rem;line-height:4.2rem;}
    .boxlist .unit.n1 dd {font-size:1.6rem;line-height:2.4rem;margin-top:1.2rem;}
    
    .overview-item.n4 {height:auto;padding:0 0 12rem;}
    .overview-item.n4 .unit-wrap {height:auto;}
    .unit-fix.fix .unit-wrap {position:relative;}
    .boxlist {position:relative;}
    .boxlist .unit .fixed-area {display:none;}
    .card-list {height:auto;width:100%;max-width:37.5rem;padding:0 3rem;margin:0 auto;}
    .card-list-item {height:auto;margin-top:6rem;}
    .card-list-item img {width:10rem;}
    .boxlist .unit.n1 {height:58rem;}
    .boxlist .unit.n1 dl {padding:0 3rem;}
    .boxlist .unit.n2 {height:auto;}
    .item-content {position:relative;top:0;transform:none;}
    .item-content img {width:9.4rem;}
    .item-content p {margin-top:.8rem;font-size:2.2rem;line-height:3rem;margin-top:1.5rem;}
    .overview-item.n5 {padding:10rem 0 11rem;}
    .overview-item.n5 .overview-title {font-size:3.4rem;line-height:4.2rem;}
    .overview-item.n5 .overview-have-item {flex-direction:column;margin-top:6rem;align-items:flex-start;}
    .overview-item.n5 .overview-have-item + .overview-have-item {margin-top:6rem;}
    .overview-item.n5 .overview-have-item .overview-have-content {width:auto;}
    .overview-have-item .overview-have-img {height:16rem;padding:0;text-align:left;}
    .overview-have-item .overview-have-img img {width:16rem;height:16rem;}
    .overview-have-item .overview-have-tit {font-size:2.2rem;line-height:3rem;margin-top:1.4rem;}
    .overview-have-item .overview-have-desc {margin-top:1.2rem;font-size:1.6rem;line-height:2.6rem;}

    .overview-item.n6 {padding:10rem 0;}
    .overview-item.n6 .overview-title {font-size:3rem;;}
    .overview-item.n6 .overview-have-desc {font-size:1.6rem;line-height:2.6rem;margin-top:1.2rem;}

    .rollingBox.notFor-mobile {display:none;}
    .rollingBox.only-mobile  {display:block;margin:4rem auto 4.6rem;width:100%;height:26rem;padding:4rem 0;}
    .rollingBox.only-mobile .rollingbanner + .rollingbanner {margin-top:3rem;}
    .rollingBox::before, .rollingBox::after {width:4rem;height:26rem;}
    .roller > ul > li {margin-right:3rem;}

    .rollingBox.only-mobile .rollingbanner .roller {will-change:transform;}
    /* .rollingBox.only-mobile .rollingbanner .roller.original {animation:rolling1 50s linear infinite;}
    .rollingBox.only-mobile .rollingbanner .roller.clone {animation:rolling2 50s linear infinite;} */
    .rollingBox.only-mobile .rollingbanner:nth-child(1) .roller.original {animation:roll1 50s linear infinite;animation-direction:reverse;}
    .rollingBox.only-mobile .rollingbanner:nth-child(1) .roller.clone {animation:roll2 50s linear infinite;animation-direction:reverse;}
    .rollingBox.only-mobile .rollingbanner:nth-child(2) .roller.original {animation:rolling1 50s linear infinite;animation-direction:reverse;}
    .rollingBox.only-mobile .rollingbanner:nth-child(2) .roller.clone {animation:rolling2 50s linear infinite;animation-direction:reverse;}
    .rollingBox.only-mobile .rollingbanner:nth-child(3) .roller.original {animation:roll1 50s linear infinite;animation-direction:reverse;}
    .rollingBox.only-mobile .rollingbanner:nth-child(3) .roller.clone {animation:roll2 50s linear infinite;animation-direction:reverse;}

    @keyframes roll1 { /* 원본용 */
        0% {
            transform:translateX(0);
        }
        50% {
            transform:translateX(100%);
        }
        50.01%{
            transform:translateX(-100%);
        }
        100%{
            transform:translateX(0);
        }
    }
    
    @keyframes roll2 { /* 클론용 */
        0% {
            transform:translateX(-200%);
        }
        100% {
            transform:translateX(0%);
        }
    }

    @keyframes rolling1 { /* 원본용 */
        0% {
            transform:translateX(0);
        }
        50% {
            transform:translateX(-100%);
        }
        50.01%{
            transform:translateX(100%);
        }
        100%{
            transform:translateX(0);
        }
    }
    
    @keyframes rolling2 { /* 클론용 */
        0% {
            transform:translateX(0);
        }
        100% {
            transform:translateX(-200%);
        }
    }
    

    .under-desc {flex-direction:column;padding:0 3rem;}
    .under-desc dl {width:100%;}
    .under-desc dl+dl {margin-left:0;width:100%;margin-top:4.6rem;}
    .under-desc dl dt {font-size:1.8rem;line-height:2.8rem;padding-bottom:1.6rem;}
    .under-desc dl .number {margin-top:1.6rem;font-size:8rem;line-height:8.8rem;}
    .under-desc dl .list {margin-top:1.6rem;font-size:1.8rem;line-height:2.6rem;}
    .under-desc dl .list li + li {margin-top:.8rem;}

    .overview-item.n7 {padding-top:8rem;}
    .overview-item.n7 .overview-content {width:100%;padding:0;}
    .overview-item.n7 .overview-title {font-size:3rem;line-height:3.8rem;}
    .overview-item.n7 .overview-team-desc {font-size:1.6rem;line-height:2.6rem;width:100%;max-width:37.5rem;padding:0 3rem;margin:1.2rem auto 0;}

    /* .box-team {margin-top:4rem;} */
    .team-img .img-tablet {display:none;}
    .team-img .img-mobile {display:block;}
    .team-member {padding:0 3rem;flex-direction:column;width:100%;max-width:37.5rem;margin:0 auto;}
    .team-member .team-item {margin-right:0;width:100%;margin-top:4rem;flex-direction:column;align-items:center;}
    .team-member .team-item + .team-item {margin-top:3rem;}
    .team-member .team-name {font-size:2rem;line-height:2.8rem;margin-top:1.6rem;}
    .team-member .team-name .team-position {font-size:1.4rem;line-height:2.2rem;}
    .team-member .team-career {margin-top:1rem;font-size:1.4rem;line-height:2.2rem;}
    .team-member .team-item .team-pic {width:100%;}
    .team-member .team-item > div {width:100%;}
    .team-member .team-name {margin-left:0;}
    .team-member .team-career dl {margin-left:0;width:100%;}
    
    .overview-item.n8 {padding:8rem 0;}
    .overview-item.n8 .overview-content {width:100%;max-width:37.5rem;padding:0 3rem;}

    .overview-item.n8 .overview-title {font-size:3rem;line-height:3.8rem;}

    .contact-data {margin-top:1.8rem;}
    .contact-data .sns-box {position:absolute;top:-5.5rem;right:0;}
    .contact-data .sns-box a {margin-left:1.4rem;}
    .contact-data .contact-tit {font-size:1.6rem;}
    .contact-data .contact-value {font-size:1.6rem;line-height:2.4rem;text-align:left;}
    .contact-data .contact-item {text-align:center;}
    .contact-map {height:28rem;}

    .overview-item.n9 {padding:7.9rem 0;}
    .overview-item.n9 .overview-have-desc {font-size:2.6rem;line-height:3.8rem;}
    .overview-item.n9 .btn-radius {height:5rem;line-height:5rem;padding:0 2.2rem;}

    .base-footer {padding:5rem 0;}
    .base-footer-wrap {padding:0 3rem;width:100%;max-width:37.5rem;margin:0 auto;}
    .base-footer .logo {margin-bottom:1.6rem;}
    .base-footer .logo svg {width:20.9rem;height:2rem;}
    .base-footer .address {font-size:1.4rem;line-height:2.2rem;}
    .base-footer .group {margin-bottom:3rem;}
    .base-footer-wrap .sns a + a {margin-left:1.4rem;}
    .base-footer .btn-top {position:fixed;right:1.2rem;bottom:-4rem;transition:bottom .3s ease-out}
    .base-footer .btn-top.active {bottom:1.2rem;}
    .base-footer .btn-top span {display:none;}
    .fade-in-box {
        display: inline-block;
        background: yellow;
        padding: 10px;
        
      }
      @keyframes fadein {
          from {
              opacity: 0;
          }
          to {
              opacity: 1;
          }
      }

    .common-form {padding:10.1rem 2.4rem 8rem;}
    .common-form h2 {font-size:1.6rem;line-height:2.4rem;}
    .common-form h3 {padding:1.2rem 0 4rem;font-size:1.6rem;line-height:2.4rem;}
    .form-wrap .row .title {margin-top:2.4rem;font-size:1.6rem;padding-bottom:.8rem;}
    .form-wrap .inp-txt {height:4.4rem;padding:0 1.2rem;font-size:1.2rem;color:#000;}
    .form-wrap .inp-textarea {padding:1.2rem;font-size:1.2rem;line-height:2rem;height:20.4rem;}
    .form-wrap .validationGroup .characterLimit {font-size:1.2rem;height:2.4rem;line-height:2.4rem;}
    .form-wrap {padding-bottom:2.4rem;margin-top:2.4rem;}
    .form-wrap .validationMsg {padding-left:1.2rem;}
    .form-wrap .infoMsg {font-size:1.2rem;line-height:1.6rem;padding:.8rem 0 .8rem 1.2rem;}
    .form-wrap .infoMsg::before {margin-right:.3rem;}
    .form-wrap .listStyle-gray {margin-top:.8rem;}
    .form-wrap .listStyle-gray  li::before {width:.3rem;height:.3rem;}
    .form-wrap select {height:4.4rem;font-size:1.2rem;line-height:1.6rem;padding-left:1.2rem;}
    .agree {margin-top:2.8rem;}
    .agree input[type="checkbox"] + label {font-size:1.4rem;line-height: 1.8rem;padding-top:.5rem;}
    
    .common-form .btn-base {height:4rem;line-height:4rem;width:16.4rem;font-size:1.4rem;margin:2.4rem auto 0;}

    .form-complete {padding:11.1rem 2.4rem 4rem;}
    .form-complete::before {background-size:12.6rem;width:12.6rem;height:1.3rem;}
    .complete__tit {margin-top:1.2rem;font-size:1.6rem;line-height:2.4rem;}
    .complete__txt {margin-top:1.3rem;font-size:1.2rem;line-height:normal;}
    .complete__txt + .tableStyle {margin-top:2rem;}
    .tableStyle + .complete__txt2 {font-size:1.2rem;margin-top:2rem;}
    .complete__txt2 + .btn-base {width:17.6rem;height:4rem;line-height:4rem;font-size:1.4rem;;}

    .tableStyle th {width:13rem;font-size:1.2rem;padding-left:2rem;}
    .tableStyle td {height:7.1rem;padding:0;font-size:1.2rem;padding-right:1rem;word-break:break-all;line-height:normal;}

    .pageTitle {font-size:2rem;line-height:2.4rem;}
    .terms-cont * {font-size:1.2rem;line-height:2rem;}
    .terms-cont--privacy p:first-child {margin-top:2rem;}
    .terms-cont--privacy h3, .terms-cont--service h2 {padding:2.4rem 0 .8rem;font-size:1.6rem;}
    .terms-cont > ol > li + li {margin-top:.8rem;}
    .terms-cont--privacy p:first-child {font-size:1.2rem;line-height:2rem;}

    .dropBox {margin-top:2rem;}
    .dropBox__current button {width:11.2rem;height:4rem;line-height:4rem;font-size:1.2rem;padding:0 .8rem 0 1.2rem;}
    .dropBox__current button::after {margin-top:.8rem;background-size:12px 7px;}
    .dropBox__list {width:11.2rem;padding:1.2rem 0;top:4.4rem;}
    .dropBox__list button {font-size:1.2rem;padding:1rem 1.2rem;}

    .btn-link_sid {padding:0 2.1rem 0 2.4rem;bottom:8rem;}

    .layerCon {width:28.8rem;padding-top:4.8rem;}
    .layerCon .m-only {display:block;}
    .layerCon__tit {font-size:1.6rem;text-align:center;line-height:2.4rem;}
    .layerCon__btn {font-size:1.4rem;width:16.4rem;height:4rem;margin-top:1.6rem;}

    .btn-group a {width:15rem;height:4.8rem;font-size:1.4rem;line-height:1.8rem;letter-spacing:-0.02rem;}
    .btn-group a + a {margin-left:1.5rem;}

    .scroll-arrow, 
    .scroll-arrow svg {width:1.2rem;height:3rem;}
    .scroll-arrow svg {bottom:2rem;}
}

/* @media screen and (max-width:425px) {
    .team-member {
        justify-content: space-between
    }

    .team-member .team-item {
        width: 100%;
        margin: 2.4rem 0 0;
    }
    .team-member .team-item ~ .team-item {
        margin-top:2.4rem;
    }

    .team-member .team-name {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top:1.6rem;
    }

    .team-member .team-name .team-position {
        font-size: 1.2rem;
        margin-left: .8rem
    }

    .team-member .team-career {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-top: .8rem
    }

    .team-member .team-item:nth-of-type(3n) {
        margin-right:auto;
    }
} */

@media screen and (max-width:375px){
    .overview-item .hero .bg {background-image:url('https://hyperlounge.ai/Image/common/bg-hyperlounge-en3.jpg')}
    .btn-group a + a {margin-left:0;margin-top:1rem;}
}

@media screen and (max-width:343px) {
    .overview-item.n2 .overview-title br,
    .overview-item.n2 .overview-have-item .overview-have-desc.item01 br,
    .overview-item.n3 .overview-title br,
    .overview-item.n3 .overview-have-desc br,
    .boxlist .unit.n1 dd br,
    .overview-item.n6 .overview-have-desc br,
    .overview-item.n7 .overview-team-desc br,
    .overview-item.n9 .overview-have-desc br {display:none;}

    .overview-item.n6 .overview-have-desc > span {display:block;}

}

@media screen and (max-width:323px) {
    .base-nav .btnfor-tablet {right:6rem}
    .base-nav .btnfor-tablet button {width:7rem;}
    .base-nav .btnfor-tablet button span {font: size 1.2em;;}
}

.loading {display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;}
.loading .spinner {animation:rotator 1.4s linear infinite;}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}