/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .footer_gnb .inner {padding-left: 0px !important; padding-right: 0px !important;}
    .footer_copy .inner {padding-left: 0px !important; padding-right: 0px !important;}
}

.latest_products {
    margin: 20px 0;
}
.latest_products ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.latest_products li {
    width: calc(33.3333% - 20px);
    margin: 10px;
    text-align: center;
}
.latest_products img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

@media all and (max-width:768px) {
    .latest_products li {
        width: calc(50% - 20px);
        margin: 10px;
        text-align: center;
    }
}

.rolling-list {
    width:100%;
    height:0;
    margin:0 auto;
    overflow:hidden;
    padding: 20px 0px;
    background:#fff;
}
.rolling-list ul {
    position:relative;
    display:block;
    width:100%;
    margin:0 auto;
    text-align:left;
    overflow:hidden;
}
.rolling-list li {
    display: flex;
    width: 100%;
    padding:15px 0 12px;
    border-top:1px solid #e1e1e1;
    overflow:hidden;
}
.rolling-list li:first-of-type {
    border-top:0;
}

.part1 {
    flex: 3; /* 30% */
    background-color: #fff;
    padding: 5px;
}
.part2 {
    flex: 3; /* 30% */
    background-color: #fff;
    padding: 5px;
}
.part3 {
    flex: 4; /* 40% */
    background-color: #fff;
    padding: 5px;
    text-align: right;
}