@media (min-width: 320px) and (max-width: 480px) {
    
    .product-left.row {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
   
    .product-left li img {
        width: 100% !important;
    }
    .emotionrightImg {
        justify-content: center;
        display: flex;
    }
    .emotionrightImg img {
        width: 50% !important;
    }
    .big {
        width: 100% !important;
    }
    #emotionT {
        margin-top: 1rem !important;
    }
    
}
li.emotionrightImg.col-lg-3.col-sm-6 img {
    width: 60%;
}
#emotionT {
    margin-top: 8rem;
}
#emotionT p:first-child {
    font-size: 1.5rem;
    font-weight: bold;
    color: #084298; 
    font-family:'Noto Sans KR', sans-serif;
    margin-bottom: 1rem;
}

#emotionT p{
    font-family:'Noto Sans KR', sans-serif;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}
.emotioninner {
    justify-content: center;
}
.product-left li img {
    width: 80%;
}
p {
    font-family: 'NanumSquare', sans-serif;
}