@charset "utf-8";

@media (max-width: 1024px) {
.lat ul {padding:10px 0}
.lat li {position:relative;background:#EDF5FA; line-height:30px; margin-bottom:10px; color: #231815; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; padding-left:15px; border-left:7px solid #56ADDE; 
padding-top:10px; padding-bottom:10px; padding-right:10px;
}
.lat li a {line-height:20px;vertical-align:middle}
}

@media (min-width: 1024px) {
.latest_box { }
.latest_box h1 { color: #3F97D0; font-family: "Noto Sans"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 120%; /* 21.6px */ padding-top:10px; }
.latest_box h2 { color: #231815; font-family: "Noto Sans"; font-size: 22px; font-style: normal; font-weight: 400; line-height: 120%; /* 26.4px */ }
.latest_box ul { width:1100px;  } 
.latest_box li { width:254.5px; height:297px; border:1px solid #f0f0f0; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.10); padding-left:25px; padding-right:25px; padding-top:25px; display:inline-block; margin-right:14px; margin-bottom:40px; position:relative; right:5px; }
.latest_box li:hover { border:1px solid #46A4D4; background:url('/layout/dasol/asset/img/common/arrow_up.png') no-repeat right top; }  
.latest_box h2 { color: #000; font-family: "Noto Sans";font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; padding-bottom:0px; padding-top:20px; }
.latest_box h3 { color: #808080; font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 300; line-height: 25px; /* 156.25% */ letter-spacing: -0.8px; height:100px; }
.latest_box p { color: #000; font-family: "Noto Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom:20px;  }
.latest_box h4 { color: #808080; font-family: "Noto Sans";font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; /* 16.8px */ letter-spacing: -0.7px; position:relative; top:-20px;
border-top:1px solid #ededed; padding-top:20px; }
.business_board h1 { margin-bottom:0px; }

.lat ul {padding:10px 0}
.lat li {position:relative;background:#EDF5FA; line-height:97px; margin-bottom:10px; color: #231815; font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 400; padding-left:40px; border-left:7px solid #56ADDE; }
.lat li a {line-height:20px;vertical-align:middle}
}
.lat ul {padding:10px 0}
.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_nick {}
.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:79px;right:-3px;display:block;width:75px;line-height:25px;color: #808080; text-align: right; font-family: AppleSDGothicNeoM00; font-size: 16px; font-style: normal; font-weight: 400; line-height: 40px; /* 250% */ }
.lat .lt_more:hover {color:#777}