/* POPUP */
.index-popup { position:absolute; left:20px; top:120px; box-shadow:0px 1px 3px rgba(0,0,0,0.4); z-index:10000; }
.index-popup .link { display:block; }
.index-popup img { display:block; max-width:400px; }
.index-popup .index-popup-footer { display:block; background:#eee; text-align:right; padding:4px 10px; }
.index-popup .index-popup-footer a { text-decoration:underline; display:inline-block; margin-right:6px; }
.index-popup .index-popup-footer a:last-child { margin-right:0; }

.index-wrap .banner-wrap {
    height:445px;
    background: #4FEAB5;
}

.index-wrap .meet-list-wrap {
    margin-top: 80px;
    margin-bottom: 86px;
}

.index-wrap .meet-list-wrap .button-wrap {
    text-align: center;
    margin-top:64px;
    margin-bottom:64px;
}

.index-wrap .index-newsletter-wrap {
    border-top:1px solid #000;
    background-color: #4FEAB5;
    padding-top:52px;
    padding-bottom:52px;
}

.index-wrap .index-newsletter-wrap .content {
    max-width: 800px;
    margin:0 auto;
    position:relative;
}

.index-wrap .index-newsletter-wrap .content .logo {
    position:absolute;
    overflow:hidden;
    left:0; top:50%;
    transform: translateY(-50%);
}

.index-wrap .index-newsletter-wrap .content .logo a {
    text-indent:-1000px;
    overflow:hidden;
    display:block;
    width:228px;
    height:38px;
    background:url(/img/layout/logo_neetpeople.svg) no-repeat center / contain;
}

.index-wrap .index-newsletter-wrap .content .info {
    margin-left:50%;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.02em;
}

.index-wrap .index-newsletter-wrap .content .info strong {
    font-weight: 700;
}

.index-wrap .index-newsletter-wrap .content .info .newsletter-form {
    margin-top:15px;
}


.index-wrap .index-newsletter-wrap .content .info .newsletter-form form {
    display:flex;
}

.index-wrap .index-newsletter-wrap .content .info .newsletter-form .form-control {
    border: 1px solid #000000;
    border-radius: 5px;
    background:transparent;
}

.index-wrap .index-newsletter-wrap .content .info .newsletter-form .btn {
    margin-left:20px;
}

@media 
    (-webkit-min-device-pixel-ratio: 1.5), 
    (min-resolution: 144dpi) { 
}

@media (max-width: 991px) { 
    .index-wrap .banner-wrap { height:174px; }
    
    .index-wrap .meet-list-wrap { 
        margin-top: 25px; margin-bottom:25px;
    }

    .index-wrap .index-newsletter-wrap {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-left:30px;
        padding-right:0px;
    }

    .index-wrap .index-newsletter-wrap .content {
        max-width: 100%;
    }

    .index-wrap .index-newsletter-wrap .content .logo {
        top: auto;
        position: inherit;
        transform: none;
        width:227px;
        height:38px;
        margin-bottom:18px;
    }

    .index-wrap .index-newsletter-wrap .content .info {
        margin-left: 0;
    }

    .index-wrap .index-newsletter-wrap .content .info .newsletter-form {
        margin-top:18px;
        margin-right:30px;
        display:block;
    }

    .index-wrap .index-newsletter-wrap .content .info .newsletter-form form {
        display:block;
    }

    .index-wrap .index-newsletter-wrap .content .info .newsletter-form .form-control {
        height: 45px;
    }

    .index-wrap .index-newsletter-wrap .content .info .newsletter-form .btn {
        display:block;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    
}