main{
    font-family: 'Pretendard';
    background-color: #000;

}
/* bit svg logo */
/* .s1 ._b, .s1 ._i, .s1 ._t{
    opacity: 0;
}
.s1 ._p, .s1 ._la, .s1 ._e, .s1 ._n, .s1 ._t2{
    opacity: 0;
} */

svg{overflow: visible;}

/*  */
.s1{
    padding-top: 150px;
    padding-bottom: 120px;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    height: 100vh;
    padding-top: 19em;
}
.s1 .wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 19em;
}
.s1 .logoBx{
    max-width: 1072px;width: 100%;
}
.s1 .btc_price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 65px;
    text-align: center;
}
.s1 .btc_price p{
    font-size: 32px;font-weight: 600;
    color: #fff;
}
.s1 .btc_price span{
    color: #8e8e8e;
    font-size: 18px;font-weight: 300;
    display: block;
    margin-top: 15px;
}

.s1 .btc_price .btc_holdings p::before{content: '₿';
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}


@media screen and (max-width: 1680px) {
    .s1{padding-top: 14em;}
    .s1 .wrap{gap: 14em;}
    .s1 .logoBx {max-width: clamp(850px, 850 / 1440 * 100vw, 1072px);}
    .s1 .btc_price p{font-size: clamp(28px, 28 / 1440 * 100vw, 32px);}
    .s1 .btc_price .btc_holdings p::before{font-size: clamp(28px, 28 / 1440 * 100vw, 32px);}
}
@media screen and (max-width: 1440px) {
    .s1 .logoBx {max-width: clamp(750px, 750 / 1280 * 100vw, 850px);}
    .s1 .wrap {
        justify-content: space-around;
        height: 100%;
        gap: unset;
    }
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {
    .s1 .logoBx {max-width: clamp(650px, 650 / 820 * 100vw, 750px);}

}
@media screen and (max-width: 820px) {
    .s1{padding-top: 8em;}
    .s1 .logoBx{max-width: clamp(400px, 400 / 500 * 100vw, 650px);}
    .s1 .btc_price{flex-direction: column;gap: 0;}
    .s1 .btc_price .bar{rotate: 90deg;}


}
@media screen and (max-width: 500px) {
    .s1{padding: 100px 0;}
    .s1 .wrap{justify-content: center;gap: 4em;}
    .s1 .logoBx{max-width: clamp(300px, 300 / 500 * 100vw, 400px);}
    .s1 .btc_price p{font-size: clamp(24px, 24 / 360 * 100vw, 28px);}
    .s1 .btc_price .btc_holdings p::before{font-size: clamp(24px, 24 / 360 * 100vw, 28px);}
    .s1 .btc_price span{font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
}
@media screen and (max-width: 360px) {
    .s1 .btc_price p{font-size: clamp(22px, 22 / 360 * 100vw, 24px);}
    .s1 .btc_price .btc_holdings p::before{font-size: clamp(22px, 22 / 360 * 100vw, 24px);}
    .s1 .btc_price span{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
}


.s2{box-sizing: border-box;padding-bottom: 100px;}
.s2 .cont{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.s2 .cont .left{}
.s2 .cont .left .bigTit{}
.s2 .cont .left .bigTit h2{font-size: 82px;font-weight: 500;color: #fff;position: relative;}
.s2 .cont .left .bigTit h2::before{
    content: '';
    display: block;
    position: absolute;
    top: -25%;
    left: -8%;
    /* width: 100%; */
    width: 64px;
    height: 64px;
    background-image: url(/asset/img/main/s2_cir.png);
    background-size: cover;
    background-repeat: no-repeat;
}
/* .s2 .cont .left .bigTit h2{overflow: hidden;} */
/* .s2 .cont .left .bigTit h2 > div{overflow: hidden;} */
.s2 .cont .left .bigTit h2 em{color: var(--orange);display: inline-block;}
.s2 .cont .left .bigTit h2 span{display: inline-block;}
.s2 .cont .left .desc{}
.s2 .cont .left .desc > div{overflow: hidden;}
.s2 .cont .left .desc em{display: block;font-size: 34px;font-weight: 500;color: #fff;letter-spacing: -0.025em;margin-top: 1em;line-height: calc(45 / 34);}
.s2 .cont .left .desc p{
    font-size: 24px;font-weight: 500;
    /* color: #b7b7b7; */
    letter-spacing: -0.025em;margin-top: .5em;
    line-height: calc(35 / 24);
}
.s2 .cont .left .desc p span{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.s2 .cont .right{max-width: 671px;width: 100%;}
.s2 .cont .right .imgBx{position: relative;width: 100%;}
.s2 .cont .right .imgBx:before{content: '';display: block;padding-bottom: calc(855/671 * 100%);}
.s2 .cont .right .imgBx img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.s2 .cont .left .desc em br.mo{display: none;}

@media screen and (max-width: 1680px) {
    .s2 .cont .left .bigTit h2{font-size: clamp(68px, 68 / 1440 * 100vw, 82px);}
    .s2 .cont .left .desc em{font-size: clamp(28px, 28 / 1440 * 100vw, 34px);}
    .s2 .cont .left .desc p{font-size: clamp(20px, 20 / 1440 * 100vw, 24px);}

    .s2 .cont .right{max-width: clamp(550px, 550 / 1440 * 100vw, 671px);}
    .s2 .cont .left .bigTit h2::before {
        top: -30%;
        left: -8%;
    }
}
@media screen and (max-width: 1440px) {
    .s2 .cont .left .bigTit h2{font-size: clamp(58px, 58 / 1280 * 100vw, 68px);}
    .s2 .cont .left .desc em {font-size: clamp(24px, 24 / 1280 * 100vw, 28px);}
    .s2 .cont .left .desc p{font-size: clamp(18px, 18 / 1280 * 100vw, 20px);}

    .s2 .cont .right{max-width: clamp(500px, 500 / 1280 * 100vw, 550px);}
    .s2 .cont .left .bigTit h2::before{
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 1280px) {

    .s2 .cont .left .bigTit h2{font-size: clamp(52px, 52 / 1024 * 100vw, 58px);}
    .s2 .cont .left .desc em {font-size: clamp(22px, 22 / 1024 * 100vw, 24px);}
    .s2 .cont .left .desc p{font-size: clamp(16px, 16 / 1024 * 100vw, 18px);}

    .s2 .cont .right{max-width: clamp(400px, 400 / 1024 * 100vw, 550px);}

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


    .s2 .cont .left .bigTit h2{font-size: clamp(46px, 46 / 820 * 100vw, 52px);}
    .s2 .cont .left .desc em {font-size: clamp(20px, 20 / 820 * 100vw, 22px);}
    /* .s2 .cont .left .desc p{font-size: clamp(14px, 14 / 820 * 100vw, 16px);} */

    .s2 .cont .right{max-width: clamp(300px, 300 / 820 * 100vw, 400px);}
}
@media screen and (max-width: 820px) {
    .s2 .cont .left .bigTit h2{font-size: clamp(38px, 38 / 500 * 100vw, 46px);}
    .s2 .cont{flex-direction: column;justify-content: center;gap: 80px;}

    .s2 .cont .left .bigTit h2::before {
        width: 35px;
        height: 35px;
        top: -28%;
        left: -5%;
    }
}

@media screen and (max-width: 500px) {
    .s2 .cont .left .bigTit h2{font-size: clamp(32px, 32 / 360 * 100vw, 38px);}
    .s2 .cont .left .desc em{font-size: clamp(18px, 18 / 360 * 100vw, 20px);}
    .s2 .cont .left .desc p{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    .s2 .cont .left .desc p br{display: none;}
}
@media screen and (max-width: 360px) {
    .s2 .cont .left .bigTit h2{font-size: clamp(26px, 26 / 360 * 100vw, 32px);}
    .s2 .cont .left .desc em{font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    .s2 .cont .left .desc em br.mo{display: block;}

    .s2 .cont .left .bigTit h2::before {
        width: 25px;
        height: 25px;
    }
}