@charset "utf-8";

/* 새글 스킨 (latest) */

.listForm > li {
    width:32%; /*갤러리 한줄 갯수 조절*/
    margin-right:1.33%;
    margin-bottom:5%;
    float:left;
    position:relative;
    overflow: hidden;
    border:1px solid #ccc;
    box-sizing:border-box;
    z-index:2;
}
.listForm > li:hover {
    box-shadow:1px 1px 10px rgba(0,0,0,.1)
}
.listForm > li:hover a:after {
    content:""; 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    border:2px solid #bf6200;
}

.listForm li .img_box {
    width:100%;
    height:240px;
    overflow: hidden;
    transition:0.6s;
}
.listForm li .img_box img {
  width:100%; height:auto;
}
.listForm li .text_box h2 {
    font-size:1.6em;
    font-weight:bold;
    font-family: 'Noto Sans KR', sans-serif;
    padding-bottom:10px;
    color:#333;
    padding:20px;
}
.listForm li .text_box p {
    font-size:14px;
    font-weight:300;
    font-family: 'Noto Sans KR', sans-serif;
    color:#333;
}

.listForm .infoBox {
    padding:0 20px 20px 20px;
}
.listForm .infoBox ul li {
    display:flex;
    width:100%;
}
.listForm .infoBox ul li:last-child {
    padding-bottom:0;
}
.listForm .infoBox ul li .tit {
    width:25%;
    font-size:16px;
    font-weight:bold;
    color:#333;
}
.listForm .infoBox ul li .txt {
    font-weight:400;
    color:#333;
}
.listForm .infoBox ul li .txt1 {
    font-size:12px;
    font-weight:400;
    color:#666;
}
.listForm .empty_li {
    width:100%;
    padding:1% 0;
	font-size: 1.5em;
    color: #767676;
    display:block;
    display:flex;
    justify-content:center;
}

@media screen and (max-width:960px) {
    .listForm > li {
        width:48%; /*갤러리 한줄 갯수 조절*/
        margin-right:0;
        margin-bottom:4%;
        float:left;
        position:relative;
        overflow: hidden;
    }
    .listForm > li:nth-child(2n) {
        margin-left:4%;
    }
}
@media screen and (max-width:800px) {
    .listForm > li {
        width:100%; /*갤러리 한줄 갯수 조절*/
        margin-right:0;
        margin-bottom:4%;
        float:none;
        position:relative;
        overflow: hidden;
        margin:0 auto;
    }
    .listForm > li:nth-child(2n) {
        margin:20px auto;
    }
    .listForm > li:nth-child(3n) {
        margin:20px auto;
    }
}