@charset "utf-8";

@import url('./font.css');

/*** reset ***/
* {font-family: 'Avenir', sans-serif;letter-spacing:0;outline:none;word-break: keep-all;color:#eff3ff;}
html,body {width:100%;height:100%;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: 300;}
img {border:none;max-width: 100%;}
div > img, a > img {display: block;}
html,body,ul,ol,p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
a {text-decoration: none;outline:none;}
ul li, ol li {list-style: none;vertical-align: middle}
li > a, div > a {display:block;}
textarea {resize:none;}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand { display: none; }
form * {border:0;outline:0;margin:0;padding:0;}
input,button,textarea {border-radius:0;-webkit-appearance: none;box-shadow: none;}
svg {overflow:hidden;width:100%;height:100%;}
table {border-collapse: collapse;}
button {border:none;background: none;cursor: pointer;}
label {cursor: pointer;display: inline-block;}
picture, picture img {display: block;}
strong, span, a {color:inherit;letter-spacing: inherit;line-height: inherit;font-size: inherit;font-family: inherit;}
strong {font-weight: bold;}


/*** common style ***/
section {overflow: hidden;}
.content-inner {max-width:1220px;margin:0 auto;padding:0 80px;box-sizing: border-box;}
.wrap-content .title {font-size: 64px;line-height: 84px;font-weight: bold;}
.wrap-content .cont {font-size: 23px;line-height: 40px;font-weight: 200;margin-top: 30px;}

[data-aos] {--value: 30px;}
[data-aos=fade-down]:not(.aos-animate) {transform: translate3d(0, calc(var(--value) * -1), 0);}
[data-aos=fade-up]:not(.aos-animate) {transform: translate3d(0, var(--value), 0);}
[data-aos=fade-left]:not(.aos-animate) {transform:translate3d(var(--value), 0, 0);}
[data-aos=fade-right]:not(.aos-animate) {transform:translate3d(calc(var(--value) * -1), 0, 0);}

@media (max-width: 1440px) and (min-width:910px) {
  .content-inner {max-width: 1007px;padding: 0 40px;} 
}

@media (min-width: 735px) {
  .mo {display: none;}
}

@media (max-width: 734px) {
  .pc {display: none;}
  .content-inner {padding:0 30px}

  .wrap-content {text-align: center;}
  .wrap-content .title {font-size: 32px;line-height: 45px;}
  .wrap-content .cont {font-size: 16px;line-height: 26px;margin-top: 20px;}

  section:not(.intro) [data-aos] {transition-delay: 0s !important;}
}

/* zoom */
@media (max-width: 1200px) and (min-width: 910px) {
  body {zoom: 0.85;}
}

@media (max-width: 909px) and (min-width: 735px) {
  body {zoom: 0.7;}
}

@media (max-width: 1200px) and (min-width: 735px) {
  main > section:last-child [data-aos] {opacity: 1;transform: translateZ(0);}
}

/* button 공통 스타일 */
.btn {display: inline-block;}
.btn-icon {cursor: pointer; padding: 10px;}
.btn a {padding: 10px 30px 9px;text-align: center;font-weight: bold;font-family: "Nunito", sans-serif;
  font-size: 18px;border-radius: 30px;letter-spacing: 0.5px;}
.btn-blue a {background-color: #1E53E7;color:#fff;padding-left: 32px;padding-right: 32px;transition: background 0.5s;}
.btn-blue a:hover {background-color: #1444c7;}
.btn-ghost a {border:1px solid #eff3ff;border-radius: 50px;padding:9px 30px 10px;transition: 0.5s;}
.btn-ghost a::after {content: "";background: url('../images/btn-arrow.png') no-repeat center / 100%;width:8px;height:14px;
  display: inline-block;vertical-align: middle;margin-left: 10px;transition: 0.5s;border-color: transparent;margin-top: -3px;}
.btn-ghost a:hover {background-color: #eff3ff;color:#080725;}
.btn-ghost a:hover::after {background-image: url('../images/btn-arrow-dark.png');}

@media (max-width: 734px) {
  .btn a {min-width: 173px;box-sizing: border-box;padding: 10px 28px 11px;font-size: 16px;}
}

/* comming soon 말풍선 */
.btn-soon a {position: relative;cursor: default;}
.btn-soon a::after {font-family: 'Nunito', sans-serif;content: "Coming Soon";position: absolute;top: 120%;left: 50%;transform: translateX(-50%) translateY(0);background-color: #34314e;color: #fff;padding: 6px 10px;border-radius: 6px;white-space: nowrap;font-size: 13px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none;z-index: 10;}
.btn-soon a::before {content: "";position: absolute;top: calc(120% - 11px);left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: transparent transparent #34314e transparent; /* 위를 향하는 꼬리 */opacity: 0;visibility: hidden;transition: opacity 0.3s ease;pointer-events: none;z-index: 9;}
.btn-soon a:hover::after,
.btn-soon a:hover::before {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(5px);}

.btn-soon.soon-top a::after {bottom: 120%;top: auto;transform: translateX(-50%) translateY(0);}
.btn-soon.soon-top a::before {bottom: calc(120% - 11px);top: auto;border-color: #333 transparent transparent transparent;}
.btn-soon.soon-top a:hover::after,
.btn-soon.soon-top a:hover::before {transform: translateX(-50%) translateY(-5px);}

/* wrap-card */
.wrap-card {display: flex;gap:80px 30px;justify-content: center;}
.wrap-card .card-item {background: linear-gradient(180deg,rgba(78, 160, 227, 1) 0%,rgba(84, 41, 255, 1) 100%);
  border-radius: 30px;padding: 50px 40px 50px 50px;max-width: 340px;box-sizing: border-box;}
.wrap-card .card-item .tit {font-size: 36px;font-weight: bold;line-height: 40px;}
.wrap-card .card-item .subtit {font-size: 36px;margin-top:10px;}
.wrap-card .card-item .desc {font-size: 23px;line-height: 34px;margin-top: 20px;}
.wrap-card .card-item .desc ul li {font-size: 16px;line-height: 32px;position: relative;padding-left: 20px;}
.wrap-card .card-item .desc ul li::before {content: "";position: absolute;width:5px;height: 5px;background: #fff;
  border-radius: 100%;left:7px;top:12px;}

@media (max-width: 734px) {
  .wrap-card {gap:30px;}
  .wrap-card .card-item {border-radius: 22px;padding: 40px 30px;max-width: 250px;}
  .wrap-card .card-item .tit {font-size: 26px;line-height: 32px;}
  .wrap-card .card-item .subtit {font-size: 26px;}
  .wrap-card .card-item .desc {font-size: 15px;line-height: 24px;}
  .wrap-card .card-item .desc ul li {line-height: 24px;}
}

/* .sticky-wrap */
.js-will-change {will-change: transform;}
.sticky-container {position: sticky;top:0;height:100vh;}
.sticky-content {width: 100%;height: 100%;
  position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-sizing: border-box;}

/* header */
header {position: fixed;top:0;left:0;width: 100%;z-index: 999;background: linear-gradient(180deg, rgb(2 2 10 / 55%) 0%, transparent 100%);}
header .header-inner {display: flex;justify-content: space-between;align-items: center;
  padding:30px 67px 30px 50px;max-width: 1440px;box-sizing: border-box;margin:0 auto;}
header .logo {width: 102px;}
header .menu a {font-size: 18px;letter-spacing: 1px;font-weight: 300;}

header .sns-item {display: flex;align-items: center;justify-content: flex-start;gap:20px;height: 23px;}
header .sns-item * {height: 100%;}
header .sns-item img {max-width: unset;width: auto;}
header .btn-direct .btn a {padding-left:28px;padding-right: 28px;font-size: 14px;font-weight: 600;}

@media (min-width: 1321px) {
  header .wrap-list {display: flex;align-items: center;justify-content: flex-start;gap:30px;}
  header .menu {margin-right: 10px;}
  header .menu ul {display: flex;align-items: center;gap:50px;}
  header .menu a {font-family: 'Nunito', sans-serif;position: relative;}
  header .menu a::before {content: "";position: absolute;left:0%;right:0%;bottom:-1px;width: 0;height:1px;background-color:#eff3ff;transition: width 0.3s;
    margin:auto;}
  header .menu a:hover::before {width: 100%;}
}

@media (max-width: 1320px) {
  header .pc {display: none;}
  header .mo {display: block;}

  header .header-inner {padding:27px 50px;}
  header .wrap-right {display: flex;align-items: center;justify-content: flex-start;gap:10px;}
  header .wrap-right .btn-icon {width: 25px;}
  header .wrap-list {position: fixed;top:0;right: 0;min-width:218px;width:61vw;max-width:300px;transform: translateX(100%);transition: transform 0.5s;
    background: rgba(30, 83, 231, 0.6);backdrop-filter: blur(15px);border-bottom-left-radius: 30px;padding-top:71px;padding-bottom: 50px;}
  header.on .wrap-list {transform: translateX(0);}
  header .wrap-list .btn-icon {padding-left: 37px;}
  header .wrap-list .btn-icon img {width: 28px;}
  header .menu {margin-top: 20px;}
  header .menu a {color:#fff; font-size: 16px;padding:10px;padding-left: 39px;margin:10px 0;}
  header .sns-item {padding-left: 29px;height:43px;gap:0;margin-top: 34px;}
  header .sns-item a {padding: 10px;box-sizing: border-box;}

}

@media (max-width: 734px) {
  header .header-inner {padding:0;}
  header .logo a {width: 32px;padding:14px 10px 14px 22px;}
  header .wrap-right .btn-icon {padding:17px 26px 17px 10px;}
  header .btn-direct .btn a {padding:7px 27px 6px 27px;width: auto;min-width: unset;}
}

/* footer */
footer {background: #080725;padding:34px 0 31px;}
footer .footer-inner {max-width: 1440px;box-sizing: border-box;margin:0 auto;display: flex;
  align-items: center;justify-content: space-between;padding:0 70px 0 50px;}
footer .logo {width: 102px;}
footer .menu ul {display: flex;justify-content: flex-start;align-items: center;gap:60px}
footer .menu a {font-size: 18px;font-family: "Nunito", sans-serif;font-weight: bold;}

@media (max-width: 1320px) {
  footer .footer-inner {padding:0 60px 0 50px;}
}

@media (max-width: 734px) {
  footer {padding: 27px 0 37px;}
  footer .footer-inner {flex-direction: column;gap:30px;padding:0 25px;}
  footer .menu ul {flex-wrap: wrap;gap:10px;justify-content: center;}
  footer .menu a {font-size: 16px;padding:10px;}

}


/*** MAIN ***/
/* intro */
section.intro {background: url('../images/intro-bg.png') no-repeat center / cover;height: 100vh;}
section.intro .title {font-weight: 400;}
section.intro .wrap-btn {margin-top: 35px;display: flex;gap:20px;}

@media (min-width: 735px) {
  section.intro .content-inner {display: flex;align-items: center;width: 100%;height: 100%;}
  section.intro .inner-wrap {margin-top: 20px;}
}

@media (max-width: 734px) {
  section.intro {background-image: url('../images/intro-bg-mo.png');}
  section.intro .inner-wrap {padding-top: 100px;}
  section.intro .wrap-btn {flex-direction: column;margin-top: 30px;align-items: center;}
  section.intro .btn a {font-size: 18px;padding:9px 28px 10px;min-width: 184px;}
  section.intro .cont {line-height: 29px;}
}

/* about */
section.about {background: url('../images/about-bg.png') repeat center / auto 100%;padding:91px 0;}
section.about .content-inner {display: flex;align-items: center;justify-content: space-between;gap:60px;}
section.about .wrap-content {flex-shrink: 0;max-width: 100%;}
section.about .box-img {margin-top: 70px;margin-right: -20px;}

@media (max-width: 1440px) {
  section.about .box-img {margin-right:-7.98vw;}
}

@media (max-width: 734px) {
  section.about {background: url('../images/about-bg-mo.png') repeat center bottom / cover;padding:47px 0 106px;}
  section.about .content-inner {flex-wrap: wrap;justify-content: center;gap:50px;}
  section.about .box-img {margin: 0;max-width: 240px;}
}

/* ecosystem */
section.ecosystem {background: #080725;padding:100px 0 178px;}
section.ecosystem .wrap-content {text-align: center;}
section.ecosystem .wrap-item {margin-top: 100px; display: flex; flex-direction: column;gap:120px;align-items: center;width:100%;}
section.ecosystem .wrap-item .item {display: flex;flex-direction: column;gap:45px;width:100%;}
section.ecosystem .item-top {display: flex;justify-content: space-between;align-items: center;width: 100%;}
section.ecosystem .item-top .box-title {display: flex;align-items: center;gap:40px;font-weight: bold;}
section.ecosystem .item-top .box-title .icon {width: 120px;}
section.ecosystem .item-top .box-title .title {font-size: 36px;}
section.ecosystem .item-top .box-label .label{display: inline-block;font-size: 24px;background: rgb(23 13 67 / 50%);
  border-radius: 10px;padding:18px 10px 19px;text-align: center;font-weight: bold;width:224px;box-sizing: border-box;}

section.ecosystem .item-bottom .box-cont {font-size: 23px;font-weight: 200;line-height: 35px;}
section.ecosystem .item-bottom .box-info {display: flex;flex-direction: column;gap:30px;padding-left: 73px;}
section.ecosystem .item-bottom .box-info .main {font-size: 28px;font-weight: bold;}
section.ecosystem .item-bottom .box-info .sub {font-size: 16px;color:rgb(255 255 255 / 70%);margin-top:5px;line-height: 23px;}

@media (min-width: 1441px) {
  section.ecosystem .item-top {max-width: 982px;}
  section.ecosystem .item-top .box-label {width: 240px;}
}

@media (max-width: 1440px) {
  section.ecosystem .item-bottom {gap:50px;}
  section.ecosystem .item-bottom .box-info {padding-left: 60px;width:260px;}
}

@media (max-width: 1440px) and (min-width: 735px) {
  section.ecosystem .item-top .box-label {width: 320px;}
}

@media (min-width: 735px) {
  section.ecosystem .item-bottom {display: flex;justify-content: space-between;align-items: center; gap:60px;}
  section.ecosystem .item-bottom .box-cont {flex:1;}
  section.ecosystem .item-bottom .box-info {width:300px;position: relative;flex-shrink: 0;}
  section.ecosystem .item-bottom .box-info::before {content: "";position: absolute;left:0;top:0;width:1px;height: 100%;background: rgb(255 255 255 / 75%);}
  section.ecosystem .item-bottom .box-info .sub {max-width: 260px;}
}

@media (max-width: 734px) {
  section.ecosystem {padding: 50px 0 120px;}
  section.ecosystem .wrap-item {gap:0;}
  section.ecosystem .wrap-item .item {padding: 44px 0;gap:18px;border-top: 1px solid rgb(255 255 255 / 75%);}
  section.ecosystem .wrap-item .item:last-child {padding-bottom: 0;}
  section.ecosystem .item-top {position: relative;}
  section.ecosystem .item-top .box-title {flex-direction: column;gap:30px;align-items: flex-start;width: 100%;}
  section.ecosystem .item-top .box-title .icon {width: 80px;}
  section.ecosystem .item-top .box-title .title {font-size: 22px;}
  section.ecosystem .item-top .box-label .label {font-size: 16px;padding-top:15px;padding-bottom: 16px;width:170px;
    position: absolute;right:0;top:14px;}

  section.ecosystem .item-bottom .box-cont {font-size: 16px;line-height: 25px;}
  section.ecosystem .item-bottom .box-info {flex-direction: row;justify-content: space-between;padding:0;width: 100%;margin-top: 30px;}
  section.ecosystem .item-bottom .box-info > .info:first-child {flex-shrink: 0;}
  section.ecosystem .item-bottom .box-info > .info:last-child {max-width: 140px;padding-right: 10px;}
  section.ecosystem .item-bottom .box-info .main {font-size: 20px;}
  section.ecosystem .item-bottom .box-info .sub {font-size: 14px;line-height: 20px;}
}

/* utility */
section.utility {background: #221E95;padding:90px 0 142px;}
section.utility .content-inner {max-width: 1240px;}
section.utility .wrap-content {text-align: center;}
section.utility .wrap-card {margin-top: 80px;flex-wrap: wrap;}

@media (max-width: 1440px) and (min-width:910px) {
  section.utility .content-inner {max-width: 1160px;}
}

@media (max-width: 734px) {
  section.utility {padding:61px 0 106px}
  section.utility .wrap-card {margin-top: 40px;}
}

/* swap */
section.swap {background: #080725;padding:82px 0 160px;}
section.swap .wrap-content {text-align: center;position: relative;z-index: 2;}
section.swap .wrap-content .box-btn {margin-top: 20px;position: relative;z-index: 2;}
section.swap .wrap-item {margin-top: 40px;position: relative;z-index: 1;}
section.swap .wrap-item .item {border-radius: 17px;overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);max-width: 650px;
  margin: 0 auto;}

@media (min-width: 735px) {
  section.swap .wrap-item::before {content: "";position: absolute;width: 200%;height:170%;left:50%;top:50%;transform: translate(-50%, -52%);
    background: url('../images/swap-bg-gradient.png') no-repeat center / auto 100%;z-index: -1;}  
}

@media (max-width: 734px) {
  section.swap {padding:63px 0 55px;}
  section.swap .wrap-item .item {border-radius: 22px;}
  section.swap .wrap-item .item img {margin:0 auto;}
}

/* tokenomics */
section.tokenomics {padding:82px 0 127px;background: #080725;}
section.tokenomics .wrap-content {text-align: center;}
section.tokenomics .wrap-chart {margin-top: 70px;}
section.tokenomics .wrap-chart .chart-img {max-width: 928px;margin:0 auto}
section.tokenomics .wrap-chart .chart-list {margin:0 auto;margin-top: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;
  align-items: flex-start;max-width: 840px;}
section.tokenomics .chart-list .list-col {max-width: 320px;display: flex;flex-direction: column;gap:30px;width:50%;}
section.tokenomics .chart-list .item {display: flex;align-items: center;justify-content: space-between;width:100%;}
section.tokenomics .chart-list .item .color {width: 56px;height: 56px;border-radius: 100%;background-color:var(--item-color, #61A5FA);}
section.tokenomics .chart-list .item .name {font-size: 24px;font-weight: 200;text-align: center;}
section.tokenomics .chart-list .item .per {font-size: 24px;font-weight: bold;}
section.tokenomics .wrap-chart .chart-desc {margin-top: 80px;text-align: center;font-size: 24px;}

section.tokenomics .wrap-bottom {margin-top: 70px;text-align: center;}
section.tokenomics .wrap-bottom .title {font-size: 64px;font-weight: bold;}
section.tokenomics .wrap-bottom .desc {font-size: 24px;margin-top: 30px;}
section.tokenomics .wrap-bottom .wrap-btn {text-align: center;margin-top: 30px;}

@media (max-width: 734px) {
  section.tokenomics {padding: 60px 0 77px;}
  section.tokenomics .wrap-chart {margin-top: 40px;}
  section.tokenomics .wrap-chart .chart-img {margin:0 -30px;}
  section.tokenomics .wrap-chart .chart-list {margin-top: 40px;flex-direction: column;gap:30px;align-items: center;}

  section.tokenomics .chart-list .list-col {max-width: 260px;width: 100%;}
  section.tokenomics .chart-list .item .color {width: 42px;height: 42px;}
  section.tokenomics .chart-list .item .name {font-size: 16px;}
  section.tokenomics .chart-list .item .per {font-size: 16px;}

  section.tokenomics .wrap-chart .chart-desc {font-size: 16px;margin-top: 40px;line-height: 26px;}
  section.tokenomics .wrap-bottom {margin-top: 40px;}
  section.tokenomics .wrap-bottom .title {font-size: 32px;line-height: 43px;}
  section.tokenomics .wrap-bottom .desc {font-size: 16px;margin-top: 20px;line-height: 26px;}
  section.tokenomics .wrap-bottom .wrap-btn {margin-top: 20px;}
}

/* why */
section.why {background: #eff3ff;padding:94px 0 128px;}
section.why .wrap-content {text-align: center;}
section.why .wrap-content .title {color: #080725;}
section.why .wrap-item {margin:0 auto;margin-top: 60px;display: flex;gap:20px;justify-content: center;position: relative;max-width: 920px;}
section.why .wrap-item .item {border-radius: 30px;overflow: hidden;background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(15px);padding:50px;box-sizing: border-box;z-index: 1;}
section.why .wrap-item .item .tit {font-size: 40px;font-weight: bold;color:#080725;}
section.why .wrap-item .item .desc {font-size: 24px;color:#3A3E76;line-height: 40px;margin-top: 20px;}

section.why .bg-icon .icon {position: absolute;z-index: 0;}
section.why .bg-icon .icon:nth-child(1) {width:178px;left:-93px;top: -60px;}
section.why .bg-icon .icon:nth-child(2) {width:177px;right:-119px;top:47%;}
section.why .bg-icon .icon:nth-child(3) {width:124px;left:248px;bottom: -60px;}

@media (min-width: 735px) {
  section.why .wrap-item {flex-wrap: wrap;}
  section.why .wrap-item .item {flex-basis: 50%;max-width: 450px;}
}

@media (max-width: 734px) {
  section.why {padding: 66px 0 74px;}
  section.why .wrap-item {margin-top: 45px;flex-direction: column;align-items: center;max-width: 250px;}
  section.why .wrap-item .item {padding:30px;}
  section.why .wrap-item .item .tit {font-size: 26px;line-height: 35px;}
  section.why .wrap-item .item .desc {font-size: 16px;line-height: 24px;margin-top: 16px;}

  section.why .bg-icon .icon:nth-child(1) {width:80px;left:-25px;top: -25px;}
  section.why .bg-icon .icon:nth-child(2) {width:71px;right:-35px;top:unset;bottom:28%}
  section.why .bg-icon .icon:nth-child(3) {width:64px;left:-13px;bottom: -2px;}
}

/* roadmap */
section.roadmap {padding: 123px 0 180px;background: #221E95;overflow: unset;}
section.roadmap .wrap-content {text-align: center;}
section.roadmap .wrap-card {margin-top: 60px;justify-content: center;}
section.roadmap .wrap-card .card-item {width: 393px;max-width: unset!important;flex-shrink: 0;}
section.roadmap .wrap-card .card-item .tit {line-height:48px;}
section.roadmap .wrap-card .card-item .desc {margin-top: 30px;}

section.roadmap.sticky-section {height: 250vh;box-sizing: border-box;}
section.roadmap.sticky-section .sticky-container {top:4vh;height:calc(100vh - 4vh);}
section.roadmap.sticky-section .sticky-content {height: 840px;}

section.roadmap.sticky-section .sticky-wrap {overflow: hidden;position: relative;box-sizing: content-box;height:100%;}
section.roadmap.sticky-section .sticky-scroll {position: absolute;left:0;top:0;transform: translateX(0%);}
section.roadmap.sticky-section .sticky-scroll .sticky-item:first-child {margin-left: 50%;}

@media (min-width: 1600px) {
  section.roadmap.sticky-section {height: 200vh;}
}

@media (min-width: 735px) {
  section.roadmap.sticky-section .sticky-scroll {transition: transform 0.5s;}
}

@media (max-width: 734px) {
  section.roadmap {padding: 54px 0 0;}
  section.roadmap.sticky-section {height: 280vh;}
  section.roadmap.sticky-section .sticky-container {top:0;height:100vh;}
  section.roadmap.sticky-section .sticky-content {height: 700px;}
  section.roadmap.sticky-section .sticky-scroll .sticky-item:first-child {margin-left: 11%;}
  section.roadmap .wrap-card .card-item {width: 252px;padding:30px 20px;scroll-snap-align: center;}
  section.roadmap .wrap-card .card-item .tit {line-height: 33px;}
  section.roadmap .wrap-card .card-item .desc {padding-right: 10px;}
}

/* community */
section.community {background: #080725;padding: 93px 0 146px;}
section.community .wrap-content {text-align: center;}
section.community .wrap-item {display: flex;gap:5px;align-items: flex-end;justify-content: center;margin-top: 60px;}
section.community .wrap-item .item {transition: transform 0.5s;transform: translateY(0);}
section.community .wrap-item .icon {width:100px;margin:0 auto;overflow: hidden;border-radius: 100%;}
section.community .wrap-item .label {font-size: 26px;line-height: 34px;font-weight: 200;text-align: center;margin-top: 30px;}
section.community .wrap-item .item:hover {transform: translateY(-10px);}

@media (min-width: 735px) {
  section.community .wrap-content .cont {font-size: 32px;line-height: 41px;}
  section.community .wrap-item .item {width: 230px;}
}

@media (max-width: 734px) {
  section.community {padding:66px 0 77px;}
  section.community .wrap-item {flex-direction: column;gap:40px;align-items: center;}
  section.community .wrap-item .icon {width: 80px;}
  section.community .wrap-item .label {font-size: 20px;margin-top: 20px;line-height: 26px;}
}


/* ask */
section.ask {background: #EFF3FF;padding:41px 0 85px;}
section.ask .wrap-content {text-align: center;}
section.ask .wrap-content .title {color:#080725}
section.ask .bg-container {position: relative;max-width: 928px;margin:0 auto;margin-top: 60px;}
section.ask .wrap-qna {background: rgb(255 255 255 / 40%);box-sizing: border-box;display: flex;
  flex-direction: column;gap:0;backdrop-filter: blur(15px);border-radius: 10px;padding:50px 60px 20px 60px;position: relative;z-index: 1;}
section.ask .wrap-qna .qna-item {counter-increment: qnaItem;}
section.ask .wrap-qna .tit {font-size: 28px;color:#080725;font-weight: bold;position: relative;
  cursor: pointer;padding:30px 70px 30px 35px;}
section.ask .wrap-qna .tit::before {content: counter(qnaItem) ". ";position: absolute;left:0;top:30px;}
section.ask .wrap-qna .tit::after {content:"";width:20px;height:37px;background: url('../images/ask-arrow.png') no-repeat center / 100%;
  position: absolute;right:20px;top:50%;transform: rotate(0);transition: transform 0.5s;margin-top: -18px;}
section.ask .wrap-qna .desc {font-size: 24px;line-height: 40px;color:#3A3E76;display: none;padding-bottom: 30px;}
section.ask .wrap-qna .qna-item.open .tit::after {transform: rotate(90deg);}

section.ask .bg-container .bg-icon .icon {position: absolute;z-index: 0;}
section.ask .bg-container .bg-icon .icon:nth-child(1) {width:81px;top:37px;left:-55px;}

@media (max-width: 734px) {
  section.ask{padding:55px 0 90px;}
  section.ask .bg-container {margin-top: 20px;}
  section.ask .wrap-qna {padding:25px 0 36px;}
  section.ask .wrap-qna .tit {padding: 15px 80px 15px 50px;font-size: 18px;}
  section.ask .wrap-qna .tit::before {top:15px;left:22px;}
  section.ask .wrap-qna .tit::after {width: 13px;height: 24px;right:42px;margin-top: -14px;}
  section.ask .wrap-qna .desc {font-size: 16px;line-height: 24px;padding:5px 22px 30px 22px}

  section.ask .bg-container .bg-icon .icon:nth-child(1) {width:44px;top:31px;left:-17px;}
  section.ask .bg-container .bg-icon .icon:nth-child(2) {width:112px;top:500px;right:81px;}
}

/* stay */
section.stay {background: #221E95;padding:61px 0 74px;overflow: visible;position: relative;}
section.stay .wrap-content {text-align: center;}
section.stay .wrap-sns {display: flex;align-items: center;justify-content: center;gap:40px;height:23px;margin-top: 41px;}
section.stay .wrap-sns .item {height: 100%; width: auto;}
section.stay .wrap-sns .item a {height: 100%;}
section.stay .wrap-sns .item img {width: auto;height: 100%;}

@media (min-width: 735px) {
  section.stay .wrap-content {position: relative;}
}

section.stay .wrap-content .bg-icon .icon {position: absolute;z-index: 0;}
section.stay .wrap-content .bg-icon .icon:nth-child(1) {width:229px;top:-280px;right:-70px;}

@media (max-width: 734px) {
  section.stay {padding: 31px 0 46px;}
  section.stay .wrap-content .bg-icon .icon:nth-child(1) {width:61px;top:-85px;right:0px;}
  section.stay .wrap-sns {margin-top: 33px;height:19px;}
}

