.news * {margin:0; padding:0; list-style:none; box-sizing:border-box;}
.news {position:relative; overflow:hidden;}
.news::before {position:absolute; left:0; top:0; width:60%; height:100%; background:#f0f3f6; border-radius:0 55px 180px 0; content:'';}
.news .inner {position:relative; max-width:var(--max-width); width:100%; margin:0 auto; padding:100px 0 200px 0;}
.news .inner::before {position:absolute; left:0; top:0; width:50%; height:100%; background:#f0f3f6; z-index:9; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); content:'';}
.news .inner::after {position:absolute; right:0; top:0; transform:translateX(100%); width:calc(( 100vw - var(--max-width) ) / 2 ); height:100%; backdrop-filter: blur(0.5px);background:linear-gradient(to right, rgba(20, 20, 20, 0) 0%, rgb(255 255 255) 50% ); z-index:9; content:'';}
.news .swiper .swiper-control .more > span {display:none;}
/* Title */
.news .boardListTitle {display:flex; align-items:center; gap:10px; margin-bottom:40px; font-size:30px;}
.news .boardListTitle * {color:#1aa59e;}
.news .boardListTitle > i {font-size:20px;}
.news .boardListTitle > i.bar {width:20px; height:1px; background:#1aa59e;}

.news .boardWrapper {display:flex; justify-content:space-between;}
/* Tab Btns */
.news .boardList {position:relative; display:flex; flex-direction:column; gap:10px; flex-shrink:0; margin-top:30px; width:200px; z-index:9;}
.news .boardList::before {position:absolute; right:0; top:50%; transform:translateY(-50%); width:100vw; height:130%; background:#f0f3f6; content:'';}
.news .boardList > * {z-index:9;}
.news .boardList > li > button {display:flex; align-items:center; width:100%; height:26px; font-size:17px; color:#555; background:transparent; border:none; cursor:pointer;}
.news .boardList > li.active > button {color:#000; font-size:20px; font-weight:bold;}

/* Board Contents */
.news .boardContents {width:100%;}
.news .swiper {position:relative; overflow:visible; display:none;}
.news .swiper.active {display:block;}
.news .swiper .swiper-slide {width:25%;}
.news .swiper .swiper-slide:nth-child(1) {margin-left:20px;}
.news .swiper .swiper-slide > a {display:block; padding:42px 48px 38px; background:#fff; border-radius:60px 20px 20px 20px; box-shadow:#00000012 10px 17px 35px;}
.news .swiper .swiper-slide-prev > a {box-shadow:none;}
.news .swiper .swiper-slide > a .date {display:flex; flex-direction:column; margin-bottom:20px;}
.news .swiper .swiper-slide > a .date > * {line-height:1;}
.news .swiper .swiper-slide > a .date .yearMonth {font-size:13px; color:#aaa}
.news .swiper .swiper-slide > a .date .day {font-size:30px; color:#555;}
.news .swiper .swiper-slide > a .subject,
.news .swiper .swiper-slide > a .content {width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news .swiper .swiper-slide > a .subject {margin-bottom:13px; font-size:20px;}
.news .swiper .swiper-slide > a .content {font-size:15px; color:#777; line-height:1.4;}

/* swiper Control */
.news .swiper .swiper-control {position:absolute; right:0; top:-90px; display:flex; justify-content:center; align-items:center;}
.news .swiper .swiper-control > button {display:flex; padding:3px; font-size:17px; color:#555; background:transparent; border:none; opacity:0.5; cursor:pointer;}
.news .swiper .swiper-control > button:disabled {cursor:default}
.news .swiper .swiper-control .next {position:relative; margin-left:51px;}
.news .swiper .swiper-control .next::before {position:absolute; left:-26px; top:50%; width:1px; height:20px; transform:translateY(-50%); background:#000; content:'';}
.news .swiper .swiper-control .more {display:flex; justify-content:center; align-items:center; margin-left:10px; width:47px; height:47px; background:#555; color:#fff; border-radius:50%; box-shadow:#00000026 10px 17px 35px;}

/* Max width 미만일 시 */
@media (max-width:1400px) {
  .news::before {width:75%;}
  .news .inner {padding:100px 100px 200px 100px;}
}

/* 태블릿 */
@media (max-width:820px) {
  .news {background:#f0f3f6;}
  .news::before {display:none;}
  .news .inner {padding:50px 15px 120px 15px;}
  .news .boardListTitle {margin-bottom:0;}
  .news .boardWrapper {display:block;}
  .news .boardList {flex-direction:row; justify-content:center; gap:30px; width:100%; display:none;}
  .news .boardList::before {display:none;}
  .news .swiper .swiper-control .more {margin-top:-30px; background:none; box-shadow:none; color:#555; width:auto;}
  .news .swiper .swiper-control .more > i {display:none;}
  .news .swiper .swiper-control .more > span {font-size:16px; display:flex; gap:5px; align-items:center;}
  .news .swiper .swiper-control .next::before {height:15px; background:#696969;}
  .news .swiper .swiper-control > button:not(:disabled) {opacity:1;}

  .news .boardContents {width:100%;}
  .news .swiper .swiper-control {position:static; justify-content:flex-end; margin-bottom:30px;}
  .news .swiper .swiper-slide:nth-child(1) {margin-left:0;}

.news .swiper .swiper-control {}
.news .swiper .swiper-control > button {display:none;}
}

/* 모바일 */
@media (max-width:425px) {
  .news .inner {padding-bottom:70px;}
  .news .boardListTitle > i {display:none;}
  .news .boardListTitle {font-size:23px;}
  .news .swiper .swiper-control .more {margin-top:-40px;}
  .news .boardList {gap:15px;}
  .news .boardList > li > button {font-size:15px;}
  .news .boardList > li.active > button {font-size:17px;}

  .news .swiper .swiper-control {margin:15px 0 25px 0;}
  .news .swiper .swiper-control > button {font-size:13px; padding:5px;}

  .news .swiper .swiper-slide > a {padding:28px 31px 27px 32px}
  .news .swiper .swiper-slide > a .date {flex-direction:row;}
  .news .swiper .swiper-slide > a .date .day {font-size:14px; font-weight:normal; color:#aaa}
  .news .swiper .swiper-slide > a .date .day::before {font-size:14px; font-weight:normal; color:#aaa; content:' .';}
  .news .swiper .swiper-slide > a .subject {font-size:16px;}
.news .swiper .swiper-slide > a .date .yearMonth {font-size:14px;}

  
  .news .swiper .swiper-slide-active > a {transform:translateY(-10px); box-shadow:#00000026 10px 17px 35px;}
  .news .swiper .swiper-slide-active > a .subject {color:#1aa59e;}
  .news .boardListTitle * {color:#333;}
}

/* 갤럭시 폴드 */
@media (max-width:300px) {
  .news .boardList > li > button {font-size:13px;}
  .news .boardList > li.active > button {font-size:15px;}
  .news .swiper .swiper-slide > a .subject {font-size:16px;}
}

/* hover Animation */
.news .swiper .swiper-slide > a,
.news .swiper .swiper-control .more {transition:.2s}
@media (hover:hover) {
  .news .swiper .swiper-slide:hover > a {transform:translateY(-10px); box-shadow:#00000026 10px 17px 35px;}
  .news .swiper .swiper-slide:hover > a .subject {color:#1aa59e;}
  
  .news .swiper .swiper-control > button:not(:disabled):hover {opacity:1;}
}