@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative; }
.lt .flex_box {gap: 50px;}

.lt .flex_box .left_box {width: 50%;}
.lt .flex_box .left_box .img_box {margin-bottom: 30px; overflow: hidden; border-radius: 20px; position: relative;}
.lt .flex_box .left_box .img_box img {width: 100%; border-radius: 20px; display: block;}
.lt .flex_box .left_box .txt_box {background-color: #fff; padding: 30px; justify-content: space-between; border-radius: 20px; display: flex; gap: 30px;}
.lt .flex_box .left_box .txt_box .lt_title_wrap {width: 83%; overflow: hidden; position: relative;}
.lt .flex_box .left_box .txt_box .lt_title_wrap p {font-size: 22px; font-weight: 600; width: 100%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lt .flex_box .right_box .img_box .lt_sub_item {overflow: hidden; border-radius: 10px; position: relative; display: block; flex: 1; max-width: 180px;}
.lt .flex_box .right_box .img_box .lt_sub_item img {display: block;}
.lt .flex_box .left_box .txt_box a {display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; color: #005bac;}
.lt .flex_box .left_box .txt_box a i {color: #005bac;}

.lt .flex_box .right_box {width: calc(50% - 50px);}
.lt .flex_box .right_box .main_tit_box {}
.lt .flex_box .right_box .main_tit_box span {}
.lt .flex_box .right_box .main_tit_box h2 {}
.lt .flex_box .right_box .main_tit_box p {margin: 25px 0 35px; font-size: 20px;}
.lt .flex_box .right_box .main_tit_box .btn_box {}
.lt .flex_box .right_box .main_tit_box .btn_box a {gap: 10px;}
.lt .flex_box .right_box .main_tit_box .btn_box a i {}
.lt .flex_box .right_box .nav_box {display: flex; gap: 30px; align-items: center; margin-top: 30px;}
.lt .flex_box .right_box .nav_box .btn_box {display: flex; gap: 10px;}
.lt .flex_box .right_box .nav_box .btn_box button {border-radius: 50%; width: 50px; aspect-ratio: 1 / 1; border: 0; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.lt .flex_box .right_box .nav_box .btn_box button i {font-size: 22px; color: #005bac;}
.lt .flex_box .right_box .nav_box .pagination {}
.lt .flex_box .right_box .nav_box .pagination span {font-size: 14px; font-weight: 500; color: #999; letter-spacing: 4px;}
.lt .flex_box .right_box .nav_box .pagination span b {font-weight: inherit; color: #121212;}
.lt .flex_box .right_box .img_box {margin-top: 40px; display: flex; gap: 20px;}
.lt .flex_box .right_box .img_box img {width: 100%; max-width: 180px; border-radius: 10px;}




@media screen and (max-width:1200px) {
  .lt .flex_box .right_box .main_tit_box p {font-size: 18px;}
  .lt .flex_box .left_box .txt_box .lt_title_wrap p {font-size: 18px;}
}

@media screen and (max-width:1000px) {
  .lt .flex_box .left_box {width: 100%; order: 2;}
  .lt .flex_box .right_box {width: 100%;}
}

@media screen and (max-width:640px) {
  .lt .flex_box .right_box .main_tit_box p {font-size: 16px;}
  .lt .flex_box .left_box .img_box {margin-bottom: 10px; border-radius: 10px;}
  .lt .flex_box .left_box .txt_box {padding: 15px; border-radius: 10px;}
  .lt .flex_box .left_box .txt_box .lt_title_wrap p {font-size: 16px;}
  .lt .flex_box .right_box .img_box {gap: 10px;}
}

@media screen and (max-width:430px) {
  .lt .flex_box .right_box .main_tit_box p br {display: none;}
}