@charset "utf-8";

.sct_10 .sct_li { padding:0; margin-bottom: 7px; cursor: pointer; }
.sct_10 .sct_li .sct_img { width:150px; height:150px; } 
.sct_10 .sct_li .sct_img > a > img { width:150px; height:150px; border:0; border-right: #eeeeee 1px solid; }
.sct_10 .sct_li .sct_icon {  left:5px; top:5px; }
.sct_10 .sct_li .contents {
    -webkit-width: calc(100% - 150px);
    width: calc(100% - 150px);
    float: left;
    padding: 5px 10px 5px 15px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;;
    height: 150px;
}
.sct_10 .sct_li .contents .sct_txt { margin:0 0 10px; font-size:16px; }
.sct_10 .sct_li .contents .sct_txt a { 
	display: block;
    white-space:normal;
    overflow:auto;
    text-overflow:inherit;
    word-break:break-all;
} 
.sct_10 .sct_li .contents > span { display:inline-block; margin: 0 0 5px 0;}
.sct_10 .sct_li > div { display:inline-block; width:100%; text-align: left; }
.sct_10 .sct_li .sit_btn_cart { background:#ff8601 url('../../../svg/icon_cart_w.svg') no-repeat center center; background-size:22px 22px; }
.sct_10 .sct_li .likeButton { right:auto; left:10px;bottom:10px; }
.sct_10 .sct_li .likeButton button { font-size:11px; height:24px; line-height: 24px; padding:0 10px 0 20px; background:url('../../../svg/btn_thumbs_off.svg') no-repeat left center; background-size:16px 16px; color:#888;  }
.sct_10 .sct_li .likeButton button.liked { color:#fe3960; font-weight: bold; background:url('../../../svg/btn_thumbs_on.svg') no-repeat left center; background-size:16px 16px; }
.sct_10 .sct_li .contents > span { display:inline-block; width:100%; text-align: left; color:#808080; margin:5px 0 5px 0;}

/* 심볼 구분 */
.sct_10 .sct_li .contents > span.symbol1 { background-color: #fce250; color:#000; margin: 0 0 10px; padding: 3px 8px; font-size: 11px; display:inline-block; width:auto;border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);}
.sct_10 .sct_li .contents > span.symbol2 { background-color: #acc9e9; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}
.sct_10 .sct_li .contents > span.symbol3 { background-color: #d1edf9; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}
.sct_10 .sct_li .contents > span.symbol4 { background-color: #ffffa4; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}
.sct_10 .sct_li .contents > span.symbol5 { background-color: #ecd0ec; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}
.sct_10 .sct_li .contents > span.symbol6 { background-color: #f7e4d8; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}
.sct_10 .sct_li .contents > span.symbol7 { background-color: #F7CECD; padding: 0.25em; font-size: 11px; display:inline-block; width:auto;}