@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position: relative;}
.lat ul {}
.lat li {position: relative;margin-top: 1.0rem;}
.lat li a {border: solid 1px #dddddd;display: flex;flex-wrap: wrap;align-items: center;width: 100%;padding: 3.0rem 4.0rem;}
.lat li a .sub1 {width: 7.5rem;}
.lat li a .sub1 > span {display: flex;justify-content: center;align-items: center;width: 100%;aspect-ratio: 1;border-radius: 100%;font-size: 1.8rem;color: #fff;font-weight: 700;}
.lat li a .sub2 {width: calc(100% - 9.8rem);padding: 1rem 3.5rem;}
.lat li a .sub2 .txt1 {font-size: 2.0rem;color: #333333;font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: 0.5s;}
.lat li a .sub2 .txt1 > span {position: relative;}
.lat li a .sub2 .txt1 > span:after {content: '';position: absolute;top: 2.3rem;left: 0;width: 0%;height: 1px;background: #000;transition: 0.5s;}
.lat li a .sub2 .txt2 {font-size: 1.4rem;color: #999999;padding-top: 1.2rem;padding-left: 3.0rem;position: relative;}
.lat li a .sub2 .txt2:before {content: '';position: absolute;bottom: 0;left: 0;width: 1.8rem;aspect-ratio: 1;background: url(../../../ko/asset/img/ico_cal_01.png) no-repeat center / contain;}
.lat li a .sub3 {width: 2.3rem;}
.lat li a .sub3 .ico {width: 2.3rem;aspect-ratio: 1;background: url(../../../ko/asset/img/ico_link_01.png) no-repeat center / contain;opacity: 0.3;transition: 0.5s;}


.lat li a:hover .sub2 .txt1 {font-weight: 500;}
.lat li a:hover .sub3 .ico {opacity: 1;}