@charset "utf-8";
/* CSS Document */

.board_con {
    padding: 40px 50px;
}
/*************** 리스트 ***************/
/* board_gallery */
.board_gallery {
    overflow:hidden; 
    padding-bottom:15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:8px;
    min-height: 200px;
}
.board_gallery li {
    position: relative;
    z-index: 10;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.board_gallery li input {position:absolute; top:5px; left:5px; z-index:99999;}
.board_gallery li a {display:table; width:100%;}
.board_gallery li a * { color:#fff;}
/* board_gallery in wpb_pic */
.board_gallery .wpb_pic {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:#eee url("/kor/_wpcomm/HomeType/basic/image/common/logo.svg") 50% 50% no-repeat; background-size: 50%; text-align:center;}
.board_gallery .wpb_pic img {width:100%; height:auto; min-height:100%; transform:scale(1, 1); transition:all 0.3s ease-in-out 0s;}
.board_gallery .wpb_pic img.wpb_noimg {margin:195px auto 0; width:50%; height:auto; min-height:46px;}
/* board_gallery in wpb_text */
.board_gallery .wpb_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2000;
    visibility: visible;
    backface-visibility: hidden;
    margin: 0;
    padding: 0 40px;
    /*height: 433px;*/
    height: 538px;
    background-color: rgba(0, 105, 180, 0.9);
    opacity: 0;
    transform: translateZ(0px);
    transition: opacity 0.4s ease 0s;
    text-align: center;
    vertical-align: middle;
}
.noData {
    position: absolute;
}
.board_gallery .wpb_hover, .board_gallery .wpb_ic, .board_gallery .wpb_content, .board_gallery .wpb_author, .board_gallery .wpb_date, .board_gallery .wpb_more {display:none;}
.board_gallery .pdf_icon {display:inline-block; padding:25px;}
.board_gallery .pdf_icon i {font-size: 30px;}

/***** hover, focus *****/
.board_gallery a:hover, .board_gallery a:focus {border-color:#0069b4;}
.board_gallery a:hover img, .board_gallery a:focus img {transform:scale(1.03, 1.03);}
.board_gallery a:hover .wpb_title, .board_gallery a:focus .wpb_title {opacity:1;}

/***** IE8, IE7 대응 *****/
/* IE8 대응 */
@media \0screen {
.board_gallery .wpb_title {display:none;}
.board_gallery a:hover .wpb_title {display:block; background-color:#0069b4; line-height:214px;}
}
/* IE7 대응 */
.board_gallery .wpb_title {.display:none;}
.board_gallery a:hover .wpb_title {.display:block; .background-color:#0069b4; .line-height:214px;}



/*************** 뷰 ***************/
/* 뷰페이지 첨부파일 안보이게 처리 */
.board_file {display:none;}