section.trader {
    background: #0E1011;
    z-index: 2;
    overflow: initial;
}

section.trader .imgbox {
    position: relative;
    margin-top: 0;
    top: -220px;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.18), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.15), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.12), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.10), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.08), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.06);
    border-radius: 50px;    
}

section.trader .imgbox > div {
    background: #151515;
    padding: 43px;
    border: 1px solid #000;
    border-radius: 50px;
}


section.trader .imgbox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: rgba(14, 16, 17, 0.30);
    backdrop-filter: blur(5px);
}

section.trader .imgbox p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--Text-D9, #D9D9D9);
    text-align: center;
    font-family: Pretendard;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.top.ver2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(39, 39, 39, 0.50) 0%, rgba(115, 115, 115, 0.00) 39.51%);
    z-index: 2;
    animation: none;
}

section.top.ver2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 879px;
    opacity: 0.5;
    background: #EC7100;
    filter: blur(250px);
    animation: none;
}

section.top.ver2::after {
    content: '';
    top: -205px;
    right: -144px;
    position: absolute;
    width: 879px;
    height: 861px;
    border-radius: 879px;
    opacity: 0.5;
    background: #EC7100;
    filter: blur(250px);
    left: inherit;
}

section.top.ver2 .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

section.top.ver2 .ci {
    position: absolute;
    right: 92px;
    top: -82px;    
    z-index: 2;
}

section.top.ver2 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trader section.about {
    display: none;
}

.about section.about {
    padding: 160px 0;
}

.about section.about .inner {
    display: flex;
    gap: 140px;    
    flex-direction: column;
}

.about section.about .textbox {
    
}

.about section.about .textbox h3 {    
    color: #fff;
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22;
}

.about section.about .textbox p {
    margin-top: 40px;
    color: #fff;
    text-align: center;    
    font-size: 18px;    
    font-weight: 400;
    line-height: 1.33;
}

.about section.about .textbox a {
    display: block;
    width: max-content;
    margin:0 auto;
    margin-top: 48px;
    border-radius: 40px;
    border: 1px solid #999;
    padding: 15px 60px;
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about section.about .imgbox ul {
    display: flex;
    gap: 30px;
    margin: 0 auto;
    margin-top: 140px;
    justify-content: center;
    width: 100%;
    padding: 0 40px;
}

.about section.about .imgbox ul li {
    
}

.about section.about .imgbox ul li img {
    width: 100%;
}

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


    section.trader .imgbox {        
        width: 100%;        
    }

    section.trader .imgbox div img {
        max-width: 100%;
        width: 100%;
    }

    section.trader .imgbox p {        
        font-size: 7.5vw;
        max-width: max-content;
        width: 100%;
    }

    .about section.about .textbox h3 {
        font-size: 6vw;
    }

    .about section.about .textbox p {        
        font-size: 2vw;        
    }

    section.top.ver2 .ci {
        position: absolute;
        right: 5vw;
        top: 0;
        z-index: 2;
    }

    section.top.ver2 .ci img {
        width: 60vw;
    }

}

@media only screen and (max-width: 1200px) {
    section.top.ver1 .textbox h2 {
        font-size: 8vw;
    }

    section.top.ver1 .textbox p {
        font-size: 2vw;
    }
}

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

    section.top.ver1 .textbox h2 {
        font-size: 7.5vw;
    }

    section.top.ver1 .textbox p {
        font-size: 2vw;
    }


    .about section.about .imgbox {
        display: none;
    }

    section.about.ver1 .inner .box .imgbox {
        display: block
    }

    .about section.about {
        padding: 100px 0 0;
    }

    section.top.ver2 .ci {
        display: none;
    }

}

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

    section.top.ver1 {
        position: relative;
        background-color: #000;
        padding-bottom: 0;
        min-height: 100vh;
    }

    section.trader .imgbox {
        width: 100%;
        top: -100px;
    }

    section.top .textbox h2 {
        font-size: 38px;
        margin-top: 0;
    }

    section.top.ver1 .textbox h2 br {
        display: none;
    }

    section.top.ver1 .textbox h2 br.mobile {
        display: block;
    }

    section.top.ver1 .textbox p {
        font-size: 16px;
    }

    section.top.ver1 .textbox p br {
        display: none;
    }

    section.top.ver1 .textbox p br.mobile {
        display: block;
    }

    footer.ver1 {
        margin-top: 0;
        position: relative;
        z-index: 33;
    }

    .trader section.about {
        display: block;
    }


    .about section.about {
        padding: 120px 0 0;
    }

    .about section.about .textbox h3 {
        font-size: 40px;
    }

    .about section.about .textbox h3 br {
        display: none;
    }

    .about section.about .textbox h3 br.mobile {
        display: block;
    }

    .about section.about .textbox p {        
        font-size: 14px;        
        font-weight: 400;
        line-height: 1.4;
    }

    .about section.about .textbox a {        
        margin-top: 45px;        
        font-size: 16px;        
    }

    .about section.about.ver1 {
        padding-bottom: 60px;
    }

    section.top .textbox h2 br {
        display: none;
    }

    section.top .textbox h2 br.mobile {
        display: block;
    }

    section.top .textbox p br {
        display: none;
    }

    section.top .textbox p br.mobile {
        display: block;
    }

    section.top.ver2::after {
        display: none;
    }

    section.top .btnbox {
        position: relative;
        z-index: 2;
        margin-top: 70px;
        text-align: center;
    }

}