@charset "utf-8";

.main_mproduction { margin-bottom: 15px; }
.backimgtop.backimgprd { position: relative; width: 100%; height: 150px; background: url(../img/page_productions.jpg) no-repeat center center; background-size: cover; }
.backimgtop.backimgeqp { position: relative; width: 100%; height: 150px; background: url(../img/page_equipments.jpg) no-repeat center center; background-size: cover; }
.backimgtop h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2rem; font-weight: 700; font-family: "Poppins",sans-serif; }

/* 사이드 메뉴 */
.row_mproduction { display: flex; justify-content: flex-start; background: #fff; }
.mproduction { width: 200px; }

/* 게시판 리스트 */
.board { width: calc(100% - 200px); }
.board_member { width: 100%; padding: 0; margin: 0; }

/* 제품소개 리스트 */
.production { width: calc(100% - 200px); }

.production_infor { width: 100%; margin: 15px 15px 0 15px; }
.production_infor .div_search { display: flex; justify-content: flex-start; width: 60%; height: 40px; line-height: 40px; margin: 10px 0 0 20px; }
.production_infor .div_search select { width: 105px; height: 38px; line-height: 29px; margin-right: 2px; }
.production_infor .div_search button { width: 100px; line-height: 38px; margin-left: 3px; }

/*
.div_list_title { margin: 10px 5px 0 5px; }
.div_list_title ul { display: flex; border-top: 1px solid #777; border-bottom: 1px solid #777; background: #f8f8f8; height: 40px; line-height: 40px; }
.div_list_title li.content_dpath { text-align: center; }
.div_list_contents { margin: 0 5px 10px 5px; }
.div_list_contents ul { display: flex; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; }
.div_list_contents a:last-child ul { border-bottom: 1px solid #777; }
.div_list_contents .nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; }
.div_list_wrap li.content_no { text-align: center; width: 70px; }
.div_list_wrap li.content_subjt { text-align: center; width: 170px; }
.div_list_wrap li.content_regdt { text-align: center; width: 90px; }
.div_list_wrap li.content_no.content_no_gong span { background: #ff656a; color: #fff; padding-left: 3px; padding-right: 3px; border-radius: 3px; }
.div_list_wrap li.content_dpath { display: flex; width: calc(100% - 70px - 170px - 170px - 90px); }
.div_list_wrap li.content_subjt > strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_list_wrap li.content_dpath span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_list_wrap li.content_subjt > i { font-size: 20px; height: 20px; line-height: inherit; padding: 1px 0 0; color: #065fd4; }
.div_list_wrap li.content_subjt > span { color: #ef4120; }
.div_list_wrap li.content_subjt > span.dpath_new { height: 18px; line-height: 18px; background: #ed1c20; color: #fff; padding: 0 3px; border-radius: 5px; font-weight: normal; font-size: 12px; margin: 12px 0 0 3px; }
*/

.div_list_contents { margin: 15px 15px 0 15px; }
.div_list_contents ul { display: flex; flex-wrap: wrap; width: 100%; height: 100%; margin-bottom: -15px; }
.div_list_contents ul a { position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; }
.div_list_contents ul a.video:before {content: ""; display: inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 60px; height: 60px; background: #fff; opacity: 0.5; z-index: 1; }
.div_list_contents ul a.video:after {content: ""; display: inline-block; position:absolute; left: 50%; top: 50%;  transform: translate(-25%, -50%); border-width: 16px; border-style: solid; border-color: transparent transparent transparent #e6373d; z-index: 2; }
.div_list_contents ul a:nth-child(3n) { margin-right: 0; }
.div_list_contents ul li { position: relative; width: 100%; box-sizing: border-box; border-radius: 5px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all .5s ease-out 0s; }
.div_list_contents ul li:hover { background-size: inherit; }
.div_list_contents ul li:after { content: ""; display: block; padding-bottom: 100%; }
.div_list_contents ul li h3 { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); color: white; font-size: 0.9rem; width: 100%; text-align: center; }
.div_list_contents .nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; }

.pager_wrap { margin: 10px 0; text-align: center; }
.pager_wrap a { text-align: center; }
.pager_wrap .pager_a { display: inline-block; min-width: 30px; height: 30px; font-size: 17px; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 4px; margin: 0 2px;}
.pager_wrap .pager_num_a.on { color: #fff; background: #e6373d; border: 1px solid #e6373d; }
.pager_wrap .pager_first_a { position: relative; }
.pager_wrap .pager_first_a:before { content: ''; position: absolute; top: 6px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_first_a:hover:before { background: #ff656a; }
.pager_wrap .pager_last_a { position: relative; }
.pager_wrap .pager_last_a:after { content: ''; position: absolute; top: 6px; right: 5px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_last_a:hover:after { background: #ff656a; }