/* ----- 특허 ----- */
.thumbTech {border-top: 2px solid #8e8e8e; display: flex;flex-wrap: wrap;}
.thumbTech > li {border-bottom: 1px solid #e2e2e2; transition: 0.3s; width: 100%;}
.thumbTech li a {display: flex; padding: 25px 10px; position: relative;}
.thumbTech li a .text { width: 100%;}
.thumbTech li a .text .top {display: flex; gap: 15px; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 15px;}
.thumbTech li a .text .top p.cate span {background-color: #c9e1fc; color: #0055ae; margin-right: 8px; padding: 8px 12px; border-radius: 5px; line-height: 1; font-size: 18px; margin-left: 0; display: inline-flex; flex-direction: column; justify-content: center;}
.thumbTech li a .text .title {font-size: 25px; transition: 0.3s; font-weight: bold; display: -webkit-box; overflow: hidden;line-height: 1.35; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.thumbTech li a .text .top .logo-wrap {display: block; position: absolute; bottom: 25px; right: 10px; width: 180px;}
.thumbTech li a .text .top .logo-wrap img {width: 100%; height: 100%; max-width: 180px; object-fit: cover;}
.thumbTech li a .text .top .public {background-color: #c9e1fc; color: #0055ae;}
.thumbTech li a .text .top .private {background:#f8dde4; color: #dd496c;}
.thumbTech li a .text .cont {margin-bottom: 60px; color: #484848; font-size: 19px; word-break: break-all; display: -webkit-box; overflow: hidden;line-height: 1.35; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.thumbTech li a .img-wrap {min-width: 350px; max-width: 350px; height: 280px; aspect-ratio: 4/3; border: 1px solid #eee; margin-right: 30px; width: 100%; border-radius: 10px; background: #f2f2f2 url('../images/sub/notice-logo.png') no-repeat center center / 60%;}
.thumbTech li a .img-wrap img {width: 100%; height: 100%; object-fit: cover;}
.thumbTech li:hover a .text .title {text-decoration: underline; transition: 0.3s;}
.thumbTech li:hover a .text .title::before {width: 100%; transition: 0.3s;}

.thumbTech li a .text .cont ul {display: flex; flex-wrap: wrap;}
.thumbTech li a .text .cont ul li {width: 50%; display: flex; line-height: normal; line-height: 35px;}
.thumbTech li a .text .cont ul li p {display: flex; white-space: nowrap; overflow: hidden;}
.thumbTech li a .text .cont ul li p span {display: block; transition: all 0.3s ease-in-out;}
.thumbTech li a .text .cont ul li .tit {font-weight: 500; color: #484848; font-size: 19px; position: relative; padding-left: 12px; flex-shrink: 0;}
.thumbTech li a .text .cont ul li .tit::before {content: ''; width: 4px; height: 4px; background-color: #484848; border-radius: 2px; position: absolute; top: 16px; left: 0;}
.thumbTech li a .text .cont ul li .tit::after {content: ':'; margin: 5px;}
.thumbTech li a .text .cont ul li .txt {font-size: 19px; color: #757575; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.thumbTech li a .text .cont .patent-desc {word-break: break-all; display: -webkit-box; overflow: hidden; line-height: 1.5; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 15px;}
.thumbTech li a .text .view-btn {position: absolute; top: 25px; right: 10px; padding: 8px 12px; border-radius: 5px; line-height: 1; font-size: 18px; margin-left: 0; display: flex; gap: 5px; justify-content: center; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;}

@media (max-width: 1024px) {
    .thumbTech li a .text .title {font-size: 23px;}
    .thumbTech li a .text .cont ul li .tit {font-size: 17px;}
    .thumbTech li a .text .cont ul li .txt {font-size: 17px;}
    .thumbTech li a .text .cont .patent-desc {font-size: 17px; margin-top: 10px;}

    .thumbTech li a .img-wrap {min-width: 270px; max-width: 270px; height: 230px; margin-right: 20px;}
    .thumbTech li a .text .cont {margin-bottom: 50px;}
    .thumbTech li a .text .top {margin-bottom: 10px;}
    .thumbTech li a .text .view-btn {top: 20px;}
    .thumbTech li a .text .top .logo-wrap {width: 150px; bottom: 20px;}
}
@media (max-width: 768px) {
    .thumbTech li a {padding: 20px 10px;}
    .thumbTech li a .text .top {margin: 15px 0 10px; width: 100%; gap: 10px;}
    .thumbTech li a .text .top .logo-wrap {right: 10px;}
    .thumbTech li a .text .title {font-size: 23px;}
    .thumbTech li a .text .cont {margin-bottom: 60px;}
    .thumbTech li a .text .cont ul li .tit {font-size: 17px;}
    .thumbTech li a .text .cont ul li .txt {font-size: 17px;}
    .thumbTech li a {flex-direction: column;}
    .thumbTech li a .img-wrap {width: 100%; max-width: 100%; height: 300px; margin-right: 0;}
    .thumbTech li a .text .cont ul li {width: 100%;}
    .thumbTech li a .text .cont ul li p {display: flex; white-space: wrap; overflow: auto;}

    .thumbTech li a .text .top .logo-wrap {bottom: 20px;}
    /* .thumbTech li a .text .view-btn-wrap {background-color: #f8f9fb; border-radius: 10px; padding: 10px;} */
    /* .thumbTech li a .text .view-btn {position: static; width: 100%; border-radius: 100px; padding: 10px 12px; background-color: #fff; color: #212529;} */
    /* .thumbTech li a .text .view-btn:hover {background-color: #2a4aac; color: #fff;} */
}
@media (max-width: 500px) {
    .thumbTech li a .text .top {align-items: flex-start;}
    .thumbTech li a .img-wrap {height: 240px;}
}