@charset "utf-8";

#atc02 .lt_area{overflow:hidden}
#atc02 .lt_area img{width:100%;height:100%;object-fit:cover;object-position:center}
#atc02 .lt_area li{position:relative;overflow:hidden;height:500px;border:1px solid #e1e1e1;border-radius:var(--radius)}
#atc02 .lt_area li.empty{display:flex;width:33.33%;align-items:center;justify-content:center}
#atc02 .lt_area a{display:flex;height:100%;flex-direction:column;justify-content:space-between}
#atc02 .lt_area .txt{display:flex;flex-direction:column;justify-content:space-between;height:45%;padding:40px 50px}
#atc02 .lt_area .img{overflow:hidden;height:55%}
#atc02 .lt_area .img.none div{background:#f5f5f5 url(../../hd/top_menu/logo_m.png) center no-repeat !important}
#atc02 .lt_area .img div{width:100%;height:100%;transition:all .3s}
#atc02 .lt_area .tab{font-size:16px;font-weight:700;color:var(--primary)}
#atc02 .lt_area h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;;font-size:22px;font-weight:700;color:#111}
#atc02 .lt_area .txt svg{position:absolute;top:40px;right:50px;opacity:.5}
#atc02 .lt_area .tit{margin-top:10px}
#atc02 .lt_area .tit div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:10px;color:#777}
#atc02 .lt_area .pager{margin-top:15px;text-align:center}
#atc02 .lt_area .pager span{margin:0 3px;border-radius:50px;transition:all .3s;opacity:1;background:#d9d9d9}
#atc02 .lt_area .pager .on{width:20px;background:var(--primary)}

@media(hover:hover){
#atc02 .lt_area a:hover .img div{transform:scale(1.1)}
}
/* 반응형 [s] */
@media (max-width:1024px){
#atc02{padding:0 15px}
#atc02 .lt_area .txt{padding:30px 20px}
#atc02 .lt_area h4{font-size:18px}
#atc02 .lt_area .txt{height:53%}
#atc02 .lt_area .txt svg{top:30px;right:30px}
#atc02 .lt_area li{height:400px}
}
@media (max-width:768px){
#atc02 .lt_area h4{font-size:16px}
#atc02 .lt_area .tab{font-size:15px}
}
/* 반응형 [e] */

/* Mind Sketch 최신글 [s] */
.mind-latest{position:relative;width:100%;overflow:hidden}
.mind-latest .mind-sketch-stage{position:relative;width:100%;overflow:hidden}
.mind-latest .mind-row{width:100%;overflow:visible;padding-bottom:18px}
.mind-latest .mind-track{display:flex;width:max-content;will-change:transform}
.mind-latest .mind-group{display:flex;flex:0 0 auto;gap:18px;padding-right:18px}
.mind-latest .mind-row-top .mind-track{margin-left:-220px}
.mind-latest .mind-row-bottom .mind-track{margin-left:-520px}

.mind-latest .mind-card{position:relative;display:block;flex:0 0 auto;overflow:hidden;height:310px;border-radius:22px;background:#e9edf4;color:#fff;isolation:isolate}
.mind-latest .mind-card-small{width:330px}
.mind-latest .mind-card-mid{width:430px}
.mind-latest .mind-card-wide{width:540px}
.mind-latest .mind-card-img{position:absolute;inset:0;display:block;width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;transform:scale(1.001);transform-origin:center center;transition:transform .8s cubic-bezier(.2,.7,.2,1);z-index:0}
.mind-latest .mind-card-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#0c3994,#2f7ba7);z-index:-1}
.mind-latest .mind-card-no{position:absolute;top:24px;left:26px;font-size:13px;font-weight:700;color:rgba(255,255,255,.9);z-index:3}
.mind-latest .mind-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(5,18,44,.12) 62%,rgba(5,18,44,.82) 100%);opacity:0;transition:opacity .45s ease;z-index:1}
.mind-latest .mind-card-info{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:34px 36px;opacity:0;transform:translateY(34px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1);z-index:2}
.mind-latest .mind-card-meta{margin-bottom:12px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.78)}
.mind-latest .mind-card-info strong{max-width:92%;font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.04em;color:#fff}
.mind-latest .mind-card-info em{display:block;overflow:hidden;max-width:90%;margin-top:10px;font-size:15px;font-style:normal;line-height:1.6;color:rgba(255,255,255,.82);white-space:nowrap;text-overflow:ellipsis}
.mind-latest .mind-card-info i{margin-top:20px;font-size:13px;font-style:normal;font-weight:600;color:#fff}

.mind-latest .mind-nav{position:absolute;top:50%;display:flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(12,23,42,.84);color:#fff;transform:translateY(-50%);transition:background .25s ease,transform .25s ease,border-color .25s ease;z-index:10;cursor:pointer;backdrop-filter:blur(8px)}
.mind-latest .mind-nav span{font-size:24px;line-height:1}
.mind-latest .mind-nav-prev{left:6px}
.mind-latest .mind-nav-next{right:6px}
.mind-latest .mind-nav:hover{border-color:rgba(255,255,255,.5);background:rgba(12,57,148,.96);transform:translateY(-50%) scale(1.08)}
.mind-latest .mind-empty{padding:80px 20px;text-align:center;color:#777}

@media (hover:hover){
 .mind-latest .mind-card:hover .mind-card-img{transform:scale(1.08)}
 .mind-latest .mind-card:hover .mind-card-overlay{opacity:1}
 .mind-latest .mind-card:hover .mind-card-info{opacity:1;transform:translateY(0)}
}

@media (max-width:1200px){
 .mind-latest .mind-card{height:280px}
 .mind-latest .mind-card-small{width:300px}
 .mind-latest .mind-card-mid{width:390px}
 .mind-latest .mind-card-wide{width:470px}
}

@media (max-width:768px){
 .mind-latest .mind-group{gap:12px;padding-right:12px}
 .mind-latest .mind-row{padding-bottom:12px}
 .mind-latest .mind-row-top .mind-track{margin-left:-120px}
 .mind-latest .mind-row-bottom .mind-track{margin-left:-280px}
 .mind-latest .mind-card{height:230px;border-radius:16px}
 .mind-latest .mind-card-small{width:230px}
 .mind-latest .mind-card-mid{width:290px}
 .mind-latest .mind-card-wide{width:350px}
 .mind-latest .mind-card-info{padding:24px;opacity:1;transform:none}
 .mind-latest .mind-card-overlay{opacity:1}
 .mind-latest .mind-card-info strong{font-size:19px}
 .mind-latest .mind-card-info em{display:none}
 .mind-latest .mind-nav{width:44px;height:44px}
}
/* Mind Sketch 최신글 [e] */