.pc{display: none;}
.tab{display: none;}
.m{display: block;}

#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{
    width: unset;
}

.s1{}
.s1 .wrap{
    padding: 36px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.s1 .wrap h3{}
.s1 .wrap .sub-tit{
    font-size: 16px;
}

.s2 .wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.s2 .wrap .con{}
.s2 .wrap .con .con-num.color{color: #E40177;}
.s2 .wrap .con .con-num{color: #35318F;}
.s2 .wrap .con .con-txt.con-color{background-color: #F9F9F9;}
.s2 .wrap .con .con-txt{
    width: 100%;
    padding: 40px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E1E1E1;
    border-radius: 12px;
}
.s2 .wrap .con .con-txt p{}

/* s3 시작 */

.s3{}
.s3 .wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px;
}
.s3 .wrap .txt{
    font-size: 32px;
    font-weight: bold;
    color: #35318F;
}
.s3 .wrap .ico{}

.s4{}
.s4 .wrap{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.s4 .wrap .con{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-evenly;
    gap: 20px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #F9F9F9;
    border-radius: 12px;
}
.s4 .wrap .con.color{
    background-color: #fff;
}
.s4 .wrap .con .ico{}
.s4 .wrap .con .ico img{max-width: 60px;}
.s4 .wrap .con .txt.color{color: #E40177;}
.s4 .wrap .con .txt{ width: 70%; font-size: 20px; font-weight: bold; color: #35318F;}