.pc{
    display: none;
}
@font-face {
    font-family: "Sans";
    src: url("../../font/Sans.ttf");
}
*{
    padding: 0;
    margin: 0;
    font-family: "Sans";
}
.contentM{
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: darkblue; */
    overflow-y: auto;
    background: rgb(248, 248, 248);
}
.headM{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5.625rem;
    padding: 0 2rem; 
    box-sizing: border-box;
}
.headM a{
    color: black;
    text-decoration: none;
}
.imgM{
    height: 10rem;
}
.bannerM{
    display: flex;
    box-sizing: border-box;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
    height: 5.625rem;
    font-size: 1.5rem;
    background: #fff;
}
.bannerM>div{
    height: 100%;
    display: flex;
    align-items: center;
}
.bannerM-check{
    border-bottom: 2px solid #082CFFFF;
}
.banner-con{
    min-height: 50rem;
    background: rgb(248, 248, 248);
    box-sizing: border-box;
}
.conM1{
    width: 90%;
    margin: auto;
    margin-top: 2rem;
}

.logoM{
    width: 8.625rem;
    height: 3.125rem;
}
.conM2-i{
    height: 44.25rem;
}
.conM2-c{
    background: #fff;
    box-sizing: border-box;
    padding: 2rem;
}
.conM2-c-2{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.conM2-c-i{
    width: 20.625rem;
    height: 5.5rem;
}
.conM2-hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.conM3{
    box-sizing: border-box;
    padding: 2rem;

}
.conM4{
    box-sizing: border-box;
    padding: 2rem;

}
.bottomM{
    height: 24.875rem;
    background: black;
    color: white;
    box-sizing: border-box;
    padding: 2rem;
    font-size: .7rem;
}
.bottomM a{
    text-decoration: none;
    color: white;
    margin-right: 1rem;
}