#layout_option{width: calc(100% - 20px);height: 30px;padding: 10px 10px;}
#layout_option .op {width: 18px;height: 18px;text-align: center;float: left;
    border: 1px solid #a9a9a9;background-color: #424242;border-radius: .2rem;padding: 5px;
    font-size: 0!important;color: transparent;margin-right: 10px;}
#layout_option .op.active {background-color: #0c0c0c;}

.layout_option_list{width: 100%;height: 100%;display:block;background-image: url("../images/icons/layout_list.png");background-size: cover;}
.layout_option_list2{width: 100%;height: 100%;display:block;background-image: url("../images/icons/layout_list2.png");background-size: cover;}
.layout_option_card{width: 100%;height: 100%;display:block;background-image: url("../images/icons/layout_card.png");background-size: cover;}

/* 지름할인정보 - 레이아웃 변경시 적용되는 코드 .layout_card */
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li:nth-child(2n) {width: calc(50vw - 22px);}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li:nth-child(2n+1) {width: calc(50vw - 23px);border-right: 1px solid #171717; }
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li {display: inline-block; flex: none;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card {display: grid;grid-template-columns: 1fr 1fr;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-list{display: block;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .thumbnail_wrapper{
    display: inline-block;
    width: 100%;height: 100px;
    border: 1px solid #303030;
    margin-bottom: 10px;
}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .thumbnail_wrapper span{
    display: block;
    width: 100%;height: 100%;background-size: cover;
    background-position: center;background-repeat: no-repeat;
}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-list-cont {flex: none;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .meta .sale_price {display: block;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .meta .nick {display: block;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-sub .sale_price{display: none;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-sub .nick{display: none !important;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-sub .views{padding: 0 7px 0 18px;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-sub .views:before{left: 0;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_card > li .market-info-sub .views:after{display: none;}

#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .thumbnail_wrapper{display: inline-block;width: 106px;height: 70px;border: 1px solid #303030;border-radius: 3px;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .thumbnail_wrapper span{display: block;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .market-info-list-cont {float: left;margin-left: 10px;width: calc(100% - 138px);}
#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .meta .sale_price {display: block;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .market-info-sub .sale_price{display: none;}

#con-body .info-body .content .list-area .list-style04 > ul > li .meta .sale_price{display: none;}
#con-body .info-body .content .list-area .list-style04 > ul > li .meta .nick{display: none;vertical-align: middle;width: auto!important;color: #a9a9a9;margin-top: 7px; text-align: left;position: relative;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 16px;}
.thumbnail_wrapper{ display: none;}
#con-body .info-body .content .list-area .list-style04 > ul > li .market-info-sub .views{padding-left: 26px;}
#con-body .info-body .content .list-area .list-style04 > ul > li .market-info-sub .views:before{
    display: block;
    width: 13px;
    height: 7px;
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../../../quasarzone/images/main/view_count_icon.png") no-repeat;
}
#con-body .info-body .content .list-area .list-style04 > ul > li .market-info-sub .date{float:left;}
#con-body .info-body .content .list-area .list-style04 > ul > li .market-info-sub .count{float:left;}
/*.market-info-type-list .market-info-list-cont {overflow: unset !important;}*/
.market-info-type-list li>div{overflow: unset !important;}
.market-info-type-list li {overflow: unset !important;}
.market-info-type-list .market-info-list-cont{overflow: unset !important;}
.market-info-type-list .market-info-sub>p{overflow: unset !important;}
#con-body .info-body .content .list-area .list-style04 > ul.layout_list2 > li .market-info-sub .nick {
    max-width: 70px !important;
    overflow: hidden !important;
    display: block !important;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 0;
    text-align: left;
}