.s1{
    min-height: 100vh;
    background-image: url('https://babypastelheadoffice.blob.core.windows.net/babypastelheadoffice/extra%5Cddc269e7-c1ad-47b3-8240-23e2072c413e.jpg');
    background-size: cover;
    background-position: 50% 0;
}
.tit_wrap{
    position: absolute;
    top:50%;
    left:10%;
    transform: translateY(-50%);
}
.main_tit{
    font-size: 74px;
    color:#646553;
    font-weight: 800;
}
.sub_tit{
    color:12px;
    font-weight: 300;
    color:#646553;
    letter-spacing: 9.6px;
}

/*버튼기본스타일*/
.s1 .btn {
    margin-top:130px;
    padding: 15px 25px;
    border: unset;
    color: #ffffff;
    z-index: 1;
    background: #000000;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    /* -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
    box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */
    transition: all 250ms;
    overflow: hidden;
    border:1px solid #000;
   }
   .nanum{
    font-weight: 300;
    letter-spacing: 0.9px;
   }
   .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;

    background-color: #212121;
    z-index: -1;
    -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
    box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
    transition: all 250ms
   }

   .btn:hover {
    color: #e8e8e8;
   }

   .btn:hover::before {
    width: 100%;
   }

   @media screen and (max-width:600px){
    .tit_wrap{
        position: absolute;
        top:40%;
        left:5%;
        transform: translateY(-50%);
    }
    .main_tit{
        font-size: 30px;
        color:#646553;
        font-weight: 800;
    }
    .sub_tit{
        color:12px;
        font-weight: 500;
        margin-top:10px;
    }
    .m_span{
        display: block;
    }
    .btn {
        margin-top:30px;
       }
   }