@charset "utf-8"; /* 새글 스킨 (latest) */
.lat { position: relative; background: #fff; border-top: 2px solid #666; margin-top: 4rem; } 

.lat .lat_title { display: block; line-height: 45px; font-size: 1.2em; color: #253dbe } 

.lat .lat_title a { position: relative; color: #000; display: inline-block } 

.lat ul { } 

.lat li { position: relative; line-height: 18px; border-bottom: 1px solid #ededed; padding: 3rem; } 
.lat li:hover .side_box { background: var(--main-color); } 
.lat li:hover .side_box .side_arrow { background: url(../../../img/right_arrow_on.png); } 
.lat li a { display: flex; align-items: center; } 

.lat li a:hover { color:var(--main-color); } 

.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 #cbe3e8; vertical-align: middle } 

.lat 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 } 

.lat 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 } 

.lat li .fa-caret-right { color: #bbb } 

.lat 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 } 

.lat 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 } 

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

.lt_info { padding: 10px 0 } 

.lt_info .lt_date { color: #888 } 

.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: #e9eff5; color: #3a8afd; font-size: 11px; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 3px; vertical-align: middle } 

.lat .lt_more { position: absolute; top: 11px; right: 0; display: block; width: 40px; line-height: 25px; color: #3a8afd; border-radius: 3px; text-align: center } 

.lat .lt_more:hover { color: #777 } 

.one-line { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.gall_text h4 { margin-bottom: 1rem; } 

.gall_text p { font-weight: 400; color: #666; font-size: 1.6rem; } 
.basic_li .side_box { position: relative; top: 0; right: 0; z-index: 1; margin-left: 2rem; opacity: 1; flex: 1 0 auto; background: #f7f7f7; } 
.gall_text { /* flex: 0 1 calc(100% - 5rem); */width: calc(100% - 5rem); } 
.basic_li .side_box .side_arrow { background: url(../../../img/right_arrow.png) no-repeat center center / contain; width: 1.6rem; height: 1.3rem; transition: all .3s; } 

 @media (max-width: 480px){
 .lat li { padding: 2.4rem 1rem; } 
 }