@charset "UTF-8";

*{font-family:'Nanum Gothic'}
blockquote{font-family:'Nanum Gothic';font-weight:700}
blockquote button{font-weight:400}
.box_gray .inp_checkbox{display: inline-block;vertical-align: middle;}
.box_gray .inp_checkbox .inp_checkbox_tit{margin-right: 4px;}
.box_gray .inp_checkbox input{width: 16px;height: 16px;margin: 0 2px 0 0;vertical-align: middle;}
.box_gray .inp_checkbox label{margin-right: 4px;margin-bottom: 0;}
.popTable > blockquote:first-child{margin-top:0}
.popTable > blockquote:has(.btn){display:flex;align-items:center;justify-content:space-between}

.dp_view{display:none}
.view_btns{display:flex}
.view_btns .btn{display:inline-flex;align-items:center;justify-content:center;width:32px;background-color:#f6f6f6;background-repeat:no-repeat;background-position:50% 50%;background-size:20px}
.view_btns .btn_view_list{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23ccc' d='M9 19v-2h12v2zm0-6v-2h12v2zm0-6V5h12v2zM5 20q-.825 0-1.412-.587T3 18t.588-1.412T5 16t1.413.588T7 18t-.587 1.413T5 20m0-6q-.825 0-1.412-.587T3 12t.588-1.412T5 10t1.413.588T7 12t-.587 1.413T5 14m0-6q-.825 0-1.412-.587T3 6t.588-1.412T5 4t1.413.588T7 6t-.587 1.413T5 8'/%3E%3C/svg%3E");}
.view_btns .btn_view_card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23ccc' d='M3 11V3h8v8zm0 10v-8h8v8zm10-10V3h8v8zm0 10v-8h8v8zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5zM9 9'/%3E%3C/svg%3E")}
.view_btns .btn:focus{z-index:1}
.view_btns .btn:active{box-shadow:none}
.view_btns .btn.active{background-color:#fff;border:1px solid #ddd;box-shadow:none}
.view_btns .btn_view_list.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M9 19v-2h12v2zm0-6v-2h12v2zm0-6V5h12v2zM5 20q-.825 0-1.412-.587T3 18t.588-1.412T5 16t1.413.588T7 18t-.587 1.413T5 20m0-6q-.825 0-1.412-.587T3 12t.588-1.412T5 10t1.413.588T7 12t-.587 1.413T5 14m0-6q-.825 0-1.412-.587T3 6t.588-1.412T5 4t1.413.588T7 6t-.587 1.413T5 8'/%3E%3C/svg%3E")}
.view_btns .btn_view_card.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M3 11V3h8v8zm0 10v-8h8v8zm10-10V3h8v8zm0 10v-8h8v8zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5zM9 9'/%3E%3C/svg%3E")}

.table .state{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;width:fit-content;margin:0 auto 4px}
.table .state .tag{display:inline-flex;align-items:center;justify-content:center;position:relative;height:25px;background-color:#fff;border-width:1px;border-style:solid;font-weight:700;font-size:13px;padding:0 4px}
.table .state .list{display:none;position:absolute;top:27px;left:50%;max-width:300px;width:max-content;background-color:rgba(0,0,0,0.8);border:1px solid #767676;border-radius:5px;padding:5px 11px;transform:translate(-50%,0);z-index:1}
.table .state .list > li{font-weight:400;font-size:14px;color:#fff;line-height:1.5;text-align:left;word-break:keep-all}
.table .state .tag:hover .list{display:flex;flex-wrap:wrap}

.list_card_type .dp_view{display:inline-block}
.list_card_type .dp_list{display:none}
.list_card_type{border:0;padding:0}
.list_card_type colgroup,
.list_card_type thead{display:none !important}
.list_card_type tbody{display:flex;flex-wrap:wrap;gap:40px 28px;margin-bottom:38px}
.list_card_type tbody > tr{display:flex;flex-direction:column;position:relative;width:calc((100% - (28px * 4)) / 5)}
.list_card_type tbody > tr > td{display:flex;width:100%;height:auto;border:0;padding:0;line-height:1.5}
.list_card_type tbody > tr:hover{background-color:transparent}
.list_card_type > tbody > tr:hover th:nth-child(odd), 
.list_card_type > tbody > tr:hover td:nth-child(odd){background-color:transparent}
.list_card_type.table-hover>tbody>tr:hover td{color:#666}
.list_card_type tbody > tr > td:nth-child(1){order:0;position:relative;width:100%;aspect-ratio:1/1;margin-bottom:12px}
.list_card_type tbody > tr > td strong{font-family:'Nanum Gothic';font-weight:400}
.list_card_type tbody > tr > td .tit{flex-shrink:0;display:inline-block;font-weight:700;padding-right:4px;vertical-align:middle}
.list_card_type tbody > tr > td a{vertical-align:middle}
.list_card_type tbody > tr > td:nth-child(2){order:2}
.list_card_type tbody > tr > td:nth-child(3){position:absolute;top:0;left:0;width:auto}
.list_card_type tbody > tr > td:nth-child(4){order:3;flex-direction:column;text-align:left;margin-top:12px}
.list_card_type tbody > tr > td:nth-child(5){order:4;justify-content:space-between;text-align:left;margin-top:8px}
.list_card_type tbody > tr > td:nth-child(6){order:1;;align-items:center;flex-direction:row-reverse;justify-content:flex-end;font-size:13px;margin-bottom:8px}
.list_card_type tbody > tr > td:nth-child(7){order:5;justify-content:space-between;text-align:left;margin-top:8px}
.list_card_type tbody > tr > td:nth-child(8){order:6;justify-content:space-between;align-items:center;border-top:1px solid #d9d6d4;line-height:1;margin-top:12px;padding-top:11px;}

.list_card_type tbody > tr > td:nth-child(1) .num{display:inline-flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;height:26px;background-color:rgba(0,0,0,0.7);padding:0 6px}
.list_card_type tbody > tr > td:nth-child(1) .num a{font-weight:700;font-size:12px;color:#fff;line-height:1}
.list_card_type tbody > tr > td:nth-child(2) b > a:nth-child(1){overflow:hidden;display:-webkit-box;height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;word-break:break-all}
.list_card_type tbody > tr > td:nth-child(2) b > a:nth-child(2){display:none}
.list_card_type tbody > tr > td:nth-child(2) b > a:nth-child(2) span{display:inline-block;min-height:20px}
.list_card_type tbody > tr > td:nth-child(2) > div:nth-child(2){display:none}
.list_card_type tbody > tr > td:nth-child(4) > div{display:flex;justify-content:space-between}
.list_card_type tbody > tr > td:nth-child(4) > div:nth-child(1){border-bottom:1px solid #d9d6d4;margin-bottom:11px !important;padding-bottom:8px;font-weight:800;font-size:14px}
.list_card_type tbody > tr > td:nth-child(4) > div:nth-child(1) strong{display:inline-block;font-weight:800;line-height:inherit}
.list_card_type tbody > tr > td:nth-child(6) > div{padding-left:4px}
.list_card_type tbody > tr > td:nth-child(7) .mar_t5{display:none}
.list_card_type tbody > tr > td:nth-child(7) > div{display:flex;flex-direction:column-reverse;align-items:flex-end;text-align:right}
.list_card_type tbody > tr > td:nth-child(7) a{width:fit-content}
.list_card_type tbody > tr > td:nth-child(8) > div:nth-child(1){display:flex;align-items:center}
.list_card_type tbody > tr > td:nth-child(8) > div:nth-child(2) span{letter-spacing:0 !important}
.list_card_type tbody > tr > td:nth-child(8) .tit{font-weight:400;color:#767676;padding-right:0}
.list_card_type .thumb_td_img{width:100%;height:100%;border:0}
.list_card_type .thumb_td_img > a{display:block;width:100%;height:100%}
.list_card_type .thumb_td_img img{width:100% !important;height:auto !important;object-fit:cover;object-position:top;aspect-ratio:1/1}
.list_card_type.table .state{justify-content:flex-end;margin-top:4px;margin-bottom:0;margin-right:0}
.list_card_type.table .state .list{left:auto;right:-1px;transform:translate(0,0);max-width:180px}

@media screen and (max-width: 1024.98px) {
	.box_gray .inp_checkbox{width:100%;text-align:left}
	.box_gray .inp_checkbox .inp_checkbox_tit{display:block;margin:10px 0 7px;font-size:12px;font-weight:bold;line-height:1;}
	.box_gray .inp_checkbox input{margin-right:4px;vertical-align:top}
	.box_gray .inp_checkbox label{display:inline-block;width:auto;margin:0 10px 0 0 !important;font-weight:400;line-height:16px;vertical-align:top}
	
	.table-scroll.no_scroll .scroll-container{overflow:visible;-webkit-overflow-scrolling:initial;margin-right:0}
	.table-scroll.no_scroll.scroll-ing:before{display:none}
	.table .state .tag:hover .list{width:fit-content}
	.list_card_type tbody{column-gap:12px}
	.list_card_type tbody > tr{width:calc((100% - (13px)) / 2)}
	.list_card_type.table .state{flex-direction:column;align-items:end}
}