/********** 목록 **********/
#listBox { width: var(--width-page); margin: 30px auto 0; }
#listBox .list_title { height: 50px; position: relative; }
#listBox .list_title1 { position: absolute; top: 1px; left: 25px; color: #3b3b3b; font-family: "SamliphopangOutline"; font-size: 35px; letter-spacing: 7px; }
#listBox .list_title2 { position: absolute; top: 13px; right: 25px; color: #a8a8a8; font-family: "SamliphopangBasic"; font-size: 22px; letter-spacing: 1px; }
#listBox .list_underline { height: 10px; margin: 0 15px 13px; background-color: #333333; border-radius: 10px; }
#listBox .list_items { padding-left: 13px; overflow: hidden; }
#listBox .list_empty { height: 500px; border: 1px solid #a8a8a8; border-radius: 10px; background-color: #fbfbfb; overflow: hidden; }
#listBox .list_item_box { width: 21.95%; float: left; position: relative; padding: 12px; margin: 2px; border: 1px solid #a8a8a8; border-radius: 10px; overflow: hidden; }
#listBox .list_item_box_btn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
#listBox .list_item_box_btn:hover { background-color: #ff4444; filter: alpha(opacity=3); opacity: 0.03; }
#listBox .list_item_img { height: 340px; text-align: center; overflow: hidden; }
#listBox .list_item_name { height: 30px; text-align: center; overflow: hidden; font-size: 18px; font-weight: 700; line-height: 180%; }
#listBox .list_item_memo { height: 25px; text-align: center; overflow: hidden; font-size: 13px; font-weight: 400; line-height: 150%; color: #1266ff; border-bottom: 1px solid #333333; }
#listBox .list_item_line { text-align: center; overflow: hidden; padding: 5px 0; }
#listBox .list_item_line1 { height: 20px; padding: 1px 5px; margin: 3px; font-weight: 400; border: 1px solid #ff4444; border-radius: 5px; background-color: #fff7f7; display: inline-block; vertical-align: middle; }
#listBox .list_item_line2 { width: 55px; height: 40px; padding: 5px; margin: 3px; border: 1px solid #a8a8a8; border-radius: 5px; overflow: hidden; display: inline-block; vertical-align: middle; }
#listBox .list_item_line3 { height: 22px; }
#listBox .list_item_txt1 { width: 50%; float: left; text-align: right; font-size: 18px; font-weight: 700; color: #ff4444; }
#listBox .list_item_txt2 { float: left; text-align: left; position: relative; margin: 5px 0 0 15px; color: #777777; }
#listBox .list_item_txt2::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 115%; background-color: #ff4444; }
#listBox .list_item_line4 { height: 20px; text-align: center; overflow: hidden; margin-top: 3px; border: 1px solid #a8a8a8; border-radius: 7px; background-color: #f4f4f4; font-size: 12px; color: #7c7c7c; }