@charset "utf-8"; 
.con_txt { padding: 2rem 0 2rem; height: 13rem; } 
.con_txt p { text-align: left !important; font-size: 1.7rem !important; letter-spacing: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 70px; color: #8d8d8d; } 
.tech_info { padding: 2rem 0 0; } 

/* 새글 스킨 (latest) */
.pic_lt { position:relative; } 
.pic_lt .lat_title { display: none; line-height:45px; font-size:1.2em; color:#253dbe } 
.pic_lt .lat_title a { color:#000; display:inline-block; position:relative } 

.pic_lt .lt_more { position:absolute; top:11px; right:10px; display:block; width:25px; line-height:25px; color:#aaa; border-radius:3px; text-align:center; } 
.pic_lt .lt_more:hover { color: #fa8c0b; } 
.pic_lt ul:after { display:block; visibility:hidden; clear:both; /* content:""; */ } 
.pic_lt ul { display: flex; justify-content: flex-start; align-content: center; align-items: flex-start; } 
.pic_lt li { width: 19%; margin-right: 1.5%; } 
.pic_lt li h3 { font-size: 2.5rem; position: relative; display: flex; flex-direction: row; justify-content: flex-start; font-weight: 500; align-items: stretch; line-height: 1.5; letter-spacing: -1px; } 
.pic_lt li h3 span { /* display: flex; */
 align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pic_lt li h3 i { padding-top: 6px; padding-left: 6px; font-weight: 100; color: #a09e9e; transition: all 0.4s; } 
.pic_lt li h3::before { display: table; font-size: 60px; font-family: 'oswald'; color: #fa8c0b; width: 20%; text-align: center; font-weight: 300; top: 5px; position: relative; } 
.pic_lt li .lt_img { display:block } 
.pic_lt li .lt_img img, .pic_lt li .lt_img video { width:100%; height:auto; height: 50%; object-fit: cover; padding-bottom: 1.5rem; } 
.pic_lt li a { transition: all .2s; } 
.pic_lt li a:hover { color:var(--main-color); } 
.pic_lt li a:hover i { color:var(--main-color); } 

.pic_lt li .fa-heart { color:#ff0000 } 
.pic_lt li .fa-lock { display:inline-block; line-height:14px; width:16px; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle } 
.pic_lt li .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:middle } 
.pic_lt li .hot_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_lt li .fa-caret-right { color:#bbb } 
.pic_lt li .fa-download { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_lt li .fa-link { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; vertical-align:middle } 

.pic_lt .profile_img img { border-radius:50% } 

.lt_info { padding: 3rem 0 0; } 
.gallery_li .lt_info .lt_date { color: #525252; font-family: var(--font-eng); font-size: 1.9rem; font-weight: 500; } 
.pic_lt .empty_li { line-height:145px; color:#666; text-align:center; padding:0; width:100%; } 
.pic_lt .empty_li:before { background:none; padding:0 } 

.pic_lt .lt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 
.pic_lt .lt_more { position:absolute; top: -40px; right:0; display:block; width:40px; color: #fa8c0b; text-align:center } 

/* CUSTOM */
#main_wrapper .pic_lt .lt_more { width: 150px; height: 20px; font-size: 1.8px; font-weight: 300; color: #fa6f6fc7; display: none; } 
.pic_lt ul { /* padding: 1rem 0; */ } 

@media (max-width: 1300px) { 
 .pic_lt li h3 { font-size: 19px; } 
 .pic_lt li h3::before { font-size: 50px; } 
 .pic_lt li { width: 23%; margin-right: 1.5%; } 
 } 
@media (max-width: 1080px) { 
 .pic_lt li h3 { font-size: 17px; } 
 .pic_lt li h3::before { font-size: 40px; } 
 .lt_info .lt_date { font-size: 15px; } 
 .pic_lt li { width: 31%; } 
 .pic_lt li h3 span { width: 90%; } 
 } 
@media (max-width: 768px) { 
 .pic_lt li { width: 58%; } 
 .pic_lt li h3 { font-size: 13px; } 
 .pic_lt li h3::before { font-size: 34px; } 
 .lt_info { padding: 10px 0; } 
 .lt_info .lt_date { font-size: 14px; } 
 .pic_lt li h3 span { width: 100%; } 
 .pic_lt ul { } 
 } 
@media (max-width: 480px) { 
 .con_txt { padding: 2rem 0 1rem 0; } 
 .tech_info { padding: 2rem 1rem; } 
 .con_txt p { min-height: 40px; } 
 .pic_lt li .lt_img img, .pic_lt li .lt_img video {/* height: 170px; */object-fit: cover;} 
 .pic_lt li { width: 75% !important; margin-right: 2rem; } 
 .pic_lt li h3 { font-size: 17px; } 
 .pic_lt li:last-child { margin-bottom: 0; } 
 }