@charset "utf-8";
/* img_mvp121 */
/* @latest 2022.08.30 OSY */

.img_mvp121 {position:relative; overflow:hidden; width:100%; height:100%; box-sizing:border-box;}
.img_mvp121 .bnrWrap {width:100%; height:auto; box-sizing:border-box; overflow:hidden;}

.img_mvp121 .bnrWrap .titWrap {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; vertical-align:middle;}
    .img_mvp121 .bnrWrap .titWrap .board_name {display:inline-block; width:auto; max-width:calc(100% - 120px);height:50px; line-height:50px; vertical-align:middle; box-sizing:border-box;}
    .img_mvp121 .bnrWrap .titWrap .board_name .tit {text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden;}

.img_mvp121 .bnrWrap .contWrap {display:flex; flex-flow:row wrap; align-content:stretch; box-sizing:border-box; overflow:hidden;}
.img_mvp121 .bnrWrap .contWrap .thumbBox,
.img_mvp121 .bnrWrap .contWrap .txtBox {position:relative; height:100%;}
.img_mvp121 .bnrWrap .contWrap .thumbBox {border-width:0 1px 0 0; border-style:solid; border-color:rgba(0,0,0,0.08); box-sizing:border-box; overflow:hidden;}
    .img_mvp121 .bnrWrap .contWrap .thumbBox img {display:block; position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; width:100%; min-height:100%; -webkit-transition:transform 1s; transition:transform 1s;}

    .img_mvp121 .bnrWrap .contWrap .txtBox {box-sizing:border-box;}
    .img_mvp121 .bnrWrap .contWrap .txtBox a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box;}
    .img_mvp121 .bnrWrap .contWrap .txtBox span {text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden;}
    .img_mvp121 .bnrWrap .contWrap .txtBox .txt {line-height:1.4em; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
    .img_mvp121 .bnrWrap .contWrap .txtBox .date {position:absolute; left:0; bottom:0;}


/* slide */
/* btn - dot */
.img_mvp121 .slick-dots {display:none !important;}

/* btn - prev next */ 
.img_mvp121 .btnArrow {position:absolute; top:0; z-index:1; overflow:hidden; text-indent:-9999px; width:50px; height:50px; background:transparent; box-sizing:border-box; pointer-events:auto !important; transition:background-color .2s;}
.img_mvp121 .btnArrow:not(.slick-disabled):hover::after {position:absolute; top:0; left:0; z-index:2; content:""; display:inline-block; width:100%; height:100%; background-color:rgba(0,0,0,.1);}
    .img_mvp121 .btnPrev {right:51px;}
    .img_mvp121 .btnNext {right:0;}
.img_mvp121 .btnArrow::before {position:absolute; top:17px; content:""; width:16px; height:16px; display:inline-block; border-style:solid; border-color:inherit; transform:rotate(45deg);}
    .img_mvp121 .btnPrev::before {left:20px; border-width:0 0 1px 1px;}
    .img_mvp121 .btnNext::before {right:20px; border-width:1px 1px 0 0;}
.img_mvp121 .slick-disabled {opacity:0.3;}


/* no_data */
.cntNone .txtBox {background:rgba(0,0,0,0.05);}
.cntNone .txtBox .txt {line-height:300px !important;}


/* border-radius */
.border-radius .img_mvp121 .bnrWrap .contWrap {border-radius:15px;}
.border-radius .img_mvp121 .bnrWrap .titWrap .board_name .tit {margin-left:10px;}
.border-radius .img_mvp121 .btnArrow {top:5px; width:40px; height:40px; border-radius:50%;}
    .border-radius .img_mvp121 .btnPrev {right:55px;}
    .border-radius .img_mvp121 .btnNext {right:10px;}
.border-radius .img_mvp121 .btnArrow::before {top:14px; content:""; width:12px; height:12px;}
    .border-radius .img_mvp121 .btnPrev::before {left:17px;}
    .border-radius .img_mvp121 .btnNext::before {right:17px;}


@media (min-width:900px){	
    .img_mvp121 .bnrWrap .slideWrap,
    .img_mvp121 .bnrWrap .contWrap {height:300px;}
}
@media (max-width:899px) {	
    .img_mvp121 .bnrWrap .contWrap .thumbBox,
    .img_mvp121 .bnrWrap .contWrap .txtBox {height:250px;}
    .img_mvp121 .bnrWrap .contWrap .txtBox .txt {margin-top:15px;}
    .img_mvp121 .btnArrow::before {top:19px; width:12px; height:12px;}
        .img_mvp121 .btnPrev::before {left:22px;}
        .img_mvp121 .btnNext::before {right:22px;}
    .border-radius .img_mvp121 .btnArrow {top:7px; width:35px; height:35px;}
        .border-radius .img_mvp121 .btnPrev {right:50px;}
    .border-radius .img_mvp121 .btnArrow::before {top:12px; content:""; width:10px; height:10px;}
        .border-radius .img_mvp121 .btnPrev::before {left:15px;}
        .border-radius .img_mvp121 .btnNext::before {right:15px;}
    .no_data .txtBox {line-height:250px;}
}
@media (max-width:799px){	
    .img_mvp121 .bnrWrap .contWrap .thumbBox,
    .img_mvp121 .bnrWrap .contWrap .txtBox {height:200px;}
}