.main {
    border-bottom: 1px solid #ddd;
}

/* 아이템 섹션 css */
.sec {
    margin: 120px auto 0;
    padding: 0 20px;
    box-sizing: border-box;
    /* background: rgb(248, 222, 222); */
}
.sec_title {
    display: block;
    width:100%;
    padding: 80px 0;
    box-sizing: border-box;
    font-size: 21px;
    text-align: center;
}
.item_sec_out {
    width:100%;
    overflow: hidden;
}
.item_sec {
    float: left;
    width:calc(((100% - (20px * 3)) / 4) - 0.1px);
    margin-right: 20px;
    margin-bottom: 120px;
    overflow: hidden;
}
.item_sec:nth-child(4n) {
    margin-right: 0;
}

.item_img_a {
    display: block;
    width:100%;
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.item_sec img {
    width:100%;
    transition: 0.5s;
}

.item_img_a:hover img {
    transform: scale(1.1);
}
.item_img_a:hover .img_black {
    background: rgba(0,0,0,0.3);
}

.img_black {
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    transition: 0.3s;
}

.item_text_box {
    margin: 5px 0 0;
    width:100%;
}
.color_box {
    font-size: 0;
    width:100%;
} 

.color_box > span {
    font-size: 0;
    display: inline-block;
    width:15px;
    height:15px;
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    margin-right: 5px;
}
.item_title {
    padding-bottom: 5px;
    border-bottom: 1px solid #bbb;
    margin: 20px 0 10px;
    color:#222;
}

.item_price {
    margin-top: 5px;
}

.item_detail_text {
    font-size: 12px;
    color: #222;
    line-height: 1.5;
    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient:vertical;
    height:4.5em;
    overflow: hidden;
}


@media screen and (max-width: 860px) {
    .sec {
        margin: 70px auto 0;
        /* background: rgb(248, 222, 222); */
    }
    .sec_title {
        padding: 40px 0;
    }
    .item_sec {
        width:calc(((100% - (12px * 2)) / 3) - 0.1px);
        margin-right: 12px;
        margin-bottom: 80px;
    }
    
    .item_sec:nth-child(4n) {
        margin-right: 12px;
    }
    .item_sec:nth-child(3n) {
        margin-right: 0;
    }

    .item_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


@media screen and (max-width: 600px) {
    .sec {
        margin: 50px auto 0;
    }
    .fixed_menu {
        right: 8px !important;
    }
    .sec_title {
        padding: 40px 0;
    }
    .item_sec {
        width:calc(((100% - 8px) / 2) - 0.1px);
        margin-right: 8px;
        margin-bottom: 60px;
    }
    .item_sec:nth-child(3n) {
        margin-right: 8px;
    }
    .item_sec:nth-child(4n) {
        margin-right: 0;
    }
    .item_sec:nth-child(2n) {
        margin-right: 0;
    }
    
    .item_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}