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

    /* .s2 .wrap .text .txt{
        gap: 32px !important;
    }
    .s2 .wrap .text .txt .el {
        gap: 24px;
    }
    .s2 .wrap .text .txt .el .el-tit{
        font-weight: bold;
        font-size: 24px;
    }
    .s2 .wrap .text .txt .el .el-txt{
        gap: 20px;
    }  */
      
    .s1 .wrap {
        padding: unset !important;
    }
    .s1 .wrap .text .inner .text-tit{
        /* text-align: center; */
    }

    .s3 .wrap::after {
        /* content: '※ 깃듦이란 「거제면 주민들의 마음(정성)이 공간(상품)에 깃들다. 거제면의 역사와 문화가 공간(상품)에 깃들다.」 의 의미'; */
        color: #999;
    }   
    .s3 .wrap {
        gap: 24px;
    }
    .s3 .wrap .con{
        display: flex;
        gap: 32px;
        align-items: center;
    }
    .s3 .wrap .con .con-num{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px;
        width: 5%;
        font-size: 28px;
        font-weight: bold;
    }
    .s3 .wrap .con .con-tit.color{background-color: #E40177;}
    .s3 .wrap .con .con-tit{
        font-size: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px;
        height: 100%;
        padding: 40px 0px;
        color: #fff;
        background-color: #35318F;
        width: 30%;
        border-radius: 12px;
        text-align: center;
    }
    .s3 .wrap .con .con-txt{
        display: flex;
        align-items: center;
        min-height: 200px;
        text-align: center;
        width: 100%;
        font-size: 20px;
        width: 71%;
        text-align: center;
    }
    .s3 .wrap .con .con-txt.color{background-color: #f9f9f9;}
    .s3 .wrap .con .con-txt{background-color: #F9F9F9; border: unset;}

    .s3 .wrap .con .con-tit::before{content: ''; display: none; }
    .s3 .wrap .con .con-txt .inner .el::before{content: '-'; }
    .s3 .wrap .con .con-txt .inner .el{display: flex; gap: 12px;} 
    .s3 .wrap .con .con-txt p{color: unset;}
    .s4 .wrap .con-1{
        display: flex;
        justify-content: space-between;
        gap: 36px;
        /* flex-direction: column; */
    }
    .s4{}
    .s4 .wrap{}
    .s4 .wrap .con{
        padding-bottom: 60px;
    }
    .s4 .wrap .con-1{
        display: flex;
        justify-content: space-between;
        gap: 36px;
    }
    .s4 .wrap .con-1 .box{
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 28px;
        text-align: center;
        border: 1px solid #35318F;
        padding: 44px 36px;
        border-radius: 12px;
        color: #35318F;
    }
    .s4 .wrap .con-2{
        background-color: #F4F3F8;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 12px;
        padding-bottom: unset;
        margin-bottom: 60px;
        padding: 60px; 
        border-radius: 20px;
    }
    .s4 .wrap .con-2 .tit{
        font-weight: bold;
        font-size: 28px;
    }
    .s4 .wrap .con-2 .txt::before{content: '•';}
    .s4 .wrap .con-2 .txt{
        display: flex;
        font-size: 20px;
        gap: 12px;
    }
    .s4 .wrap .con-3{}
    .s4 .wrap .con-3 .box.color .txt .el.el-border{
        border: 1px solid #E40177;
        color: #E40177;

    }
    .s4 .wrap .con-3 .box.color .tit{
        background-color: #E40177;
    }
    .s4 .wrap .con-3 .box{}
    .s4 .wrap .con-3 .box .tit{
        color: #fff;
        background-color: #35318F;
        width: 100%;
        text-align: center;
        padding: 24px;
        border-radius: 12px;
        font-size: 28px !important;
        font-weight: bold;
    }
    .s4 .wrap .con-3 .box .tit .top{}
    .s4 .wrap .con-3 .box .tit .btm{
        font-weight: unset;
    }
    .s4 .wrap .con-3 .box .txt{
        padding-top: 32px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 32px;
    }
    .s4 .wrap .con-3 .box .txt .el.el-border{
        border: 1px solid #35318F;
        color: #35318F;
    }
    .s4 .wrap .con-3 .box .txt .el{
        font-weight: bold;
        display: flex;
        border-radius: 12px;
        flex-direction: column;
        align-items: center;
        padding: 60px 36px;
        box-shadow: 0px 3px 6px #00000029;
    }
    .s4 .wrap .con-3 .box .txt .el .top{
        font-size: 28px;
    }
    .s4 .wrap .con-3 .box .txt .el .btm{
        font-size: 20px;
    }
    .s4-1 .wrap .pic{
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 80px;
    }


    
    .s5 .wrap .inner .con{
        padding: 16px 0;
    }
    .s5 .wrap .sub-title {
        font-size: 20px;
    }
    .s5 .wrap .inner .con .tit{
        font-size: 36px;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .s5 .wrap .inner .con-1 .txt{
        font-size: 20px;
        padding: 60px;
    }
    .s5 .wrap .inner .con-2 .table img{
        max-height: unset;
        max-width: unset;
    }
    .s5 .wrap .inner .con-2 .table{
        height: unset;
        overflow: unset;
    }
    .s5 .content .text .con {
        width: 100%;
        background-color: #F4F3F8;
        border-radius: 12px;
        display: flex;
        align-items: center;
    }
    .s5 .content .text{
        display: flex;
        gap: 24px;
    }
    
    .s5 .wrap .title {
        padding-bottom: 36px;
    }
    
}