@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_case_wrap{
    /* position:relative; */
    width:100%;
}
/* .pic_case_slider{
    padding-bottom:60px;
} */

.pic_case_wrap


.pic_case_slider img{
    width:100%;
    display:block;
}

.pic_case_slider .slick-list {
    position:static;
    margin: 0 -10px;
}
.pic_case_slider .slick-slide{
    outline:none;
    padding:0px 6px;
    box-sizing: border-box;
}

.pic_case_slider .slick-dots{
    bottom:0px;
    left:40px;
    width:120px;
}


.case_slide_btn{display:flex;flex-flow:row nowrap;justify-content:space-between;width:calc(120px + 80px);height:30px;margin-top:50px;}
.pic_case_prev,
.pic_case_next{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width:30px;
    height:30px;
    border:0;
    background:none;
    cursor:pointer;
    z-index:2;
    box-shadow:none;
}

.pic_case_prev img{
    width:100%;
}

.pic_case_next img{
    width:100%;
}

.pic_case_wr{position: relative;padding:0 4px;}
.pic_case_inner{position: relative;background:#f8f8f8;}
.pic_case_top{}
.pic_case_img{width:100%;}
.pic_case_img img{width: 100%;height: auto;margin:0;}

.pic_case_href{display:flex;flex-flow:column nowrap;align-items: flex-start;gap: 2px;padding:20px 20px 30px;line-height: 1.2;font-size: 14px;text-align:left;font-weight:400;}
.pic_case_href strong{display:block;width:100%;padding:10px 0;font-size:20px;white-space :nowrap;overflow:hidden;text-overflow:ellipsis;}


.pic_case_wrap .slick-dotted.slick-slider{position:static;margin-bottom:0;}


@media all and (max-width:1700px){
    .pic_case_href p{
        display: -webkit-box;
        display: -ms-flexbox;
        display: box;
        max-height:74px;
        overflow: hidden;
        vertical-align: top;
        text-overflow: ellipsis;
        word-break: keep-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}


@media (max-width: 1023px){
    .pic_case_wrap .pic_case_slider img{aspect-ratio: 700 / 800;object-fit:cover;}
}


@media (max-width: 980px){

    #sec-case .main_case_flex{flex-direction:column;}
    .pic_case_href strong{font-size:17px;}
    #sec-case .pic_case_wrap{width:100%;padding: 60px 0;}
    .pic_case_wrap .pic_case_slider img{aspect-ratio: 700 / 800;object-fit:cover;}
    .case_slide_btn{position: absolute;bottom: 0;left:50%;transform:translate(-50%,0);}
    .pic_case_slider .slick-dots{left:50%;transform:translate(-50%,0);}
}

@media (max-width: 767px){
}