@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ .source{ font-size:12px; display:block !important; padding-left:0 !important; } .footer_nav{ width:42% !important; } .footer_top .right ul{ width:58% !important; } .footer_top .right{ width:571px; } .con{ padding:6.14vw 0 6.9vw; } .con_top{ position:relative; margin-bottom:6.45vw; } .top_txt{ width:50%; height:100%; position:absolute; z-index:2; left:0; top:0; color:white; display:flex; flex-direction: column; justify-content: center; padding:0 7.2vw; background:rgba(151,29,29,0.93) } .top_img{ width:100%; } .top_tit{ font-weight:bold; margin-bottom: 10px; } #listId h2{ color:#333333; line-height:1; margin-bottom:3.125vw; } #listId .list li::before{ display:none; } #listId .list li{ display:flex; background-color:transparent !important; padding:34px 0; border-bottom:1px solid #eeeeee; } #listId .list li a{ display: flex; align-items: center; justify-content: space-between; transition:all 0.5s; width:100%; line-height:1; } .tit{ max-width:70%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #listId .list li a:hover{ color:#971d1d; } #listId .list li:nth-child(1){ padding-top:0; } #listId .img{ width:100%; position: relative; height: 0; padding-bottom: 56%; overflow: hidden; display:block; } .img img{ position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.5s; object-fit: cover; } #listId li:hover .img img{ transform:scale(1.05); } .list li>div{ padding:15px 40px 0; } .list li>div>div:nth-child(2){ color:#666666; line-height: 1.8; } .list li .fnt_24{ line-height:normal; transition:all 0.5s; font-weight:bold; } #listId{ margin-bottom:0; } @media screen and (max-width:768px) { .footer_nav{ width:100% !important; } .footer_top .right ul{ width:100% !important; } #listId .list li{ flex-direction: column; padding:20px 0; } .list li>a{ width:100%; } #listId .list li>div{ width:100%; margin-top:20px; padding:0; } .top_txt{ position:relative; padding:20px; width:100%; } .list li>div>div:nth-child(2){ width:100%; } }