#main_wrap { padding: 50px 15px 100px; }


.footer { position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; background: white; max-width: 600px; margin: 0 auto; }
.footer .btn { display: flex; flex-direction: column; background: #3380ec; color: white; text-decoration: none; padding: 10px 15px; border-radius: 8px; align-items: center; justify-content: center; font-size: 16px; }

.itemWrap { display: flex; flex-direction: column; gap: 15px; }
.itemWrap .item { border: 1px solid black; }
.itemWrap .item .itemHeader { padding: 15px; background-color: #eee; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.itemWrap .item .itemHeader .badge { display: inline-flex; height: 22px; padding: 0 8px; justify-content: center; align-items: center; border-radius: 10px; font-size: 14px;}
.itemWrap .item .itemHeader .badge.forSale { background-color: #166ee1; color: white; }
.itemWrap .item .itemHeader .badge.forExchange { background-color: #048a0e; color: white; }
.itemWrap .item .itemHeader .badge.forBoth { background-color: #7c3cef; color: white; }
.itemWrap .item .itemHeader .badge.finSale { background-color: #666; color: white; }
.itemWrap .item .itemHeader .badge.finExchange { background-color: #666; color: white; }
.itemWrap .item .itemHeader .itemTitle { font-size: 24px; font-weight: bold;}
.itemWrap .item .itemContents { padding: 15px; }
.itemWrap .item .itemContents strong { font-weight: bold; }
.itemWrap .item .itemBtns { padding: 15px; display: flex; flex-direction: row; gap: 15px; justify-content: center; align-items: center; }
.itemWrap .item .itemBtns .btn { display: flex; flex-direction: column; background: #3380ec; color: white; text-decoration: none; padding: 10px 15px; border-radius: 8px; align-items: center; justify-content: center; font-size: 16px; flex-grow: 1;  }
.itemWrap .item .itemBtns .btn.btnGray { background: #595959; color: white; }