@charset "utf-8";
/* Generated by scripts/build_sub_modules.py from sub.css. Do not edit. */

.oracle-box1 { padding-top:110px; padding-bottom:110px; margin-top:-110px; }
.oracle-box1 .listbox { margin-top:50px; position:relative; z-index:1; }
.oracle-box1 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.oracle-box1 .listbox ul li { width:calc((100% - 40px) / 3); }
.oracle-box1 .listbox ul li .box { display:flex; align-items:center; background:#fff; height:165px; padding-left:40px; border-radius:15px; }
.oracle-box1 .listbox ul li .box .icon { width:98px; height:98px; border-radius:100px; background:#f9f9f9; display:flex; align-items:center; justify-content:center; }
.oracle-box1 .listbox ul li .box .txt { width:calc(100% - 98px); word-break:keep-all; padding:0 30px; font-size:20px; font-weight:400; color:#222; line-height:1.5 }
@media screen and (max-width:1500px){
    .oracle-box1 .listbox ul li .box .txt br { display:none }
}
@media screen and (max-width:1280px){
    .oracle-box1 .listbox ul li .box { padding-left:30px; border-radius:15px; }
    .oracle-box1 .listbox ul li .box .txt { word-break:keep-all; padding:0 20px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .oracle-box1 { padding-top:80px; padding-bottom:100px; margin-top:-80px; }
    .oracle-box1 .listbox ul { gap:20px; }
    .oracle-box1 .listbox ul li { width:calc((100% - 20px) / 2); }
    .oracle-box1 .listbox ul li .box { padding-left:20px; border-radius:8px; }
    .oracle-box1 .listbox ul li .box .icon { width:90px; height:90px; }
    .oracle-box1 .listbox ul li .box .txt { width:calc(100% - 90px); padding:0 15px; }
}
@media screen and (max-width:860px){
    .oracle-box1 .listbox ul { gap:10px; }
    .oracle-box1 .listbox ul li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
    .oracle-box1 { padding-bottom:80px; }
    .oracle-box1 .listbox ul li .box { height:130px; padding-left:15px; }
    .oracle-box1 .listbox ul li .box .icon { width:80px; height:80px; }
    .oracle-box1 .listbox ul li .box .icon img { width:32px; }
    .oracle-box1 .listbox ul li .box .txt { width:calc(100% - 80px); padding:0 15px; font-size:16px; }
}
@media screen and (max-width:540px){
    .oracle-box1 .listbox ul li { width:100%; }
    .oracle-box1 .listbox ul li .box { height:auto; padding:15px; }
    .oracle-box1 .listbox ul li .box .icon { width:80px; height:80px; }
    .oracle-box1 .listbox ul li .box .icon img { width:32px; }
    .oracle-box1 .listbox ul li .box .txt { width:calc(100% - 80px); padding:0 15px; font-size:16px; }
}

/* animation */
.oracle-box1 .listbox ul li { opacity:0; }
.oracle-box1 .listbox.subOn ul li { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }

/*** global ***/
.global-box > div:nth-child(1) { padding-bottom:110px; }
.global-velocity { padding:140px 0; }
.global-velocity * { word-break:keep-all; }
.global-velocity.bg { background:#fff; }
.global-velocity .listbox { margin-top:50px; }
.global-velocity.velocity-box1 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.global-velocity.velocity-box1 .listbox li { width:calc((100% - 40px) / 3); border-radius:10px; border:1px solid #ddd; background:#f9f9f9; padding:33px 10px 33px 33px; display:flex; align-items:center; }
.global-velocity.velocity-box1 .listbox li .icon { width:98px; height:98px; border-radius:98px; background:#fff; display:flex; align-items:center; justify-content:center; }
.global-velocity.velocity-box1 .listbox li .txtbox { width:calc(100% - 98px); padding-left:38px; font-size:18px; font-weight:400; color:#222; line-height:1.5; letter-spacing:-0.02em; }
.global-velocity.velocity-box1 .listbox li .txtbox strong { font-weight:600; }
.global-velocity.velocity-box1 .imgbox { margin:50px auto 0; text-align:center; }
.global-velocity.velocity-box1 .imgbox img { max-width:100%; }
.global-velocity.velocity-box3 .subTitle .txtbox { margin-top:10px; }
.global-velocity.velocity-box3 .listbox { margin:140px 0; }
.global-velocity.velocity-box3 .listbox .v-box { position:relative; margin:0 auto; max-width:540px; height:540px; display:flex; align-items:center; justify-content:center; }
.global-velocity.velocity-box3 .listbox .v-box:before { content:''; display:block; z-index:5; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/global/velocity_line.png) no-repeat right center; }
.global-velocity.velocity-box3 .listbox .v-box .circle-box { display:flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); width:300px; height:300px; border-radius:300px; }
.global-velocity.velocity-box3 .listbox .v-box .circle-box .box { font-size:32px; font-weight:700; color:#fff; line-height:1.5; letter-spacing:-0.02em; }
.global-velocity.velocity-box3 .listbox .v-box .circle { z-index:8; position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; background:#fff; width:200px; height:200px; border-radius:200px; border:1px solid var(--mainColor); filter:drop-shadow(0px 0px 20px rgba(5, 105, 255, 0.25)); }
.global-velocity.velocity-box3 .listbox .v-box .circle .txtbox { margin-top:15px; font-size:19px; font-weight:600; color:#222; line-height:1.5; letter-spacing:-0.02em;}
.global-velocity.velocity-box3 .listbox .v-box .circle-1 { right:-75px; top:-35px; }
.global-velocity.velocity-box3 .listbox .v-box .circle-2 { right:-75px; bottom:-35px; }
.global-velocity.velocity-box3 .listbox .v-box .circle-3 { left:-75px; bottom:-35px; }
.global-velocity.velocity-box3 .listbox .v-box .circle-4 { left:-75px; top:-35px; }
.global-velocity.velocity-box3 .linkbox { margin-top:50px; padding:0 115px; }
.global-velocity.velocity-box3 .linkbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.global-velocity.velocity-box3 .linkbox li { width:calc((100% - 60px) / 4); }
.global-velocity.velocity-box3 .linkbox li a { height:80px; width:100%; border-radius:80px; background:var(--mainColor); display:flex; align-items:center; justify-content:center; cursor: pointer;}
.global-velocity.velocity-box3 .linkbox li a span { display:inline-block; font-size:20px; font-weight:700; color:#fff; line-height:1.5; letter-spacing:-0.02em; padding:3px 36px 2px 0; background:url(../img/global/link_icon.png) no-repeat right center; }
@media screen and (max-width:1400px){
    .global-velocity.velocity-box3 .linkbox { margin-top:50px; padding:0; }
}
@media screen and (max-width:1280px){
    .global-velocity.velocity-box1 .listbox li { padding:20px 10px 20px 20px; }
    .global-velocity.velocity-box1 .listbox li .icon { width:98px; height:98px; }
    .global-velocity.velocity-box1 .listbox li .txtbox { width:calc(100% - 98px); padding-left:25px; }
    .global-velocity.velocity-box3 .linkbox li a { height:70px; }
    .global-velocity.velocity-box3 .linkbox li a span { font-size:19px; }
}
@media screen and (max-width:1024px){
    .global-box > div:nth-child(1) { padding-bottom:100px; }
    .global-velocity { padding:100px 0; }
    .global-velocity .listbox { margin-top:40px; }
    .global-velocity.velocity-box1 .listbox li { padding:20px 10px 20px 20px; }
    .global-velocity.velocity-box1 .listbox li .icon { width:75px; height:75px; }
    .global-velocity.velocity-box1 .listbox li .icon img { width:38px; }
    .global-velocity.velocity-box1 .listbox li .txtbox { width:calc(100% - 75px); padding-left:20px; font-size:16px; }
    .global-velocity.velocity-box3 .listbox { margin:100px 0; }
    .global-velocity.velocity-box3 .linkbox { margin-top:40px; }
    .global-velocity.velocity-box3 .linkbox li a { height:60px; }
    .global-velocity.velocity-box3 .linkbox li a span { font-size:18px; }
}
@media screen and (max-width:860px){
    .global-velocity.velocity-box1 .listbox ul { gap:10px; }
    .global-velocity.velocity-box1 .listbox li { width:calc((100% - 20px) / 3);  }
    .global-velocity.velocity-box2 .listbox li { width:calc((100% - 10px) / 2);  }
    .global-velocity.velocity-box3 .linkbox ul { gap:10px; }
    .global-velocity.velocity-box3 .linkbox li { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:760px){
    .global-velocity.velocity-box1 .listbox li { width:100%;  }
    .global-velocity.velocity-box3 .linkbox li { width:calc((100% - 10px) / 2); }
    .global-velocity.velocity-box3 .listbox .v-box { max-width:400px; height:400px; }
    .global-velocity.velocity-box3 .listbox .v-box:before { background-size:100% auto; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-box { width:220px; height:220px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-box .box { font-size:22px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle { width:160px; height:160px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle .icon img { width:60px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle .txtbox { margin-top:12px; font-size:17px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-1 { right:-65px; top:-30px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-2 { right:-65px; bottom:-30px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-3 { left:-65px; bottom:-30px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-4 { left:-65px; top:-30px; }
}
@media screen and (max-width:640px){
    .global-box > div:nth-child(1) { padding-bottom:80px; }
    .global-velocity { padding:80px 0; }
    .global-velocity .listbox { margin-top:30px; }
    .global-velocity.velocity-box3 .listbox { margin:80px 0; }
    .global-velocity.velocity-box3 .listbox .v-box { max-width:270px; height:270px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-box { width:150px; height:150px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-box .box { font-size:18px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle { width:125px; height:125px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle .icon img { width:45px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle .txtbox { margin-top:8px; font-size:15px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-1 { right:-55px; top:-25px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-2 { right:-55px; bottom:-25px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-3 { left:-55px; bottom:-25px; }
    .global-velocity.velocity-box3 .listbox .v-box .circle-4 { left:-55px; top:-25px; }
    .global-velocity.velocity-box3 .linkbox { margin-top:30px; }
    .global-velocity.velocity-box3 .linkbox li a { height:55px; }
    .global-velocity.velocity-box3 .linkbox li a span { font-size:17px; padding:5px 30px 2px 0;  }
}

/* animation */
.global-velocity .listbox,
.global-velocity.velocity-box1 .imgbox,
.global-velocity.velocity-box3 .linkbox { opacity:0; }
.global-velocity.subOn .listbox,
.global-velocity.velocity-box1.subOn .imgbox,
.global-velocity.velocity-box3 .linkbox.subOn { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }