@charset "utf-8";

/* 새글 스킨 (latest) */
.notice ul {
    font-size: 0px;
}
    .notice li {
        display: inline-block;
        font-size: 0.7rem;
        width: 31%;
        margin-right: 3.5%;
        background-color: #FFF;
        box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);
    }
        .notice li:nth-of-type(3n) {
            margin-right: 0px;
        }
            .notice li .img-full {
                position: relative;
            }
                .notice li .img-full .no-img {
                    position: absolute;
                    display: inline-block;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    font-size: 2em;
                    font-weight: 600;
                    color: #000;
                }

                .notice li .cont {
                    padding: 20px;
                }
                .notice li:hover {
                    background-color: rgba(53, 53, 55, 1);
                }
                .notice li:hover .cont,
                .notice li:hover .cont * {
                    color: #FFF !important;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }
                    .notice li .cont a {}
                        .notice li .cont strong {
                            display: block;
                            font-weight: 500;
                            font-size: 1.3em;
                            margin-bottom: 10px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            height: 23px;
                            line-height: 23px;
                            white-space: nowrap;
                        }
                        .notice li .cont .text {
                            display: block;
                            font-weight: 300;
                            color: #555;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            word-wrap:break-word;
                            line-height: 160% !important;
                            height: 4.5em;
                            margin-bottom: 10px;
                            font-size: 1.1em !important;
                        }
                        .notice li .cont .read-more {
                            font-size: 0.8em;
                        }

@media (max-width:680px) {
  .notice li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}