@media screen and (max-width:767px){
    h1,h2 {
        position:static;
        transform: none;
    }
    h1 {
        padding: 35rem 0 0 2rem;
    }
    h2 {
        padding: 4rem 0 0 2rem;
    }
    .web-area h2,
    .banner-area h2,
    .pop-area h2 {
        max-width: 270px;
        border-bottom: solid 1px #666666;
    }
    header {
        margin-bottom: 5rem;
    }
    .wrapper {
        scroll-snap-type: none;
    }
    section {
        min-height: auto;
    }
    .nav-btn,
    .totop {
        width: 6rem;
        height: 6rem;
    }
    .child-nav {
        display: block;
    
        list-style: none;
    }
    .child-nav__item {
        border-left: none;
    }
    .child-nav__item a {
        text-align: left;
    }
    .nav-box {
        min-height: 40%;
    }
    .web-area__grid,
    .others-area__grid {
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
        padding: 12%;
    }
    .banner-area__grid,
    .pop-area__grid {
        gap: 2rem;
        grid-template-columns: repeat(2, 1fr);
        padding: 12%;
    }
    .about-inner,
    form {
        padding-bottom: 10rem;
    }
    .about-inner,
    input[type="text"],
    input[type="email"],
    textarea {
        width: 80%;
    }
    .web01,
    .others01 {
        gap: 1.5rem;
        grid-template-columns: repeat(1, 1fr)
    }
    .popup-box {
        display: block;
    }
    .popup-box img{
        width: 65vw;
    }
    .popup-txtbox {
        width: 80%;
        margin: 3rem auto 0;

        text-align: center;
    }
    #pop-up__w01:checked + .popup-window,
    #pop-up__w02:checked + .popup-window,
    #pop-up__w03:checked + .popup-window,
    #pop-up__w04:checked + .popup-window,
    #pop-up__b0101:checked + .popup-window,
    #pop-up__b0102:checked + .popup-window,
    #pop-up__b0103:checked + .popup-window,
    #pop-up__b0201:checked + .popup-window,
    #pop-up__b0202:checked + .popup-window,
    #pop-up__b0301:checked + .popup-window,
    #pop-up__b0302:checked + .popup-window,
    #pop-up__b0303:checked + .popup-window,
    #pop-up__b0401:checked + .popup-window,
    #pop-up__b0402:checked + .popup-window,
    #pop-up__p0101:checked + .popup-window,
    #pop-up__p0102:checked + .popup-window,
    #pop-up__p0201:checked + .popup-window,
    #pop-up__p0202:checked + .popup-window,
    #pop-up__p03:checked + .popup-window,
    #pop-up__p04:checked + .popup-window,
    #pop-up__p05:checked + .popup-window,
    #pop-up__p06:checked + .popup-window,
    #pop-up__h01:checked + .popup-window,
    #pop-up__h02:checked + .popup-window,
    #pop-up__o01:checked + .popup-window,
    #pop-up__o02:checked + .popup-window {
        display: block;
    }
   .popup-box {
       padding: 7rem 0;
   }
   .close {
    top: 5%;
    right: 9%;

    width: 3rem;
    height: 3rem;
    font-size: 2rem;
   }
}