.page_w.page_list{padding-bottom: 0; background-color: #F6F2EE;}

.list_title { border-bottom: 0.07vw solid #000; padding: 5.26vw 0 1.05vw; display: flex; justify-content: space-between; align-items: flex-end; }
.list_title span { font-size: 1.05vw; font-weight: 600; line-height: 1.4; letter-spacing: 0.08vw; padding-bottom: 0.26vw; }
.list_title h1 { font-family: 'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 120%; }
.list_body {}

.list_w_1 { display: flex; flex-direction: column; gap: 3.95vw; padding: 5.26vw calc(100% / 12) 3.95vw; border-bottom: 0.07vw solid #000; }
.list_el { position: relative; }
.list_el a { display: flex; }
.list_el::after { content: ''; display: block; width: 2.63vw; height: 2.63vw; position: absolute; background-image: url(../img/arrow_list2.png); background-size: cover; right: 0; top: 50%; transform: translate(-0.66vw, calc(-50% + 0.66vw)); opacity: 0; transition: ease 0.3s all; }

.list_img_w { width: calc((100% / 10) * 3); overflow: hidden; border-radius: 0.53vw; }
.list_img_w img { width: 100%; height: 100%; object-fit: cover; }
.list_txt_w { width: calc((100% / 10) * 7); padding: 2.63vw calc(100% / 10) 0 5.26vw; box-sizing: border-box; }
.list_date { margin-bottom: 1.32vw; display: block; color: #848484; font-size: 1.05vw; font-weight: 400; line-height: 1.4; }
.list_txt { font-size: 1.32vw; font-weight: 500; line-height: 1.5; padding: 0.26vw; display: inline; background-color: #ffd4be00; transition: ease 0.3s background-color; }

.list_el:hover::after { transform: translate(0, -50%); opacity: 1; }
.list_el:hover .list_txt { background-color: #fff; }


.list_pn_w{padding: 40px 0 200px; border-top: 1px solid #000; margin-top: 12px; display: flex; justify-content: center;}
.list_pn{display: flex; gap: 12px;}
.list_pn li{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100%; font-size: 16px; font-weight: 600; color: #b0b0b0; transition: ease 0.3s all; cursor: pointer;}
.list_pn li:hover, .list_pn li.current{color: #000;}
.list_pn li.prev::after, .list_pn li.next::after{content: ''; display: block; width: 6px; height: 10px; background-image: url(../img/arrow_left_pn.png); background-size: cover; transition: ease 0.3s filter;}
.list_pn li.prev::after{margin-right: 2px;}
.list_pn li.next::after{margin-left: 2px; transform: scaleX(-1);}
.list_pn li.prev:hover::after, .list_pn li.next:hover::after{filter: brightness(0);}


.ab_sec_7{padding: 0 00px 12px; background-color: #F6F2EE; position: relative;}
.gp_b{display: flex; gap: 120px; padding: 60px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
.gp_b::after{content: ''; width: 1px; height: calc(100% - 46px); left: 50%; top: 20px; position: absolute; background-color: #000;}
.gp_b > a{width: 100%; position: relative; display: block; color: #000;}
.gp_b span{width: 16px; line-height: 1.4; letter-spacing: 1.28px; text-transform: uppercase;}
.gp_b h1{line-height: 1.2; font-size: 40px; font-weight: 500; font-family: 'Gelion'; letter-spacing: -0.8px; margin-top: 12px;}

.footer{background-color: #F6F2EE;}
@media(max-width:1024px){
  .page_w.page_list { padding: 110px 20px 0; }

.list_title { padding: 0 0 1.11vw; }
.list_title span { padding-bottom: 2.22vw; font-size: 3.33vw; letter-spacing: 0.27vw; }
.list_title h1 { font-size: 6.67vw; }

.list_w_1 { padding: 11.11vw 0; gap: 8.89vw; }
.list_el::after { display: none; }
.list_el a { gap: 6.25%; }
.list_img_w { width: 37.5%; }
.list_txt_w { width: 56.25%; padding: 0; }
.list_date { font-size: 2.78vw; margin-bottom: 1.67vw; }
.list_txt { padding: 0; font-size: 3.06vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.list_el:hover .list_txt { background-color: unset; }
.list_pn_w { margin-top: 1.11vw; padding: 5.56vw 0 16.67vw; }
.list_pn { gap: 2.22vw; }
.list_pn li { width: 6.67vw; height: 6.67vw; font-size: 3.06vw; }



  .ab_sec_7{padding: 0 0 8px;}
  .gp_b{padding: 24px 0 0; gap: 32px;}
  .gp_b::after{height: calc(100% - 24px); top: 12px;}
  .gp_b span{font-size: 11px; letter-spacing: 0.88px;}
  .gp_b h1{font-size: 20px; letter-spacing: -0.4px; margin-top: 4px;}
  .gp_b > a{padding-bottom: 78px;}

  .footer{padding-left: 20px; padding-right: 20px;}
}