@charset "utf-8";
/* img122 */
/* @latest 2023.02.02 OSY */

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

.img122 .bnrWrap .contWrap {display:flex; flex-flow:row wrap; align-content:stretch; box-sizing:border-box; overflow:hidden;}
.img122 .bnrWrap .contWrap .thumbBox,
.img122 .bnrWrap .contWrap .txtBox {position:relative; height:100%;}
.img122 .bnrWrap .contWrap .thumbBox {box-sizing:border-box; overflow:hidden;}

.img122 .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;}

    .img122 .bnrWrap .contWrap .txtBox {box-sizing:border-box;}
    .img122 .bnrWrap .contWrap .txtBox a {position:relative; display:block; width:100%; height:auto; box-sizing:border-box;}
    .img122 .bnrWrap .contWrap .txtBox span {color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden;}
    .img122 .bnrWrap .contWrap .txtBox .tit {line-height:1.2em; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
    .img122 .bnrWrap .contWrap .txtBox .txt {line-height:1.4em; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
    .img122 .bnrWrap .contWrap .txtBox .date {}


/* btn - dot */
.img122 .slick-dots {position:absolute; display:flex; flex-flow:row wrap; align-items:center; min-height:40px; box-sizing:border-box;}
.img122 .slick-dots li:not(:last-child) {margin-right:8px;}
.img122 .slick-dots li button {width:13px; height:13px; border-radius:50%; text-indent:-9999px; box-sizing:border-box; border:2px solid rgba(0,0,0,0.5);}
.img122 .slick-dots li.slick-active button {background-color:#000; border:0;}


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


/* no_data */
.data_none .txtBox {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; padding:0 !important; background:rgba(0,0,0,0.05);}


@media (min-width:900px){	
    .img122 .bnrWrap .slideWrap,
    .img122 .bnrWrap .contWrap {height:300px;}

    /* btn - dot */
    .img122 .slick-dots {left:140px; bottom:30px; width:calc(50% - 170px);}

    /* btn - prev next */ 
    .img122 .btnArrow {bottom:30px; width:40px; height:40px;}
        .img122 .btnPrev {left:30px;}
        .img122 .btnNext {left:81px;}
    .img122 .btnArrow:before {top:12px; width:16px; height:16px;}
        .img122 .btnPrev:before {left:16px; border-width:0 0 1px 1px;}
        .img122 .btnNext:before {left:7px; border-width:1px 1px 0 0;}
}
@media (max-width:899px) {	
    .img122 .bnrWrap .contWrap .thumbBox {height:250px;}
    .img122 .bnrWrap .contWrap .txtBox {height:250px; padding:20px;}
    .img122 .bnrWrap .contWrap .txtBox .txt {margin-top:15px;}

    /* btn - dot */
    .img122 .slick-dots {left:20px; top:190px; width:calc(100% - 150px);}

    /* btn - prev next */ 
    .img122 .btnArrow {top:190px; width:40px; height:40px;}
        .img122 .btnPrev {right:70px;}
        .img122 .btnNext {right:20px;}
    .img122 .btnArrow:before {top:12px; width:16px; height:16px;}
        .img122 .btnPrev:before {left:16px; border-width:0 0 1px 1px;}
        .img122 .btnNext:before {left:7px; border-width:1px 1px 0 0;}

    .data_none .txtBox .txt {margin-top:0;}
}
@media (max-width:799px){	
    .img122 .bnrWrap .contWrap .thumbBox,
    .img122 .bnrWrap .contWrap .txtBox {height:200px;}
    .img122 .bnrWrap .contWrap .txtBox .txt {-webkit-line-clamp:1;}

    /* btn - dot */
    .img122 .slick-dots {top:140px;}

    /* btn - prev next */ 
    .img122 .btnArrow {top:auto; bottom:220px;}
}