@charset "utf-8";
/* 새글 스킨 (latest) */

.lat.notice {position:relative;}
.lat.notice .lat_title {position:relative; padding:0;}
.lat.notice .lat_title span {font-family:var(--font2);  font-size:55px; line-height:100%;}
.lat.notice .lat_title p {font-size:20px; color:#555; margin-top:30px;  font-weight:500;}
.btn-wrap {text-align:center; margin-top:55px}
.lat.notice .lt_more {display:flex; align-items:center; justify-content:center;  text-align:center; width:172px;  height:52px; font-size:20px; color:#222; transition:.2s; font-weight:400; border:1px solid #7d7d7d; border-radius:60px; padding:0 ; margin:0 auto;}
.lat.notice .lt_more span  {display:inline-block;width:16px; height:16px;margin-right:10px;}
.lat.notice .lt_more img  {display:block}
.lat.notice .lt_more:hover {border:1px solid var(--basic2); background:var(--basic2); color:#fff}
.lat.notice .lt_more:hover img {filter: invert(100%) sepia(0%) saturate(10000%) hue-rotate(236deg) brightness(200%) contrast(200%);}

@media (max-width:1024px){
	.lat.notice .ca_name {display:block; font-size:20px; color:var(--basic2); font-family:var(--font1); font-weight:700; margin:7px 0 50px 0}
	.lat.notice .lat_title span {font-size:5.5vw;}
	.lat.notice .lat_title p {font-size:19px;}
	.btn-wrap {margin-top:5.5vw}
	.lat.notice .lt_more {width:152px;  height:45px; font-size:19px;}
}

@media (max-width:768px){
	.lat.notice .lat_title span {font-size:42px;}
	.lat.notice .lat_title p {font-size:18px; margin-top:20px;}
	.lat.notice .lt_more {width:145px; font-size:18px;}
	.lat.notice .lt_more span  {width:14px; height:14px;}
}

@media (max-width:480px){
	.lat.notice .lat_title span {font-size:38px;}
	.lat.notice .lat_title p {font-size:16px;}
	.lat.notice .lt_more {width:135px; font-size:17px;}
}

@media (max-width:400px){
	.lat.notice .lat_title span {font-size:34px;}
}


.lat.notice ul {display:flex; flex-wrap:wrap; margin-top:60px}
.lat.notice li {width:23.125%; position:relative; box-shadow:10px 10px 18px rgba(0,0,0,.035); margin:0 2.5% 0 0; border-radius:25px;}
.lat.notice li:last-child {margin:0;}
.lat.notice li a {display:block; background:#fff; border-radius:25px; padding:35px; width: 100%; height:100%;  transition:.2s; border:1px solid #fff}
.lat.notice li a .ca_name {display:block; font-size:20px; color:var(--basic2); font-family:var(--font1); font-weight:700; margin:7px 0 50px 0}
.lat.notice li a .lt_sub {font-family:var(--font1); font-size:24px; font-weight:600; width: 100%; height:auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:.2s}
.lat.notice li a .lt_content { font-size:17px; color:#555; margin-top:25px; line-height:150%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lat.notice .lt_date{display:inline-block; margin-top:25px; line-height:100%; color:#777}
.lat.notice .lt_go{position:absolute; top:30px; right:35px;}
.lat.notice .lt_go span {width:42px; height:42px; line-height:42px; font-size:21px; font-weight:500; color:#505050; border-radius:60px; background:#f2f2f2;text-align:center}
.lat.notice li .new_icon{display:inline-block;width: 15px;line-height:15px;font-size:10px;color:#fff;background:var(--point1);text-align:center;border-radius: 2px; font-family:'Inter'; font-weight:600; vertical-align:middle; margin:0 5px 2px 0;}

.lat.notice li:hover a {text-decoration:none; border:1px solid var(--basic2)}
.lat.notice li:hover a .lt_sub {color:var(--basic2)}

@media (max-width:1300px){
	.lat.notice ul {margin-top:50px}
}

@media (max-width:1200px){
	.lat.notice ul {margin-top:40px}
	.lat.notice li {width:23.875%; margin:0 1.5% 0 0;}
	.lat.notice li a {padding:2.5vw}
	.lat.notice li a .ca_name {margin:7px 0 4vw 0}
}

@media (max-width:1024px){
	.lat.notice ul {margin-top:30px}
	.lat.notice li {width:49%; border-radius:2.5vw; margin:0 2% 2% 0}
	.lat.notice li:nth-child(2n) {margin:0 0 2% 0;}
	.lat.notice li a {padding:3.5vw; border-radius:2.5vw;}
	.lat.notice li a .ca_name {font-size:18px;}
	.lat.notice li a .lt_sub {font-size:23px;}
	.lat.notice li a .lt_content { font-size:16px; margin-top:20px;}
	.lat.notice .lt_date{margin-top:20px;}
	.lat.notice .lt_go{top:3.5vw; right:3.5vw;}
	.lat.notice .lt_go span {width:38px; height:38px; line-height:38px; font-size:20px;}
}

@media (max-width:768px){
	.lat.notice ul {margin-top:20px}
	.lat.notice li {width:47.3%;}
	.lat.notice li a {padding:25px;}
	.lat.notice li a .ca_name {font-size:17px;}
	.lat.notice li a .lt_sub {font-size:21px;}
	.lat.notice li a .lt_content {margin-top:15px;}
	.lat.notice .lt_date{margin-top:15px;}
	.lat.notice .lt_go{position:absolute; bottom:22px; right:3vw;}
	.lat.notice .lt_go span {width:35px; height:35px; line-height:35px; font-size:19px;}
}

@media (max-width:480px){
	.lat.notice li {width:100%; margin:0 0 2% 0}
	.lat.notice li a {padding:20px;}
	.lat.notice li a .ca_name {font-size:16px;}
	.lat.notice li a .lt_sub {font-size:19px;}
	.lat.notice li a .lt_content { font-size:15px;}
	.lat.notice .lt_date{bottom:15px; left:20px}
	.lat.notice .lt_go{bottom:18px; right:20px}
}




.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}