@charset "utf-8";

/* 새글 스킨 (latest) */
.content02 .pic_lt {position:relative; width: 100%;}

.content02 .pic_lt .lt_more {}
.content02 .pic_lt .lt_more:hover {}
.content02 .pic_lt ul:after {}
.content02 .pic_lt ul {}
.content02 .pic_lt .flex_box {display: flex; gap: 30px; padding: var(--main-padding); align-items: flex-start;}
.content02 .pic_lt .flex_box .left_box {width: 300px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 0; background: none;}
.content02 .pic_lt .flex_box .left_box img {width: 100%;}
.content02 .pic_lt .flex_box .right_box {width: calc(100% - 330px);}
.content02 .pic_lt .flex_box .right_box .lat_title { margin-bottom: 30px;font-weight: 600; font-size: 16px; color: #fff; background-color: var(--main-blue); border-radius: 30px; padding: 5px 25px; text-align: center; width: max-content;}
.content02 .pic_lt .flex_box .right_box .lat_title a {color: inherit;}
.content02 .pic_lt .flex_box .right_box .lat_sub_tit {font-size: 28px; font-weight: 800;}
.content02 .pic_lt .flex_box .right_box a.title {font-size: 18px; font-weight: 600; margin-bottom: 40px; display: inline-block;}
.content02 .pic_lt .flex_box .right_box .lat_desc {font-size: 16px; color: #666; line-height: 1.5; word-break: keep-all; font-weight: 600; margin-bottom: 50px;}
.content02 .pic_lt li .lt_img {display:block; width: 100%;}
.content02 .pic_lt li .lt_img img {width:100%;height:auto}

.content02 .pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.content02 .pic_lt .empty_li:before {background:none;padding:0}

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

@media screen and (max-width: 1400px) {
    .content02 .pic_lt .flex_box .left_box {width: 50%;}
    .content02 .pic_lt .flex_box .right_box {width: 50%;}
}
@media screen and (max-width: 1100px) {
    .content02 .pic_lt .flex_box {flex-wrap: nowrap; align-items: center; justify-content: center;}
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 640px) {
    .content02 .pic_lt .flex_box {flex-wrap: wrap; padding: 20px;}
    .content02 .pic_lt .flex_box .left_box {width: 100%;}
    .content02 .pic_lt .flex_box .right_box {width: 100%;}
    .content02 .pic_lt .flex_box .right_box .lat_title {margin-bottom: 15px;}
    .content02 .pic_lt .flex_box .right_box .lat_sub_tit {font-size: 25px;}
    .content02 .pic_lt .flex_box .right_box a.title {margin-bottom: 20px;}
    .content02 .pic_lt .flex_box .right_box .lat_desc {margin-bottom: 20px;}
}