@media(min-width:1200px){
    .m{display: none;}
    .tab{display: none;}
    .pc{display: block;}
    .wrap{
        padding: 44px 0;
    }
    .tab-menu {
        padding-bottom: 180px;
        margin:  0 auto;
        width: 40%;
    }
    #sub-wrapper {
        padding-top: 120px;
        padding-bottom: 180px;
    }
    .s1 .wrap {
        flex-direction: column;
        padding: 44px 0;

    }
    .s1 .wrap h3 {font-size: 56px; padding-bottom: 60px;}
    .s1 .wrap .text {
        width: 100%;
        aspect-ratio: unset;
    }
    .s1 .wrap .text .inner .text-tit{
        text-align: left;
        padding-bottom: unset;
        font-size: 44px;
    }
    .s1 .wrap .text .inner{
        gap: 20px;
        padding: 60px;
        aspect-ratio: unset;
        justify-content: unset;
        align-items: unset;
        margin-bottom: 36px;
        
    }
    .s1 .wrap .text .inner .text-txt .el{
        justify-content: unset;
    }
    .s1 .wrap .text .inner .text-txt{
        align-items: unset;
    }
    
    
    .wrap .tit{
        font-size: 36px;
        color: #35318F;
        font-weight: bold;
    }
    .s2 .wrap .con{
        display: grid;
        grid-template-columns: 1fr 2fr ;
        align-items: center;
        gap: 80px;
        flex-direction: row;
        width: 100%;
    }
    .s2 .wrap .con .pic{
        background-color: #333;
        border-radius: 12px;
        width: 30%;
        aspect-ratio: 1/1;
        width: 100%; 
    }
    .s2 .wrap .text{
        padding: 20px 0;
        background-color: unset;
        margin-top: unset;
        border-radius: unset;
    }
    .s2 .wrap .con .text .txt{
        align-items: unset;
        background-color: unset;
    }
    .s2 .wrap .con .text .tit{
        font-size: 36px;
        padding-bottom: 20px;
        text-align: unset;
    }
    .btn-dwn{
        width: max-content;
        margin: 0 auto;
    }
    .btn-dwn a{
        font-size: 24px;
        padding: 20px 60px;
    }

}