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

#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{
    width: unset;
}
    p span{
        font-weight: bold;
    }
    img{max-width: 100% !important;}
    #sub-wrapper{
        padding-top: 60px !important;
        padding-bottom: 60px;
    }
    /* 시작 */
    /* 탭메뉴 공통설정 */
    .tab-menu{
        padding-bottom: unset;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 12px !important;
        width: 100%;
    }
    .tab-menu .tab-el.color {}
    .tab-menu .tab-el{}
    .tab-menu .tab-el a{
        border-radius: 8px;
        padding: 12px;
        display: block;
        border: 2px solid #35318F;
        font-weight: bold;
        color: #35318F;
        font-size: 16px;
    }
    
    .tab-menu .tab-el.color a{
        background-color: #35318F;
        color: #fff;
    }
    .tab-menu.pink .tab-el a{
        border: 2px solid #E40177;
        color: #E40177;
    }

    .tab-menu.pink .tab-el.color a{
        background-color: #E40177;
        color: #fff;
    }

    .tab-menu.pink{
        grid-template-columns: 1fr 1fr;
    }
    .tab-menu .tab-el a{text-align: center !important; margin: 0 auto !important;}
    
    /* s1 공통영역 */
    .s1{}
    .s1 .wrap{
        padding: 36px 0;
        display: flex;
        flex-direction: column;
        gap: 36px;
    
    }
    .s1 .wrap .image{}
    .s1 .wrap .image .pic{
        border-radius: 12px;
        overflow: hidden;
    }
    .s1 .wrap .image .pic img{
        width: 100%;
        object-fit: cover;
    }
    .s1 .wrap .text{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .s1 .wrap .text .inner{
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        padding: 44px;
        background-color: #F4F3F8;
        border-radius: 12px;
    }
    .s1 .wrap .text .inner .text-tit{
        padding-bottom: 20px;
        font-size: 24px;
        font-weight: bold;
    }
    .s1 .wrap .text .inner .text-txt{
        display: flex;
        flex-direction: column;
        /* align-items: center;  */
        gap: 8px;
    }
    .s1 .wrap .text .inner .text-txt .el{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .s1 .wrap .text .inner .text-txt .el:nth-child(3){
        align-items: unset;
    }
    .s1 .wrap .text .inner .text-txt .el .left{
        color: #35318F;
        font-weight: bold;
        text-wrap: nowrap;
        font-size: 16px;
    }
    .s1 .wrap .text .inner .text-txt.pink .el .left{color: #E40177;}
    .s1 .wrap .text .inner .text-txt .el .right{
        font-size: 16px;
    }

    .s2{}
    .s2 .wrap{
        padding: 36px 0;
    }
    .wrap .title{
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 16px;

    }
    .s2 .wrap .text{
        font-size: 16px;
    }
    .s2 .wrap .text .text-tit{
        padding-bottom: 12px;
        font-size: 20px;
        font-weight: bold;
    }
    .s2 .wrap .text .txt{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .s2 .wrap .text .txt .el{
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .s2 .wrap .text .txt .el::before{
        content: '-';
    }

    .s2 .wrap .text .txt .el p:last-child{
        width: 100%;
    }
    .s2 .wrap .text .txt .el .left {
        font-weight: bold;
    }

.s4 .wrap .con .title {
    font-size: 20px !important;
}
.s4 .wrap .con .inner .box .tit {
    font-size: 16px;
}

.s5 .wrap .inner .pic {
    border-radius: 20px;
    overflow: hidden;
}
.s3 .wrap .con:nth-child(1) .con-tit {
    padding-top: unset !important;
}

.title,.tit{
    font-size: 20px !important;
}

.s5 .tit{
    font-size: 16px !important;
}

.s1 .wrap{padding: 60px 0 0 !important;}
.s2 .wrap{padding: 60px 0 0 !important;}
.s3 .wrap{padding: 60px 0 0 !important;}
.s4 .wrap{padding: 60px 0 0 !important;}
.s5 .wrap{padding: 60px 0 0 !important;}
.s6 .wrap{padding: 60px 0 0 !important;}


@media(min-width:1200px ){
    .m{display: none;}
    .tab{display: none;}
    .pc{display: block;}

    /* 시작 */
    /* 탭 */
    
    #sub-wrapper{
        padding-top: 120px !important;
        padding-bottom: 180px;
    }
    .wrap{
        padding-top: 80px;
    }

    .tab-menu {
        padding-bottom: 24px;
    }
    .tab-menu.pink{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .tab-menu.pink .tab-el a:hover{background-color: #E40177;}
    .tab-menu .tab-el a:hover{
        background-color: #35318F;
        color: #fff;
    }
    .tab-menu .tab-el a{
        text-wrap: nowrap;
        font-size: 24px;
        border-radius: 12px;
        padding: 16px 28px;
    }
    .s1 .wrap{padding: 80px 0 0 !important;}
    .s2 .wrap{padding: 80px 0 0 !important;}
    .s3 .wrap{padding: 80px 0 0 !important;}
    .s4 .wrap{padding: 80px 0 0 !important;}
    .s5 .wrap{padding: 80px 0 0 !important;}
    .s6 .wrap{padding: 80px 0 0 !important;}
    .table img{width: 100% !important;}
/* s1 공통영역 */

    .s1{}
    .s1 .wrap{
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
    .s1 .wrap .text{
        aspect-ratio: 1/1;
        width: 50%;
    }

    .s1 .wrap .image{
        width: 50%;
    }
    .s1 .wrap .image .pic{
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 1/1;
    }
    .s1 .wrap .image .pic img{
        min-width: 300px;
        width: 100%;
    }
    .s1 .wrap .text .inner{
        text-wrap: nowrap;
        gap: 12px;
        justify-content: center;
        padding: 74px;
        align-items: unset;
        aspect-ratio: 1/1;
    }
    .s1 .wrap .text .inner .text-tit{
        padding-bottom: 36px;
        font-size: 32px;
        font-weight: bold;
    }
    .s1 .wrap .text .inner .text-txt{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .s1 .wrap .text .inner .text-txt .el{
        width: unset;
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        font-size: 16px;
        gap: 12px;
    }
    .s1 .wrap .text .inner .text-txt .el:nth-child(3){
        align-items: center;
    }
    .s2 .wrap .text .txt .el p:last-child{
        width: unset;
    }
    .s1 .wrap .text .inner .text-txt .el .left{
        font-weight: bold;
        font-size: 24px;
    }
    .s1 .wrap .text .inner .text-txt .el .right{
        font-size: 20px;
    }
    .s2{}
    .s2 .wrap{
        padding: 80px 0;
    }
    .wrap .title{
        font-size: 44px;
        padding-bottom: 36px;

    }
    .s2 .wrap .text{
        font-size: 20px;
    }
    .s2 .wrap .text .text-tit{
        padding-bottom: 24px;
        font-size: 32px;
    }
    .s2 .wrap .text .txt{
        gap: 16px;
    }
    .s2 .wrap .text .txt .el{
        display: flex;
        gap: 12px;
        flex-wrap: nowrap;
    }
    .s2 .wrap .text .txt .el::before{
        content: '-';
    }
    .s2 .wrap .text .txt .el p{
        text-indent: unset;
    }
    .s4 .wrap .con .title {
        font-size: 32px !important;
    }
    .s4 .wrap .con .inner .box .tit {
        font-size: 24px;
    }

    .title,.tit{
        font-size: 32px !important;
    }
    .s5 .tit{
        font-size: 28px !important;
    }
    
    
    

}