@charset "utf-8";

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('./fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('./fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('./fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('./fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('./fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('./fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('./fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('./fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('./fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('./fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('./fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('./fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('./fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('./fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('./fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'helveticaneuecyr';
    src: url('./fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
    url('./fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('./fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'helveticaneuecyr';
    src: url('./fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
    url('./fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('./fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A;
    font-weight: 700;
}

@font-face {
    font-family: 'helveticaneuecyr';
    src: url('./fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
    url('./fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
    url('./fonts/HelveticaNeueLTPro-Md.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A;
    font-weight: 400;
}

@font-face {
    font-family: 'helveticaneuecyr';
    src: url('./fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
    url('./fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
    url('./fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A;
    font-weight: 100;
}

@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%;
}

body {
    font-family: 'Pretendard', sans-serif;
    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;
    height:100%;
}

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, sans-serif;
    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;
}

select::-ms-expand {
    display: none;
}


/* page ---------------------------------------------------------------------- */

.cm-pc-type {display:block !important;}
.cm-tablet-type {display:none !important;}
.cm-mobile-type {display:none !important;}
.cm-pctablet-type {display:block !important;}

.base-wrap {display:flex;flex-direction:column;height:100%;}

.base-header {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    /* mix-blend-mode: difference; */
}
.base-header.type-b .logo g{
    fill:#000;
}
.base-header.type-b .nav-link a{
    color:#000;
}

.base-header-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 98rem;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;

}

.base-nav {
    width:calc(100% - 20.8rem)
}

.base-nav-wrap {
    width:100%;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    height: 8rem;
    padding-right:12.8rem;
}

.base-header .base-nav a {
    color: #fff;
}

.base-header .logo {
    margin-top: 1.3rem;
    width: 20.8rem;
    height: 2.4rem;
    color: #fff;

}

.nav-link {
   margin-left:.05rem;
   display:flex;
   flex-direction:row;
}
.nav-link a {
    display: inline-block;
    opacity: .3;
    padding: 1rem 0;
    font-weight: 500;
    margin-right:5rem;
}

.nav-button{
    display:flex;
    margin-top:.6rem;
}

.language {line-height:3rem;font-size:0;height:4.5rem;}
.language.open .langList {display:block;}
.btn-language {display:inline-block;}
.btn-language svg {vertical-align:-1.8rem;margin-right:.2rem;}
.btn-language span {vertical-align:-.9rem;font-size:1.4rem;font-weight:500;}
.base-header .langList {position:absolute;width:7.2rem;padding:.4rem 0 1.8rem;background:#fff;border:1px solid #000;border-radius: .6rem;top:6.3rem;display:none;}
.base-header .langList li {margin-top:1.4rem;line-height: 1.8rem;height:1.8rem;}
.base-header .langList li a {font-size:1.4rem;line-height: 1.8rem;padding-left:2rem;color:#000;}

.base-header.type-b .btn-language svg g,
.is-bar .base-header .btn-language svg g{
    stroke:#000;
}

.base-header.type-b .btn-language span,
.is-bar .base-header .btn-language span
{
    color:#000;
}

.base-header {
    mix-blend-mode: normal;
}

.base-header::after {
    content: "";
    display: block;
    width: 100%;
    background: #fff;
    height: 8rem;
    position: fixed;
    top: -8rem;
    left: 0;
    transition: top .2s ease-out;
}

.page-apply-common .base-header::after,
.page-common .base-header::after {
  top:0;
}

.is-bar .base-header::after {
    top: 0;
}

.page-common .logo g,
.page-apply-common .logo g,
.is-bar .logo g
 {
    fill: #000;
}

.page-common .base-header .base-nav .nav-button .btn-language svg g,
.page-apply-common .nav-button .btn-language svg g {
    stroke:#000;
}

.page-common .base-header .nav-link a,
.page-common .base-header .base-nav .nav-button .btn-language,
.page-apply-common .base-header .base-nav .nav-button .btn-language,
.page-apply-common .base-header .nav-link a,
.is-bar .base-header .nav-link a {
    color: #000;
}

.page-common .base-header .base-nav a.btn-link-partnership {
    border-color:#000;
    color:#000;
}

/* .is-bar .appstore .btn-base {
    color: #fff;
    background: #000;
} */

.is-bar .appstore.on .btn-base,
.is-bar .appstore .btn-base:hover {
    background: #e42313;
    color: #fff;
}
.is-bar .appstore-wrap .btn-store {
    border-color: #000;
    background-color: #fff;
    color: #000;
}
.page- .nav-link .n1,
.page-index .nav-link .n1,
.page-overview .nav-link .n2,
.page-apply .nav-link .n3,
.page-apply-common .nav-link .n3,
.page-news .nav-link .n3,
.nav-link a.selected,
.nav-link a:hover,
.nav-link a:focus {
    opacity: 1;
}

.base-nav-wrap .appstore {
    position: relative;
}

.base-nav-wrap .appstore path {
    fill:#fff;
}

.base-nav-wrap {
    position: relative;
}

.btn-menu,
.btnMobile-download,
.language .mobile-type {
    display: none;
}

.appstore-shadow {
    position: fixed;
    top: 2rem;
    z-index: 3;
    left: 50%;
    margin-left: 33rem;
}


.appstore {
  display:flex;
  font-size:0;
}
.appstore .btn-store {
  font-size:1.4rem;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color: #e42313;
  color:#fff;
  height: 4rem;
  border-radius: 2rem;
  width: 10.6rem;
  font-weight: 400;
  transition: background .2s ease-in, border .2s ease-in;
}
.btn-store + .btn-store {
  margin-left:1.6rem;
}
.btn-store svg {
   margin-right:0.6rem;
}
.btn-store.n2 svg {
  margin-top:-0.2rem;
}
.appstore .btn-store:hover,
.appstore .btn-store:active {
    opacity:0.7;
}

.size-desktop .base-header.type-c .appstore .btn-store path{
  fill:#e42313;
}
.size-desktop .base-header.type-c .appstore .btn-store{
  background-color: #fff;
  color:#e42313;
}

.appstore + .appstore{margin-left:1.2rem}
.appstore .btn-base {
    width: 10.6rem;
    height: 4rem;
    border-radius: 2rem;
    padding: 0 1.6rem .1rem;
    font-size: 1.4rem;
    position: relative;
    z-index: 2;
    font-weight: 500;
    display:flex;
    align-items:center;
    justify-content:center;
}
.appstore .btn-base span {
    margin-left:.7rem;
}
/* 
.base-header.type-b .btn-base {
    background: #fff;
    color: #000;
}
.base-header.type-b .btn-base path {
    fill:#000;
}

.base-header.type-c .btn-base {
    background: #00ffff;
    color: #e42313;
} */

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

/* footer */
.base-footer {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    background-color: black;
    padding: 8rem 0;
}

.base-footer-wrap {
    position: relative;
    width: 100%;
    max-width: 98rem;
    color: #747474;
    font-size: 1.4rem;
    padding: 0 2rem;
}

.base-footer-wrap .sns {
    display:inline-flex;
}
.base-footer-wrap .sns a {
    margin-left:2rem;
}

.base-footer-wrap .sns a:first-child {
    margin-left:0;
}

.base-footer-wrap .sns a path {
    transition: fill .2s ease-out;
}

.base-footer-wrap .sns a:hover path {
    fill: #535353;
}
.base-footer-wrap .sns a:hover path+path,
.base-footer-wrap .sns a:hover g g path {
    fill: #fff;
}

.base-footer-wrap a:hover {
    color: #fff;
    text-decoration:underline;
}

.base-footer-wrap a {
    color: #747474;
    display: inline-block;
}

.base-footer .logo {
    margin-bottom:2rem;
}

.base-footer .group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.base-footer .address span {
    display: block;
}

.base-footer .address {
    font-style: normal;
    font-size: 1.4rem;
    color: #666;
    display: block;
}
.base-footer .address .m-only {
    display:none;
}

.base-footer .link a+a {
    margin-left: 2rem;
}

.base-footer .link strong {
    font-weight:bold;
}


/* 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;
}

.eff-title {
    text-align: center;
    transform-style: preserve-3d;

}
.eff-title .text {
    font-weight: 700;
    font-size: 13vmin;
    line-height: 1.0;
    letter-spacing: -.4vmin;
    font-family: 'helveticaneuecyr';
}

.eff-title .write .word {
    color: #fff;
    transform-style: preserve-3d;
    animation: write linear both;
}

.eff-title .laser {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.eff-title .laser .word {
    display: inline-block;
}

.eff-title .laser .word {
    color: #fff;
    text-shadow: 0 0 0.1em currentColor;
    transform: translateZ(5px);
    animation: laser linear both;
}

.eff-title .write .word,
.eff-title .laser .word {
    animation-duration: 3s;
    animation-delay: calc(0.3s + 0 * 160ms);
    animation-iteration-count: 1;
}

.eff-title:hover .word {
    animation-play-state: paused;
}

@keyframes write {
from, 30% { clip-path: polygon(-20% 0%, -15% 0%, -15% 100%, -20% 100%) }
70%, to { clip-path: polygon(-15% 0%, 120% 0%, 120% 100%, -15% 100%) }
}

@keyframes laser {
from, 30% { clip-path: polygon(-20% 0%, -15% 0%, -15% 100%, -20% 100%) }
70%, to { clip-path: polygon(115% 0%, 120% 0%, 120% 100%, 115% 100%) }
}

/* service 1 */
.service-item.n1 {
    height: auto;
    background: linear-gradient(141deg, #181818 25%, #000 92%);
    z-index: 1;
    
}
.hero-wrap{
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-item.n1 .line.n1 {
    position: absolute;
    width: 0;
    bottom: 2.2rem;
    left: 50%;
    transform: translate(15vmin, 0);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom:1rem solid #e42313;
    transition: width .6s cubic-bezier(1,.08,.98,.6), border .2s ease-out;
}
@media all and (-ms-high-contrast:none)
	{
        .service-item.n1 .line.n1 {transform: translate(14rem, 0);}
	}
.service-item.n1 .line.n1.act{
    border-left: 1rem solid transparent;
    width: 45vw;
}

/* service 2 */
.service-item .unit-item {
    transform: translateY(20rem);
    transition: transform .2s ease-out;
}



.service-item .hero {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.service-item .hero h2 {
    text-transform: capitalize;
    white-space: nowrap;
    color: transparent;
    margin: 0;
    position: relative;
    font-weight: 700;
    font-size: 13vmin;
    line-height: 1.0;
    letter-spacing: -.4vmin;
    font-family: 'helveticaneuecyr';
  }
  .service-item .hero h2::before {
    content: "Hello";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    animation: textEffect 1s steps(30) ;
    -webkit-animation: textEffect 1s steps(30) ;
  }

  @keyframes textEffect {
    0% {
      width: 0%;
    }
    50% {
      width:50%;
    }
    100% {
    width: 100%;
    }
  }

  @-webkit-keyframes textEffect {
    0% {
      width: 0%;
    }
    50% {
      width:50%;
    }
    100% {
    width: 100%;
    }
  }
  
.service-item.n1 > * {padding:16rem 0 19rem;}
.service-item.n1 .service-content{
    position: relative;
    margin: 0 auto 0;
    width:100%;
    height: 50rem;
    z-index: 2;
}
.service-item.n1 .wrap{
    position: relative;
    margin: 0 auto 0;
    width:86rem;
    height: 50rem;
    z-index: 2;
}
.service-item.n1 .service-item-group.n1 .wrap {
    width: 93rem;
}
.service-item.n1 .n1 .tit{
    font-size: 6rem;
    color: #fff;
    line-height: 7.1rem;
    font-weight: 600;
}

.service-item.n1 .n1 .img{
    position:absolute;
    top:3rem;
    right:7rem;
}

.service-item.n1 .n1 .line.n2 {
    position: absolute;
    width: 40vw;
    margin-top: .1rem;
    top: 50%;
    left: 0;
    border-left: 0 solid transparent;
    border-right: 1rem solid transparent;
    border-top:1rem solid #e42313;
}
.service-item.n1 .n2 .tit{
    font-size: 6rem;
    color: #fff;
    line-height: 7.1rem;
    font-weight: 600;
    text-align: right;
}

.service-item.n1 .n2 .img{
    position:absolute;
    top:3rem;
    left:0;
}
.service-item.n1 .n1 .img, .service-item.n1 .n2 .img {
    width:58rem;
}

.service-item.n1 img {
    width:100%;
}

.service-item.n1 .n2 .line.n3 {
    position: absolute;
    width: 40vw;
    margin-top: .1rem;
    top: 50%;
    right: 0;
    border-right: 0 solid transparent;
    border-left: 1rem solid transparent;
    border-top:1rem solid #e42313;
}

.service-item.n1 .service-item-group.n1{overflow:visible;}
.service-item-group{overflow: hidden;}

.service-item.n2 {
    position: relative;
    height: auto;
    z-index: 2;

}
.service-item .service-content{
    width: 94rem;
}
.service-item.n2 > *,.service-item.n3 > *,.service-item.n4 > * {
    height: 87rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-item.n4 .service-item-group.n4,
.service-item.n2 .service-item-group.n2{
    background:#f4f4f4;
}
.service-item.n3 .service-item-group.n3{
    background:#e42313;
    color:#fff;
}
.service-item.n3 .service-item-group.n3 .numerical,
.service-item.n3 .service-item-group.n3 .numerical .n1{
    color:#fff;
}
.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 {font-size:0;}
.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;
}

.info-box-a {
    display:flex;
    width:65rem;
    font-size: 3.2rem;
    font-weight: 200;
    justify-content:space-between;
    align-items: center;
    margin: 0 auto;
    line-height:3.8rem;
}
.info-box-a ~ .info-box-a {
    margin-top:11.2rem;
}
.info-box-a ~ .info-box-a .infotxt3 {
    text-align:right;
}
.info-box-a strong{
    font-weight: 700;
}
.info-box-a .info-box-img {
    max-width:30rem;
}

.info-box-a .info-box-img img {
    width:100%;
}

.info-box-a .unit-item + .unit-item {
    margin-top:.8rem;
}

.srv-dl{
    display: flex;
    width:100%;
    align-items: center;
    justify-content: center;
    height:100%;
    flex-wrap: nowrap;
    font-size: 6rem;
    text-align: center;
    line-height: 1.2;
}
.srv-dl dt {
    color:#222;
}
.service-item-group.n5  {
    background-color:#000;
}
.service-item-group.n5 .srv-dl > div{
    width: 100%;
}
.service-item-group.n5 .srv-dl dt{
    color:#fff;
}
.srv-dl > div{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items:center;
}
.srv-dl .unit{
    transform: translate(0, 100vh);
}
.srv-dl dd span {display: inline-block; font-size: 4rem; transform: translateY(-9px);}
.srv-dl dd strong {display: inline-block; font-size: 18rem; font-weight: 700; text-align: right;color:#fff;}



.unit-fix {
    height: 400vh;
    background: #f4f4f4;
    z-index: 12;
}

.unit-fix .unit-wrap {
    position: absolute;
    top: 0;
    bottom: auto;
}

.step5 .unit-fix .unit-wrap,
.step7 .unit-fix .unit-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
}

.step4 .unit-fix.n5.fix .unit-wrap,
.step6 .unit-fix.n8.fix .unit-wrap {
    position: fixed;
}
 
.boxlist {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-46.5rem, -50%);
}

.boxlist .unit.n1 {
    font-size: 6rem;
    color: #222;
    font-weight: 700;
    margin-left: 1rem;
    margin-bottom: 4rem;
    max-width:93rem;
    text-align:center;
    line-height:7.6rem;
}

.card-list {
    display: flex;
    transform: translateX(0);
    transition: transform .3s ease-in;
}

.card-list-item+.card-list-item {
    margin-left: 80px;
}

.card-list-item {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 7rem;
    min-width: 93rem;
    width: 93rem;
    background: #fff;
    border-radius: 7.2rem;
    height: 40rem;
;
}

.card-list-item .tit-s {
    font-size: 2.4rem;
    color: #000;
    opacity: 0.2;
    font-weight: 700;
    display: block;
}

.card-list-item .tit {
    font-size: 4.8rem;
    color: #222;
    font-weight: 700;
    display: block;
}

.card-list-item.last .img {
    height: 100%;
    align-items: flex-end;
}

.card-list-item .img {
    max-width: 34rem;
    display: flex;
    justify-content: center;
}

.card-list-item .img img {
    display: inline-block;
    width:100%;
    height:auto;
}

.service-item.n6 {
    height:87rem;
    background: black;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
}

.register {
    text-align: center;
    font-weight: 700;
    font-size: 6rem;
    color: #fff;
}

.register .unit-item.n1 {
    line-height:normal;
}

.service-item.n6 .btn-base.primary::before{
    content: "";
    display: inline-block;
    width:1.5rem;
    height:1.6rem;
    vertical-align: middle;
    margin-right:.4rem;
    background: url(./img/ic-dpwnload.png) no-repeat 0 0 / cover;
}
.service-item.n6 .btn-base.primary {
    width:16.4rem;
    padding:0;
    font-size: 1.4rem;
    font-weight: 600;
}
/* .service-item.n6 .btn-base.primaryN {
    background: #e42313;
    color:#fff;
    font-size: 2rem;
    font-weight: 600;
    width:34.6rem;ㄹ
}

.service-item.n6 .btn-base.primaryN:hover,
.service-item.n6 .btn-base.primaryN:active {
    background: rgba(238,50,36,.7);
} */

.btn-base {
    font-size: 2rem;
    background: #fff;
    color: #222;
    height: 6rem;
    font-weight: 700;
    border-radius: 3rem;
    padding: 0 4rem;
    transition: background .2s ease-in, border .2s ease-in;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-base.type-line:hover{
    background:rgba(256,256,256,.2);
    border-color:rgba(256,256,256,.2);
}
.btn-base.type-line{
    border:1px solid #fff;
    background: #000;
    color:#fff;
    font-size: 1.4rem;
    font-weight: 600;
    width:34.6rem;
}

.btn-base.primary {
    background: #e42313;
    color: #fff;
}

.btn-base.secondary {
    background: #000;
    color: #fff;
}

.btn-base.secondary:hover,
.btn-base.secondary:active {
    background: #e42313;
    color: #fff;
}

.appstore.on .btn-base {
    background: rgba(238,50,36,.7);
}

.btn-base.primary:hover,
.btn-base.primary:active {
    background: rgba(238,50,36,.7);
}

.base-body {
    position: relative;
    background-color: #fff;
    z-index: 0;
    flex:1;
}

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

.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;
    align-items: center;
    text-align: center;
}
.overview-item .hero .bg {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: url(./img/bg-overview.jpg) no-repeat 50% 0;
    background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: -webkit-fill-available;
    height: fill-available;
}
.overview-item .hero h2 {
    font-size: 10rem;
    color: #fff;
    font-weight:700;

}

.overview-title.first .line {
    display: inline-block;
    width: 22rem;
    height: 1rem;
    background-color: #000;
    vertical-align: baseline;
    margin: 0 1rem;
}

.overview-have-item.first .overview-have-content {
    padding-left: 0;
    width: 100%;
}

.overview-have-item.first .overview-have-tit {
    font-size: 3.2rem;
    line-height: 1.4;
}

.overview-content {
    max-width: 940px;
    margin: 0 auto
}

.overview-content~.overview-content {
    margin-top: 24rem
}

.overview-title {
    font-size: 9.6rem;
    color: #222;
    /* letter-spacing: -.2rem; */
    font-weight: 700;
    line-height: 10.5rem
}
.overview-title.k-logo {
    font-size:0;
    width:74rem;
    height:7.4rem;
    background:url("../resource/img/hyperlounge-kor-logo.png") no-repeat 50% 50% / 100%;
}

.overview-have-item {
    display: flex;
    align-items: center;
    margin-top: 16rem
}

.overview-have-item .overview-have-img,
.overview-have-item .overview-have-content {
    width: 50%
}

.overview-have-item .overview-have-img {
    text-align: center
}

.overview-have-item .overview-have-content {
    padding-left: 3rem;
}
.overview-item.n3 .overview-have-item:nth-of-type(1) img {
    max-width: 26.6rem;
}

.overview-item.n3 .overview-have-item:nth-of-type(2) img {
    max-width: 25.3rem;
}

.overview-item.n3 .overview-have-item:nth-of-type(3) img {
    max-width: 28rem;
}

.overview-item.n3 .overview-have-item:nth-of-type(4) img {
    max-width: 27rem;
}

.overview-have-item .overview-have-tit {
    font-size: 4.8rem;
    line-height: 5.6rem;
    color: #222;
    font-weight: 700;
    letter-spacing: 0
}

.overview-have-item .overview-have-desc {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: -.3px;
    color: #222;
    margin-top: 2.4rem
}

.overview-have-item .overview-have-desc ~ .overview-have-desc {
    margin-top:2rem;
}

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

.box-team {
    margin-top: 6rem
}
.box-team .team-img .m-type {
    display:none;
}

.team-member {
    display: flex;
    flex-wrap: wrap
}

.team-item {display:flex;}

.team-member .team-pic {
    width:22.1rem;
    vertical-align:top;
    margin-right:4rem;
}

.team-item > div {display:flex;flex-direction:column;}
.team-career {display:flex;}
.team-career dl {width:30rem;line-height:2.4rem;font-weight:300;}
.team-career dl + dl {margin-left:4rem;}
.team-career dt {font-weight:bold;}

.video-team {background-color:#f4f4f4;padding:5.4rem 0 6rem;position:relative;z-index:5;}
.video_tit {font-size:2.4rem;line-height:3.2rem;font-weight:bold;color:#000;padding-bottom:2rem;}
.video-team .overview-content {font-size:0;}
.video-team .overview-content > div {display:inline-block;vertical-align:top;}
.video-team .overview-content > div + div {margin-left:1.6rem}
.video-team .overview-content > div  p {font-size:2rem;line-height:2.4rem;color:#000;margin-top:2rem;}
.video-team video[poster] {width:460px;height:23rem;}
.overview-item.n6 {padding-bottom:8rem;}
.team-member .team-name {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #222;
    font-weight: 700;
    letter-spacing: 0;
    margin-top:2.4rem;
}

.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.4rem;
    margin-top: 1.6rem;
    word-break: keep-all;
}

.contact-data {
    display: flex;
    justify-content:space-between;
    margin-top: 8rem;
    align-items:center;
}

.contact-data .sns-box {
    display:flex;
}

.contact-data .sns-box a {
    width:4rem;
    height:4rem;
    margin-left:2rem;
    background-size:100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    display:inline-block;
}

.contact-data .sns-box a:hover {
    opacity:.6;
}

.contact-data .sns-box .btn-facebook {
    background-image:url("../resource/img/btn-facebook.png");
}
.contact-data .sns-box .btn-linkedin {
    background-image:url("../resource/img/btn-linkedin.png");
}

.contact-data .contact-item {
    display: flex
}

.contact-data .contact-item~.contact-item {
    margin-left: 10rem
}

.contact-data .contact-tit {
    font-size: 1.6rem;
    color: #222;
    font-weight: 700;
    margin-right: 4rem;
    line-height: 2.4rem
}

.contact-data .contact-value {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #888
}

.contact-map {
    margin-top:3.2rem;
    height: 42rem
}

.contact-map iframe {
    width: 100% !important;
    height: 100% !important
}

.team-img img {
    width: 100%;
;
}

.overview-item.n2 .unit-item,
.overview-item.n3 .unit-item,
.overview-item.n4 .unit-item,
#partners .unit-item {
    transform: translateY(200px);
    transition: transform .2s ease-out;
}

.overview-item~.overview-item {
    padding-top: 20rem;
}

#partners {padding-top:20rem;}

.overview-item {
    z-index: 6;
    background-color:#fff;
}

.overview-item.n1 {
    z-index: 5;
    height: 100vh;
    background:none;
}

/* .overview-item.n3 {
    padding-bottom: 16rem;
} */
.overview-item.n4 {
    padding-top: 0;
}

.overview-item.n6 {padding-bottom:10rem;}

.overview-item.n7 {
    padding-top:12rem;
}
.overview-item.n7 .overview-content{
    padding-bottom: 20rem;
}

.overview-item .unit-wrap {
    position: relative;
    height: auto;
}

.step0 .overview-item.n1 .unit-wrap {
    position: fixed;
    bottom: auto;
;
    top: 0;
}

.step1 .overview-item.n1 .unit-wrap {
    position: absolute;
    bottom: 0;
    top: auto;
}

/* apply */

.apply-item .hero {
    width: 100%;
    position: relative;
    height: 100vh;
    background:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.apply-item .hero .bg {
    position:fixed;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background:  url(./img/img_sample_03_1.jpg) no-repeat 70% 0;
    background-size:cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: -webkit-fill-available;
    height: fill-available;
}

.apply-item .hero h2 {
    font-size: 7.2rem;
    color: #fff;
    font-weight: 900;
    text-align: left;
    line-height: 1.3;
    width: 98rem;
    margin-top: -10rem;
    padding:0 2rem;
    margin-left:2.2rem;
}

.apply-item .hero h2 span {
    display: block;
    margin-top: 4rem;
    font-size: 2rem;
    color: #fff;
    font-weight: 200;
    line-height: 1.6;
    /*padding-left: 1rem;*/
}
.apply-item .hero h2 span .m-type {
    display:none;
}

.apply-item.n2 .unit-item,
.apply-item.n3 .unit-item,
.apply-item.n4 .unit-item {
    transform: translateY(300px);
    transition: transform .2s ease-out;
}

.apply-item .unit-wrap {
    position: relative;
    height: auto;
}

.step0 .apply-item.n1 .unit-wrap {
    position: fixed;
    bottom: auto;
;
    top: 0;
}

.step1 .apply-item.n1 .unit-wrap {
    position: absolute;
    bottom: 0;
    top: auto;
}

.apply-h3 {
    font-size: 8.4rem;
    font-weight: 600;
    max-width:94rem;
    line-height:10.4rem;
    margin:0 auto 8.4rem;
}

.apply-group+.apply-group {
    margin-top: 12rem;
}

.apply-group {
    width: 100%;
    max-width:94rem;
    margin:0 auto;
    font-size:0;
}

.apply-group .apply-img {
    position:relative;
}
.apply-group .apply-img img {
    vertical-align:top;
    max-width:100%;
}
.apply-group.n1 .apply-img .img-b {
    display:inline-block;
    width:21.3%;
    margin-top:1rem;
}
.apply-group.n1 .apply-img .img-c {
    display:inline-block;
    width:calc(100% - 21.3% - 1rem);
    margin-top:1rem;
    margin-left:1rem;
}

.apply-group.n1 .apply-img .img-b.m-type {
    display:none;
}

.apply-group.n2 .apply-img .img-a {
    width:72.34042553191%;
}
.apply-group.n2 .apply-img .img-b {
    width:44.68085106383%;
    position:absolute;
    right:0;
    top:13.7rem;
}

.apply-group .apply-cont {
    margin-top:6rem;
    word-break: keep-all;
}
.apply-cont .apply-tit {
    font-size: 3.2rem;
    font-weight: 600;
    line-height:4.8rem;
    margin-bottom: 2rem;
    word-break: keep-all;
}

.apply-cont .apply-txt {
    font-size: 2rem;
}

.apply-interview-list { 
    margin-top:24rem;
}
.interview-item {
    height:87.2rem;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
}
.interview-item .m-type {
  display:none;
}
.interview-item .pc-type {
  display:block;
}
.interview-item.n1 {
    background-image:url("../resource/img/img-apply-11.jpg");
}
.interview-item.n2 {
    background-image:url("../resource/img/img-apply-12.jpg");
}
.interview-item.n3 {
    background-image:url("../resource/img/img-apply-13_1.jpg");
}
.interview-item.n4 {
    background-image:url("../resource/img/img-apply-14.jpg");
}
.interview-item.n5 {
    background-image:url("../resource/img/img-apply-15.jpg");
}
.interview-item.n6 {
    background-image:url("../resource/img/img-apply-16.jpg");
}
.interview-item .interview-data {
    max-width:94rem;
    margin:0 auto;
    padding-top:19.6rem;
    opacity:0;
    transition: opacity 1s ease-in;
}
.interview-item.on .interview-data {
    opacity:1;
}
.interview-item .interview-content {
    font-size:4rem;
    line-height:4.8rem;
    font-weight:600;
    color:#fff;
    padding-left:2rem;
    text-indent:-2rem;
}
.interview-item .interview-position {
    margin:2rem 0 0 2rem;
    color:#fff;
    font-weight:200;
    font-size:2rem;
}
.interview-item .spacing {
    display:inline-block;
    width:2rem;
}
.interview-item:nth-of-type(even) .interview-content ,
.interview-item:nth-of-type(even) .interview-position {
    text-align:right;
}
.interview-item:nth-of-type(even) .interview-position {
    margin-right:2rem;
}
.interview-item .interview-position .interview-position-item {
    display:inline-block;
    margin:0 .3rem;
    line-height:2rem;
}
.interview-item .interview-position .interview-position-item ~ .interview-position-item {
    position:relative;
    padding-left:1.2rem;
}
.interview-item .interview-position .interview-position-item ~ .interview-position-item:before {
    content:'';
    position:absolute;
    left:0;
    top:.8rem;
    width:.3rem;
    height:.3rem;
    border-radius:50%;
    background-color:#fff;
}
.interview-item .interview-position .interview-position-item .pc-type {display:inline-block !important;}

.apply-txt-a {
    font-size:4rem;
    color:#222;
    line-height:1.6;
    text-align:center;
    font-weight:600;
    margin-bottom:4rem;
}
.apply-item.n1 {z-index:1}
.apply-item.n2 {
    background-color:#fff;
    z-index:2
}
.apply-item.n3 {
    text-align:center;
    padding:25.8rem 0;
    background-color:#fff;
    z-index:2
}
.apply-gallery {
    overflow: hidden;
    width:100%;
    position:relative;
}
.apply-gallery img {
    width:100%;
    vertical-align:top;
}
.apply-gallery-group {
    position:relative;
}
.apply-gallery-group:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
}
.apply-gallery .group-c img {
    width:calc(100% / 3);
}
.apply-gallery .group,
.apply-gallery .group-c {
    display:flex;
}
.apply-gallery .group-a {
    width:calc((100% / 3) * 2);
}
.apply-gallery .group-b {
    width:calc(100% / 3);
}
.apply-gallery .group-b img {
    height:calc(100% / 2)
}
.apply-content {
    padding-top:24rem;
}
.apply-item.n3 .apply-content {
    padding-top:0
}
.apply-gallery .apply-content {
    text-align: center;
    margin-top:0;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform: translateY(-50%);
}
.apply-content .btn-base#recruit {
    display:inline-flex;
}
.apply-content .btn-base#no-recruit {
    display:none;
}

.apply-gallery p {
    font-size: 4rem;
    line-height:6.4rem;
    font-weight: 600;
    margin-bottom: 6rem;
    color:#fff;
}

.scroll-arrow.off {
    bottom: -20vh;
}
.page-apply .scroll-arrow,
.page-overview .scroll-arrow,
.scroll .scroll-arrow {
    display: block;
}

.scroll-arrow {
    display: none;
    position: fixed;
    bottom: 12.4rem;
    left: 50%;
    z-index: 10;
    transition: bottom .2s ease-out;
    margin-left: -.9rem;
}

.scroll-arrow {
    animation: motionArrow 1.4s ease-in-out 0s infinite alternate;
}

.btn-group-wrap {height:6rem;}
.btn-group {position:fixed;bottom:4rem;z-index:1;font-size:0;left:50%;transform:translateX(-50%);width:100%;}
.btn-group a {height:6rem;width:26rem;font-size:2rem;line-height:2.4rem;color:#fff;}
.btn-group a + a {margin-left:1.6rem;}
.btn-group.unfixed {position:relative;bottom:auto;left:auto;transform:none;width:auto;}


.btn-group a.btn-link_sid {background-color:#222;}
.btn-group a.btn-link_sid:hover,
.btn-group a.btn-link_sid:active {background-color:rgba(34, 34, 34, .7);}
.btn-group a.primaryN {background-color:#e42313;}
.btn-group a.primaryN:hover,
.btn-group a.primaryN:active {background-color:rgba(228, 35, 19, .7)}

/*black BG*/
.step0 .btn-group a.btn-link_sid:hover,
.step0 .btn-group a.btn-link_sid:active,
.step7 .btn-group a.btn-link_sid:hover,
.step7 .btn-group a.btn-link_sid:active {background-color:rgba(102, 102, 102, .7)}
.step2 .btn-group a.primaryN {background-color:#fff;color:#e42313}
.step2 .btn-group a.primaryN:hover,
.step2 .btn-group a.primaryN:active {background-color:rgba(255, 255, 255, .7)}


.apply-list .visual {display:flex;height:51.2rem;align-items:center;justify-content:center;background:url(.//img/img-career-apply.png) no-repeat 50% center;background-size:cover;margin-top:8rem;}
.apply-list .visual span {font-size:4.8rem;color:#fff;font-weight:bold;line-height:normal;width:94rem;line-height:6.4rem;padding:0 2rem;}

.category {height:50rem; width:94rem;margin:20rem auto;position:relative;padding:0 2rem;}
.categoryBtn-wrap {display:block;}
.categoryBtn {display:inline-flex;height:4.8rem;align-items:center;padding:0 2.4rem;background-color:#f4f4f4;border-radius:2.4rem;font-size:1.6rem;color:#bbb;font-weight:bold;}
.categoryBtn {margin:0 1.2rem 1.2rem 0;}
.categoryBtn.on {background-color:#000;color:#fff;}

.categoryList {margin-top:3.6rem;}
.categoryList li {display:flex;}
.categoryList li a {min-height:12rem;display:flex;align-items:center;padding:0 2.4rem;border-radius:.8rem;height:10rem;justify-content:center;height:auto;width:100%;}
.categoryList li a:hover {background-color:#f4f4f4;}
.categoryList .title {font-size:2.4rem;color:#222;width:61.2rem;display:inline-block;}
.categoryList .title > span {overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.2em;max-height:3.6em;}
.mark-type {display:inline-flex;font-size:1.2rem;height:2.4rem;line-height:normal;align-items:center;color:#222;border:1px solid #000;border-radius:0.4rem;padding:0 0.4rem;vertical-align:0.4rem;margin-right:0.8rem;font-weight:bold;}
.categoryList .text {width:28rem;display:flex;flex-direction:row;}
.categoryList .text span {font-size:1.6rem;color:#aaa;margin-left:2.4rem;display:inline-block}
.categoryList .text__part {width:14.4rem;}
.categoryList .text__type {width:8.8rem;}

.applyDetail {width:94rem;margin:0 auto;padding:20rem 2rem;position:relative;}
.applyDetail__title {padding-bottom:1rem;border-bottom:1px solid #ddd;font-size:0;}
.applyDetail__title h2 {font-size:3.2rem;padding-bottom:1.6rem;line-height:3.2rem;}
.applyDetail__title span {font-size:1.6rem;vertical-align:0.2rem;margin-bottom:3.8rem;display:inline-block;line-height:2rem;}
.applyDetail__title .mark-type {vertical-align:0.4rem;margin-right:1.6rem;font-size:1.2rem;line-height:2.2rem;}
.applyDetail__title .job-type + .period::before {content:'';display:inline-block;width:0.1rem;height:1.6rem;background-color:#aaa;margin:0 0.8rem;vertical-align:-0.2rem;} 
.applyDetail__context {line-height:normal;padding-top:4.8rem;}
.applyDetail__context h1 {font-size:2.6rem;padding:1.8rem 0 1.6rem;}
.applyDetail__context h1 strong {display:inline-block;}
.applyDetail__context p {line-height:3rem;min-height:3rem;font-size:1.6rem;word-break:break-all;}
.applyDetail__context p > strong, .applyDetail__context .title {font-size:2.4rem;font-weight:bold;color:#000;display:block;padding-bottom:1.6rem;padding-top:1.8rem;}
.applyDetail__context p:first-child > strong {padding-top:0;}
.applyDetail__context > ul > li {line-height:3rem;}
.applyDetail__context > ul > li::before {content:'';display:inline-block;width:.4rem;height:.4rem;background-color:#000;border-radius:50%;vertical-align:top;margin:1.2rem .5rem 0 0;}
.applyDetail__context > ul > li > p, .applyDetail__context > ul > li > ul li p {display:inline-block;width:calc(100% - 2rem)}
.applyDetail__context > ul > li > ul {padding-left:1.3rem;}
.applyDetail__context > ul > li > ul li::before {content:'-';display:inline-block;margin-right:.5rem;vertical-align:top;}
.applyDetail__context > p u {display:inline-block;padding-bottom:.5rem;text-decoration:underline;}
.applyDetail__context > p em {font-style:italic;text-decoration:underline;}
.applyDetail__context .methodBox {width:100%;height:8.8rem;line-height:8.8rem;background-color:#f4f4f4;border-radius:.8rem;font-size:2rem;font-weight:bold;padding:0 3rem;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-align:center;}
.applyDetail__context .methodBox a {color:#246fee;font-family:'Malgun Gothic', '맑은 고딕';}
.applyDetail__context .methodBox .m-type {display:none;}
.applyDetail__context .methodAgree {margin-top:1.6rem;color:#888;}
.applyDetail__context .methodAgree::before {content:'\203B';margin-right:.5rem;}
.applyDetail__context hr {height:.1rem;border-top:1px solid #ddd;margin:4.8rem 0 4.8rem;}
.applyDetail__context hr + p > strong {padding-top:0;}


.apply-process {margin-top:4.8rem;border-top:1px solid #ddd;padding-top:4.8rem;}
.apply-process h3 {font-size:2.4rem;line-height:2.8rem;}
.apply-process .processList {margin-top:3.2rem;background-color:#f4f4f4;font-size:0;height:8.8rem;border-radius:0.8rem;text-align:center;padding:3.2rem 0;}
.apply-process .processList span {font-size:1.6rem;font-weight:bold;}
.apply-process .processList span + span::before {content:'\003E';color:#666;margin:0 3.2rem;font-weight:normal;width:1.4rem;text-align:center;}
.apply-process .processList .m-type {display:none;}
#apply-button {display:none;}
.listStyle-gray {margin-top:2rem;}
.listStyle-gray li {font-size:1.6rem;color:#888;line-height:3rem;text-indent: -0.8rem;margin-left: 1.1rem;}
.listStyle-gray li::before {content:'';display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#888;vertical-align:0.4rem;margin-right:0.5rem;}

.applyDetail .btn-base {width:26rem;margin:7.2rem auto 0;display:flex;}

.common-form {width:68rem;margin:0 auto;padding:20rem 2rem;}
.common-form.ui-parallax {overflow:auto;}
.common-form h2 {font-size:3.2rem;line-height:3.2rem;}
.common-form .applyLetter h2 + 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;}
.form-wrap .inp-txt {width:64rem;height:5.6rem;border-radius:.8rem;box-shadow:none;border:1px solid #ddd;margin-top:1.6rem;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:#aaa;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;margin-top:1.6rem;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;font-family: 'Pretendard', sans-serif;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 .fileRow {font-size:0;}
.form-wrap .fileRow .title {font-size:2rem;line-height:2.4rem;margin-top:4.4rem;position:relative;}
.form-wrap .fileRow .title::before {content:'';display:inline-block;width:.5rem;height:.5rem;background-color:#000;border-radius:50%;margin:0 .5rem 0 .2rem;vertical-align:.5rem;}
.form-wrap .fileRow .btn-upload {font-size:1.4rem;line-height:2.4rem;border:1px solid #000;display:inline-flex;height:3.2rem;padding:0 1.2rem;align-items:center;border-radius:.8rem;margin-left:3.2rem;vertical-align:.4rem;}
.form-wrap .fileRow .btn-upload:hover {background-color:#f4f4f4;border-color:#f4f4f4}
.form-wrap .fileRow .inp-txt {width:54rem;}
.fileRow input[type="file"] {position:absolute;top:0;left:0;width:0.1rem;padding:14px 0;opacity:0;cursor:pointer;}
.form-wrap .fileRow .btn-register {width:8.8rem;height:5.6rem;background-color:#000;color:#fff;font-size:2rem;font-weight:bold;border-radius:.8rem;margin-left:1.2rem;}
.form-wrap .fileRow .fileReturn {background-color:#f4f4f4;border-radius:.8rem;display:none;width:64rem;}
.form-wrap .fileRow .fileReturn.on {display:block;}
.form-wrap .fileRow .fileReturn:not(:empty) {padding:1.3rem 2.4rem;margin-top:1.2rem;}
.form-wrap .fileRow .btn-register:disabled  {background-color:#ddd;}
.form-wrap .fileRow .fileReturn li {font-size:1.6rem;height:3rem;line-height:3rem;}
.form-wrap .fileRow .fileReturn li + li {margin-top:1.4rem;}
.form-wrap .fileRow .fileReturn li span {display:inline-block;max-width:calc(100% - 4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.form-wrap .fileRow .fileReturn li button {height:2.4rem;vertical-align:.3rem;margin-left:1.6rem;}
.form-wrap .fileRow .title + .validationMsg {margin-top:1.6rem;}
.form-wrap .invalid.fileRow .inp-txt {border:1px solid #e42313;color:#e42313;}
.form-wrap .m-only {display:none;}
.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:7.2rem auto 0;display:flex;background-color:#ddd;}
.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);}
.common-form .link-right {display:flex;justify-content:flex-end;font-size:1.6rem;line-height:3rem;color:#246fee;margin-top:1.6rem;}
.common-form .link-right a::after {content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-image:url('./img/ico-arrow-blue.svg');vertical-align:-.55rem;margin-left:.4rem;}
.apply-list .common-form .btn-base {margin-top:2.8rem;}
.apply-list .form-wrap {border-bottom:none;margin-top:0;}

.inquiry .agreeBox {margin-top:0;border:none;}
.inquiry .agree input[type="checkbox"] {margin-top:none;}

/*terms*/
.privacy {width:94rem;margin:0 auto;padding:20rem 2rem;}
.pageTitle {font-size:3.2rem;line-height:3.6rem;color:#222;}
.pageDescription {font-size:2rem;line-height:3.2rem;margin-top:4rem;}
.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:#fff;font-weight:bold;color:#000;font-size:1.6rem;border:1px solid #000;}
.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;margin-top:4rem;}
.tabs + .privacy-cont {margin-top:0;}
.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:"] {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:0;}
.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;}
.terms-cont--privacy ul ul {display:inline-block;vertical-align:top;}
.terms-cont--privacy ul ul li {margin-left:0;}

.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;}
.emphasis--red {color:#e42313;}

.dropBox {position: relative;}
.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;overflow:hidden;}
.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;}
  
.btn-top{display: none;}

.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;height:25.8rem;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__btn {width:26.4rem;height:6.4rem;background-color:#e42313;color:#fff;font-weight:bold;border-radius:3rem;margin-top:4rem;font-size:2rem;}

.link-video {width:76rem;height:38rem;display:inline-block;margin-top:4rem;background:url("./img/img-video-pc.png");text-indent:-9999px;background-size:76rem;}
/* .link-video + .btn-group {margin-top:4rem;line-height:0;} */
.video-wrap {display:flex;height:100%;align-items:center;justify-content:center;background-color:#000;}
#video {width:100%;height:auto;}

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

.tableStyle {border-top:2px solid #000;}
.tableStyle th {font-size:1.4rem;width:13rem;}
.tableStyle td {padding:3rem 1rem;font-size:1.4rem;font-weight:400;}
.tableStyle th,.tableStyle td {border-bottom:2px solid #ddd;}

.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;}

.base-list {height:100%;display:flex;flex-direction:column;}
.base-list-body {flex:1;}

.listStyle-list {padding:16rem 2rem 12rem;width:98rem;margin:0 auto;}

.search-from_wrap {margin-top:5rem;display:flex;}
.search-from_wrap .dropBox__current button {width:14rem;font-size:1.4rem;color:#222;font-weight:400;}
.search-from_wrap .dropBox__list {width:14rem;}
.inp-search {width:32rem;height:5.6rem;border-radius:.8rem;border:1px solid #000;padding:0 2.2rem 0 5.2rem;background:url("./img/ico-search-large.svg") no-repeat left 1.8rem center;background-size:2.4rem;font-size:1.4rem;}
.inp-search::placeholder {color:#aaa;font-size:1.4rem;}

.listStyle-list_content {margin-top:4rem;text-align:center;}
/* .listStyle-list_content * {box-sizing:content-box;} */

.tabulator-col {display:inline-flex;}
/* .listStyle-list_content span {font-size:1.6rem;text-align:center;} */
.listStyle-list_content .num {padding-left:2rem;width:8rem !important;height:auto !important;justify-content:center;}
/* .listStyle-list_content .cate {padding-left:.6rem;width:10rem !important;height:auto !important;} */
.listStyle-list_content .file {width:1.8rem !important;}
.listStyle-list_content .tabulator-col.file {min-width: 1.8rem !important;}
.listStyle-list_content .title {padding-left:1.4rem;width:66rem !important;height:auto !important;text-align:left;}
.listStyle-list_content .date {padding:0 2rem 0 4.2rem;width:18.2rem !important;justify-content:center;}
.tabulator-placeholder-contents {height:61rem;font-size:1.6rem;color:#aaa;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #eee;}
.tabulator-header {background-color:#fcfcfc;display:block;border-top:1px solid #666;}
.tabulator-header .tabulator-headers, .tabulator-table .tabulator-row {height:6rem !important;display:flex;align-items:center;border-bottom:1px solid #eee; }
.tabulator-row  {cursor:pointer;}
.tabulator-col-resize-handle {display:none;height:0;}
.tabulator-footer {margin-top:5rem;display:flex;align-items:center;justify-content:center;}
.tabulator-footer button {display:inline-flex;width:3.4rem;height:3.4rem;margin-left:.6rem;box-sizing:border-box;}
.tabulator-paginator {display:flex;}
.tabulator-page[data-page="first"] {text-indent:-9999px;background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5 .5a4.486 4.486 0 0 0-3.182 1.318A4.486 4.486 0 0 0 .5 5v24c0 1.243.504 2.368 1.318 3.182A4.486 4.486 0 0 0 5 33.5h24a4.486 4.486 0 0 0 3.182-1.318A4.486 4.486 0 0 0 33.5 29V5a4.486 4.486 0 0 0-1.318-3.182A4.486 4.486 0 0 0 29 .5z' stroke='%23EEE' fill='%23FFF' /%3E%3Cpath d='M26 8H8v18h18z' /%3E%3Cg stroke='%23000' class='stroke' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='m17 12-5 5 5 5' /%3E%3Cpath d='m21 12-5 5 5 5' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="first"]:disabled {background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5 .5a4.486 4.486 0 0 0-3.182 1.318A4.486 4.486 0 0 0 .5 5v24c0 1.243.504 2.368 1.318 3.182A4.486 4.486 0 0 0 5 33.5h24a4.486 4.486 0 0 0 3.182-1.318A4.486 4.486 0 0 0 33.5 29V5a4.486 4.486 0 0 0-1.318-3.182A4.486 4.486 0 0 0 29 .5z' stroke='%23EEE' fill='%23FFF' /%3E%3Cpath d='M26 8H8v18h18z' /%3E%3Cg stroke='%23BBB' class='stroke' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='m17 12-5 5 5 5' /%3E%3Cpath d='m21 12-5 5 5 5' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="prev"] {text-indent:-9999px;background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 .5a5.483 5.483 0 0 0-3.89 1.61A5.483 5.483 0 0 0 .5 6v22c0 1.519.616 2.894 1.61 3.89A5.483 5.483 0 0 0 6 33.5h22a5.483 5.483 0 0 0 3.89-1.61A5.483 5.483 0 0 0 33.5 28V6a5.483 5.483 0 0 0-1.61-3.89A5.483 5.483 0 0 0 28 .5z' stroke='%23EEE' fill='%23FFF' /%3E%3Cpath d='M26 8H8v18h18z' /%3E%3Cpath d='m19 12-5 5 5 5' stroke='%23000' class='stroke' stroke-linejoin='round' stroke-width='1.2' /%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="prev"]:disabled {background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 .5a5.483 5.483 0 0 0-3.89 1.61A5.483 5.483 0 0 0 .5 6v22c0 1.519.616 2.894 1.61 3.89A5.483 5.483 0 0 0 6 33.5h22a5.483 5.483 0 0 0 3.89-1.61A5.483 5.483 0 0 0 33.5 28V6a5.483 5.483 0 0 0-1.61-3.89A5.483 5.483 0 0 0 28 .5z' stroke='%23EEE' fill='%23FFF' /%3E%3Cpath d='M26 8H8v18h18z' /%3E%3Cpath d='m19 12-5 5 5 5' stroke='%23BBB' class='stroke' stroke-linejoin='round' stroke-width='1.2' /%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="next"] {text-indent:-9999px;background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23EEE' fill='%23FFF' x='.5' y='.5' width='33' height='33' rx='6' /%3E%3Cpath d='M8 8h18v18H8z' /%3E%3Cpath d='m15 12 5 5-5 5' stroke='%23000' class='stroke' stroke-linejoin='round' stroke-width='1.2' /%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="next"]:disabled {background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23EEE' fill='%23FFF' x='.5' y='.5' width='33' height='33' rx='6' /%3E%3Cpath d='M8 8h18v18H8z' /%3E%3Cpath d='m15 12 5 5-5 5' stroke='%23BBB' class='stroke' stroke-linejoin='round' stroke-width='1.2' /%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="last"] {text-indent:-9999px;background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23EEE' fill='%23FFF' x='.5' y='.5' width='33' height='33' rx='6' /%3E%3Cpath d='M8 8h18v18H8z' /%3E%3Cg stroke='%23000' class='stroke' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='m17 12 5 5-5 5' /%3E%3Cpath d='m13 12 5 5-5 5' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.tabulator-page[data-page="last"]:disabled {background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23EEE' fill='%23FFF' x='.5' y='.5' width='33' height='33' rx='6' /%3E%3Cpath d='M8 8h18v18H8z' /%3E%3Cg stroke='%23BBB' class='stroke' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='m17 12 5 5-5 5' /%3E%3Cpath d='m13 12 5 5-5 5' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

.tabulator-pages button {font-size:1.4rem;justify-content:center;align-items:center;border:1px solid #eee;border-radius:.6rem;}
.tabulator-pages button.active {background-color:#000;color:#fff;}

.listStyle-detail {width:98rem;padding:20rem 2rem;margin:0 auto;}
.listStyle-detail .btn-base.black {display:flex;background-color:#000;color:#fff;width:26rem;height:6rem;margin:7.2rem auto 0;}
.listStyle-detail__title {padding-bottom:5rem;}
.listStyle-detail__title .title {line-height:4.4rem;font-size:3.2rem;word-break:break-all;}
.listStyle-detail__title .period {font-size:1.6rem;line-height:2rem;margin-top:1.8rem;}
.listStyle-detail__context {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4.8rem 0;}
.listStyle-detail__context .content h3 {font-size:2.4rem;line-height:2.8rem;padding:1rem 0;}
.listStyle-detail__context .content table {margin-top:.6rem;max-width:100% !important;}
.listStyle-detail__context .content table th,
.listStyle-detail__context .content table td,
.listStyle-detail__context .content pre {font-size:1.4rem;white-space:normal !important;}
.listStyle-detail__context .content:not(.content--notice) table th,
.listStyle-detail__context .content:not(.content--notice) table td {width:auto !important;}
.listStyle-detail__context .content b {font-size:1.4rem;}
.listStyle-detail__context .content table td ul li::before {content:"\00b7";font-size:2rem;margin-right:.3rem;vertical-align:-1px;}
.listStyle-detail__context .content img {width:auto;max-width:100%;height:auto !important;padding-bottom:4rem;}
.listStyle-detail__context .content p {line-height:3rem;min-height:3rem;font-size:1.6rem;word-break:break-all;}
.listStyle-detail__context .content p > strong{font-size:inherit;line-height:inherit;padding:0;font-weight:bold;color:#000;}
.listStyle-detail__context .content.content--notice td {padding:10px;} 
.listStyle-detail__context .content.content--notice p {word-break:break-word;}

.ic-attached-file {display:inline-block;width:1.8rem;height:1.8rem;background-image:url('./img/ic-attached-file.svg');background-repeat:no-repeat;text-indent:-9999px;vertical-align:-.3rem ;}
.attached {margin-top:4.8rem;}
.attached .size {color:#aaa;font-weight:400;}
.attached__tit {font-size:1.6rem;font-weight:bold;line-height:3rem;}
.attached__tit .btn-download-all {width:7.3rem;height:3.2rem;border:1px solid #000;border-radius:.8rem;font-weight:400;font-size:1.4rem;margin-left:1rem;vertical-align:.2rem;}
.attached__content {margin-top:1.3rem;}
.attached__content li {line-height:3rem;text-indent:-2.7rem;margin-left:2.6rem;}
.attached__content li + li {margin-top:.6rem;}
.attached__content li a {word-break:break-all;}
.attached__content li:hover a {text-decoration:underline;}
.attached__content li a::before {content:'';display:inline-flex;width:1.9rem;height:1.9rem;background-image:url('./img/ic-download-file.svg');background-repeat:no-repeat;margin-right:.8rem;vertical-align:-.3rem;}

.service-item.n7 {background-color:#fff;height:auto;}
.service-item.n7 .service-item-group {height:auto;display:flex;/*min-height:396rem;*/justify-content:center;padding:12rem 0 0rem;}
.service-item.n7 .unit-wrap {top:0;height:auto;}
.interview {height:24.6rem;display:flex;flex-direction:column;justify-content:center;margin:0 auto;}
/* .interview:first-of-type {margin-top:12rem;} */
.interview + .interview {margin-top:6rem;}
.interview--right {padding-right:47rem;background:url('./img/bg-interview01.svg') no-repeat center right 9.5rem;align-items:flex-end;text-align:right;}
.interview--left {padding-left:47rem;background:url('./img/bg-interview02.svg') no-repeat center left 9.5rem;text-align:left;}
.interview strong {font-weight:bold;}
.interview dt {font-size:3.2rem;line-height:2.8rem;font-weight:bold;padding-right:1rem;}
.interview dd {font-size:2.4rem;line-height:3.6rem;width:43rem;margin-top:2rem;}
.interview--right .spacing {width:1rem;display:inline-block;}
.interview--left dd {text-indent:-1.2rem;padding-left:1.2rem;}
.goodsInfo {margin-top:12rem;display:flex;flex-direction:column;align-items:center;}
.goodsInfo__tit {font-size:4rem;font-weight:bold;text-align:center;height:32rem;background-color:#000;line-height:5.6rem;padding-top:10.4rem;position:absolute;left:0;right:0;font-weight:400;color:#ddd;}
.goodsInfo__tit strong {font-weight:700;color:#fff;}
.goodsInfo__list {margin-top:32rem;width:100%;}
.goodsInfo__list li:first-child {padding-top:16rem;}
.goodsInfo__list li {padding:7.2rem 0;position:relative;}
.goodsInfo__list li + li {border-top:1px solid #ddd;}
.goodsInfo__list dt {height:4rem;}
.goodsInfo__list dd {display:flex;flex-direction:row;margin-top:6rem;}
.goodsInfo__list dd p strong {font-weight:800;}
.goodsInfo__list dd strong {font-weight:bold;}
.goodsInfo__list figure {padding-left:4rem;margin-right:7rem;text-align:center;align-self:flex-end;}
.goodsInfo__list figure img {width:36rem;}
.goodsInfo__list figure figcaption {margin-top:2rem;font-size:1.8rem;font-weight:bold;line-height:2.4rem;;}
.goodsInfo__list__text {align-self:center;font-size:0;}
.goodsInfo__list__text p {margin-top:1.6rem;font-size:2.4rem;line-height:3.6rem;letter-spacing:-0.05rem;}
.goodsInfo__list__text .price {margin-top:2.4rem;line-height:normal;}
.goodsInfo__list__text .price .original {display:inline-flex;font-size:2rem;letter-spacing:-0.38px;width:11.2rem;background:url('./img/sales-arrow.svg') no-repeat center;margin-right:1.8rem;}
.goodsInfo__list__text .price .dc {color:#e42313;font-size:2rem;font-weight:bold;}
.goodsInfo__list__text .price .dc strong {font-size:3.2rem;}


.service-item.n8 {background-color:#fff;/*height:auto;*/}
.service-item.n8 .boxlist {top:30%;}
.service-item.n8 .service-item-group {height:auto;display:flex;/*min-height:121.2rem;*/justify-content:center;align-items:center;padding:20rem 0 16.1rem;}
.service-item.n8 .card-list-item {min-width:76.8rem;flex-direction:column;padding:0;}
.service-item.n8 .card-list-item .img {max-width:76.8rem;height:45rem;}
/* .service-item.n8 .card-list-item:last-of-type .img {max-width:90.8rem;height:47rem} */
.service-item.n8 .card-list-item .tit-s {font-size:4.8rem;font-weight:bold;color:#222;margin-top:4rem;opacity:1;text-align:center;}
.service-item.n8 .card-list-item .tit {font-size:2.4rem;font-weight:300;color:#aaa;margin-top:2rem;text-align:center;}
.pricePlan__tit {text-align:center;}
.pricePlan__tit h3 {font-size:6rem;font-weight:bold;line-height:7.6rem;}
.pricePlan__tit p {font-size:2rem;line-height:2.4rem;margin-top:1rem;}
.pricePlan__con {margin-top:3.6rem;display:flex;}
.pricePlan__con dl {width:30.6rem;background-color:#fff;border-radius:2rem;padding:0 2.4rem 3.2rem;line-height:normal;}
.pricePlan__con dl + dl {margin-left:1.1rem;}
.pricePlan__con dt {height:12.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.4rem;line-height:3rem;font-weight:bold;border-bottom-width:.6rem;border-bottom-style:solid;}
.pricePlan__con dd strong {font-weight:bold;}
.pricePlan__con .info {margin-top:3.2rem;font-size:2rem;line-height:3rem;text-align:center;}
.pricePlan__con dd > ul > li {margin-top:4.8rem;display:flex;align-items:center;justify-content:space-between;}
.pricePlan__con dd > ul li .price {text-align:right;}
.pricePlan__con dd > ul li .price strong {font-size:2.8rem;font-weight:bold;line-height:4rem;}
.pricePlan__con .discount {font-size:1.6rem;}
.pricePlan__con .discount .original {color:#888;text-decoration:line-through;}
.pricePlan__con .discount .downPercent {color:#246fee;margin-left:.6rem;font-weight:bold;}
.pricePlan__con .discount .downPercent::before {content:'\2193';letter-spacing:-.2rem;}
.pricePlan__con .discount .calculation {font-size:1.6rem;line-height:2rem;}
.pricePlan__con dd > ul li:nth-child(3) {align-items:flex-start;}
.pricePlan__con dd > ul li:nth-child(3) img {margin-top:.8rem;}
.pricePlan__con dd > ul li:nth-child(3) strong {margin-left:1rem;}
.pricePlan__con dd > ul li:nth-child(3) li + li {margin-top:2.2rem;}
.pricePlan__con dd > ul li:nth-child(3) .savePercent {font-size:1.6rem;font-weight:bold;color:#e42313;}
.pricePlan .vat {font-size:1.6rem;color:#aaa;margin-top:2rem;text-align:right;}
/* .pricePlan__con dd > ul li mark {font-size:1.6rem;font-weight:bold;line-height:2rem;border-radius:.4rem;display:inline-flex;width:3.9rem;height:2.4rem;} */

.hyper100 dt {color:#e42313;border-color:#e42313;}
.hyper50 dt {color:#ff8142;border-color:#ff8142;}
.hyperFunction dt {padding:2.4rem 0;}
.hyperFunction dt p {font-weight:normal;font-size:1.8rem;margin-top:.4rem;}

.overview-item.n4 .overview-content {padding-bottom:20rem;}
.hyNews {margin-top:10rem;display:inline-flex;flex-wrap:wrap;}
.hyNews li {margin-right:40px;width:45rem;}
.hyNews li:nth-child(2n) {margin-right:0;}
.hyNews li:nth-child(n+3) {margin-top:5rem;}
.hyNews li > a {display:flex;flex-direction:column;}
/* .hyNews-preview p {margin-top:1.2rem;} */
.hyNews__img {display:inline-flex;width:100%;height:30rem;border-radius:1.6rem;
    overflow:hidden;border:1px solid #ddd;position:relative;z-index: 10;}
.hyNews__img img {height:auto;width:45rem;transition: transform .2s;}

.hyNews li > a:hover .hyNews__img::after,
.hyNews .tabulator-cell:hover .hyNews__img::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3)}
.hyNews li > a:hover .hyNews__img img,
.hyNews .tabulator-cell:hover .hyNews__img img {
    transform: scale(1.05);z-index: 0;
}

.hyNews__info {height:auto;max-height:14.6rem;margin-top:1rem;}
.hyNews__info > span {display:flex;margin-top:1.2rem;}
.hyNews__info--origin {font-size:1.7rem;line-height:2.1rem;color:#888;}
.hyNews__info--tit {font-size:2.4rem;line-height:3.4rem;color:#222;font-weight:bold;text-align:left;}
.hyNews__info--date {font-size:1.7rem;line-height:2.1rem;color:#aaa;}
.hyNews .external .hyNews__info--origin {align-items:center;}
.hyNews .external .hyNews__info--origin::after {content:'';display:inline-block;width:2.2rem;height:2.2rem;background:url('./img/ico-externalLink.svg') no-repeat;margin-left:.8rem;}
.hyNews-btnWrap {margin-top:7rem;display:flex;justify-content:center;}
.hyNews-btnWrap > a {width:26rem;height:6rem;line-height:6rem;text-align:center;background-color:#000;border-radius:3rem;font-size:2rem;font-weight:bold;color:#fff;}

.rollingBox {width:94rem;background-color:#fff;border-radius:2.2rem;height:22rem;position:relative;box-sizing:border-box;overflow:hidden;padding:5rem 0;margin:8rem auto 6rem;}
.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:80s linear 0s infinite normal none running rollingleft1;} */
/* .rollingbanner .roller.clone {animation:80s 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;}

#partners {background:#f4f4f4;}
#partners .overview-content {padding-bottom:20rem;}
#partners .overview-title {line-height:10.5rem;color:#222;text-align:center;font-size:8.8rem;}
#partners .overview-have-desc {font-size:2rem;font-weight:500;color:#222;text-align:center;line-height:3.2rem;margin-top:2rem;}
#partners .overview-have-desc span {font-size:1.6rem;color:#888;}

.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:bold;line-height:3rem;color:#222;border-bottom:1px solid #aaa;}
.under-desc dl+dl dt {color:#222;}
.under-desc dl dd {margin-top:2rem;}
.under-desc dl .number {font-size:10rem;font-weight:700;line-height:10.8rem;color:#222;}
.under-desc dl .list {font-size:2.2rem;line-height:3rem;color:#222;font-weight:500;letter-spacing:-0.02rem;}
.under-desc dl .list li + li {margin-top:1rem;}

.show1600 {display:none;}
.show1366 {display:none;}
.show1246 {display:none;}
.show1600 {display:none;}
.show984 {display:none;}
.show700 {display:none;}

.listStyle-list--news {padding:8rem 2rem 17rem;}
.listStyle-list--news .listStyle-list_content {border-top:1px solid #ddd;margin-top:0;text-align:left;}
.listTop {display:flex;align-items:center;justify-content:space-between;margin-top:3rem;}
.listTop__total {font-size:2.4rem;line-height:2.8rem;font-weight:bold;}
.listTop__total > span {color:#aaa;}
.listTop .dropBox__current button {width:12.2rem;font-size:1.4rem;font-weight:normal;}
.listTop .dropBox__list {width:12.2rem;}
.listTop + .hyNews {margin-top:3rem;}
.listStyle-list--news .tabulator-footer {margin-top:8rem;}
.listStyle-list--news .tabulator-header-hidden {display:none;}

.listStyle-list--news .tabulator-tableholder {width:100%;height:auto !important;max-height:100%  !important;}
.listStyle-list--news .tabulator-table {display:inline-flex;flex-wrap:wrap;}
.listStyle-list--news .tabulator-table .tabulator-row  {margin-right:40px;width:45rem;display:inline-flex;height:auto !important; flex-direction:column;border-bottom:none;font-size:0;}
.listStyle-list--news .tabulator-table .tabulator-row > div {display:block;width:100% !important;text-align:left;}
.listStyle-list--news .tabulator-table .tabulator-cell {height: auto !important;}
.listStyle-list--news .tabulator-table .tabulator-cell.hyNews__img {height:300px !important;text-align:center;display:flex;}
.listStyle-list--news .tabulator-table .tabulator-row:nth-child(2n) {margin-right:0;}
.listStyle-list--news .tabulator-table .tabulator-row:nth-child(n+3) {margin-top:5rem;}
.listStyle-list--news .tabulator-table .hyNews__info {display:flex;flex-direction:column;width:100%;}
.listStyle-list--news #hyNews {width:100%;}
.listStyle-list--news #hyNews #hyNews-table {width:100%;}
.listStyle-list--news .tabulator-placeholder-contents {height:34.4rem;border-bottom:none;font-size:2rem;line-height:2.4rem;color:#aaa;}
.listStyle-list--news #hyNews:has(.tabulator-placeholder) {margin-top:0;}
.listStyle-list--news .tabulator-tableholder:has(.tabulator-placeholder) + .tabulator-footer {display:none;}
.listStyle-list--news .tabs {padding-bottom:2.8rem;}
.listStyle-list--news .tabs .tab__link {margin-left:0;margin-right:1.2rem;margin-bottom:1.2rem;}
.hyNews-wrap {min-height:45.6rem;}

.listStyle-detail--news {width:68rem;padding-top:14.2rem;}
.title-info {margin-top:1.8rem;font-size:0;}
.title-info .origin + .period::before {content:'';display:inline-block;width:.1rem;height:1.2rem;background-color:#bbb;margin:0 .8rem;}
.title-info span {font-size:1.6rem;line-height:2rem;}
.listStyle-detail--news .listStyle-detail__context {padding:5.4rem 0;}
.listStyle-detail--news .attached {margin-top:4.1rem;}
.listStyle-detail--news .listStyle-detail__context .content * {word-break:keep-all;}
.listStyle-detail--news .listStyle-detail__context .content p {font-size:1.8rem;line-height:3.2rem;}
.listStyle-detail--news .listStyle-detail__context .video-wrapper {position:relative;border-radius:1.2rem;overflow:hidden;margin-bottom:4rem;display:flex;}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {display: none;}
.listStyle-detail--news .listStyle-detail__context video {border-radius:1.2rem;overflow:hidden;}
.video-overlay-play-button {box-sizing:border-box;width:100%;height:100%;padding:0 calc(50% - 50px);position:absolute;top:0;left:0;right:0;bottom:0;display:block;cursor:pointer;transition:opacity 150ms;background:rgba(0,0,0,0.2)}
.video-overlay-play-button:hover {opacity: 1;}
.video-overlay-play-button.is-hidden {display: none;}
.listStyle-detail--news .listStyle-detail__context .video-wrapper--url {position: relative; width: 100%; height: auto; padding-top:56%;margin-bottom:40px;}
.listStyle-detail--news .listStyle-detail__context .video-wrapper--url iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius:1.2rem;}


.top-visual {width:100%;height:30rem;margin-top:8rem;background:url('./img/bg-news.jpg') no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;font-size:4.8rem;line-height:6.4rem;color:#fff;font-weight:bold;background-position:center top;}
.visual-innerText {width:94rem;padding:0 2rem;}
.btn-group.nav-btn {display:none;}

.terms-wrap {position:relative;}
.btn-history {font-size:1.4rem;line-height:2.4rem;color:#aaa;position:absolute;top:1.2rem;right:0;display: none;align-items:center;}
.btn-history.active {display:flex;}


.terms-cont--privacyNew table {margin:1.7rem 0;}
.terms-cont--privacyNew th {height:4.4rem;text-align:center;}
.terms-cont--privacyNew th + th {border-left:1px solid #ddd;}
.terms-cont--privacyNew tbody tr td {border:1px solid #ddd;padding:1rem;}
.terms-cont--privacyNew tbody tr td:first-child {border-left:none}
.terms-cont--privacyNew tbody tr td:last-child {border-right:none}
.terms-cont--privacyNew ol + p {margin-top:2.6rem;}
.terms-cont--privacyNew img {width:25.7rem;margin-top:1.7rem;}
.terms-cont--privacyNew img + ul {margin-top:1.7rem;}
.terms-cont--privacyNew ul li {margin-left:0;}


.common-list {width:98rem;margin:0 auto;padding:20rem 2rem 8rem;}

.card_wrap {display:flex;flex-wrap:wrap;margin-top:8rem;}
.card {border:1px solid #ddd;border-radius:1.2rem;padding:4.8rem 2.4rem 4.6rem;position:relative;width:30rem;height:35.2rem;}
.card.emphasis {border-color:#000;}
.card::after {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('./img/partnership/ic-next-link.svg') no-repeat;position:absolute;bottom:1.6rem;right:2.4rem;}
.card.noneLink::after {background:none;}
.card .label {display:inline-flex;width:3.7rem;height:2.4rem;background-color:#000;color:#fff;font-size:1.4rem;justify-content: center;align-items:center;border-radius:.4rem;position:absolute;top:2rem;left:2.4rem;font-weight:700;}
.card img {height:8rem;display:block;margin:0 auto;}
.card dl {margin-top:3.2rem;}
.card dt {font-size:2rem;line-height:3.2rem;font-weight:700;}
.card dd {margin-top:1.6rem;}
.card li + li {margin-top:.6rem;}
.card li {font-size:1.4rem;line-height:2rem;}
.card  li span:first-child {vertical-align:top;}
.card li span:first-child:after {content:'';display:inline-block;width:.1rem;height:1.2rem;background-color:#222;margin:0 .6rem;vertical-align:-.12rem;} 
.card  li span + span {display:inline-block;}
.card + .card {margin-left:2rem;}
.card:nth-child(3n+1){margin-left:0;}
.card:nth-child(n+4){margin-top:2rem;}


.btn-link-partnership {font-size:1.4rem;line-height:2rem;width:9.6rem;height:3.2rem;border-radius:2.4rem;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;position:absolute;top:2.5rem;right:2rem;}
.base-header.type-b .btn-link-partnership,
.is-bar .base-header .btn-link-partnership  {
    color:#000;border-color:#000;
}

/* .btn-link_sid {height:4.4rem;border:1px solid #fff;border-radius:2.3rem;color:#fff;font-size:1.4rem;font-weight:bold;line-height:2rem;display:inline-flex;align-items:center;padding:0 1.53rem 0 1.79rem;position:fixed;left:50%;top:50%;margin-left:30.2rem;margin-top:20.3rem;background-color:#000;z-index:1;}
.btn-link_sid svg {margin-right:.69rem} */
@media screen and (max-width: 939px) {
    .nav-open .base-header .langList li a {font-weight:700;}
    .cm-pc-type {display:none !important;}
    .cm-tablet-type {display:block !important;}
    .cm-mobile-type {display:none !important;}

    .show984 {display:block}
    .none984 {display:none;}

    .base-header .logo {
        width: 13.9rem;
        height: 1.6rem;
        margin-top: .3rem;
        margin-left:.4rem;
    }

    .base-header .logo svg {
        width: 13.9rem;
        height: 1.6rem;
    }

    .base-nav .logo-b {
        display: block;
        position: absolute;
        top: 2.3rem;
        left: 2.4rem;
        width: 13.9rem;
        height: 1.6rem;
    }

    .nav-open .base-header {
        mix-blend-mode: normal;
    }

    .nav-open .base-nav-wrap {
        right: 0;
        opacity:1;
    }

    .base-nav-wrap {
        max-width: 100%;
        right: -100vw;
        position: fixed;
        width: 100vw;
        height: 100%;
        background: #fff;
        z-index: 10;
        top: 0;
        transition: right .2s ease-out;
        opacity:0;
        justify-content:space-between;
    }

    .base-header .nav-link {
        padding-top: 10rem;
    }

    .base-header .nav-link a {
        color: #000;
        font-size: 3.2rem;
        font-weight: 700;
        width: 100%;
        text-align: left;
        padding:2rem 3rem;
        display:block;
        margin-left:0;
    }

    .page-apply .base-header::after,
    .page-apply-common .base-header::after,
    .page-common .base-header::after,
    .page-overview .base-header::after,
    .is-bar .base-header::after {
        height:6.2rem;
    }

    .nav-link {
        margin: 0;
        flex-direction:column;
        width:100%;
    }

    .base-nav-wrap {
        flex-direction: column;
    }

    .btn-close {
        display: block;
        position: absolute;
        width: 4.8rem;
        height: 4.8rem;
        top: .7rem;
        right: 1.6rem;
    }

    .btn-menu {
        display: block;
        position: absolute;
        width: 4.8rem;
        height: 4.8rem;
        top: .7rem;
        right: 1.6rem;
    }

    .btnMobile-download {
        display: inline-block;
        font-size:1.3rem;
        line-height:3.4rem;
        font-weight:500;
        width:8.8rem;
        height:3.4rem;
        border-radius:1.7rem;
        background:#e42313;
        text-align:center;
        position:absolute;
        top:1.4rem;
        right:8.2rem;
        z-index:11;
    }

    .base-nav-wrap .appstore {
        margin-top: 4rem;
    }
    .appstore + .appstore{
        margin-lefT:2rem;
    }

    .size-mobile .appstore {
        display:none;
    }
    .nav-button {width:100%;padding:0 2.4rem;margin:0;border-top:1px solid #eee;}
    .btn-language.pc-type {display:none;}
    
    .language {height:9rem;position:relative;display:flex;align-items:center;}
    .language .mobile-type {display:block;}
    .language .mobile-type g {stroke:#000;}
    .language.open .langList {display:flex;}
    .base-header .langList {display:flex;flex-direction:row;position:relative;width:auto;height:auto;top:0;border:none;border-radius:0;padding:0;margin-left:.4rem;}
    .base-header .langList li {margin-top:.4rem;}
    .base-header .langList li a {color:#bbb;font-size:1.6rem;padding-left:0;}
    .base-header .langList li.on a {color:#000;}
    .base-header .langList li + li::before {content:'';display:inline-block;width:.2rem;height:.2rem;background-color:#222;margin:0 .6rem;vertical-align:.4rem;}
    
    .boxlist {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
        transform: none;
    }

    .boxlist .unit.n1 {
        font-size:3.2rem;
        line-height:4rem;
        margin-bottom:4rem;
    }

    .step5 .service-item.n5 .unit-wrap,
    .step4 .service-item.n5 .unit-wrap,
    .step6 .service-item.n8 .unit-wrap {
        position: relative;
        height:auto;
        bottom:auto;
    }

    .step4 .service-item.n5.fix .unit-wrap {
        position:relative;
    }

    .card-list {
        display: block;
        transform:none !important;
    }

    .size-mobile .base-header.type-c .appstore button path,
    .size-mobile .base-header.type-b .appstore button path{
        fill: #fff;
    }

    .base-header.type-b .base-nav .btn-menu path,
    .page-overview.is-bar .base-header .base-nav .btn-menu path,
    .page-apply.is-bar .base-header .base-nav .btn-menu path,
    .page-apply-common .base-header .base-nav .btn-menu path,
    .page-common .base-header .base-nav .btn-menu path,
    .is-bar .base-header .base-nav .btn-menu path  {
        fill: #000;
    }

    .only-m {
        display: block;
    }

    .only-d {
        display: none;
    }
    .interview-item .m-type {
        display:block;
    }
    .interview-item .pc-type {
    display:none;
    }
    .step4 .service-item.n5.fix .unit-wrap,
    .step6 .service-item.n8.fix .unit-wrap  {position:relative;}
    
    .apply-list .visual {margin-top:6.2rem;}
    .category {width:100%}
    .categoryBtn-wrap {flex-wrap:wrap}
    .common-form,
    .form-wrap .inp-txt,
    .form-wrap .inp-textarea {width:100%;}
    .form-wrap .validationGroup {width:100%;}
    .form-wrap .validationGroup .characterLimit {font-size:1.4rem;height:2.6rem;line-height:2.6rem;}
    .common-form .btn-base:hover {background-color:#ddd;}
    .privacy {width:100%;}
    .emphasis--gray {text-indent:-1.1rem;margin-left: 1rem;}

    .link-video {margin-top:2rem;}
    .link-video + .btn-group {margin-top:2rem;}

    .applyDetail__context p strong, .applyDetail__context .title {padding-top:0;}
    .applyDetail__context hr {margin:4rem 0;}
    .applyDetail__context h1 {padding-top:0;}
    .applyDetail__context .methodAgree {text-indent:-0.8rem;margin-left: 1.1rem;}
    .form-complete {width:100%;padding:8rem 2.4rem 4rem;}

    .listStyle-list {padding:14.1rem 2.4rem 8rem;width:100%;}
    .search-from_wrap {margin-top:4.1rem;}
    /* .common-form.list {padding-top:14.2rem;} */
    /* .listStyle-list_content span {font-size:1.6rem;text-align:center;} */
    .listStyle-list_content .num {padding-left:1rem;width:7rem !important;}
    /* .listStyle-list_content .cate {padding-left:.4rem;} */
    .listStyle-list_content .title {padding-left:1.4rem;width:calc(100% - 21rem) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .listStyle-list_content .date {padding:0 1rem 0 1rem;width:14rem !important;}
    .tabulator-placeholder-contents {height:60.9rem;font-size:1.6rem;color:#aaa;justify-content:center;}

    .listStyle-detail {width:100%;max-width:100%;padding:14.1rem 2.4rem 8rem;}
    .listStyle-detail__title {padding-bottom:4rem;}
    .listStyle-detail__title .title {font-size:2.4rem;line-height:3.6rem;}
    .listStyle-detail__title .period {margin-top:.9rem;}
    .listStyle-detail__context {padding:4rem 0;}
    .listStyle-detail__context .content p {font-size:1.4rem;line-height:2.6rem;}
    .listStyle-detail .btn-base.black {margin-top:4rem;}

    .attached {margin-top:4.1rem;}
    .service-item.n7 .service-content {padding:0 2.4rem;width:100%;display:flex;flex-direction:column;align-items:center;}
    .service-item.n7 .service-item-group {/*min-height:324.2rem;*/padding:12rem 0 6rem;}
    .interview {width:67.2rem;background-size:21.4rem;height:18.8rem;}
    .interview--right {padding-right:33.4rem;background-position:center right 3.1rem;}
    .interview--right .spacing {width:.6rem;}
    .interview--left {padding-left:34.2rem;background-position:center left 5.6rem;}
    .interview--left dd {text-indent:-.9rem;padding-left:.9rem;}
    .interview dt {font-size:2.4rem;line-height:2.8rem;padding-right:.6rem;}
    .interview dd {font-size:1.8rem;line-height:2.6rem;width:31.2rem;margin-top:1.2rem;}
    .goodsInfo {width:100%;max-width:67.2rem;margin:12rem auto 0;}
    .goodsInfo__tit {font-size:2.8rem;line-height:normal;height:23.6rem;padding-top:8.3rem;}
    .goodsInfo__list {margin-top:23.6rem;}
    .goodsInfo__list dt img {height:3.2rem;}
    .goodsInfo__list__text img {height:2.4rem;width:auto;}
    .goodsInfo__list li {padding:6rem 0;}
    .goodsInfo__list li:first-child {padding-top:8rem;}
    .goodsInfo__list li:nth-child(1) figure,
    .goodsInfo__list li:nth-child(2) figure {padding-left:1.3rem;margin-right:1.4rem;}
    .goodsInfo__list li:nth-child(1) figure img,
    .goodsInfo__list li:nth-child(2) figure img {width:30.9rem;}
    .goodsInfo__list li:nth-child(3) figure {padding-left:5.5rem;margin-right:5.6rem;}
    .goodsInfo__list li:nth-child(3) figure img {width:22.5rem;}
    .goodsInfo__list li:nth-child(4) figure {padding-left:6.4rem;margin-right:6.48rem}
    .goodsInfo__list li:nth-child(4) figure img {width:20.7rem;}
    .goodsInfo__list li:nth-child(5) figure {padding-left:3.6rem;margin-right:4.8rem;}
    .goodsInfo__list li:nth-child(5) figure img {width:25.2rem;}


    .goodsInfo__list__text p {font-size:1.7rem;line-height:2.6rem;}
    .goodsInfo__list__text .price .original {font-size:1.8rem;background-size:9.2rem 10rem;background-position-x:left;margin-right:1.6rem;width:9.2rem;}
    .goodsInfo__list__text .price .dc {font-size:1.8rem;}
    .goodsInfo__list__text .price .dc strong {font-size:2.6rem;}
    .goodsInfo__list figure figcaption {font-size:1.6rem;margin-top:1.6rem;}

    .service-item.n8 .service-item-group {padding:12rem 0 8.8rem;}
    .service-item.n8 .service-content {width:100%;padding:0 2.4rem;}
    .pricePlan__tit h3 {font-size:4.8rem;line-height:6rem;}
    .pricePlan__tit p {margin-top:.8rem;}
    .pricePlan__con {margin-top:3.2rem;justify-content:center;}
    .pricePlan__con dl {width:21.7rem;padding-bottom:3.6rem;}
    .pricePlan__con dt {font-size:2rem;line-height:2.4rem;height:9.2rem;border-bottom-width:.4rem;}
    .pricePlan__con .info {font-size:1.4rem;line-height:1.8rem;letter-spacing:-0.01rem;}
    .pricePlan__con img {width:3.2rem;}
    .pricePlan__con dd > ul > li {margin-top:3.6rem;}
    .pricePlan__con dd > ul li .price strong {font-size:2.4rem;line-height:2.8rem;}
    .pricePlan__con .discount {font-size:1.2rem;line-height:1.6rem;margin-bottom:.4rem;}
    .pricePlan__con .discount .downPercent {margin-left:.4rem;}
    .pricePlan__con .discount .downPercent::before {letter-spacing:-.1rem;}
    .pricePlan__con .calculation {margin-top:.4rem;font-size:1.2rem;line-height:1.6rem;}
    .pricePlan__con .info {margin-top:2.4rem;}
    .pricePlan__con dd > ul li .price .period {font-size:1.2rem;line-height:1.6rem;}
    .pricePlan__con dd > ul li:nth-child(3) .savePercent {font-size:1.2rem;line-height:1.6rem;margin-top:.4rem;}
    .pricePlan__con dd > ul li:nth-child(3) img {margin-top:.4rem;}
    .pricePlan__con dd > ul li:nth-child(3) strong {margin-left:.8rem;}
    .pricePlan .vat {width:67.6rem;margin:1.6rem auto 0;font-size:1.4rem;}
    .hyperFunction dt p {font-size:1.2rem;line-height:1.6rem;}
    
    .hyNews {margin-top:6rem;}
    .hyNews li {width:32.4rem;margin-right:2.4rem;}
    .hyNews li:nth-child(n+3) {margin-top:3.6rem;}
    .hyNews__img {height:21.6rem;}
    .hyNews__info {height:auto;max-height:11rem;}
    .hyNews__info > span {margin-top:.6rem;}
    .hyNews__info--origin {font-size:1.6rem;line-height:2rem;}
    .hyNews__info--tit {font-size:2rem;line-height:2.6rem;}
    .hyNews__info--date {font-size:1.6rem;line-height:2rem;}
    .hyNews .external .hyNews__info--origin::after {background-size:2rem;width:2rem;height:2rem;}
    .hyNews-btnWrap {margin-top:6rem;}

    .overview-item.n4 .overview-content,
    #partners .overview-content {padding-bottom:12rem;}

    #partners .overview-title {line-height:6.7rem;font-size: 5.6rem;}
    #partners .overview-have-desc {margin-top:1.4rem;}
    .rollingBox {margin:5rem auto 5.6rem;width:62rem;}
    .under-desc dl {width:31rem;}
    .under-desc dl+dl {width:21rem;margin-left:4rem;}
    .under-desc dl dt {font-size:2rem;line-height:2.8rem;}
    .under-desc dl .list {font-size:2rem;line-height:2.8rem;}

    .listStyle-list--news {padding-top:8rem;width:100%;}
    .listStyle-list--news .tabs {padding-bottom:4rem;}
    .listStyle-list--news .hyNews .tabulator-row {width:calc((100% - 2.4rem)/2);padding:0;}
    .listStyle-list--news .hyNews .tabulator-row:nth-child(2n-1) {margin-right:2.4rem;}
    .listStyle-list--news .tabulator-table .tabulator-row:nth-child(n+3) {margin-top:3.6rem;}
    .listStyle-list--news .hyNews .tabulator-row .tabulator-cell > div {display:flex;flex-direction:column;}
    .listStyle-list--news .hyNews__img {width:100%;height:auto !important;}
    .listStyle-list--news .hyNews__img img {width:100%;}
    .listStyle-list--news .tabulator-placeholder-contents {height:34rem;font-size:1.8rem;line-height:2.2rem;}
    .listTop__total {font-size:2rem;line-height:2.6rem;}
    .listStyle-list--news .tabulator-footer {margin-top:6rem;}

    .title-info {margin-top:.9rem;}
    
    .listStyle-detail--news .listStyle-detail__context {padding:4.4rem 0;}

    .top-visual {height:20rem;margin-top:6.2rem;}
    .visual-innerText {font-size:3.2rem;line-height:4.8rem;}


    /* #partners {padding-bottom:11.6rem;} */
    .overview-team-desc {margin-top:1.4rem;font-size:1.8rem;}
    .box-team {margin-top:0;}
    .team-member .team-item {width:calc((100% - 2.4rem) /2 );margin:4rem 2.4rem 0 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;}
    .team-member .team-career {font-size:1.4rem;line-height:2.2rem;margin-top:1.2rem;flex-direction:column;}
    .team-career dl + dl {margin-left:0;margin-top:2rem;}
    .nav-open .btn-group.nav-btn {display:block;position:absolute;bottom:12.2rem;text-align:center;}
    .team-member .team-pic {width:30rem;margin-right:3.6rem;}
    .video-team {text-align:center;}
    .video-team .overview-content > div  {width:100%;}
    .video-team .overview-content > div + div {margin-left:0;margin-top:4rem;}
    .overview-item.n7 {padding-top:8rem !important;padding-bottom:8rem;}
    .overview-item.n7 .overview-content {padding-bottom:0;}
    .common-list {width:100%;padding-top:14rem;}
    .pageDescription {font-size:1.8rem;line-height:3rem;margin-top:2rem;}
    .card_wrap {margin-top:4rem;}
    .card {width:calc((100% - 1.6rem) / 2);}
    .card + .card {margin-left:1.6rem;}
    .card:nth-child(n+4) {margin-top:0;}
    .card:nth-child(n+3) {margin-top:2rem;}
    .card:nth-child(2n+1) {margin-left:0;}
    .card li span br {display:none;}

    .btn-link-partnership {position:absolute;top:1.4rem;right:7rem;font-size:1.2rem;line-height:1.6rem;width:7.9rem;}

    .goodsInfo__list dd {margin-top:3.6rem;}
}

/*tablet*/
@media screen and (min-width: 720px) and (max-width: 939px) and (min-height:600px) {
    .service-item.n1 .service-item-group.n1 .wrap {width:80rem}

    .service-item.n1 .n1 .tit ,
    .service-item.n1 .n2 .tit {font-size:4.4rem;position:absolute;}

    .service-item.n1 .n1 .tit  {left:93px;}
    .service-item.n1 .n2 .tit  {right:102px;}

    .service-item.n1 .n1 .img,
    .service-item.n1 .n2 .img {width:36rem}

    .service-item.n1 .n1 .img img,
    .service-item.n1 .n2 .img img {width:100%;}

    .service-item.n1 .n1 .img {top:8rem;right:9.3rem}
    .service-item.n1 .n2 .img {top:11rem;left:10.1rem}
    .service-item.n1 .n1 .line.n2 {width:38vw;margin-top:-1.5rem;}
    .service-item.n1 .n2 .line.n3 {width:38vw;margin-top:-0.5rem;}

    .service-item.n2 > *, .service-item.n3 > *, .service-item.n4 > * {height:48rem;} 
    .service-item.n6 {height:52rem;}
    .service-item.n4 .service-item-group.n6 {height:56rem;}

    .numerical .n1 {font-size:3.2rem;height:4rem;}
    .numerical .n2 {height:12rem;}
    .numerical .n2>div {font-size:9.6rem;vertical-align:top;}

    .srv-dl {font-size:3.2rem;}
    .srv-dl dd strong {font-size:9.6rem;}
    .srv-dl dd span {font-size:2.4rem;}

    .info-box-a {width:51.3rem;font-size:2.8rem;}
    .info-box-a .info-box-img {max-width:20rem}

    .service-item.n5,
    .service-item.n8  {height:auto;}
    .service-item.n5 .unit-wrap,
    .service-item.n8 .unit-wrap {position:relative;top:auto;bottom:auto;width:100%;height:auto;}
    .service-item.n8 .boxlist {top:auto;}

    .boxlist {padding:8rem 0 10rem;}
    .boxlist .unit.n1 {font-size:4.8rem;line-height:normal;margin-bottom:5.7rem;}
    .boxlist .unit.n2 {padding:0 2.4rem;}

    .card-list-item  {padding:0 3.6rem;width:100%;min-width:100%;height:28.5rem;border-radius:4.8rem}
    .card-list-item:nth-of-type(1) {padding-right:5.8rem;}
    .card-list-item:nth-of-type(2) {padding-right:6.8rem;}
    .card-list-item:nth-of-type(3) {padding-right:8rem;}
    .card-list-item:nth-of-type(4) {padding-right:5.8rem;}
    .card-list-item:nth-of-type(5) {padding-right:6.8rem;}
    .card-list-item+.card-list-item {margin-left:0;margin-top:2rem;}
    .card-list-item .tit-s  {font-size:2rem;}
    .card-list-item .tit {font-size:3.2rem;}
    .card-list-item .img {min-width:17.5rem;vertical-align:top;display:inline-block;}
    .card-list-item:nth-of-type(1) .img {width:21rem}
    .card-list-item:nth-of-type(2) .img {width:20rem}
    .card-list-item:nth-of-type(3) .img {width:17.5rem}
    .card-list-item:nth-of-type(4) .img {width:22rem}
    .card-list-item:nth-of-type(5) .img {width:20rem;margin-top:10rem;}
    .card-list-item .img img {width:100%;vertical-align:top}
    
    .service-item.n7 .service-item-group {padding-bottom:0;}
    .goodsInfo__list li:last-child {padding-bottom:0;}
    .service-item.n8 .card-list-item {height:auto;min-width:51.2rem;margin-top:6rem;}
    .service-item.n8 .card-list-item:first-child {margin-top:0;}
    .service-item.n8 .card-list-item .img {max-width:51.2rem;height:auto;width:51.2rem;}
    .service-item.n8 .card-list-item .tit-s {font-size:2.8rem;margin-top:4rem;line-height:3.4rem;}
    .service-item.n8 .card-list-item .tit {font-size:1.8rem;margin-top:1.2rem;}

    .register {font-size:4.8rem;line-height:normal;}
    /* .btn-group {margin:3.2rem auto 0} */
    /* .service-item.n6 .btn-base.primaryN  {font-size:1.6rem;width:24rem;height:4.8rem;} */
    .base-footer .logo {margin-bottom: 3rem;height:2.4rem;}
    .base-footer .logo svg {width:25rem;height:2.4rem;}

    .overview-item.n2,
    .overview-item.n3,
    .overview-item.n4,
    #partners {padding:12rem 2.4rem 0;}
    .overview-item .hero h2 {font-size:5.6rem;}
    .overview-item~.overview-item {padding-top:12rem;}
    .overview-item.n4 {padding-top: 0;}
    .overview-title.k-logo {font-size:5.6rem;}
    .overview-have-item.first .overview-have-tit {font-size:2.4rem;line-height:3.6rem;}
    .overview-have-item .overview-have-desc {font-size:1.8rem;line-height:3rem;}

    .overview-title {font-size:5.6rem;line-height:normal;}
    .overview-title.k-logo {background: url(../resource/img/hyperlounge-kor-logo.png) no-repeat left center / 100%;background-size:48.2rem;width:auto;height:4.8rem;}
    .overview-have-item {margin-top:8rem;}
    .overview-have-item.first  {margin-top:6rem;}
    .overview-item.n3 .overview-have-item:nth-of-type(1) img,
    .overview-item.n3 .overview-have-item:nth-of-type(3) img,
    .overview-item.n3 .overview-have-item:nth-of-type(4) img {width:29.4rem;max-width:29.4rem;}
    .overview-item.n3 .overview-have-item:nth-of-type(2) img {width:29rem;max-width:29rem;}
    .overview-have-item .overview-have-tit {font-size:3.2rem;line-height:4.8rem;}
    .overview-have-item .overview-have-desc {margin-top:2rem;}
    .overview-have-item .overview-have-desc ~ .overview-have-desc {margin-top:3rem;}
    .overview-have-item .overview-have-img {width:29.4rem;margin-left:2.1rem;}
    .overview-have-item .overview-have-content {padding-left:3.7rem;width:calc(100% - 31.5rem)}
    .overview-content {max-width:672px;}

    
    .contact-data {margin-top:4rem;}
    .contact-map {margin-top:2.4rem;}

    .apply-content {padding-top:12rem;}
    .apply-h3,
    .apply-group {padding:0 2.4rem;}
    .apply-item .hero h2 {font-size:5.6rem;width:72rem;margin:20rem 2.4rem 0;}
    .apply-item .hero h2 span {font-size:1.8rem;line-height:3rem;margin-top:2rem;}
    .apply-h3 {font-size:5.6rem;max-width:720px;margin:0 auto 6rem;}
    .apply-cont .apply-tit {font-size:2.4rem;line-height:3.6rem;}
    .apply-cont .apply-tit .only-d {display:block;}
    .apply-group .m-only {display:none;}

    .apply-interview-list {margin-top:12rem;}
    .interview-item {height:43.6rem;}
    .interview-item .interview-content {font-size:2.8rem;line-height:3.6rem;padding-left:1rem;text-indent:-1.2rem;}
    .interview-item .interview-position {font-size:1.4rem;margin:1.2rem 0 0 .9rem;}
    .interview-item .interview-position .m-type {display:none;}
    .interview-item .interview-position .pc-type {display:inline-block;}

    .apply-txt-a {font-size:2.8rem;line-height:4rem;margin-bottom:2.4rem;}
    .apply-txt-a .only-m {display:none;}
    .apply-txt-a .only-d {display:block;}
    .apply-item.n3 {padding:14.4rem 0;}
    .apply-item.n3 .btn-base.primary {width:26rem;}
    .interview-item .interview-data {padding:8rem 0 0 6rem;}
    .interview-item:nth-of-type(even) .interview-data {padding:8rem 5.9rem 0 0;}

    .apply-list .visual {height:25.6rem;}
    .apply-list .visual span {padding-left:2.4rem;font-size:3.2rem;line-height:4rem;}
    .category {margin:8rem auto;padding:0 2.4rem;}
    .categoryList {margin-top:2.8rem;}
    .categoryList li a {min-height:9.6rem;padding:0 1.8rem 0 1.6rem;}
    .categoryList .title {font-size:2rem;width:calc(100% - 19.4rem);}
    .categoryList .text span {font-size:1.4rem;margin-left:3.2rem;}   
    .categoryList .text__part {width:12rem;}
    .categoryList .text__type {width:6.4rem;}

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

    .applyDetail {width:100%;padding:8rem 2.4rem;}
    .applyDetail__title {padding-bottom:1rem;}
    .applyDetail__title h2 {font-size:2.4rem;padding-bottom:1.2rem;}
    .applyDetail__title span {line-height:2rem;margin-bottom:3rem;}
    .applyDetail__context {padding-top:4rem;}
    .applyDetail__context h3 {line-height:2.4rem;}
    .applyDetail__context p {line-height:2.6rem;min-height:2.6rem;font-size:1.4rem;}
    .applyDetail__context p strong, .applyDetail__context .title {font-size:2rem;padding-bottom:1.2rem;}
    .applyDetail__context h1 {font-size:2.3rem;}
    .applyDetail__context h1 strong::before {vertical-align:.4rem;}
    .applyDetail__context > ul > li {line-height:2.6rem;}
    .applyDetail__context > ul > li::before {margin:1.1rem .7rem 0 0}
    .applyDetail__context .methodBox {font-size:1.8rem;}
    .applyDetail__context .methodAgree {margin-top:1.2rem;}
    
    .apply-process {margin-top:4rem;padding-top:4rem;}
    .apply-process h3 {font-size:2rem;line-height:2.8rem;}
    .apply-process .processList {margin-top:1.2rem;}
    .apply-process .processList span + span::before {margin:0 1.6rem;}
    .listStyle-gray {margin-top:1.2rem;}
    .listStyle-gray li {font-size:1.4rem;line-height: 2.6rem;}

    .applyDetail .btn-base {margin-top:4rem;}
    .apply-list .common-form .btn-base {margin-top:4rem;}

    .common-form {padding:8rem 2.4rem;}
    .common-form h2 {font-size:2.4rem;line-height:3.6rem;}
    .common-form h3 {padding:1.2rem 0 4rem;font-size:1.6rem;line-height:2.4rem;}
    .form-wrap .row .title {margin-top:4rem;}
    .form-wrap .inp-txt {margin-top:1.2rem;}
    .form-wrap .inp-textarea {margin-top:1.2rem;height:24.8rem;}
    .form-wrap .infoMsg {font-size:1.2rem;line-height:2.4rem;}
    .form-wrap {padding-bottom:4.4rem;}
    .form-wrap .listStyle-gray {margin:1.2rem 0 0 0.2rem;}
    .form-wrap .fileRow .title {font-size:1.6rem;line-height:2.4rem;margin-top:2.4rem;}
    .form-wrap .fileRow + .fileRow .title {margin-top:4rem;}
    .form-wrap .fileRow .btn-upload {margin-left:1.6rem;}
    .form-wrap .fileRow .inp-txt {margin-top:1.6rem;width:calc(100% - 10rem);}
    .common-form .btn-base {margin:4rem auto 0;}
    .agreeBox.agree_item:first-child {margin-top:2.4rem;}
    .agree-content {margin-top:1.6rem;height:28.6rem;}
    .agree-content::after {height:3.6rem;} 
    .common-form .link-right {margin-top:1.2rem;font-size:1.4rem;}
    .common-form .link-right a::after {vertical-align:-0.65rem;margin-left:.6rem;}
    .common-form h2 + h3 {font-size:1.6rem;line-height:2.4rem;padding:1.2rem 0 3.9rem;}

    .privacy {padding:8rem 2.4rem 6.2rem;}
    .pageTitle {font-size:2.4rem;line-height:3.6rem;}
    .tabs {padding:2.4rem 0 3.2rem;}
    
    .privacy-cont {min-height:500px;position:relative;margin-top:3.2rem;}

    .terms__text {font-size:1.4rem;line-height:2.6rem;margin-top:3.2rem;}
    .terms__tit {font-size:2rem;line-height:2.8rem;padding:4rem 0 1.2rem;}
    .terms__con {font-size:1.4rem;line-height:2.6rem;}
    .terms__con + .terms__con {margin-top:1.2rem;}
    .terms__con + .terms__table {margin-top:1.2rem;}
    
    .terms-cont * {font-size:1.4rem;line-height:2.6rem;}
    .terms-cont--privacy p:first-child {font-size:1.4rem;line-height:2.6rem;margin-top:3.2rem;}
    .terms-cont--privacy h3,
    .terms-cont--service h2 {font-size:2rem;line-height:2.8rem;padding:4rem 0 1.2rem;}
    .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.2rem;}
    .emphasis--gray {line-height:2rem;margin-top:1.2rem;}

    .link-video {width:40rem;height:20rem;background:url("./img/img-video-tablet.png");background-size:40rem;}

    .form-complete::before {width:18.99rem;height:1.8rem;background-size:18.99rem 1.8rem;margin-top:4.99rem;}
    .complete__tit {margin-top:2rem;font-size:2.4rem;line-height:3.6rem;}
    .complete__txt {font-size:1.8rem;line-height:2.4rem;margin-top:2rem}
    .complete__txt + .tableStyle {margin-top:4.01rem}
    .tableStyle + .complete__txt2 {margin-top:3rem;}
    .complete__txt2 {font-size:1.6rem;}
    .complete__txt2 + .btn-base {margin-top:4rem;}

    .listStyle-deatil {padding-top:14.2rem;}
    .listStyle-deatil .listStyle-deatil__context {padding:4rem 0;}
    .listStyle-deatil h2 {font-size:2.4rem;padding-bottom:.8rem;}
    .listStyle-deatil .listStyle-deatil__title span {margin-bottom:4rem;}
    .listStyle-deatil .listStyle-deatil__context h3 {font-size:2rem;}
    .listStyle-deatil ul {font-size:1.4rem;}
    .btn-group {bottom:3rem;}
    .base-footer .group {justify-content:normal;flex-direction:column;align-items:baseline;margin-bottom:2.4rem;}
    
    .base-footer-wrap .sns {margin-top:2.4rem;}
    .base-footer-wrap .sns svg {width:3.2rem;height:3.2rem;}


}   

/*mobile*/
@media screen and (max-width: 719px)  , screen and (orientation: landscape)  and (max-width:940px) and (max-height:540px){
    .cm-pc-type {display:none !important;}
    .cm-tablet-type {display:none !important;}
    .cm-mobile-type {display:block !important;}
    .cm-pctablet-type {display:none !important;}
    .spacing.cm-mobile-type {display:inline-block !important;}

    .base-header-wrap {padding: 0 1.6rem;}
    .base-nav .logo-b {top:2.3rem;left:1.6rem;}
    .btnMobile-download {right:6.5rem;}
    .btn-menu {right:.7rem;}
    .btn-close {right:.7rem;}

    /* service 1 */
    .service-item.n1 .line.n1 {
        bottom: 1rem;
        left: 50%;
        transform: translate(15vmin, 0);
        border-bottom:.4rem solid #e42313;
    }
    .service-item.n1 .line.n1.act{
        border-left: .4rem solid transparent;
        width: 45vw;
    }
    
    /* service 2 */
    .service-item.n1 .unit-item{
        transform: translateY(0);
        transition: transform .2s ease-out;
        line-height:32px;
    }
    .service-item.n2 .unit-item,
    .service-item.n5 .unit-item,
    .service-item.n6 .unit-item,
    .service-item.n5 .unit-item {
        transform: translateY(0);
        transition: transform .2s ease-out;
       
    }
    
    .service-item .hero {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
    }
    
    .service-item.n1 > * {padding:8rem 0;}
    .service-item.n1 .service-content{
        height: 18rem;
    }
    .service-item.n1 .wrap{
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        height: 18rem;
    }
    .service-item.n1 .service-item-group.n1 .wrap {
        width:100%;
    }
    .service-item.n1 .n1 .tit{
        font-size: 2.2rem;
        position:absolute;
        left:50%;
        margin-left:-13.7rem;
    }
    .img img{width: 100%;}
    .service-item.n1 .n1 .img{
        width: 20rem;
        top:3.5rem;
        left:50%;
        margin-left:-5rem;
    }
    
    .service-item.n1 .n1 .line.n2 {
        width: 46vw;
        margin-top: 1.5rem;
        top: 50%;
        transform: translate(0, 4vh);
        border-left: 0 solid transparent;
        border-right: .4rem solid transparent;
        border-top: .4rem solid #e42313;
    }
    .service-item.n1 .n2 .tit{
        font-size: 2.2rem;
        position: absolute;
        right:50%;
        margin-right:-14rem;
    }
    
    .service-item.n1 .n2 .img{
        width: 20rem;
        top:3.5rem;
        left:auto;
        right:50%;
        margin-right:-6rem;
    }
    
    .service-item.n1 .n2 .line.n3 {
        position: absolute;
        width: 40vw;
        margin-top: 2rem;
        top: 50%;
        transform: translate(0, 4vh);
        border-right: 0 solid transparent;
        border-left: .4rem solid transparent;
        border-top: .4rem solid #e42313;
    }
    
    
    .service-item.n2 {
        position: relative;
        height: auto;
        z-index: 2;
    
    }
    .service-item .service-content{
        width: 100%;
    }
    .service-item.n2 > *,.service-item.n3 > *,.service-item.n4 > * {
        height: 25.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .service-item.n4 > .service-item-group.n6{
        height: auto;
        padding: 8rem 0;
    }
    .service-item.n1 .service-item-group.n1{overflow:visible;}
    .service-item-group{overflow: hidden;}
    
    .info-box-a {
        display:flex;
        width:65rem;
        font-size: 3.2rem;
        font-weight: 400;
        justify-content:space-between;
        align-items: center;
        margin: 0 auto;
    }

    
    .service-item.n5 {
        height: auto;
    }
    .service-item.n5 .unit-wrap{
        padding:8rem 0;
        position:relative;
        top:auto;
        height:auto;
    }


    .card-list {padding:0 1.6rem;}
    .card-list-item {
        display: block;
        margin: 0 auto;
        min-width: auto;
        width:100%;
        max-width:28.8rem;
        padding: 3.2rem 3.3rem 0;
        text-align: center;
        min-height: 0;
        border-radius: 3.6rem;
        height: 32.2rem;
    }

    .card-list-item.last {
        padding-bottom: 0;
    }

    .card-list-item+.card-list-item {
        margin: 5vw auto 0;
    }

    .card-list-item .tit-s {
        font-size: 1.4rem;
    }

    .card-list-item .tit {
        font-size: 2.4rem;
    }

    .card-list-item .img {
        min-width:14.9rem;
        display: flex;
        margin: 0 auto;
        align-items: center;
        height: auto;
    }

    .card-list-item:nth-of-type(1) .img {
        width:18.3rem;
        margin-top:0.6rem;
    }

    .card-list-item:nth-of-type(2) .img {
        width:17.1rem;
        margin-top:3.7rem;
    }

    .card-list-item:nth-of-type(3) .img {
        width:14.9rem;
        margin-top:1.6rem;
    }

    .card-list-item:nth-of-type(4) .img {
        width:18.8rem;
        margin-top:4.6rem;
    }

    .card-list-item:nth-of-type(5) .img {
        width:17.8rem;
        margin-top:2rem;
    }

    .card-list-item.last .img {
        height: auto;
    }

    .card-list-item .img img {
        display: block;
        width: 100%;
    }

    
    .service-item.n6 {
        height:auto;
        padding:13.2rem 0;
    }
    
    .register {
        text-align: center;
        font-weight: 700;
        font-size: 6vmin;
    }
    .service-item.n6 .btn-base.primary::before{
        content: "";
        display: inline-block;
        width:1.5rem;
        height:1.6rem;
        vertical-align: middle;
        margin-right:.4rem;
        background: url(./img/ic-dpwnload.png) no-repeat 0 0 / cover;
    }
    .service-item.n6 .btn-base.primary {
        width:16.4rem;
        padding:0;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .numerical {
        font-size: 5vw;
    }
    .numerical .n1 {
        font-size: 2rem;
    }
    .numerical .n2>div {
        font-size: 5.6rem;
    }

    .infotxt3 {
        font-size: 7vw;
    }
    

    .unit-wrap .register {
        font-size: 8vw;
    }

    .btn-base {
        font-size: 1.4rem;
        height: 4rem;
        padding: 0 2.6rem;
    }

    .base-footer {
        padding: 4rem 0 2rem;
    }
    
    .base-footer-wrap {
        padding: 0 1.6rem;
    }

    .base-footer .logo {
        margin-bottom: 2rem;
    }

    .base-footer .logo svg {
        width: 16.7rem;
        height: 1.6rem;
    }

    .base-footer .address {
        font-size: 1.2rem;
        margin-bottom:2rem;
        letter-spacing:-0.03rem;
    }
    .base-footer .address .m-only {
        display:block;
    }

    .base-footer .group {
        flex-direction: column;
        align-items: flex-start;
    }

    .base-footer .sns svg {
        width: 2.4rem;
        height: 2.4rem;
    }
    .base-footer .sns a {
        margin-left:0;
        margin-right:1.2rem;
    }

    .base-footer .link {
        font-size: 1.2rem;
    }

    .srv-item.n10 {
        height: auto;
    }

    .srv-item.n10 .unit-wrap {
        padding: 8rem 0;
    }


    /* overview */
    .overview-have-item.first .overview-have-desc {
        text-align: left;
    }
    .overview-title.k-logo {
        width:28rem;
        height:2.8rem;
    }

    /* .overview-item~.overview-item {
        padding-top: 12rem;
    } */

    .overview-item.n3 {padding-bottom: 12rem}
    .overview-item.n4 {padding-top: 0;}

    .overview-item.n2 {
        padding-top: 8rem;
    }

    .overview-content {
        padding: 0 1.6rem;
        max-width:100%;
    }

    .overview-title, #partners .overview-title {
        font-size: 3.2rem;
        line-height: 3.8rem
    }
    

    .overview-have-item {
        margin-top: 8rem;
        display: block;
        word-break: keep-all;
    }

    .overview-have-item.first {
        margin-top:0;
    }

    .overview-have-item .overview-have-img {
        padding: 0 1rem
    }

    .overview-have-item .overview-have-img,
    .overview-have-item .overview-have-content {
        width: 100%
    }

    .overview-have-item .overview-have-content {
        text-align: center;
        margin-top: 4rem;
        padding: 0
    }

    .overview-have-item .overview-have-tit {
        font-size: 2.4rem;
        line-height: 3.6rem;
        letter-spacing: -.067rem
    }

    .overview-have-item .overview-have-desc {
        margin-top: 2rem;
        font-size: 1.6rem;
        letter-spacing: -.03rem;
        line-height:2.8rem;
    }

    .overview-have-item .overview-have-desc ~ .overview-have-desc {
        margin-top:2.4rem;
    }

    .overview-team-desc {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-top: 2.4rem
    }



    .contact-data {
        display: block;
        margin-top: 2.4rem
    }

    .contact-data .contact-item {
        display: flex
    }

    .contact-data .contact-item~.contact-item {
        margin: 1.2rem 0 0
    }

    .contact-data .contact-tit {
        font-size: 1.2rem;
        margin-right: 2.8rem;
        line-height: 2rem
    }

    .contact-data .contact-value {
        font-size: 1.2rem;
        line-height: 2rem
    }
    .contact-data .sns-box {
        margin-top:2.4rem;
        margin-left:4.8rem;
    }
    .contact-data .sns-box a {
        margin-left:0;
        margin-right:1.2rem;
        width:2.4rem;
        height:2.4rem;
        vertical-align:top;
    }

    .contact-map {
        margin-top: 2.4rem;
        height: 30vh
    }

    .overview-title.first .line {
        width: 20vmin;
        height: .4rem;
        background-color: #000;
        vertical-align: baseline;
        margin: 0 1rem;
    }

    .overview-have-item.first .overview-have-tit {
        text-align: left;
        font-size: 2rem;
        line-height:3.2rem;
    }
    .overview-have-item.first .overview-have-tit br {
        display:none;
    }

    .overview-item .hero h2 {
        font-size: 3.2rem;
    }
    .size-mobile .base-header.type-c .appstore.on button path,
    .size-mobile .base-header.type-b .appstore.on button path{
        fill: #e42313;
    }
   
    .page-overview.is-bar .base-header .base-nav .appstore path,
    .page-apply.is-bar .base-header .base-nav .appstore path {
        fill: #fff;
    }
    .page-overview.is-bar .base-header .base-nav .appstore.on path,
    .page-apply.is-bar .base-header .base-nav .appstore.on path,
    .page-overview.is-bar .base-header .base-nav .appstore path:hover,
    .page-apply.is-bar .base-header .base-nav .appstore path:hover {
        fill: #e42313;
    }

    .apply-item .hero h2 {
        font-size: 2.8rem;
        line-height: 1.3;
        width: 100%;
        margin-top: 0;
        position:absolute;
        left:0;
        margin-left:1.6rem;
        bottom:19%;
    }

    .apply-item .hero h2 span {
        margin-top: 1rem;
        font-size: 1.4rem;
        padding: 0 1.6rem 0 0;
        word-break: keep-all;
    }
    .apply-item .hero h2 span .pc-type {
        display:none;
    }
    .apply-item .hero h2 span .m-type {
        display:block;
    }

    .apply-item.n2 .unit-item {
        transform: translateY(300px);
        transition: transform .2s ease-out;
    }

    .apply-item.n2 .apply-h3 {
        width:100%;
    }

    .apply-item .unit-wrap {
        position: relative;
        height: auto;
    }

    .step0 .apply-item.n1 .unit-wrap {
        position: fixed;
        bottom: auto;
        top: 0;
    }

    .step1 .apply-item.n1 .unit-wrap {
        position: absolute;
        bottom: 0;
        top: auto;
    }

    .apply-content {
        max-width: 100%;
        padding: 8rem 1.6rem 12rem;
    }
    .apply-item.n3 {
        padding:2.8rem 0 1.2rem;;
    }
    .apply-item.n3 .apply-content {
        margin-top:0;
    }
    .apply-txt-a {
        font-size:2rem;
        line-height:3.2rem;
        word-break:keep-all;
        margin-bottom:2rem;
    }

    .apply-h3 {
        font-size: 2.8rem;
        line-height:3.5rem;
        font-weight: 600;
        margin-bottom: 4.8rem;
    }

    .apply-group+.apply-group {
        margin-top: 5.6rem;
    }

    .apply-group {
        width: 100%;
        position: relative;
        height: auto;
        display: block;
        max-width:100%;
    }
    .apply-group .m-only {display:block;}
    .apply-group .apply-img {
        display: block;
        width: 100%;
    }

    .apply-group.n1 .apply-img .unit-item,
    .apply-group.n2 .apply-img .unit-item {
        width:100%;
        display:block;
        position:initial;
        top:auto;
    }
    .apply-group.n1 .apply-img .img-c {
        margin-left:0;
    }
    .apply-group.n2 .apply-img .img-b {
        margin-top:1rem;
    }

    .apply-group.n1 .apply-img .img-b.pc-type {
        display:none;
    }
 
    .apply-group.n1 .apply-img .img-b.m-type {
        display:block;
    }
    
    .apply-group.n1 .apply-cont {
        display: inline-block;
        width: 100%;
        margin-left: 0;
        word-break: keep-all;
        margin-top:2.4rem;
    }

    .apply-group.n2 .apply-cont {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-top:2.4rem;
        word-break: keep-all;
        text-align: left;
    }

    .apply-cont .apply-tit {
        font-size: 2rem;
        line-height: 3.2rem;
        font-weight: 600;
        margin-bottom: 2.4rem;
        word-break: keep-all;
    }

    .apply-cont .apply-txt {
        font-size: 1.6rem;
        line-height:2.8rem;
    }

    .apply-group.n1 .apply-img img {
        width: 100%;
        margin-left: 0;
    }

    .apply-group.n2 .apply-img img {
        width: 100%;
        margin-right: 0;
    }

    .apply-img img {
        width: 100%;
        height: 100%;
    }

    .apply-interview-list {
        margin:8rem -2rem 0;
    }
    .interview-item {
        height:32.7rem;
    }
    .interview-item .interview-data {
        margin:0 1.6rem;
        padding-top:4rem;
    }
    .interview-item .interview-content {
        font-size:1.6rem;
        line-height:2.4rem;
        padding-left:1rem;
        text-indent:-0.8rem;
    }
    .interview-item .interview-position {
        margin-left:.7rem;
        margin-top:1rem;
        font-size:1.2rem;
        line-height:1.4rem;
    }
    .interview-item .spacing {
        width:1rem;
    }
    .interview-item:nth-of-type(even) .interview-position {
        margin-right:.7rem;
    }

    .apply-gallery {
        overflow: hidden;
        width: 100%;
        margin-left: 0;
    }

    .apply-gallery img {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 .6rem;
        display: block;
    }

    .apply-gallery img:nth-child(1) {
        width: 100%;
        height: auto;
    }

    .apply-item.n4 .apply-content {
        text-align: center;
    }

    .apply-item.n4 p {
        font-size: 7vw;
        font-weight: 600;
        margin-bottom: 3rem
    }

    .base-header .base-nav .appstore .btn-base:active,
    .base-header .base-nav .appstore .btn-base:hover,
    .base-header .base-nav .appstore.on .btn-base {
        background: #000;
        color: #fff;
    }

    

    .srv-dl{
        display: flex;
        width:calc(100% - 4rem);
        margin:0 auto;
        align-items: center;
        justify-content: center;
        height:100%;
        flex-wrap: nowrap;
        font-size: 6rem;
        text-align: center;
        line-height: 1.2;
    }
    .service-item-group.n5 .srv-dl > div{
        width: 100%;
    }
    .service-item-group.n5 .srv-dl dt{
        color:#666;
    }
    .srv-dl > div{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items:center;
    }
    .srv-dl .unit{
        transform: translate(0, 100vh);
    }

    .srv-dl dt{display: block; font-size: 2rem;}
    .srv-dl dd{display: block;}
    .srv-dl dd span { transform: translateY(-9px); font-size: 1.6rem;}
    .srv-dl dd strong {font-size: 5.6rem; font-weight: 900; text-align: right; margin-right: .2rem;}


    .info-box-a {
        display:flex;
        width:80vw;
        font-size: 6vw;
        font-weight: 400;
        justify-content:space-between;
        flex-direction: column;
        align-items: center;
    }
    .info-box-a ~ .info-box-a {
        margin-top:6rem;
    }
    .info-box-a ~ .info-box-a .infotxt3 {
        text-align:center;
        margin-left:0;
    }
    .info-box-a .unit-item {
        line-height:2.4rem;
    }
    .info-box-a .unit-item + .unit-item {
        margin-top:.4rem;
    }
    .info-box-a + .info-box-a{
        flex-direction: column-reverse;
    }
    .info-box-a  .info-box-img {
        max-width:18rem;
        margin-bottom: 2vh;
    }
    .info-box-a .infotxt3 {
        margin-left:0;
        font-size: 2rem;
        text-align: center;
    }
    .info-box-a  .info-box-img img {
        width:100%;
    }
    .srv-item.n9{
        height: auto;
        padding:8rem 0;
    }
    .srv-item.n9 .register,
    .srv-item.n9 .unit-wrap{
        position: relative;
        height: auto;
        top:0;
        transform:translate(0,0);
    }

    .srv-item.n5 .unit-item{
        width:100%;
    }
    .btn-base.type-line{
        width: 100%;
    }
    .service-item.n6 .unit-item {line-height:normal;}
    /* .btn-group{
        margin:2rem auto 0;
        width:16.4rem !important;
    }
    .btn-group .btn-base{
        width: 16.4rem !important;
        padding:0 !important;
        margin-top:1rem;
        display: inline-flex;
    }
    .service-item.n6 .btn-base.primaryN{
        font-size:1.4rem;
    } */

    .scroll-arrow{
        bottom: 6.8rem;
    }
    .scroll-arrow svg{
        width:1.2rem;
        height:3rem;
    }
    .btn-top.on{
        bottom:2rem;
    }
    .btn-top{
        display: block;
        position: fixed;
        bottom:-7rem;
        right:1.6rem;
        width:4rem;
        height: 4rem;
        z-index: 1;
        transition: bottom .2s ease-in;
    }

    .appstore .btn-store:hover,
    .appstore .btn-store:active {
        opacity:1;
    }


    .service-item.n6 .btn-base.primaryN:hover,
    .service-item.n6 .btn-base.primaryN:active {
        background: rgba(238,50,36,1);
    }

    .btn-base.primary:hover,
    .btn-base.primary:active {
        background: rgba(238,50,36,1);
    }

    .contact-data .sns-box a:hover {
        opacity:1;
    }

    .interview-item .interview-position .interview-position-item ~ .interview-position-item:before {display:none;}
    .interview-item .interview-position .interview-position-item ~ .interview-position-item {padding-left:0;}
    .interview-item .interview-position .interview-position-item ~ .interview-position-item .pc-type {display:none !important;}

    @media screen and (min-width:480px) {
        .apply-item .hero h2 {left:50%;margin-left:-23rem;bottom:17%}
        .apply-item .hero h2 span .m-type {display:none;}
        .interview-item .interview-data {position:absolute;}
        .interview-item:nth-of-type(odd) .interview-data {
            left:50%;margin-left:-15rem;
        }
        .interview-item:nth-of-type(even) .interview-data {
            right:50%;margin-right:-15rem;
        }
    } 

    .apply-list .visual {height:14.4rem;}
    .apply-list .visual span {font-size:1.6rem;letter-spacing:-0.03rem;padding-left:1.6rem;line-height:2.4rem;}
    .category {margin:4rem auto;padding:0;}
    .categoryBtn-wrap {padding:0 1.6rem;}
    .categoryBtn {margin:0 0.8rem 0.8rem 0;height:3.2rem;font-size:1.2rem;padding:0 1.2rem;}
    .categoryList {margin-top:1.6rem;}
    .categoryList li a {min-height:7.2rem;border-radius:0;padding:1.6rem;flex-direction:column;}
    .categoryList .title {font-size:1.6rem;width:100%;}
    .categoryList .title > span {line-height:1.8rem;}
    .mark-type {font-size:.8rem;height:1.6rem;vertical-align:.2rem;padding:.1rem .4rem 0;}
    .categoryList .text {width:100%;display:flex;line-height:normal;margin-top:0.4rem;}
    .categoryList .text span {font-size:1.2rem;width:auto;margin-left:0;}
    .categoryList .text__type::before {content:'';display:inline-block;width:0.4rem;height:0.4rem;border-radius:2rem;background-color:#ddd;margin:0 0.4rem;vertical-align:2px;}

    .layerCon {width:28.8rem;height:20rem;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;}

    .applyDetail {width:100%;padding:4rem 1.6rem 6.4rem;}
    .applyDetail__title {padding-bottom:1rem;}
    .applyDetail__title h2 {font-size:1.6rem;line-height:2.4rem;padding-bottom:.5rem;}
    .applyDetail__title span {font-size:1.2rem;margin-bottom:1.4rem;line-height:1.6rem;}
    .applyDetail__title .mark-type {height:1.8rem;line-height:1.5rem;font-size:.8rem;margin-right:.8rem;vertical-align:.3rem;}
    .applyDetail__title .job-type + .period::before {height:1.2rem;margin:0 .4rem;}
    .applyDetail__context {padding-top:2.4rem;}
    .applyDetail__context p {line-height:2.4rem;min-height:2.4rem;font-size:1.2rem;}
    .applyDetail__context p > strong, .applyDetail__context h3, .applyDetail__context .title {font-size:1.6rem;line-height:2.4rem;padding-bottom:.8rem;}
    .applyDetail__context h1 {font-size:2rem;}
    .applyDetail__context h1 strong::before {vertical-align:.4rem;width:.8rem;height:.8rem;}
    .applyDetail__context > ul > li {line-height:2rem;}
    .applyDetail__context > ul > li::before {width:.3rem;height:.3rem;margin:1rem .4rem 0 0;}
    .applyDetail__context > ul > li p {font-size:1.2rem;}
    .applyDetail__context > ul > li ul {padding-left:.7rem;font-size:1.2rem;}
    .applyDetail__context > ul > li > ul li::before {margin-top:.1rem;}
    .applyDetail__context > p u {font-size:1.3rem;}
    .applyDetail__context .methodBox {max-height:7.7rem;font-size:1.4rem;line-height:2rem;padding:1.8rem 1rem;height:auto;word-break:keep-all;}
    .applyDetail__context .methodBox .m-type {display:block;}
    .applyDetail__context .methodAgree {line-height:2rem;text-indent: -1.4rem;margin-left: 1.3rem;margin-top:.8rem;}
    .applyDetail__context .methodAgree::before {margin-right:.2rem;}
    .applyDetail__context h3 + p + p > strong {padding-top:0}

    

    .apply-process {margin-top:2.4rem;padding-top:2rem;}
    .apply-process h3 {font-size:1.6rem;line-height:2.4rem;}
    .apply-process .processList {display:block;text-align:center;margin-top:.8rem;padding:1.6rem 1.2rem 1.1rem;height:auto;}
    .apply-process .processList span {font-size:1.1rem;margin:0 .4rem .5rem 0;}
    .apply-process .processList span + span::before {margin:0 .4rem 0 0;width:1.4rem;}
    .apply-process .processList .m-type {display:block;}
    .listStyle-gray {margin-top:1.2rem;}
    .listStyle-gray li {font-size:1.2rem;line-height:2rem;text-indent:-0.6rem;margin-left:1rem;}
    .listStyle-gray li::before {margin-right:.3rem;}

    .applyDetail .btn-base {margin-top:2.4rem;width:16.4rem;}

    .common-form {padding:6.2rem 1.6rem 4rem;max-width:42rem;margin:0 auto;}
    .common-form h2 {font-size:1.6rem;line-height:2.4rem;margin-top:4rem;}
    .common-form h3 {font-size:1.2rem;line-height:2rem;padding:.8rem 0 2.4rem;}
    .form-wrap .row .title {margin-top:2.4rem;font-size:1.6rem;}
    .form-wrap .inp-txt {height:4.4rem;margin-top:.8rem;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;text-indent:-1.4rem;margin-left:1.2rem;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 .fileRow .title {font-size:1.4rem;line-height:1.8rem;margin-top:1.6rem;}
    .form-wrap .fileRow .title::before {width:.4rem;height:.4rem;vertical-align:.4rem;}
    .form-wrap .fileRow .btn-upload {margin-left:1.6rem;vertical-align:0;}
    .form-wrap .fileRow .inp-txt {width:calc(100% - 6.6rem);margin-top:1.2rem;}
    .form-wrap .fileRow .btn-register {width:5.6rem;height:4.4rem;margin-left:.8rem;font-size:1.2rem;}
    .form-wrap .fileRow .fileReturn {width:100%;}
    .form-wrap .fileRow .fileReturn:not(:empty) {padding:1.4rem 1.2rem;}
    .form-wrap .fileRow .fileReturn li {font-size:1.2rem;height:2rem;line-height:2rem;}
    .form-wrap .fileRow .fileReturn li + li {margin-top:1.8rem;}  
    .from-wrap .m-only {display:block;}
    .agree {margin-top:2.4rem;}
    .agree.agree-wrap {margin-top:1.2rem}
    .form-wrap .fileRow .fileReturn li button {vertical-align:-.8rem;}
    .agree input[type="checkbox"] + label {font-size:1.4rem;line-height: 1.8rem;}
    .agree .m-only {display:block;}
    .common-form .btn-base {width:16.4rem;margin:2.8rem auto 0;}
    .common-form .btn-base:hover {background-color:#ddd;}
    .agreeBox,.agree_item:first-child {margin-top:1.6rem;}
    .agree_item + .agree_item {margin-top:1.7rem;}
    .agree-content {margin-top:1.2rem;}
    .agree-content .terms-cont::-webkit-scrollbar {width:1.2rem;}
    .agree-content .terms-cont::-webkit-scrollbar-track {margin:1.2rem 0;}
    .agree-content .terms-cont::-webkit-scrollbar-thumb {border-radius:1.2rem;border:.4rem solid #ffffff;}
    .common-form .link-right {font-size:1.2rem;margin-top:.9rem;}
    .common-form .link-right a::after {background-image:url('./img/ico-arrow-blue-small.svg');width:1.6rem;height:1.6rem;vertical-align:-.3rem;}
    .common-form h2 + h3 {padding:.8rem 0 2.4rem;font-size:1.2rem;line-height:2rem;}
    .apply-list .form-wrap {margin-top:0;}
    .apply-list .common-form .btn-base {margin-top:2.4rem;}
    .validationMsg {padding-left:1.2rem;}

    .privacy {padding:6.2rem 1.6rem;}
    .pageTitle {font-size:2rem;line-height:2.4rem;margin-top:4rem;}
    .tabs .tab__link {font-size:1rem;height:3.2rem;padding:0 1.2rem;}
    .tabs {padding:2rem 0 0}
    .privacy-cont {margin-top:2.4rem;}
    .tab__content {margin-top:2.4rem;}
    .terms__text {font-size:1.2rem;line-height:2rem;margin-top:2rem;}
    .terms__tit {font-size:1.6rem;line-height:2.4rem;padding:2.4rem 0 .8rem;}
    .terms__con {font-size:1.2rem;line-height:2rem;}
    .terms__con + .terms__table {margin-top:.8rem;}
    .terms__table tr th {font-size:1rem;width:8rem;}
    .terms__table tr td {font-size:1rem;padding:1.2rem 1.2rem 1rem;line-height:1.8rem;}
    .terms-cont * {font-size:1.2rem;line-height:2rem;}
    .terms-cont--privacy p:first-child {font-size:1.2rem;line-height:2rem;margin-top:2rem;}
    .terms-cont--privacy h3,
    .terms-cont--service h2 {font-size:1.6rem;line-height:2.4rem;padding:2.4rem 0 .8rem;}
    .terms-cont table {margin-top:.8rem;}
    .terms-cont table tr th {font-size:1rem;width:8rem;}
    .terms-cont table tr td {font-size:1rem;padding:1.2rem 1.2rem 1rem;line-height:1.8rem;}
    .emphasis--gray {font-size:1rem;line-height:1.6rem;margin-top:.8rem;}

    .link-video {width:24rem;height:12rem;background:url("./img/img-video-mobile.png");background-size:24rem;}

    .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;}

    .terms-cont--privacyNew img {width:12.3rem;}
    .terms-cont--privacyNew img + ul {margin-top:1.1rem;}
    .terms-cont--privacyNew tr th {height:3.7rem}
    .terms-cont--privacyNew table tr td {padding:1rem;}


    @media screen and (max-width:287px) {
        .apply-process .processList .m-type {display:none;}
    }

    .form-complete {padding:8rem 1.6rem 4rem;}
    .form-complete::before {margin-top:2.2rem;width:12.6rem;height:1.2rem;background-size:12.6rem 1.2rem;}
    .complete__tit {font-size:1.6rem;margin-top:1.2rem;}
    .complete__txt {font-size:1.2rem;margin-top:1.2rem;}
    .complete__txt + .tableStyle {margin-top:2rem;}
    .complete__txt2 {font-size:1.2rem;}
    .complete__txt2 .m-only {display:block;}

    .tableStyle th {font-size:1.2rem;width:7.4rem;}
    .tableStyle td {font-size:1.2rem;padding:2.8rem 0;}

    .tableStyle + .complete__txt2 {margin-top:2rem;}
    .complete__txt2 + .btn-base {font-size:1.4rem;width:16.4rem;height:4rem;line-height:4rem;margin:4rem auto 0}

    .listStyle-list {width:100%;max-width:100%;padding:10.2rem 1.6rem 5.6rem;}
    .listStyle-list .pageTitle {font-size:2rem;margin-top:0;}
    .search-from_wrap {flex-direction:column;margin-top:2rem;}
    .search-from_wrap .dropBox__current button {width:100%;}
    .search-from_wrap .dropBox__list {width:100%;}
    .inp-search {height:4rem;margin-left:0;padding:0 1.6rem 0 4rem;background:url('./img/ico-search-small.svg') no-repeat left 1.2rem center;width:100%;}
    .inp-search::placeholder {font-size:1.2rem;}
    .listStyle-list_content {margin-top:4rem;}
    .listStyle-list_content .tabulator-cell {line-height:1.8rem;}
    .listStyle-list_content .num {display:none;}
    /* .listStyle-list_content .cate {order:2;font-size:1.4rem;color:#aaa;width:auto !important;padding-left:0;} */
    .listStyle-list_content .title {order:1;padding-left:0;width:100% !important;line-height:2rem;font-weight:700;margin-bottom:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2rem;max-height:4rem;word-break:break-word;white-space:normal;}
    .listStyle-list_content .file {order:2;width:0 !important;}
    .listStyle-list_content .file:has(.ic-attached-file) {width:1.2rem !important;margin-right:.6rem;height:auto !important;}
    .listStyle-list_content .date {order:3;font-size:1.4rem;color:#aaa;width:auto !important;padding:0;height:auto !important}
    /* .listStyle-list_content .date::before {content:"\00b7";margin:0 .5rem;} */

    .tabulator-header {display:none;}
    .tabulator-table {border-top:1px solid #666;}
    .listStyle-list--news .tabulator-table {border-top:none;}
    .tabulator-table .tabulator-row {flex-wrap:wrap;padding:1.6rem 0;height:auto !important;}
    .tabulator-footer  {margin-top:4rem;}
    .tabulator-paginator {display:flex;align-items:center;}
    .listStyle-list:has(.tabulator-placeholder-contents) {height:100%;padding-bottom:0;}
    .listStyle-list_content:has(.tabulator-placeholder-contents) {height:calc(100% - 8.3rem) !important;margin-top:0;}
    .tabulator-tableholder:has(.tabulator-placeholder-contents) {display:flex;}
    .tabulator-tableholder:has(.tabulator-placeholder) + .tabulator-footer {display:none;}
    .tabulator-placeholder-contents {height:100% !important;border-bottom:none;}

    .ic-attached-file {background-image:url('./img/ic-attached-file-small.svg');width:1.2rem;height:1.8rem;vertical-align:.2rem;}

    .listStyle-detail {padding:10rem 1.6rem 4rem;}
    .listStyle-detail h2 {font-size:2rem;line-height:2.8rem;}
    .listStyle-detail__title {padding-bottom:2.4rem;}
    .listStyle-detail__title .period {margin-top:.8rem;}
    .listStyle-detail__context {padding:2.4rem 0;}
    .listStyle-detail__context .content h3 {font-size:1.6rem;line-height:2.4rem;padding:0 0 .8rem;}
    .listStyle-detail__context .content p {font-size:1.2rem;line-height:2rem;min-height: 2.4rem;}
    .listStyle-detail__context .content ul {font-size:1.2rem;line-height:2rem;}
    .listStyle-detail__context .content > ul > li::before {width:.2rem;height:.2rem;vertical-align:.3rem;}
    .listStyle-detail__context .content table {max-width:100% !important;}
    .listStyle-detail__context .content table th,
    .listStyle-detail__context .content table td,
    .listStyle-detail__context .content b,
    .listStyle-detail__context .content pre  {font-size:1.2rem;width:auto !important}
    .listStyle-detail__context .content table td ul {font-size:1.2rem;line-height:1.8rem;}
    .listStyle-detail .btn-base.black {margin-top:3.4rem;width:16.4rem;height:4rem;}

    .attached {margin-top:4rem;}
    .attached__tit {position:relative;}
    .attached__tit .btn-download-all {position:absolute;right:0;font-size:1.2rem;width:6.6rem;}
    .attached__content {margin-top:1.2rem;}
    .attached__content li {line-height:1.8rem;padding:.625rem 0;font-size:1.4rem;}
    .attached__content li + li {margin-top:.2rem;}
    .attached__content li::before {background-image:url('./img/ic-download-file-small.svg');width:1.8rem;height:1.8rem;}

    .service-item.n7 .service-item-group {padding:8rem 0 2.1rem;}
    .service-item.n7 .service-content {padding:0 1.6rem;}
    .interview {background-size:11.4rem;width:auto;height:10rem;}
    .interview + .interview {margin-top:4rem;}
    .interview dd {width:auto;}
    .interview--right {padding-right:12.8rem;background-position:center right;}
    .interview--left {padding-left:13rem;background-position:center left;}
    .interview dt {font-size:2rem;}
    .interview dd {margin-top:.3rem;font-size:1.4rem;line-height:2rem;text-indent:-.6rem;padding-left:.6rem;letter-spacing:-0.05rem;}
    .goodsInfo {margin-top:8rem;max-width:28.8rem;}
    .goodsInfo__tit {font-size:2rem;line-height:3rem;height:17rem;padding-top:4rem;}
    .goodsInfo__list {margin-top:17rem;}
    .goodsInfo__list li {padding:4rem 0;}
    .goodsInfo__list li:first-child {padding-top:4rem;}
    .goodsInfo__list dl {margin:0 auto;}
    .goodsInfo__list dt img {height:2.4rem;}
    .goodsInfo__list dd {flex-direction:column;margin-top:1.6rem;}
    .goodsInfo__list figure,
    .goodsInfo__list li:nth-child(1) figure  {align-self:center;padding:0 !important;margin:0  !important;}
    .goodsInfo__list li:nth-child(1) figure img {width:21.6rem;}
    .goodsInfo__list li:nth-child(2) figure img {width:23.6rem;}
    .goodsInfo__list li:nth-child(3) figure img {width:19rem}
    .goodsInfo__list li:nth-child(4) figure img {width:18.2rem;}
    .goodsInfo__list li:nth-child(5) figure img {width:19.3rem;}
    .goodsInfo__list figure figcaption {margin-top:1.2rem;font-size:1.2rem;line-height:1.6rem;}

    .goodsInfo__list__text {align-self:flex-start;margin-top:2rem;}
    .goodsInfo__list__text img {height:2rem;}
    .goodsInfo__list__text p {font-size:1.4rem;line-height:2rem;margin-top:.8rem;}
    .goodsInfo__list__text .price {margin-top:.8rem;}
    .goodsInfo__list__text .price .original {font-size:1.4rem;width:7.2rem;background-size:7.2rem 1rem;margin-right:.8rem;}
    .goodsInfo__list__text .price .dc {font-size:1.4rem}
    .goodsInfo__list__text .price .dc strong {font-size:2rem;}

    .service-item.n8.unit-fix {height:auto;} 
    .service-item.n8 .service-item-group {padding:8rem 0 5.4rem;}
    .service-item.n8 .service-content {padding:0 1.6rem;}
    .service-item.n8 .card-list-item {min-width:28.8rem;height:auto;}
    .service-item.n8 .card-list-item .img {height:auto;max-width:28.8rem;width:25.6rem;}
    .service-item.n8 .card-list-item .tit-s {font-size:2rem;line-height:2.4rem;margin-top:2rem;}
    .service-item.n8 .card-list-item .tit {font-size:1.4rem;margin-top:.8rem;line-height:normal;}
    .service-item.n8 .card-list-item + .card-list-item {margin-top:4rem;}
    .service-item.n8 .card-list-item:last-child {padding-bottom:6rem;}
    .step5 .unit-fix .unit-wrap, .step7 .unit-fix .unit-wrap {position:relative;height:auto;}
    .pricePlan__tit h3 {font-size:3.2rem;line-height:4rem;}
    .pricePlan__tit p {font-size:1.4rem;line-height:2rem;margin-top:1.2rem;}
    .pricePlan__con {flex-direction:column;align-items:center;margin-top:2.4rem;}
    .pricePlan__con dl {width:100%;max-width:28.8rem;}
    .pricePlan__con dl + dl {margin-left:0;margin-top:2rem;}
    .pricePlan__con dt {height:8.8rem;}
    .pricePlan__con dt, .pricePlan__con dd {margin:0 auto;}
    .pricePlan__con img {width:3.3rem;}
    .pricePlan__con dd > ul li .price strong {font-size:2.2rem;line-height:4rem;}
    .pricePlan__con .discount {font-size:1.4rem;line-height:2rem;margin-bottom:0;}
    .pricePlan__con .calculation {font-size:1.4rem;line-height:2rem;margin-top:0;}
    .pricePlan__con dd > ul li .price .period {font-size:1.4rem;line-height:2rem;}
    .pricePlan__con dd > ul li:nth-child(3) strong {margin-left:.4rem;}
    .pricePlan__con dd > ul li:nth-child(3) .savePercent {margin-top:0;}
    .pricePlan__con dd > ul li:nth-child(3) img {margin-top:1rem;}

    .pricePlan .vat {width:28.8rem;font-size:1.2rem;padding-right:.8rem;margin:1.2rem auto 0;letter-spacing:-0.01rem;}
    
    .overview-item~.overview-item {padding-top:10rem;}
    .overview-item.n3 {padding-bottom: 0rem}
    .overview-item.n4 {padding-top: 0;}
    #partners {padding-top:10rem;}
    #partners > .overview-content {padding:0 2rem;}
    .overview-item.n4 .overview-content,
    #partners > .overview-content,
    .overview-item.n6 {padding-bottom:6rem;}
    .overview-item.n7 .overview-content {padding-bottom:10rem;}

    .team-member {justify-content:center;}
    .team-member .team-pic {margin-right:auto;width:100%;}
    .team-member .team-name {font-size:1.6rem;line-height:2.4rem;}
    .team-member .team-item {margin-top:2rem;flex-direction:column;}
    .team-career dl {font-size:1.2rem;line-height:2rem;}
    .video-team {padding:6rem 2.4rem;}
    @media screen and (max-width:570px){
        .video-team video,
        .video-team video[poster],
        .video-team iframe {width:100%;height:auto;aspect-ratio: auto 460 / 230; }
    }
    .video_tit {font-size:2rem;line-height:normal;padding-bottom:2.8rem;}
    .video-team .overview-content > div p {font-size:1.4rem;line-height:normal;margin-top:1.2rem;}
    .overview-item.n7 .overview-content {padding-bottom:0;}
    .hyNews-wrap {min-height:25.6rem;}
    .hyNews {margin-top:4rem;width:100%;}
    .hyNews li {width:calc((100% - 1.2rem)/2);margin-right:1.2rem;}
    .hyNews li:nth-child(n+3) {margin-top:4rem;}
    .hyNews__img {height:auto;}
    .hyNews__img img {width:100%;}
    .hyNews__info {max-height:10rem;}
    .hyNews__info--origin,
    .hyNews__info--date {font-size:1.3rem;line-height:1.5rem;}
    .hyNews__info--tit {font-size:1.6rem;line-height:2.4rem;}
    .hyNews-btnWrap {margin-top:4rem;}
    .hyNews-btnWrap > a {width:16.4rem;height:4rem;font-size:1.4rem;line-height:4rem;}
    
    #partners .overview-have-desc {font-size:1.6rem;line-height:2.6rem;}
    .under-desc dl dt {font-size:1.8rem;line-height:2.8rem;padding-bottom:1.6rem;}
    .under-desc dl dd {margin-top:1.6rem;}

    .rollingBox {margin:4rem auto;}
    .under-desc dl .number {font-size:8rem;line-height:8.8rem;}
    .under-desc dl .list {font-size:1.8rem;line-height:2.6rem;}
    .under-desc dl .list li + li {margin-top:.8rem;}

    .rollingBox.notFor-mobile {display:none;}
    .rollingBox.notFor-mobile {display:none;}
    .rollingBox.only-mobile  {display:block;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 80s linear infinite;}
    .rollingBox.only-mobile .rollingbanner .roller.clone {animation:rolling2 80s 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%);
        }
    }

    .rollingBox.only-mobile {width:100%;max-width:37.5rem;}
    .under-desc {width:100%;max-width:37.5rem;flex-direction:column;margin:0 auto;}
    .under-desc dl {margin-top:0;}
    .under-desc dl,
    .under-desc dl + dl {width:100%;}
    .under-desc dl + dl {margin-left:0;margin-top:4rem;}

    .listStyle-list--news {padding-top:4rem;}
    .listStyle-list--news .tabs {padding:1.6rem 0;}
    .listStyle-list--news .tabs .tab__link {margin-left:0;margin-right:.8rem;margin-bottom:.8rem;}
    .listTop {margin-top:2.4rem;}
    .listTop + .hyNews {margin-top:2.4rem;}
    .listTop__total {font-size:1.6rem;line-height:2.4rem;}
    .listTop .dropBox__current button {width:7.8rem;height:4rem;border-radius:1rem;font-size:1.2rem;}
    .listTop .dropBox__current button::after {width:1.6rem;height:1.6rem;background:url('./img/ico-arrow-black-16.svg') no-repeat;background-size:1.6rem;margin-top:1.1rem;}
    .listTop .dropBox__list {width:7.8rem;}
    .listStyle-list--news .hyNews .tabulator-row {width:calc((100% - 1.2rem)/2);}
    .listStyle-list--news .hyNews .tabulator-row:nth-child(2n-1) {margin-right:1.2rem;}
    .listStyle-list--news .tabulator-footer {margin-top:4rem;}
    .listStyle-list--news .tabulator-placeholder {height:26rem;}
    .listStyle-list--news .tabulator-placeholder-contents {height:inherit;font-size:1.6rem;line-height:2rem;}
    
    .listStyle-detail--news {padding-top:10.2rem;}
    .listStyle-detail--news .listStyle-detail__title .title {font-size:2rem;line-height:2.8rem;}
    .title-info {margin-top:.8rem;}
    .title-info span,
    .title-info .period {font-size:1.4rem;line-height:1.8rem;}
    .title-info .origin + .period::before {vertical-align:-.1rem;}
    .listStyle-detail--news .listStyle-detail__context {padding:3rem 0;}
    .listStyle-detail--news .listStyle-detail__context .content p,
    .listStyle-detail--news .listStyle-detail__context .content ul {font-size:1.6rem;line-height:2.8rem;} 
    .listStyle-detail--news .listStyle-detail__context .content h3 {font-size:1.8rem;line-height:2.8rem;}
    .listStyle-detail--news .btn-base.black {margin-top:2.4rem;}
    
    .top-visual {height:16rem;}
    .visual-innerText {font-size:2rem;line-height:2.6rem;}

    .btn-group {bottom:2rem;}
    .btn-group a {width:12.4rem;height:4rem;font-size:1.2rem;line-height:1.6rem;padding:0;}

    .common-list {padding:10rem 1.6rem 4rem;}
    .common-list .pageTitle {margin-top:0;}
    .pageDescription {font-size:1.2rem;line-height:2rem;}
    .pageDescription br {display:none;}
    .card {width:100%;padding:4.4rem 2rem;height:30.8rem;}
    .card::after {right:2rem;bottom:1.6rem;}
    .card + .card {margin-left:0;margin-top:1.6rem;}
    .card .label {top:1.6rem;left:2rem;}
    .card dl {margin-top:2rem;}
    .card dt {font-size:1.6rem;line-height:2.4rem;}
    .card dd {margin-top:1.2rem;}
    .card li + li {margin-top:.4rem;}
    .card li span br{display:inline-block;}
    /* .base-footer .link {width:22rem}
    .base-footer .link a:nth-child(3) {margin-left:0;}
    .base-footer .link a:nth-child(n+3) {margin-top:1.2rem;} */

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

        .none700 {display:none;}
        .show700 {display:block;}

        .hyNews,
        .listStyle-list--news .hyNews {justify-content:center;}
        /* .hyNews li {width:28.8rem;height:auto;margin-right:0;} */
        .listStyle-list--news .tabulator-table,
        .listStyle-list--news #hyNews-table {width:100%;}
        .hyNews li,
        .listStyle-list--news .hyNews .tabulator-row {width:100%;height:auto;margin-right:0;}
        .listStyle-list--news .hyNews .tabulator-row:nth-child(2n-1) {margin-right:0;}
        .hyNews li:nth-child(n+3),
        .listStyle-list--news .hyNews .tabulator-row:nth-child(n+3) {margin-top:4rem;}
        .hyNews li + li,
        .listStyle-list--news .hyNews .tabulator-row + .tabulator-row {margin-top:4rem;}
        
      
        .hyNews__info {height:auto;max-height: initial;}
        .hyNews__info--origin,
        .hyNews__info--date {font-size:1.5rem;line-height:1.9rem;}
        .hyNews__info--tit {font-size:1.8rem;line-height:2.8rem;}
    }

    @media screen and (max-width:425px) {
        .overview-title {line-height:normal;}
        .box-team .team-img {
            margin:0 -1.6rem;
            height:auto;
        }
        .box-team .team-img .m-type {
            display:block;
        }
        .box-team .team-img .pc-type {
            display:none;
        }
    
        .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;
        }

    }

    .btn-link_sid {right:2.5rem;margin-top:0;top:auto;bottom:15vh}

    .btn-history {position:relative;top:1rem;right:auto;margin-top:2.4rem;font-size:1.2rem;}
    .btn-history svg {width:2.2rem;height:2.2rem;}

    .btn-link-partnership {right:6rem;}
}

/*landscape mode*/
@media screen and (max-height:540px) and (orientation: landscape) and (max-width:940px){
    .base-header .nav-link a {
        font-size:2.5rem;
        margin: 0 0 1rem;
        height:5.6rem;
    }
    .base-nav-wrap .appstore {
        margin-top:0;
    }
    .size-mobile .appstore .btn-store + .btn-store {
        margin-top:1rem;
    }
    .overview-content {max-width:320px}
    .apply-item.n2 .apply-h3 {width:320px;}
    .apply-group {max-width:320px;}
    .srv-dl {width:calc(100% - 29rem);}
    .card-list {padding:0 1.6rem;}
    .card-list-item {width:28.8rem;min-width:28.8rem;}
    .apply-list .visual {height:25.8rem;}
    .apply-list .visual span {width:32rem;padding:0 1.6rem;font-size:2rem;line-height:2.8rem;letter-spacing:-0.03rem;}
    .category {width:32rem;}
    .category li a {border-radius:0.4rem;}
    .applyDetail {width:28.8rem;padding:4rem 0;}
    .applyLetter {width:28.8rem;padding:4rem 0;}

    .privacy {width:28.8rem;padding:3.2rem 0;}

    .applyDetail {width:28.8rem;padding:4rem 0;}
    .applyLetter {width:28.8rem;padding:4rem 0;}

    .terms-wrap {width:28.8rem;padding:3.2rem 0;}
    .common-form {width:28.8rem;padding-left:0;padding-right:0;}
    .applyDetail {width:28.8rem;padding:4rem 0;}
    .applyLetter {width:28.8rem;padding:4rem 0;}

    .terms-wrap {width:28.8rem;padding:3.2rem 0;}

    .link-video {width:40rem;height:20rem;background-size:40rem;}
    .form-complete {width:28.8rem;padding:4rem 0;}

    .interview {width:28.8rem;}
    
    .listStyle-list {width:28.8rem;padding:10.2rem 0 5.6rem}
    .listStyle-detail {width:28.8rem;padding:10.2rem 0 4rem;}

    .none700 {display:none;}
    .show700 {display:block;}

    .listStyle-list-news {padding-top:4rem;}
    .hyNews li,
    .listStyle-list--news .hyNews .tabulator-row {width:100%;height:auto;margin-right:0;}
    .listStyle-list--news .hyNews .tabulator-row:nth-child(2n-1) {margin-right:0;}
    .hyNews li:nth-child(n+3),
    .listStyle-list--news .hyNews .tabulator-row:nth-child(n+3) {margin-top:4rem;}
    .hyNews li + li,
    .listStyle-list--news .hyNews .tabulator-row + .tabulator-row {margin-top:4rem;}

    
    .hyNews__info {height:auto;}
    .hyNews__info--origin,
    .hyNews__info--date {font-size:1.5rem;line-height:1.9rem;}
    .hyNews__info--tit {font-size:1.8rem;line-height:2.8rem;}

    .rollingBox.only-mobile {width:100%;max-width:37.5rem;}
    .under-desc {width:100%;max-width:37.5rem;flex-direction:column;margin:0 auto;}
    .under-desc dl {margin-top:0;}
    .under-desc dl,
    .under-desc dl + dl {width:100%;}
    .under-desc dl + dl {margin-left:0;margin-top:4rem;}

    .visual-innerText {width:28.8rem;padding:0;}
    .tabulator-placeholder-contents {min-height:22rem;}

    .overview-title {line-height:normal;}
    .box-team .team-img {
        margin:0 -1.6rem;
        height:auto;
    }
    .box-team .team-img .m-type {
        display:block;
    }
    .box-team .team-img .pc-type {
        display:none;
    }

    .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;
    }
    
    .btn-link_sid {
        right:1.9rem;
        margin-top:5rem;
    }

    .common-list {
        width:28.8rem;
        padding:10rem 0 4rem;
    }

    @media screen and (max-height:359px) {
        .base-header .nav-link a {height:2.6rem;}
        .language {height:5rem;}
    }
  }

@keyframes motionArrow {
    0% {
        opacity:.2
    }
    50% {
         opacity:1
    }
    100% {
         opacity:.2
    }
}


.loading {display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;}
.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);
  }
}