@font-face {
    font-family: 'EBSHMJESaeronRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/EBSHMJESaeronRA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 10px;
}
body {
    height: 100%;
    background-color: #111;
    color: #fff;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
}
.blue {
    color: #21a4b6;
}
.bold {
    font-weight: bold;
}
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
header > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 6rem;
    background-color: #111;
}
header > div.mo {
    display: none;
}
header > div.mo > a {
    width: calc(100% - 11rem);
}
header .mBtnMenu {
    width: 8rem;
    height: 8rem;
    position: relative;
}
header .rotateImg {
    width: 8rem;
    position: absolute;
    top: 0;
    right: 0;
    animation: rotate 1.5s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0);
    } to {
        transform: rotate(360deg);
    }
}
header .menuIcon {
    width: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
header .menuPop .head {
    height: 13rem;
}
header .menuPop .mBtnMenu {
    position: absolute;
    top: 2.5rem;
    right: 4rem;
}
header .menuPop .cont {
    overflow: auto;
    height: calc(100vh - 16rem);
    padding: 4rem 4rem 5rem;
}
header .menuPop .menuList {
    display: block;
    margin-right: 0;
    text-align: center;
    font-size: 5rem;
}
header .menuPop .menuList li {
    margin-bottom: 7rem;
}
header .menuPop .footerInner {
    padding-bottom: 0;
}
header a {
    display: block;
    color: #fff;
}
header .languageWrap {
    margin-right: 2rem;
    position: relative;
}
header .right {
    display: flex;
    align-items: center;
}
header .menuList {
    display: flex;
    gap: 6rem;
    align-items: center;
    margin-right: 6rem;
    font-family: 'EBSHMJESaeronRA', sans-serif;
}
header .menuList li {
    cursor: pointer;
}
header .btnLang {
    display: block;
    padding: 0.8rem 1.8rem;
    border: 2px solid #21a4b6;
    border-radius: 21px;
    color: #fff;
    font-family: 'EBSHMJESaeronRA', sans-serif;
    transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    position: relative;
    overflow: hidden;
}
header .btnLang .label {
    display: inline-block;
    position: relative;
    z-index: 2;
}
header .btnLang .label:after {
    content: "KR";
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95), opacity 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transform: translateY(2.875rem);
    color: #fff;
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
header .btnLang.en .label:after {
    content: "EN";
}
header .btnLang.jp .label:after {
    content: "JP";
}
header .btnLang .labelInner {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95) 0.1s, opacity 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95) 0.1s;
    transform-origin: left top;
    position: relative;
}
header .btnLang .bg:before {
    content: '';
    background-color: #21a4b6;
    transform: translate3d(0, 100%, 2px);
    transform-origin: left top;
    transition: transform 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
}
header .btnLang .bg {
    width: 100%;
    height: 100%;
    transition: transform 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    position: absolute;
    top: 0;
    left: 0;
}
header .btnLang:hover {
    background: #21a4b6;
}
header .btnLang:hover .label:after {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.085s;
}
header .btnLang:hover .labelInner {
    opacity: 0;
    transform: translateY(-1.875rem);
    transition-delay: 0;
} 
header .btnLang:hover .bg:before {
    transform: translateZ(2px);
}
header .backClick {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
header .langList {
    display: none;
}
header .langList ul {
    border: 2px solid #21a4b6;
    border-radius: 21px;
    background-color: #111;
    font-family: 'EBSHMJESaeronRA', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
header .langList ul li a:first-child {
    padding-top: 0.8rem;
    border-radius: 21px 21px 0 0;
}
header .langList ul li a {
    padding: 0.4rem 1.8rem;
    cursor: pointer;
}
header .langList ul li a:last-child {
    padding-bottom: 0.8rem;
    border-radius: 0 0 21px 21px;
}
header .siteWrap {
    position: relative;
}
header .siteWrap.whitepaper {
    margin-left: 2rem;
}
header .siteWrap .backClick {
    display: none;
}
header .siteWrap .select {
    padding: 1rem 2rem;
    border-radius: 21px;
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
    font-family: 'EBSHMJESaeronRA', sans-serif;
    position: relative;    
    z-index: 99;
}
header .siteWrap.whitepaper .select {
    background: #21a4b6;
}
header .siteWrap .select .arrow {
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    margin-left: 0.8rem;
    background: url(../img/common_ico_dropdown@3x.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}
header .siteWrap.whitepaper .select .arrow {
    background: url(../img/common_ico_dropdown_wh@3x.png) no-repeat;
    background-size: contain;
}
header .siteList {
    display: none;
    width: 100%;
    border-radius: 0 0 21px 21px;
    background-color: #fff;
    font-family: 'EBSHMJESaeronRA', sans-serif;
    font-size: 1.4rem;
}
header .siteList li:first-child {
    padding-top: 1rem;
}
header .siteList li a {
    display: block;
    padding: 0.5rem 2rem;
}
header .siteList li:last-child {
    padding-bottom: 1rem;
}
header .siteWrap.on .backClick {
    display: block;
}
header .selectOpenWrap {
    display: none;
    width: 100%;
    border-radius: 21px;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}
header .selectOpenWrap .select {
    border-radius: 21px 21px 0 0;
    background-color: #fff !important;
    color: #111;
}
header .selectOpenWrap .select .arrow {
    margin-top: -0.5rem;
    transform: rotate(-180deg);
}
header .siteWrap.whitepaper .selectOpenWrap .select .arrow {
    background: url(../img/common_ico_dropdown@3x.png) no-repeat;
    background-size: contain;
}
header .selectOpenWrap .siteList {
    display: block;
}
header .selectOpenWrap .siteList a {
    color: #111;
}
header .menuPop {
    display: none;
    width: 100%;
    height: 100%;
    background: url(../img/sidemenu_bg.png) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
section {
    position: relative;
    z-index: 99;
}
section h2 {
    font-family: 'EBSHMJESaeronRA', sans-serif;
    font-size: 10rem;
    font-weight: bold;
}
section.main:before {
    content: '';
    width: 68.2rem;
    height: 68.2rem;
    background: url(../img/common_obj_radial_gradient.png) no-repeat;
    position: absolute;
    left: -17rem;
    bottom: -37.5%;
    z-index: -1;
    opacity: .6;
}
section.main {
    display: flex;
    justify-content: space-between;
    padding: 24rem 12.5% 8rem;
    z-index: 100;
}
section.main .left {
    width: 67%;
    position: relative;
    z-index: 9;
}
section.main .left .bigTxt {
    padding-bottom: 1rem;
    line-height: 0.93;
    word-break: break-all;
    font-family: 'EBSHMJESaeronRA', sans-serif;
    font-size: 14rem;
    font-weight: bold;
}
section.main .left .smallTxt {
    padding-bottom: 8rem;
    font-size: 2.4rem;
}
section.main .left .smallTxt br {
    display: none;
}
section.main .right {
    width: 33%;
    text-align: right;
}
section.main .imgSymbol {
    max-width: 100%;  
    position: relative;
    z-index: 9;
}
section.main .bgShadow {
    position: absolute;
    right: 3rem;
    bottom: 0;
    z-index: 5;
}
.mBgShadow {
    display: none;
}
section.main .moreBox:before {
    content: '';
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    background:rgba(255, 255, 255, .1);
    position: absolute;
    top: 3rem;
    left: 3rem;
    animation: bounce .3s infinite alternate;
}
section.main .moreBox {
    display: inline-block;
    padding: 3.8rem 3rem 3.8rem 7.8rem;
    border-radius: 51px;
    background: rgba(255, 255, 255, .1);
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
section.main .moreBox:hover {
    transition: .3s;
    background: #21a4b6;
}
section.main .moreBox br {
    display: none;
}
section.main .moreBox:after {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background:url(../img/common_ico_dropdown.png) no-repeat center rgba(255, 255, 255, .1);
    position: absolute;
    top: 3.7rem;
    left: 3.7rem;
}
@keyframes bounce {
    from {
        transform: scale(1);
    } to {
        transform: scale(1.15);
    }
}

section.features {
    overflow: hidden;
}
section.features.fixed {
    width: 100%;
    /* height: 100%; */
    position: fixed;
    bottom: 0;
    left: 0;
}
section.features > div {
    padding: 10rem 0 19.4rem;
}
section.features h2 {
    padding-bottom: 8rem;
    text-align: center;
}
section.features #bgLight {
    padding: 5rem 0 20rem;
    background-image: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
}
.featuresList {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding: 5rem 6rem 10rem 0;
    margin: auto;
    position: relative;
    z-index: 99;
}
.featuresList li {
    width: 50%;
    text-align: right;
    position: relative;
}
.featuresList li.one {
    padding-top: 1.9rem;
    padding-right: 9.5rem;
    margin-bottom: 13.4rem;
}
.featuresList li.one .num {
    right: 4.4rem;
}
.featuresList li.two {
    padding-right: 7.1rem;
    padding-bottom: 13.8rem;
}
.featuresList li.two .num {
    top: 4.2rem;
    right: 1.4rem;
}
.featuresList li.three {
    margin-top: 3.8rem;
}
.featuresList li.four {
    margin-bottom: 3.8rem;
}
.featuresList li .en {
    padding-bottom: 0.4rem;
    color: #aaa;
    font-size: 1.4rem;
}
.featuresList.v2 li .en {
    padding-bottom: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
}
.featuresList li .cont {
    font-size: 2.4rem;
}
.featuresList li .num {
    width: 5.7rem;
    height: 5.7rem;
    background: url(../img/features_obj_bullet@2x.png) no-repeat;
    background-size: contain;
    color: #21a4b6;
    line-height: 5.7rem;
    text-align: center;
    position: absolute;
    right: -5.7rem;
    bottom: -3.9rem;
}
#canv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

section.technology {
    padding-bottom: 20rem;
    background-color: #fff;
    color: #111;
    overflow: hidden;
}
section.technology h2 {
    /* padding-top: 7rem; */
    padding-bottom: 10rem;
    padding-left: 12.5%;
}
/* section.technology .top {
    padding-bottom: 27.9rem;
} */
.techList {
    padding-bottom: 6rem;
    white-space: nowrap;
    position: relative;
    will-change: transform;
    transform-style: preserve-3d;
}
.techList > li:first-child {
    padding-left: 12.5%;
}
.techList.v2 > li:first-child {
    padding-right: 10rem;
    margin-right: 10rem;
}
.techList > li {
    display: inline-block;
    /* width: calc(100% - 24rem); */
    margin-right: 20rem;
    vertical-align: top;
    /* opacity: .5; */
}
.techList > li:last-child {
    width: 87.5%;
    /* margin-left: -12.5%; */
    margin-right: 0;
}
.techList > li.on {
    opacity: 1;
}
.techList > li img {
    width: 10rem;
    padding-bottom: 1rem;
}
.techList > li .tit {
    padding-bottom: 3rem;
    font-size: 5rem;
    font-weight: bold;
}
.techList > li .cont {
    white-space: normal;
    line-height: 1.5;
    font-size: 2.4rem;
}
.techListPaging:before,
.techListPaging:after {
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #d2d2d2;
    position: absolute;
    top: -0.3rem;
}
.techListPaging:before {
    left: -0.6rem;
}
.techListPaging:after {
    right: -0.6rem;
}
.techListPaging {
    display: inline-flex;
    gap: 1rem;
    margin-left: 12.5%;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
}
.techListPaging > li {
    width: 11rem;
    padding-top: 1.25rem;
    color: #aaa;
    font-size: 1.4rem;
    position: relative;
}
.techListPaging > li.on:before {
    content: '';
    width: calc(100% - 1rem);
    height: 4px;
    border-radius: 4px;
    background-color: #21a4b6;
    position: absolute;
    top: -2px;
    left: 0.5rem;
}
.techListPaging > li.on {
    color: #21a4b6;
    font-weight: bold;
}
.techListPaging > li .num {
    font-size: 1.6rem;
}
.horizontal-trigger {
    height: calc(100% - 100vh);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
}
.horizontal-sticky {
    overflow: hidden;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 19.2rem;
}

section.point {
    padding: 0 12.5rem 12.5rem;
    background-color: #fff;
}
section.point .subTit {
    padding-top: 27.9rem;
    padding-bottom: 13rem;
    text-align: center;
    font-size: 5rem;
    font-weight: bold;
}
.differenceWrap {
    display: flex;
    text-align: center;
}
.differenceWrap br {
    display: none;
}
.differenceWrap .left,
.differenceWrap .right {
    flex: 1;
}
.differenceWrap .center {
    width: 20rem;
    margin-top: -3rem;
    border-radius: 20px;
    background-color: #21a4b6;
    color: #fff;
}
.differenceWrap .tit {
    padding-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
}
.differenceWrap .center .tit {
    padding-top: 2rem;
}
.differenceWrap > div.left .tit:after,
.differenceWrap > div.left .cont li:after {
    right: 0;
}
.differenceWrap > div:not(.center) .tit:after,
.differenceWrap > div:not(.center) .cont li:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    bottom: 0;
}
.differenceWrap > div.right .tit:after,
.differenceWrap > div.right .cont li:after {
    left: 0;
}
.differenceWrap > div:not(.center) .tit.width:after,
.differenceWrap > div:not(.center) .cont li.width:after {
    animation: width 1s ease-in;
    animation-fill-mode: forwards;
}
@keyframes width {
    from {
        width: 0;
    } to {
        width: 100%;
    }
}
.differenceWrap .cont {
    font-size: 1.8rem;
}
.differenceWrap .cont li {    
    padding: 2rem 0;
    position: relative;
}
.differenceWrap > div:not(.center) .cont li {
    /* border-bottom: 1px solid #d2d2d2; */
}
.differenceWrap .center .cont li:last-child {
    padding-bottom: 4rem;
}
.differenceWrap li.br {
    padding: 0.9rem 0;
}
.differenceWrap li.br br {
    display: block;
}
.differenceWrap.en .center .tit {
    padding-top: 3rem;
}
.differenceWrap.en li.br {
    padding: 0.9rem 0;
}

.moDifferenceWrap {
    display: none;
    border-top: 8px solid #21a4b6;
    font-size: 3.5rem;
}
.moDifferenceWrap > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    min-height: 13.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid #d2d2d2;
}
.moDifferenceWrap > div.head {
    padding: 2.5rem 0;
    font-weight: bold;
}
.moDifferenceWrap > div:not(.head) div:first-child {
    color: #aaa;
    font-weight: bold;
}
.moDifferenceWrap > div:last-child {
    border-bottom: 4px solid #111;
}
.moDifferenceWrap > div div {
    flex: 1;
    text-align: center;
}
.moDifferenceWrap > div div span {
    vertical-align: middle;
}

.bgColorBox {
    display: none;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

section.distribution {
    background-color: #fff;
    color: #fff;
}
section.distribution > div {
    padding: 15rem 12.5rem 5rem;
}
section.distribution h2 {
    padding-bottom: 8rem;
}
.distriWrap {
    display: flex;
    gap: 8.5rem;
}
.distriWrap .chartWrap {
    width: 63rem;
    margin-top: 5rem;
}
.distriWrap .table {
    flex: 1;
    margin-top: 3rem;
}
.distriWrap .table ul {
    padding-bottom: 4rem;
}
.distriWrap .table ul li {
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
}
.distriWrap .table ul li.thead {
    font-weight: bold;
}
.distriWrap .table ul li:last-child {
    padding-bottom: 0;
    font-weight: bold;
}
.distriWrap .table ul li:not(.thead) .division:before {
    content: '';
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.8rem;
    vertical-align: middle;
}
.distriWrap .table ul li.total .division:before {
    content: none;
}
.distriWrap .table .division.ecosystem:before {
    background: linear-gradient(177deg, #21a4b6 14%, #036eb8 38%, #11525b 68%);
}
.distriWrap .table .division.operation:before {
    background-color: #21a4b6;
}
.distriWrap .table .division.investment:before {
    background-color: #217c73;
}
.distriWrap .table .division.foundation:before {
    background-color: #aaa;
}
.distriWrap .table .division.marketing:before {
    background-color: #d2d2d2;
}
.distriWrap .table .division.team:before {
    background-color: #eee;
}
.distriWrap .table .division {
    width: 23rem;
}
.distriWrap .table .content {
    flex: 1;
}
.distriWrap .table ul li:not(.thead) .content {
    font-size: 4rem;
}
.distriWrap .table ul li:not(.thead) .content span {
    font-size: 3.4rem;
}
.distriWrap .table .tableTxt {
    line-height: 1.5;
    color: #aaa;
    font-size: 1.8rem;
}
.bgCircleLight {
    display: none;
    opacity: 0;
    width: 68.2rem;
    height: 68.2rem;
    background: url(../img/common_obj_radial_gradient.png) no-repeat;
    background-size: contain;
    transition: opacity .3s;
    position: fixed;
    top: 7.3rem;
    left: -22.6rem;
    z-index: -1;
}
.bgCircleLight.on {
    display: block;
    opacity: .6;
}
.bgCircleLight.center {
    position: absolute;
    top: auto;
    bottom: 5%;
    left: 23%;
}
.bgCircleLight.center.on {
    opacity: .8;
}

section.roadmap:before {
    content: '';
    width: 68.2rem;
    height: 68.2rem;
    background: url(../img/common_obj_radial_gradient.png) no-repeat;
    position: absolute;
    right: -20.7rem;
    bottom: 0;
    z-index: -1;
    opacity: .6;
}
section.roadmap {
    overflow: hidden;
    padding-bottom: 18rem;
}

section.roadmap img{
    width: 100%;
}

section.roadmap h2 {
    padding-top: 5rem;
    padding-bottom: 10rem;
    text-align: center;
}
.roadmapWrap {
    padding: 0 10rem;
    border-bottom: 4px solid #fff;
}
.roadmapList {
    display: flex;
    align-items: flex-start;
}
.roadmapList > li:before {
    content: '';
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(33, 164, 182, 0.3);
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
}
.roadmapList > li {
    opacity: 0;
    flex: 1;
    position: relative;
}
.roadmapList > li.fadein {
    animation: fadein 1.5s ease-out;
    animation-fill-mode: forwards;
}
.roadmapList > li.delay2 {
    animation-delay: .25s;
}
.roadmapList > li.delay3 {
    animation-delay: .5s;
}
.roadmapList > li.delay4 {
    animation-delay: .75s;
}
.roadmapList > li.delay5 {
    animation-delay: 1s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
.roadmapList > li:after {
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #21a4b6;
    position: absolute;
    bottom: -1rem;
    left: -1rem;
}
.roadmapList .date {
    margin-left: -1rem;
    font-size: 2.4rem;
    font-weight: bold;
}
.roadmapList .subList {
    min-height: 30rem;
    padding-top: 2rem;
    border-left: 1px solid #21a4b6;
}
.roadmapList .subList > li:before {
    content: '';
    display: inline-block;
    width: calc(5rem - 8px);
    height: 1px;
    background-color: #21a4b6;
    position: absolute;
    top: 1rem;
    left: 0;
}
.roadmapList .subList > li {
    padding-bottom: 1rem;
    padding-left: 5rem;
    position: relative;
}
.roadmapList .subList > li.transparent {
    visibility: hidden;;
}

section.partners {
    padding: 10rem 0 14rem;
}
section.partners h2 {
    padding: 0 6rem 10rem;
}
.rollingWrap {
    height: 9.2rem;
    overflow: hidden;
    position: relative;
}
.partnersList {
    display: flex;
    gap: 6rem;
    align-items: center;
    animation: rolling 60s linear infinite; 
    position: absolute;
    top: 0;
    left: 6rem;
}
.partnersList:after {
    content: '';
    display: block;
    width: 3rem;
}
.partnersList.r2 {
    animation-delay: -30s;
}
@keyframes rolling {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

footer {
    padding: 0 6rem;
    position: relative;
    z-index: 99;
}
footer .footerInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 0;
    border-top: 1px solid #aaa;
}
footer .snsWrap {
    display: flex;
    gap: 4rem;
    align-items: center;
}
footer .snsWrap a,
footer .email {
    cursor: pointer;
    opacity: .6;
    transition: opacity .3s;
}
footer .snsWrap a:hover,
footer .email:hover {
    opacity: 1;
}


@media screen and (max-width: 1580px) {
    header > div {
        padding: 4rem 5rem;
    }
    header .menuList {
        gap: 3rem;
    }
    section h2 {
        font-size: 8rem;
    }
    section.main {
        padding: 20rem 10% 6rem;
    }
    section.main .left .bigTxt {
        padding-bottom: 1.5rem;
        font-size: 11rem;
    }
    section.main .left .smallTxt {
        padding-bottom: 5rem;
        font-size: 2.2rem;
    }
    section.main .moreBox {
        padding: 3rem 2rem 3rem 7rem;
    }
    section.main .moreBox:before {
        top: 2.3rem;
        left: 2.3rem;
    }
    section.main .moreBox:after {
        top: 3rem;
        left: 3rem;
    }
    section.features > div {
        padding: 5rem 0 15rem;
    }
    section.features h2 {
        padding-bottom: 4rem;
    }
    section.technology h2 {
        /* padding-top: 10rem; */
        padding-bottom: 5rem;
        padding-left: 10%;
    }
    /* section.technology .top {
        padding-bottom: 22rem;
    } */
    .techListPaging {
        margin-left: 10%;
    }
    .techList > li:first-child {
        padding-left: 10%;
    }
    .techList > li:last-child {
        width: 90%;
    }
    .techList > li img {
        width: 8rem;
    }
    .techList > li .tit {
        padding-bottom: 2rem;
        font-size: 4rem;
    }
    .techList > li .cont {
        font-size: 2rem;
    }
    section.point {
        padding: 0 10rem;
    }
    section.distribution > div {
        padding: 15rem 10rem 4rem;
    }
    .distriWrap {
        gap: 10rem;
    }
    .distriWrap .graph img {
        width: 47rem;
    }
    .distriWrap .chartWrap {
        width: 47rem;
    }
    .distriWrap .table .division {
        width: 20rem;
    }
    .distriWrap .table ul li:not(.thead) .content {
        font-size: 2.5rem;
    }
    .distriWrap .table ul li:not(.thead) .content span {
        font-size: 2rem;
    }
    section.roadmap:before {
        width: 47rem;
        height: 47rem;
        background-size: contain;
        bottom: 8rem;
    }
    section.roadmap h2 {
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
    .roadmapWrap {
        padding: 0 5rem;
    }
    .roadmapList {
        gap: 2rem;
    }
    .roadmapList .subList {
        font-size: 1.6rem;
    }
    section.partners {
        padding: 8rem 0 10rem;
    }
    section.partners h2 {
        padding: 0 5rem 6rem;
    }
    footer {
        padding: 0 5rem;
    }
}

@media screen and (max-width: 1280px) {
    header > div {
        padding: 3rem;
    }
    header .logo {
        width: 13rem;
    }
    header .languageWrap {
        font-size: 1.4rem;
    }
    header .siteWrap .select {
        font-size: 1.4rem;
    }
    header .siteList {
        font-size: 1.4rem;
        top: 3.9rem;
    }
    header .menuList {
        gap: 1.5rem;
        margin-right: 2rem;
        font-size: 1.4rem;
    }
    section h2 {
        font-size: 6rem;
    }
    section.main:before {
        width: 50rem;
        height: 50rem;
        background-size: contain;
    }
    section.main {
        padding: 18rem 8% 6rem;
    }
    section.main .left .bigTxt {
        font-size: 9rem;
    }
    section.main .left .smallTxt {
        font-size: 2rem;
    }
    section.main .moreBox:before {
        top: 1.1rem;
        left: 1.1rem;
    }
    section.main .moreBox {
        padding: 2rem 1.5rem 2rem 6rem;
        font-size: 1.6rem;
    }
    section.main .moreBox:after {
        top: 1.8rem;
        left: 1.8rem;
    }
    section.main .bgShadow {
        width: 50%;
    }
    .featuresList {
        width: 80%;
        padding-right: 13rem;
    }
    .featuresList li .cont {
        font-size: 2rem;
    }
    .featuresList li .num {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        right: -5.1rem;
    }
    .featuresList li.one .num {
        right: 5rem;
    }
    .featuresList li.two .num {
        right: 2rem;
    }
    .bgCircleLight {
        width: 50rem;
        height: 50rem;
    }
    section.technology h2 {
        /* padding-top: 3rem; */
        padding-left: 8%;
    }
    /* section.technology .top {
        padding-bottom: 18rem;
    } */
    .techListPaging {
        margin-left: 8%;
    }
    .techList > li:first-child {
        padding-left: 8%;
    }
    .techList.v2 > li:first-child {
        padding-right: 7.5rem;
        margin-right: 7.5rem;
    }
    .techList > li {
        /* width: calc(100% - 27rem); */
        margin-right: 15rem;
    }
    .techList > li:last-child {
        width: 92%;
    }
    .techList > li .tit {
        font-size: 3.5rem;
    }
    .techList > li .cont {
        font-size: 1.6rem;
    }
    section.point {
        padding: 0 5rem 5rem;
    }
    .differenceWrap .tit {
        font-size: 2.2rem;
    }
    .differenceWrap .cont {
        font-size: 1.6rem;
    }
    .differenceWrap.en .center .tit {
        padding-top: 2.5rem;
    }
    .differenceWrap.en li.br {
        padding: 1.1rem 0;
    }
    section.distribution > div {
        padding: 15rem 5rem 5rem;
    }
    section.distribution h2 {
        padding-bottom: 6rem;
    }
    .distriWrap {
        gap: 8rem;
    }
    .distriWrap .graph img {
        width: 40rem;
    }
    .distriWrap .chartWrap {
        width: 40rem;
    }
    .distriWrap .table ul li:not(.thead) .division:before {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -2px;
    }
    .distriWrap .table .division {
        width: 18rem;
    }
    .distriWrap .table ul li:not(.thead) .content {
        font-size: 2.2rem;
    }
    .distriWrap .table ul li:not(.thead) .content span {
        font-size: 1.8rem;
    }
    .distriWrap .table .tableTxt {
        font-size: 1.6rem;
    }
    section.roadmap:before {
        width: 50rem;
        height: 50rem;
        background-size: contain;
        right: 0;
    }
    section.roadmap h2 {
        padding-top: 5rem;
    }
    .roadmapWrap {
        padding: 0 3rem;
    }
    .roadmapList .date {
        font-size: 2rem;
    }
    .roadmapList > li:before {
        width: 2.4rem;
        height: 2.4rem;
        bottom: -1.2rem;
        left: -1.2rem;
    }
    .roadmapList > li:after {
        width: 1.4rem;
        height: 1.4rem;
        bottom: -0.7rem;
        left: -0.7rem;
    }
    .roadmapList .subList {
        font-size: 1.4rem;
    }
    .roadmapList .subList > li {
        padding-left: 2rem;
    }
    .roadmapList .subList > li:before {
        width: calc(2rem - 8px);
    }
    section.partners {
        padding: 4rem 0 5rem;
    }
    footer {
        padding: 0 3rem;
    }
    footer .footerInner {
        padding: 3rem 0;
    }
    footer .email {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1024px) {
    header > div {
        padding: 2rem 1rem;
    }
    header .logo {
        width: 8rem;
    }
    header .languageWrap {
        margin-right: 0.8rem;
        font-size: 1.2rem;
    }
    header .siteWrap.whitepaper {
        margin-left: 0.8rem;
    }
    header .siteWrap .select {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
    }
    header .siteList {
        font-size: 1.2rem;
        top: 3.5rem;
    }
    header .menuList {
        gap: 1rem;
        margin-right: 1.5rem;
        font-size: 1.2rem;
    }
    section.main:before {
        width: 40rem;
        height: 40rem;
    }
    section.main {
        padding: 15rem 4% 5rem;
    }
    section.main .left {
        width: 60%;
    }
    section.main .left .bigTxt {
        font-size: 7rem;
    }
    section.main .left .smallTxt {
        font-size: 1.6rem;
    }
    section.main .moreBox {
        font-size: 1.4rem;
    }
    section.main .right {
        width: 38%;
    }
    section.main .bgShadow {
        right: 0;
    }
    section.features > div {
        padding: 5rem 0 12rem;
    }
    .featuresList {
        width: 100%;
    }
    section.technology h2 {
        padding-left: 4%
    }
    .techListPaging {
        margin-left: 4%;
    }
    .techList > li:first-child {
        padding-left: 4%;
    }    
    .techList > li:last-child {
        width: 96%;
    }
    section.point {
        padding: 0 3rem 5rem;
    }
    section.point .subTit {
        padding-bottom: 10rem;
        font-size: 4.5rem;
    }
    .differenceWrap .center {
        width: 17rem;
    }
    .differenceWrap .tit {
        font-size: 1.8rem;
    }
    .differenceWrap .cont {
        font-size: 1.4rem;
    }
    section.distribution > div {
        padding: 15rem 3rem 5rem;
    }
    .distriWrap {
        gap: 4rem;
    }
    .distriWrap .graph img {
        width: 30rem;
    }
    .distriWrap .chartWrap {
        width: 30rem;
    }
    .distriWrap .table .division {
        width: 14rem;
        font-size: 1.6rem;
    }
    .distriWrap .table ul li:not(.thead) .content {
        font-size: 1.8rem;
    }
    .distriWrap .table ul li:not(.thead) .content span {
        font-size: 1.6rem;
    }
    .distriWrap .table .tableTxt {
        font-size: 1.4rem;
    }
    section.roadmap h2 {
        padding-top: 5rem;
    }
    .roadmapWrap {
        padding: 0 2rem;
    }
    .roadmapList {
        gap: 1rem;
    }
    .roadmapList .subList > li {
        padding-left: 1.5rem;
    }
    section.partners h2 {
        padding-bottom: 4rem;
    }
    .partnersList {
        gap: 3rem;
    }
    footer {
        padding: 0 2rem;
    }
    footer .footerInner {
        padding: 2rem 0;
    }
    footer .snsWrap {
        gap: 2.5rem;
    }
    footer .email {
        font-size: 1.4rem;
    }
}

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

@media screen and (max-width: 767px) {
    html {
        font-size: 8px;
    }
    header > div.pc {
        display: none;
    }
    header > div.mo {
        display: flex;
        padding: 2.5rem 4rem;
        animation: none;
    }
    header .siteWrap .backClick {
        background: rgba(0, 0, 0, .7);
    }
    header .siteWrap .select {
        padding: 2rem 7.5rem 2rem 4rem;
        border-radius: 9rem;
        font-size: 3.2rem;
    }
    header .siteWrap .select .arrow {
        width: 2.3rem;
        height: 1.4rem;
        position: absolute;
        top: calc(50% - 1rem);
        right: 3rem;
    }
    header .siteWrap.whitepaper {
        margin-left: 2rem;
    }
    header .selectOpenWrap {
        width: 60%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
    }
    header .selectOpenWrap .select {
        display: none;
    }
    header .selectOpenWrap .siteList {
        border-radius: 21px;
        font-size: 4rem;
    }
    header .selectOpenWrap .btnClose {
        position: absolute;
        top: -5.5rem;
        right: 0;
    }
    header .siteList li:first-child {
        padding-top: 2rem;
    }
    header .siteList li:last-child {
        padding-bottom: 2rem;
    }
    header .siteList li a {
        padding: 2rem 4rem;
        text-align: center;
    }
    header footer {
        padding: 0;
    }
    header .menuPop .footerInner {
        padding: 5rem 0;
    }
    header .menuPop .languageWrap {
        position: absolute;
        top: 3.5rem;
        right: 15rem;
    }
    header .menuPop .btnLang {
        padding: 1rem 3rem;
        border-radius: 25px;
        font-size: 3rem;
    }
    header .menuPop .btnLang .bg:before {
        content: none;
    }
    header .menuPop .btnLang .label:after {
        content: none;
    }
    header .menuPop .btnLang .labelInner {
        transition: none;
    }
    header .menuPop .langList ul {
        width: 100%;
        border-radius: 18px;
    }
    header .menuPop .langList li:first-child {
        padding-top: 1rem;
        border-radius: 25px 25px 0 0;
    }
    header .menuPop .langList ul li {
        /* padding: 1rem 3rem; */
        text-align: center;
        font-size: 3rem;
    }
    header .menuPop .langList ul li:last-child {
        padding-bottom: 1rem;
    }
    header .menuPop .selectWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1.6rem 4rem;
    }
    header .menuPop .selectWrap > div {
        flex: 1;
    }
    section h2 {        
        font-size: 8.5rem;
    }
    section.main:before {
        content: none;
    }
    section.main {
        flex-wrap: wrap;
        padding: 21rem 4rem 8.75rem;
        z-index: 9;
    }
    section.main .imgSymbol {
        z-index: 999;
    }
    section.main .left {
        order: 2;
        width: 100%;
        z-index: 999;
    }
    section.main .left .bigTxt {
        padding-bottom: 2.5rem;
        line-height: 1;
        font-size: 11.5rem;
    }
    section.main .left .smallTxt {
        font-size: 4rem;
    }
    section.main .left .smallTxt br {
        display: block;
    }
    section.main .moreBox:before {
        width: 9rem;
        height: 9rem;
        top: 1rem;
        left: 1rem;
    }
    section.main .moreBox {
        padding: 1.25rem 0 1.25rem 13rem;
        background: none;
        color: #aaa;
        line-height: 1.21;
        font-size: 3.5rem;
    }
    section.main .moreBox:after {
        width: 6rem;
        height: 6rem;
        background: url(../img/common_ico_dropdown@3x.png) no-repeat center rgba(255, 255, 255, .1);
        background-size: 2rem;
        top: 2.5rem;
        left: 2.5rem;
    }
    section.main .moreBox br {
        display: block;
    }
    section.main .moreBox:hover {
        background: none;
    }
    section.main .right {
        order: 1;
        width: calc(100% - 15rem);
        padding-bottom: 5rem;
        margin: auto;
        text-align: center;
    }
    section.main .bgShadow {
        display: none;
    }
    .mBgShadow {
        display: block;
        width: 100%;
        transform: translate(-50%, -50%);
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: -1;
    }
    section.features {
        position: relative !important;
        background: url(../img/features_bg_mo@2x.png) no-repeat;
        background-size: cover;
    }
    section.features > div {
        padding: 6.3rem 4rem 10rem;
    }
    section.features h2 {
        padding-bottom: 8.75rem;
    }
    .horizontal-sticky {
        position: relative;
        top: 0;
    }
    .featuresList {
        padding: 0;
    }
    .featuresList li {
        width: 100%;
        padding: 0 0 5rem 11.5rem !important;
        margin: 0 !important;
        text-align: left;
        top: 0 !important;
        left: 0 !important;
    }
    .featuresList li .en {
        padding-bottom: 0.5rem;
        font-size: 3.5rem;
    }
    .featuresList li .cont {
        font-size: 5rem;
    }
    .featuresList li .num {
        width: 9rem;
        height: 9rem;
        line-height: 9rem;
        font-size: 3.5rem;
        font-weight: bold;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;
    }
    .featuresList.v2 li {
        padding: 2.8rem 0 2.8rem 11.5rem !important;
        margin-bottom: 2rem !important;
    }
    .featuresList.v2 li:last-child {
        margin-bottom: 0 !important;
    }
    .featuresList.v2 li .en {
        font-size: 3rem;
    }
    .featuresList.v2 li .en br {
        display: none;
    }
    #canv {
        display: none;
    }
    section.technology {
        padding: 0 4rem 15rem;
        margin-top: 0 !important;
    }
    section.technology h2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
        padding-left: 0;
        text-align: center;
    }
    /* section.technology .top {
        padding-bottom: 0;
    } */
    .techList {
        padding-bottom: 0;
        white-space: normal;
    }
    .techList > li {
        width: 100%;
        padding-bottom: 5rem;
        margin-right: 0;
        margin-bottom: 5rem;
        border-bottom: 1px solid #d2d2d2;
        position: relative;
    }
    .techList > li:first-child {
        padding-left: 0;
    }
    .techList > li:last-child {
        width: 100%;
        padding-bottom: 0;
        margin-left: 0;
        border-bottom: none;
    }
    .techList > li img {
        width: 15rem;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .techList > li .tit {
        min-height: 15rem;
        padding-bottom: 0;
        padding-left: 15rem;
        margin-bottom: 2.5rem;
        font-size: 6rem;
        position: relative;
    }
    .techList > li .tit > span {
        position: absolute;
        top: 50%;
        left: auto;
        transform: translateY(-50%);
    }
    .techList > li .cont {
        font-size: 4rem;
    }
    .techList > li .cont br {
        display: none;
    }
    .techList > li .br {
        display: none;
    }
    .techListPaging {
        display: none;
    }
    .bgCircleLight {
        display: none;
    }
    section.point {
        padding: 0 4rem 15rem;
        margin-top: -1px;
    }
    section.point .subTit {
        padding-top: 5rem;
        font-size: 6rem;
    }
    .moDifferenceWrap {
        display: block;
    }
    .differenceWrap {
        display: none;
    }
    .differenceWrap .tit {
        min-height: 18rem;
        font-size: 4rem;
    }
    .differenceWrap .cont {
        font-size: 2.5rem;
    }
    .differenceWrap .cont li {
        min-height: 13.375rem;
        padding: 4.5rem 0;
    }
    .differenceWrap .center {
        margin-top: 0;
    }
    .differenceWrap .center .tit {
        padding-top: 5rem;
        font-size: 3.5rem;
    }
    .differenceWrap .center .cont li {
        padding: 2.5rem 0;
    }
    .differenceWrap .center .cont li:last-child {
        min-height: 15rem;
    }
    .differenceWrap br {
        display: block;
    }
    .differenceWrap li.br br {
        display: none;
    }
    section.distribution > div {
        padding: 15rem 4rem 7.5rem;
    }
    section.distribution h2 {
        padding-bottom: 10rem;
        text-align: center;
        position: relative;
    }
    .distriWrap {
        display: block;
    }
    .distriWrap .graph {
        padding-bottom: 5rem;
        margin-top: 0;
        text-align: center;
    }
    .distriWrap .graph img {
        width: 100%;
    }
    .distriWrap .chartWrap {
        width: 100%;
        margin-top: 0;
        margin-bottom: 5rem;
    }
    .distriWrap .chartWrap canvas:before {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #111;
        top: -2px;
        left: 0;
    }
    .distriWrap .chartWrap canvas {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }
    .distriWrap .table ul {
        padding-bottom: 5rem;
    }
    .distriWrap .table ul li.thead {
        display: none;
    }
    .distriWrap .table ul li:not(.thead) .division:before {
        width: 3.5rem;
        height: 3.5rem;
        margin-right: 2.25rem;
    }
    .distriWrap .table .division {
        width: 25rem;
        font-size: 2.5rem;
    }
    .distriWrap .table .total .division {
        width: 20rem;
    }   
    .distriWrap .table ul li:not(.thead) .content,
    .distriWrap .table ul li:not(.thead) .content span {
        text-align: right;
        font-size: 3rem;
    }
    .distriWrap .table .tableTxt {
        font-size: 3.5rem;
    }
    section.roadmap:before {
        bottom: 0;
    }
    section.roadmap h2 {
        padding-top: 7.5rem;
        padding-bottom: 10rem;
        padding-left: 4rem;
        text-align: left;
    }
    .roadmapWrap {
        padding: 0;
        border: none;
        position: relative;
        z-index: -1;
    }
    .roadmapList {
        display: block;
        padding: 0 10rem 8.5rem;
        white-space: nowrap;
        position: relative;
    }
    /* .roadmapList:after {
        content: '';
        width: 100%;
        height: 8px;
        background-color: #fff;
        position: absolute;
        bottom: 8.5rem;
        left: 0;
    } */
    .roadmapList > li:before {
        width: 10rem;
        height: 10rem;
        bottom: -5rem;
        left: -5rem;
        z-index: 9;
    }
    .roadmapList > li {
        display: inline-block;
        width: calc(100% - 20rem) !important;
        opacity: .5;
    }
    .roadmapList > li:after {
        width: 5rem;
        height: 5rem;
        bottom: -2.5rem;
        left: -2.5rem;
        z-index: 9;
    }
    .roadmapList > li:last-child {
        width: 100% !important;
    }
    .roadmapList > li.fadein {
        animation: none;
    }
    .roadmapList .date {
        font-size: 5rem;
    }
    .roadmapList .subList {
        min-height: auto;
        padding-top: 3.75rem;
        padding-bottom: 12.5rem;
        border-width: 2px;
        font-size: 3rem;
    }
    .roadmapList .subList > li:before {
        width: calc(5rem - 8px);
        height: 2px;
        top: 50%;
        transform: translateY(-50%);
    }
    .roadmapList .subList > li {
        padding-left: 5rem;
    }
    section.partners {
        padding: 0 0 10rem;
    }
    section.partners h2 {
        padding-bottom: 10rem;
    }
    footer {
        padding: 0 4rem;
    }
    footer .footerInner {
        display: block;
        padding: 7rem 0;
        border-width: 2px;
        text-align: center;
    }
    footer .snsWrap {
        gap: 1rem;
        justify-content: center;
        padding-bottom: 5rem;
    }
    footer .snsWrap a img {
        width: 6rem;
    }
    footer .email {
        font-size: 2.5rem;
    }

    .swiper-slide-active {
        opacity: 1 !important;
    }
    .swiper-pagination {
        padding-top: 7rem;
        border-top: 2px solid #fff;
        position: relative;
        top: calc(-8rem - 4px);
        z-index: -1;
    }
    .swiper-pagination-bullet {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 1rem !important;
        background: #aaa;
    }
    .swiper-pagination-bullet-active {
        background: #21a4b6;
    }
}

@media screen and (max-width: 575px) {
    html {
        font-size: 7px;
    }
    header > div.mo {
        padding: 2.5rem 3rem;
    }
    header .siteWrap .select {
        font-size: 2.8rem;
    }
    header .menuPop .mBtnMenu {
        right: 3rem;
    }
    section h2 {
        font-size: 7.5rem;
    }
    section.main {
        padding: 21rem 3rem 8.75rem
    }
    section.main .left .bigTxt {
        font-size: 9.5rem;
    }
    section.main .left .smallTxt {
        font-size: 3.5rem;
    }
    section.main .moreBox {
        padding: 2rem 0 2rem 13rem;
        font-size: 2.5rem;
    }
    .featuresList li .en {
        font-size: 2.5rem;
    }
    .featuresList li .cont {
        font-size: 3.5rem;
        font-weight: bold;
    }
    .techList > li img {
        width: 12rem;
        top: -1rem;
    }
    .techList > li .tit {
        min-height: 11rem;
        font-size: 4rem;
    }
    .techList > li .cont {
        font-size: 2.7rem;
    }
    .differenceWrap .tit {
        font-size: 3.5rem;
    }
    .differenceWrap .center {
        width: 14rem;
    }
    section.point .subTit {
        font-size: 5rem;
    }
    .distriWrap .table .tableTxt {
        font-size: 2.7rem;
    }
    .rollingWrap {
        height: 15rem;
    }
    footer .snsWrap a img {
        width: 5rem;
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 6px;
    }
    header > div.mo a img {
        width: 60%;
    }
    header .menuPop .menuList {
        font-size: 4rem;
    }
    header .menuPop .snsWrap a img {
        width: 100%;
    }
    header .siteWrap .select {
        padding-right: 6rem;
    }
    header .selectOpenWrap .siteList {
        font-size: 3rem;
    }
    .featuresList.v2 li .en {
        font-size: 2.5rem;
    }
    .moDifferenceWrap {
        border-width: 4px;
        font-size: 2.7rem;
    }
    .moDifferenceWrap > div:last-child {
        border-width: 2px;
    }
    .differenceWrap .tit {
        min-height: 14rem;
        font-size: 3.2rem;
    }
    .differenceWrap .cont {
        font-size: 2rem;
    }
    .differenceWrap .cont li {
        min-height: 12.5rem;
        padding: 4rem 0;
    }
    .bgCircleLight.center {
        left: auto;
        right: 0;
    }
    .roadmapList .date {
        font-size: 4rem;
    }
    .roadmapList .subList {
        font-size: 2.5rem;
    }
    .roadmapList > li:before {
        width: 6rem;
        height: 6rem;
        bottom: -3rem;
        left: -3rem;
    }
    .roadmapList > li:after {
        width: 3rem;
        height: 3rem;
        bottom: -1.5rem;
        left: -1.5rem;
    }
    footer .snsWrap {
        gap: 1.5rem;
    }
    footer .snsWrap a img {
        width: 4.5rem;
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 5px;
    }
    section h2 {
        font-size: 7rem;
    }
    .distriWrap .table .division {
        width: 22rem;
        font-size: 2.5rem;
    }
    .distriWrap .table ul li:not(.thead) .content {
        font-size: 3rem;
    }
    .distriWrap .table .tableTxt {
        font-size: 2.5rem;
    }
}