@charset 'utf-8';

/* 1. 모바일까지 */
@media screen and (max-width: 767px) {}

/* 2. 태블릿부터 */
@media screen and (min-width: 768px) {
    .main-miss li {
        float: left;
        width: 46%;
    }

    .enjoy-item {
        margin-bottom: 40px;
    }

    .enjoy-dl dd {
        margin: 0.6em 0;
    }
    .enjoy-cate{
        font-size: 1.2em;
    }

    .enjoy-summary {
        display: block;
        font-size: 1.2em;
    }
    .enjoy-keyword{
        font-size: 1.2em;
    }

    .fashion-title {
        font-size: 1.8em;
    }


    .woman-item {
        width: 33.3333%;
        font-size: 1em;
    }
}

/* 3. 태블릿만 */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .enjoy-item a {
        padding-top: 30%;
    }

    .enjoy-dl {
        padding-left: 33%;
    }

    .enjoy-img {
        width: 30%;
    }
}

/* 4. PC부터 */
@media screen and (min-width: 1280px) {
    #marie-main>section {
        padding: 80px 0;
    }

    #marie-main .more-wrap {
        position: absolute;
        right: 5px;
        top: 5px;
        margin-top: 0;
    }

    .main-banner-wrap {
        height: calc(100vh - 180px);
    }

    .mb-slide {
        height: calc(100vh - 180px);
    }
    .mb-slide p {
    font-size: 3em;

}
    .ft-info1-wrap>div {
        width: 33.3333%;
    }

    .main-miss li {
        width: 32%;
        margin: 0;
        margin-right: 2%;
    }

    .main-miss .miss3 {
        display: block;
        margin-right: 0;
    }

    .enjoy-item {
        float: left;
        width: 50%;
    }
    .enjoy-item a {
        padding-top: 40%;
    }

    .enjoy-subject {
        line-height: 1.4;
        font-size: 1.6em;

    }
    /* .fashion-item2, .fashion-item3, .fashion-item4{
        display: block;
    } */
    .main-fashion{
        /* justify-content: space-between;
        gap: 5px;
        align-items: center;
        display: flex;
        flex-wrap: wrap; */
        width: 100%;
        padding: 0 10%;
        
    }
    
    .main-fashion .fashion-item {
        display: inline-block;
        width: calc(50% - 20px);
        height: 24vw;
        background-size: 110%;
        margin: 2px 4px;

    }
  
    .main-fashion .fashion-item:hover{
        background-size: 115%;
    }
    .fashion-title {
        font-size: 1.6em;
    }


    .woman-item {
        width: 16.6666%;
    }

    .main-g5-latest {
        float: left;
        width: 50%;
        padding: 0 40px;
    }
}