@media (max-width: 960px) {
    #fp-nav.fp-right {
        right: 30px
    }

    .nav .wrap-menu .tablet-menu {
        display: table;
        margin-right: 50px
    }

    .nav .wrap-menu .tablet-menu a {
        font-size: 0;
        float: left;
        margin: 0 15px;
        display: table-cell
    }

    .nav .wrap-menu .tablet-menu a.insta {
        width: 28px
    }

    .nav .wrap-menu .tablet-menu a.blog {
        width: 34px
    }

    .nav .wrap-menu .tablet-menu a img {
        width: 100%
    }

    .nav .wrap-menu .btn {
        display: block;
        float: right;
        width: 28px
    }

    .nav .wrap-menu .menu {
        display: none
    }

    .nav .wrap-menu .menu .insta.hidden, .nav .wrap-menu .menu .blog.hidden {
        display: none
    }

    .wrap-section .section img {
        width: 100%
    }

    .wrap-section .section img {
        width: 100%;
    }
    .main-img-1 {
        content: url('../img/페이지_1_세로.png');
    }

    .main-img-2 {
        content: url('../img/페이지_2_세로.png');
    }
    
    .main-img-3 {
        content: url('../img/페이지_3_세로.png');
    }

    .main-img-4 {
        content: url('../img/페이지_4_세로.png');
    }

    .main-img-5 {
        content: url('../img/페이지_5_세로.png');
    }
    
    .wrap-section .section12 img {
        width: 75% !important;
    }

    .wrap-section .section .block {
        top: 15%;
        margin-left: -44%
    }

    .wrap-section .section .block.top1 {
        top: 115% !important;
        z-index: 10
    }

    .wrap-section .section .block.top2 {
        top: 215% !important;
        z-index: 10
    }

    .wrap-section .section .block h2 .num {
        width: 40px
    }

    .wrap-section .section .item {
        width: 50%;
        margin-left: -10%
    }

    .wrap-section .section .block2 {
        width: 57%;
        margin-left: -7%
    }

    .wrap-section .section .block2 .item {
        width: 80%;
        margin-left: -180px;
        top: 15%
    }

    .wrap-section .section .block2 .inner-block {
        width: 82%;
        margin-left: -44%;
        top: 41.5%
    }

    .wrap-section .section1 p.sec-txt1 {
        margin-left: -33%;
        top: 29%
    }

    .wrap-section .section1 p.sec-txt1 span:nth-child(2) {
        width: 121px
    }

    .wrap-section .section1 p.sec-txt1 span {
        padding-bottom: 51px
    }

    .wrap-section .section1 p.sec-txt2 {
        margin-left: -237px;
        width: auto;
        top: auto;
        bottom: 26%
    }

    .wrap-section .section1 p.sec-txt3 {
        bottom: 9%
    }

    .wrap-section .section1 .sec-img {
        margin-left: -3%;
        top: 17%;
        width: 39%;
        min-width: 350px
    }

    .wrap-section .section2 .balloon {
        background: url(../img/balloon-tablet.png) 0 0 no-repeat;
        height: 462px;
        margin-left: -300px;
        top: 13%
    }

    .wrap-section .section2 .item {
        margin-left: -1%;
        width: 40%;
        top: 72%
    }

    .wrap-section .section2 .quoka-info {
        top: 15.5%;
        margin-left: -335px
    }

    .wrap-section .section2 .quoka-info:after {
        width: 58px;
        height: 52px;
        background: url(../img/p2-arrow.png) 0 0 no-repeat;
        left: 417px
    }

    .wrap-section .section4 .item {
        width: 48%;
        margin-left: 4%
    }

    .wrap-section .section4 .block {
        width: 80%
    }

    .wrap-section .section5 .block2 .item {
        top: 20%
    }

    .wrap-section .section9 .item {
        margin-left: 0%
    }

    .wrap-section .section10 .item {
        margin-left: 0;
        bottom: -5%;
        width: 45%
    }

    .wrap-section .section10 .item .inner-item {
        width: 100%
    }

    .wrap-section .section11 .item {
        width: 90%;
        margin-left: -25%;
        max-width: 500px
    }

    .wrap-section .section13 .logo-end {
        margin-left: 3%
    }
}