.trade_state {display:flex;overflow:hidden;align-items:center;flex-direction:column;border:1px solid #000;border-radius:10px;}
.trade_state div {line-height:56px;width:100%;height:56px;background-color:var(--color-purple3);}
.trade_state div em {margin-left:12px;}
.trade_state ul {width:100%;padding:20px 10px;}
.trade_state ul li {position:relative; display:inline-block;width:32%;margin:0;padding:0;}

.tab_wrap .checkbox_inline {flex-wrap:wrap;}
.tab_wrap .checkbox_inline > .input_check {height:30px;}
.trade_filter {display:inline-block;padding:4px 10px;cursor:pointer;border:1px solid var(--color-gray6);border-radius:5px;background-color:var(--color-gray9);margin-left:auto;}
.trade_filter span {display:none;}
.trade_filter img {vertical-align:middle;}

.date_filter_layer .input_text {height:40px;border-radius:0;}

.trade_list .row .tag {font-size:var(--font-size-base);display:inline-block;margin-right:5px;padding:4px 12px 3px;color:var(--color-gray2);border:1px solid var(--color-gray4);border-radius:20px;}

.search_wrap {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.checkbox_wrap {width:100%;}
.checkbox_wrap .input_desc {margin:5px 0 10px;}
.toggle_box {display:flex;align-items:center;border-radius:5px;background-color:var(--color-gray7);margin-bottom:10px;}
.toggle_box label input {display:none;}
.toggle_box label input + span {font-size:var(--font-size-xs);line-height:30px;display:block;width:67px;height:30px;cursor:pointer;text-align:center;border-radius:5px;}
.toggle_box label input:checked + span {background-color:var(--color-purple3);}

@media (min-width:610px) {
    .trade_state ul li:not(:last-child)::after {font-size:30px;position:absolute;top:12px;right:0;width:12px;height:18px;content:'';cursor:default;background:url(/images/icon/ico_next.png) no-repeat;}
    .trade_filter span {display:inline;}
    .trade_filter img {margin:-3px 0 0 10px;}

    .search_wrap {align-items:flex-start;flex-direction:row;position:relative;}
    .trade_filter {position:absolute;right:0;}
    .search_wrap:has(.trade_filter) .toggle_box {margin-right:130px;}
}

@media (min-width:768px) {
    .trade_state {flex-direction:row;}
    .trade_state div {line-height:84px;width:30%;height:84px;}
    .trade_state ul {width:100%;}
    .trade_state div ~ ul {width:70%;}
    .input_wrap label {margin-right:15px;}

    .date_filter_layer .inner {width:460px;}
}