@charset "utf-8";
#con4{width:100%;}
#con4 .lt{position:relative;}
#con4 .lt .a-item{position:relative;padding:0;border:0;word-break:break-all;transition:all 0.8s ease;transform:scale(1);overflow:visible;}
#con4 .lt .a-item:hover{transform:scale(1.08);z-index:9999;}
#con4 .lt .a-item .img-box{position:relative;cursor:pointer;overflow:visible;}
#con4 .lt .a-item .img-box img{width:100%;transition:all 1s ease;}
#con4 .lt .a-item .hover-layer{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);opacity:0;transition:all 0.4s ease;pointer-events:none;}
#con4 .lt .a-item:hover .hover-layer{opacity:1;pointer-events:auto;box-shadow: 5px 5px 15px #000000c2;}
#con4 .lt .a-item:hover .hover-layer a {display: block; width: 100%; height: 100%;}
#con4 .lt .a-item .hover-top{position: absolute; padding: 10px; display: flex; align-items: flex-start;}
#con4 .lt .a-item .hover-top .hover-text{color:#fff;line-height:1.2;border-left: 13px solid #EC1E32; padding-left: 10px;}
#con4 .lt .a-item .hover-top .hover-text .h-subject{font-size:22px;font-weight:400; word-break: keep-all; letter-spacing: -4%;}
#con4 .lt .a-item .hover-top .hover-text .h-year{font-size:15px;margin-top:2px; font-weight: 200; letter-spacing: -4%;}
#con4 .lt .a-item .hover-btn{position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); width: 130px; height: 130px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; text-decoration: none; flex-direction: column;}
#con4 .lt .a-item .hover-btn:after {position: absolute; width: 138px; height: 138px; display: block; content: ""; border: 1px solid #fff; border-radius: 50%;}
#con4 .lt .a-item .hover-btn span{position: relative; font-size: 20px; letter-spacing: 0px; font-weight: 500; margin-bottom: 10px;}
#con4 .lt .a-item .hover-btn img {width: 55px;}


.owl-carousel .owl-stage-outer:after {position: absolute; width: 20%; background: linear-gradient(90deg, #dddddd7d, transparent); content: ""; left: 0; top: 0; bottom: 0; z-index: 1;}
.owl-carousel .owl-stage-outer::before {position: absolute; width: 20%; background: linear-gradient(270deg, #dddddd7d, transparent); content: ""; right: 0; top: 0; bottom: 0; z-index: 20;}
.owl-carousel .owl-stage-outer{overflow:unset;}
.owl-carousel .owl-item{position:relative;z-index:1;transition:all 0.3s ease;}
.owl-carousel .owl-item:hover{z-index:9999;}


.owl-theme .owl-nav {margin-top: 0;}

#con4 .latest-carousel .owl-nav button:focus{outline:none;}
#con4 .latest-carousel .owl-nav{position:absolute;top: calc(50% - 25px); width:100%;display:block;z-index:9;}
#con4 .latest-carousel .owl-nav .owl-prev{width:50px;height:50px;left:50px;margin:0;position:absolute;cursor:pointer;border:none;padding:0;background:transparent;}
#con4 .latest-carousel .owl-nav .owl-prev img {width: 100%;}
#con4 .latest-carousel .owl-nav .owl-next{width:50px;height:50px;right:50px;margin:0;position:absolute;cursor:pointer;border:none;padding:0;background:transparent;}
#con4 .latest-carousel .owl-nav .owl-next img {width: 100%;}
#con4 .latest-carousel .owl-dots{display:none;}

.latest-carousel.owl-carousel .owl-stage{transition-timing-function:linear!important;}





@media screen and (max-width:1500px) {

}




@media screen and (max-width:960px) {
    #con4 .lt .a-item .info {padding: 30px 20px;}
    #con4 .lt .a-item .info .subject {font-size: 18px;}
    #con4 .lt .a-item .hover-top {display: none;}
    #con4 .lt .a-item .hover-btn {display: none;}

    .owl-carousel .owl-stage-outer::before {display: none;}
    .owl-carousel .owl-stage-outer::after {display: none;}

    #con4 .latest-carousel .owl-nav {display: none;}

    #con4 .latest-carousel .owl-dots{display:block; padding-top: 10px; background: #fff;}
#con4 .latest-carousel .owl-dots .owl-dot {width: 10%; height: 2px; background: #BABABA; border: none; list-style: none;}
#con4 .latest-carousel .owl-dots .active {height: 4px; border-radius: 4px; background: #515151;}
}