.mgt10 { margin-top: 0.5rem; }
.mgt20 { margin-top: 1rem; }
.mgt30 { margin-top: 1.5rem; }
.mgt40 { margin-top: 2rem; }

.input_w80 { width: 80%; }
.input_w100 { width: 100%; }

/* 게시판 검색 */
.BD_Top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.1rem; } 
.BD_Top #srchForm { order: 2; }
.BD_Top #srchForm .BD_srch div { display: flex; gap: 0.5rem; }
.BD_Top #srchForm .BD_srch select,
.BD_Top #srchForm .BD_srch input { height: 2.5rem; border: 1px solid #ccc; border-radius: 0.2rem; padding: 0 0.7rem; color: #666; }
.BD_Top #srchForm .BD_srch select { padding: 0 1.8rem 0 0.7rem; background: url('/images/web/upmc/con_com/select_bg2.png') no-repeat right 16px center; appearance:none; }
.BD_Top #srchForm .BD_srch #searchValue { margin-right: -0.8rem; }
.BD_Top #srchForm .BD_srch .btnSearch { display: flex; justify-content: center; align-items: center; height: 2.5rem; padding: 0 1.3rem; background: #25529F; color: #fff; font-size: 0.8rem; border-radius: 0.4rem; }
.BD_Top .BD_total { order: 1; }

.BD_total span { position: relative; font-weight: 600; font-size: 0.8rem; color: #666; }
.BD_total span + span { margin-left: 0.5rem; padding-left: 0.5rem; }
.BD_total span + span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.7rem; background: #ccc; content: ""; }
.BD_total .pc_blue { color: #174799 !important; }

/* 게시판 리스트 테이블 */
.BD_list { position: relative; margin-top: 0.25rem; width: 100%; background: #fff; overflow: hidden; word-break: break-all; }
.BD_list > table { position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break: keep-all; }
.BD_list > table th { position: relative; padding: 0.7rem 1rem; vertical-align: middle; font-weight: 600; color: #111; background: #FAFAFA; border-bottom: 1px solid #D5D5D5; }
.BD_list > table th + th::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.7rem; background: #ACACAC; content: ""; }
.BD_list > table td { padding: 0.7rem 1rem; vertical-align: middle; color: #444; border-bottom: 1px solid #D5D5D5; }
.BD_list > table tbody tr:last-child th,
.BD_list > table tbody tr:last-child td { border-bottom: 1px solid #888; }
.BD_list > table td a {display: flex; justify-content: flex-start;}

/* 게시판 상세 테이블 */
.BD_table { position: relative; margin-top: 0.25rem; width: 100%; background: #fff; overflow: hidden; word-break: break-all; }
.BD_table > table { position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break: keep-all; }
.BD_table > table th { padding: 0.7rem 1rem; vertical-align: middle; font-weight: 600; color: #333; background: #FAFAFA; border-bottom: 1px solid #D5D5D5; }
.BD_table > table td { padding: 0.7rem 1rem; vertical-align: middle; color: #333; border-bottom: 1px solid #D5D5D5; text-align: left; }
.BD_table > table tbody tr:last-child th,
.BD_table > table tbody tr:last-child td { border-bottom: 1px solid #888; }
.BD_table > table td label + label { margin-left: 0.5rem; }
.BD_table > table input { height: 1.8rem; border: 1px solid #ccc; border-radius: 4px; padding: 0 0.7rem; font-size: 0.85rem; margin: 2px 0; }
.BD_table > table textarea { width: 100%; min-height: 8rem; border: 1px solid #ccc; border-radius: 4px; padding: 0 0.7rem; font-size: 0.85rem; margin: 2px 0; }
.BD_table > table select { height: 1.8rem; border: 1px solid #ccc; border-radius: 4px; padding: 0 1.8rem 0 0.7rem; background: url('/images/web/upmc/con_com/select_bg2.png') no-repeat right 16px center; appearance: none; font-size: 0.85rem; margin: 2px 0; }

/* 이전글, 다음글 */
.BD_listNavi { position: relative; border-top: 1px solid #888; border-bottom: 1px solid #888; margin-top: 2rem; }
.BD_listNavi ul li + li { border-top: 1px dashed #ccc; }
.BD_listNavi ul li a { display: flex; padding: 0.75rem 1rem; font-size: 0.85rem; gap: 1rem; }
.BD_listNavi ul li a strong { position: relative; color: #111; font-weight: 600; padding-left: 1.5rem; }
.BD_listNavi ul li a strong::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-family: 'remixicon'; color: #111; }
.BD_listNavi ul li.prev a strong::before { content: "\ea78"; }
.BD_listNavi ul li.next a strong::before { content: "\ea4e"; }

/* 페이징 */
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 3rem; gap: 3px; }
.pagination li a { position: relative; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; color: #333; transition: 0.3s; }
.pagination li a.on { background: #333; color: #fff; font-weight: 600; }

.photo_list2 { border-top: 2px solid #174799; border-bottom: 1px solid #888; }
.photo_list2 ul li { padding: 2rem 0; }
.photo_list2 ul li + li { border-top: 1px solid #ccc; }
.photo_list2 ul li input { margin-bottom: 1rem; }
.photo_list2 ul li a { display: flex; gap: 2.2rem; }
.photo_list2 ul li a .img { display: flex; justify-content: center; align-items: center; width: 18rem; height: 10rem; background: #F7F7F7; border: 1px solid #D5D5D5; border-radius: 0.5rem; padding: 1rem 0; }
.photo_list2 ul li a .img img { height: 100%; }
.photo_list2 ul li a dl { width: calc(100% - 20.2rem); margin-top: 0.5rem; flex: 1; }
.photo_list2 ul li a dl dt { font-size: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.photo_list2 ul li a dl dd.txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0.75rem 0 2.2rem; }
.photo_list2 ul li a dl dd.date { font-size: 0.85rem; color: #666; }
.photo_list2 ul li a dl dd.date span { position: relative; margin-left: 0.5rem; padding-left: 0.5rem; }
.photo_list2 ul li a dl dd.date span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.7rem; background: #ccc; content: ""; }


@media (max-width:1024px){
    .photo_list2 ul li a .img { width: 13rem; }
    .photo_list2 ul li a dl { width: calc(100% - 15.2rem); }
}

@media (max-width:680px){
    .photo_list2 ul li { padding: 1rem 0; }
    .photo_list2 ul li a { display: block; }
    .photo_list2 ul li a .img { width: 100%; }
    .photo_list2 ul li a dl { width: 100%; margin-top: 1rem; }
    .photo_list2 ul li a dl dd.txt { margin: 0.5rem 0 0.8rem; }
}