/* 리스트 */

.dp_pro_wrap .dpp_th_chk{margin-top:70px;}
.dp_pro_wrap .dpp_th_chk input{-webkit-appearance: none; position: relative; width: 20px; height: 20px; display: inline-block; vertical-align: middle; border: 1px solid #ddd; background: #fff;}
.dp_pro_wrap .dpp_th_chk input:checked{border-color: #000; background: #fff url(/theme/basic/img/bd_common/ddp_chk_ic.png) center no-repeat;}
.dp_pro_wrap .dpp_th_chk label{font-size:18px; margin-left:5px; display: inline-block; margin-top:2px;}
.dp_pro_list{display:flex; flex-wrap:wrap; gap:20px 1.25%; margin-top:30px;}
.dp_pro_list > li{width:32.5%; border: 1px solid #E5E5E5; background: #FFF; transition:all 0.3s; position:relative;}
.dp_pro_list > li > .box{display:block; padding:35px;}
.dp_pro_list .dpp_td_chk{position:absolute; top:15px; right:15px;}
.dp_pro_list .dp_pin_ic{display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: url("/images/board/pin_ic.svg") no-repeat center / 100%; margin-right:5px;}
.dp_pro_list .dpp_td_cate{display:inline-block; vertical-align: middle; font-size: 16px; padding: 0 15px; height:35px; line-height:38px; border-radius: 100px; background: #EDEDED; transition:all 0.3s;}
.dp_pro_list .dpp_btit{font-size: 22px; margin-top:20px; width:100%; height:63px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.dp_pro_list .dpp_btit.pro4{margin-top:0 !important;}
.dp_pro_list .dpp_add{margin-top:20px; font-size: 18px; color: #7E7E7E; line-height:1;}
.dp_pro_list .dpp_add p + p{margin-top:10px;}
.dp_pro_list .dpp_td_bt{margin-top:65px; display:flex; justify-content:space-between; align-items:center;}
.dp_pro_list .dpp_td_bt .left{font-size: 18px; color: #7E7E7E;}
.dp_pro_list .dpp_td_bt .left span{position:relative;}
.dp_pro_list .dpp_td_bt .left span + span{margin-left:15px;}
.dp_pro_list .dpp_td_bt .left span + span:before{position:absolute; content:''; display:block; width: 1px; height: 12px; background: #E5E5E5; left:-10px; top:50%; transform:translateY(-50%);}
.dp_pro_list .dpp_td_bt .right .fa-lock{display: inline-block; vertical-align: middle; background: url("/images/board/lock_ic.svg") no-repeat center / contain; width: 20px; height: 26px;}
.dp_pro_list .dpp_td_bt .right .fa:before{display:none;}
.dp_pro_list .dpp_td_bt .right .fa-download{display: inline-block; vertical-align: middle; background: url("/images/board/file_ic.svg") no-repeat center / contain; width: 26px; height: 26px;}
.dp_pro_list .dpp_td_bt .right span + span{margin-left:10px;}

.dp_pro_list > li.color1{border:1px solid #FFCACA;}
.dp_pro_list > li.color2{border:1px solid #56D4FF;}
.dp_pro_list > li.color3{border:1px solid #FFDA66;}
.dp_pro_list > li.color4{border:1px solid #C7E1B4;}
.dp_pro_list > li.color5{border:1px solid #E9ACFC;}
.dp_pro_list > li.color6{border:1px solid #DBDBDB;}

.dp_pro_list .dpp_td_cate.color1{background: #FFCACA;}
.dp_pro_list .dpp_td_cate.color2{background: #56D4FF;}
.dp_pro_list .dpp_td_cate.color3{background: #FFDA66;}
.dp_pro_list .dpp_td_cate.color4{background: #C7E1B4;}
.dp_pro_list .dpp_td_cate.color5{background: #E9ACFC;}
.dp_pro_list .dpp_td_cate.color6{background: #DBDBDB;}

.dp_pro_list .dpp_td_bt .right .color1 .fa-download{background-image: url("/images/board/file_ic1.svg");}
.dp_pro_list .dpp_td_bt .right .color2 .fa-download{background-image: url("/images/board/file_ic2.svg");}
.dp_pro_list .dpp_td_bt .right .color3 .fa-download{background-image: url("/images/board/file_ic3.svg");}
.dp_pro_list .dpp_td_bt .right .color4 .fa-download{background-image: url("/images/board/file_ic4.svg");}
.dp_pro_list .dpp_td_bt .right .color5 .fa-download{background-image: url("/images/board/file_ic5.svg");}
.dp_pro_list .dpp_td_bt .right .color6 .fa-download{background-image: url("/images/board/file_ic6.svg");}

.dp_pro_list > li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
/* .dp_pro_list > li:hover .dpp_td_cate{background: #009CD3; color: #FFF;} */

/* 검색 */
.dp_pro_wrap .dpp_search_box{background:none; margin-top:95px;}
.dp_pro_wrap .dpp_search_box:after{content:''; display:block; clear:both;}
.dp_pro_wrap .dpp_search_in{width:510px; float: right;}
.dp_pro_wrap .dpp_tbl{padding:0; position:relative;}
.dpp_bd_search .dpp_tbl .dpp_select_box{width:150px;}
.dpp_select_box select{border:none; height: 50px; border-bottom:1px solid #E5E5E5; background: #fff url("/images/board/srh_sel_ic.svg") no-repeat right 10px center / 10px; padding:0 10px; font-size: 16px; color: #333; font-weight:700;}

.dp_pro_wrap .dpp_inputArea input{border:none; height: 50px; border-bottom:1px solid #E5E5E5; padding:0 10px; font-size: 16px; color: #333; font-weight: 700;}
.dp_pro_wrap .dpp_inputArea input::placeholder{color: #AAA;}
.dp_pro_wrap .dpp_tbl .dpp_btnArea{display:block; width: auto; padding:0; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.dp_pro_wrap .dpp_tbl .dpp_btnArea button{width: 19px; height: 19px; line-height: initial; font-size:0; background: url("/images/board/srh_ic.svg") no-repeat center / contain;}

/* 페이저 */
.pg_wrap{margin-top:60px;}
.dpp_page_wrap strong.pg_current{width: 35px; height: 35px; line-height: 38px; background:#EDEDED; color:#000; border-radius:100%; font-size:14px;}
.dpp_page_wrap a.pg_page{width: 35px; height: 35px; line-height: 38px; font-size:14px; margin:0; color: #ADADAD;}
.dpp_page_wrap a.pg_page.pg_prev{background:url("/images/board/pg_prev.svg") center no-repeat}
.dpp_page_wrap a.pg_page.pg_next{background:url("/images/board/pg_next.svg") center no-repeat}
.dpp_page_wrap a.pg_page.pg_start{background:url("/images/board/pg_start.svg") center no-repeat}
.dpp_page_wrap a.pg_page.pg_end{background:url("/images/board/pg_last.svg") center no-repeat}


@media screen and (max-width: 1440px) {
   
.dp_pro_list > li .box{padding:30px;}
.dp_pro_list .dpp_td_bt .left{font-size: 16px;}
.dp_pro_list .dpp_td_bt .left span + span{margin-left:10px;}
.dp_pro_list .dpp_td_bt .left span + span:before{left:-7px;}
.dp_pro_list .dpp_td_bt .right .fa-download{width:20px; height:20px;}

}


@media screen and (max-width: 1280px) {
    
.dp_pro_list{gap:20px 0; justify-content:space-between;}
.dp_pro_list > li{width:49%;}
.dp_pro_list > li .box{padding:30px;}

.dp_pro_wrap .dpp_th_chk label{font-size: 1.75vw;}
.dp_pro_list .dpp_td_cate{font-size: 1.75vw; padding: 0 1.7vw; height:3.73vw; line-height:3.97vw;}
.dp_pro_list .dpp_btit{font-size: 2.15vw; margin-top:1.56vw; height:6vw;}
.dp_pro_list .dpp_add{margin-top:2.56vw; font-size: 1.75vw;}
.dp_pro_list .dpp_add p + p{margin-top:0.78vw;}
.dp_pro_list .dpp_td_bt{margin-top:5.08vw;}
.dp_pro_list .dpp_td_bt .left{font-size: 1.75vw;}
.dp_pro_list .dpp_td_bt .left span + span{margin-left:15px;}
.dp_pro_list .dpp_td_bt .left span + span:before{left:-10px;}
.dp_pro_list .dpp_td_bt .right .fa-lock{width: 1.56vw; height: 2.03vw;}
.dp_pro_list .dpp_td_bt .right .fa-download{width: 2.03vw; height: 2.03vw;}

}


@media screen and (max-width: 768px) {
   
.dp_pro_wrap .dpp_search_in{width:95%; float:initial; margin:0 auto;}

.dp_pro_wrap .dpp_th_chk label{font-size: 3.13vw;}
.dp_pro_list > li > .box{ padding:3.91vw;}
.dp_pro_list .dpp_td_cate{font-size: 3.13vw; padding: 0 3.69vw; height:5.78vw; line-height:6.2vw;}
.dp_pro_list .dpp_btit{font-size: 3.85vw; margin-top:2.56vw; height:10.99vw;}
.dp_pro_list .dpp_add{margin-top:3.60vw; font-size: 3.13vw;}
.dp_pro_list .dpp_add p + p{margin-top:1vw;}
.dp_pro_list .dpp_td_bt{margin-top:6.08vw; align-items:flex-end;}
.dp_pro_list .dpp_td_bt .left{font-size: 3.13vw;}
.dp_pro_list .dpp_td_bt .left span:nth-of-type(1){display:block; margin:0 !important;}
.dp_pro_list .dpp_td_bt .left span:nth-of-type(2){margin:0 !important;}
.dp_pro_list .dpp_td_bt .left span:nth-of-type(2):before{display:none;}
.dp_pro_list .dpp_td_bt .right .fa-lock{width: 3.56vw; height: 4.08vw;}
.dp_pro_list .dpp_td_bt .right .fa-download{width: 4.08vw; height: 4.08vw;}

}