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

/*************** 리스트 ***************/
/* board_gallery */
.board_gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:8px;
    overflow:hidden;
    padding-bottom:15px;
}
.board_gallery li {
    position:relative;
    z-index:10;
    overflow:hidden;
    width:100%;
    border:1px solid #ddd;
    
}
.board_gallery li::after {
    content: "";
  display: block;
  padding-bottom: 130%;
}
.board_gallery li input {
    position:absolute;
    top:5px;
    left:5px;
    z-index:99999;
}
.board_gallery li a {
    position: absolute;
    width:100%;
    height:100%;
}
.board_gallery li a * {
    font-weight:300;
    color:#fff;
}
/* board_gallery in wpb_pic */
.board_gallery .wpb_pic {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background: #eee url(/kor/_drcomm/HomeType/basic/image/common/logo02.svg) 50% 50% no-repeat;
    background-size: 50%;
}

.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 {
    display: none;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:46px;
    height:46px;
    min-height:46px;
}
/* board_gallery in wpb_text */
.board_gallery .wpb_title {
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
    z-index:2000;
    visibility:visible;
    backface-visibility:hidden;
    margin:0;
    padding:0 10px;
    width:100%;
    height:100%;
    background-color:rgba(0,108,184,0.9);
    opacity:0;
    transform:translateZ(0px);
    transition:opacity 0.4s ease 0s;
    font-size:15px !important;
    text-align:center;
    vertical-align:middle;
}
.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;
    background-size:100%;
    background-repeat:no-repeat;
    padding-left:15px;
}
.board_gallery .pdf_icon i {
    font-size: 25px;
    font-weight: 900 !important;

}

/***** hover, focus *****/
.board_gallery a:hover, .board_gallery a:focus 
{border-color:#006cb8;}
.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:#006cb8; line-height:214px;}
}
/* IE7 대응 */
.board_gallery .wpb_title {.display:none;}
.board_gallery a:hover .wpb_title {.display:block; .background-color:#006cb8; .line-height:214px;}



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



/******************** 모바일 ********************/
@media all and (max-width:1100px){
    .board_gallery {
        grid-template-columns: 1fr 1fr;
    }
}
@media all and (max-width:1000px){
    .board_gallery {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media all and (max-width:768px){
    .board_gallery {
        grid-template-columns: 1fr 1fr;
    }
}
@media all and (max-width:450px){
    .board_gallery {
        grid-template-columns: 1fr;
    }
}