#news_list{align-items:center;width: 95vw;margin: 0 auto;}
#news_list li{padding-bottom:0;margin:0 10px;border-top-left-radius:24px;border-bottom-right-radius:48px;overflow:hidden;background-color:#fff;position:relative;width:100%;display:flex;flex-direction:column}
#news_list li::before{pointer-events:none;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-right:1px solid rgb(138 135 132 / 35%);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0}
#news_list li img{aspect-ratio: 3/2;object-fit:cover;object-position:top;width: 100%;height: 250px;}
#news_list li .info_box{padding:25px 20px 10px;font-size:15px;letter-spacing:3.3px;color:#444;padding-bottom:20px;margin-bottom:0px}
#news_list li .info_box p *{font-weight:100;font-size:14px}
#news_list li .info_box p a{margin-right:10px;padding:0 2px;max-width:calc(100% - 82px);height:23px;z-index:2}
#news_list .bookInfoBox{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #c2c2c2}
#news_list .bookInfoBox .tagBox{padding:0}
#news_list .bookInfoBox .dateBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#news_list .bookInfoBox .dateBox .classTitle{padding:2px 14px;align-self:flex-end;font-size:14px;font-weight:400;letter-spacing:0.03em;line-height:1.5;color:#b3b3b3}
#news_list .bookInfoBox .dateBox .day{font-size:40px;color:var(--primary);line-height:56px;font-weight:bold;margin-right:13px;letter-spacing:1.28px;font-weight:500;font-family:'Outfit',sans-serif}
#news_list .bookInfoBox .dateBox .month,.bookInfoBox .dateBox .year{line-height:1.2;font-size:15px;font-weight:600;color:#555555;white-space:nowrap;letter-spacing:1.28px;font-weight:500;font-family:'Outfit',sans-serif}
#news_list .bookInfoBox .dateBox .month .slash,.bookInfoBox .dateBox .year .slash{margin-left:5px;margin-right:5px}
#news_list .bookInfoBox .dateBox .year{font-size:14px;letter-spacing:1px}
#news_list li .bookInfoBox .classTitle{position:relative;display:inline-block;font-size:15px;font-weight:400;letter-spacing:0.03em;line-height:1.5;color:#353535}
#news_list li h3{height:72px;font-size:1.3rem;font-weight:500;margin-bottom:10px;-webkit-line-clamp:2;letter-spacing:2px}
#news_list li .text{-webkit-line-clamp:1;height:auto;font-size:1rem;color:#444;letter-spacing:.5px;margin-bottom:30px}
#news_list li .plus{position:relative;right:0;pointer-events:none;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;background:var(--triadic1);padding:20px;display:flex;flex-direction:column;align-items:center}
#news_list li .plus::before{content:"";width:16px;height:16px;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:block}
#news_list li .more{margin:9px 0;width:50px;height:50px;border-radius:50%;pointer-events:auto;border-style:solid;border-color: #ededed;border-width:8px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;background: linear-gradient(to right, #1f1f1f, #2a2a2a);position:relative;z-index:1;animation: borderColorChange 3s infinite alternate;}
#news_list li .more svg{width:18px;height:13px;fill:#ffffff}
.bookinner #news_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

section .title_box .page_title, .productArea .productBox .productItem .toptitle b{font-weight: 600;font-size: 1.6rem;letter-spacing: 3px;position: relative;line-height: 140%;display: flex;align-items: center;gap: 10px;opacity: 1;}
section .title_box .page_title span{content:'';display:block;width:32px;height: 4px;background: var(--primary);transform: rotate(-60deg);}
section .title_box .subtitle{color: #1c1c1c;font-family:"Outfit",sans-serif;font-size: 3.5rem;font-weight: 600;line-height: 1.03;padding-bottom: 15px;}
section .title_box .subtitle::first-letter {color:var(--primary);}
section .title_box {position: relative;}
section .title_box.title_box-animate{
    -webkit-animation: clipPathAni 0.8s 
ease-in-out 0.3s both;
    animation: clipPathAni 0.8s 
ease-in-out 0.3s both;
}
@keyframes clipPathAni {
  0% {
    opacity: 0;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes borderColorChange {
  0% {border-color: #ededed;}
  25% {border-color: #ffffff;}
  50% {border-color: #e1e1e1;}
  75% {border-color: #dcdcdc;}
  100% {border-color: #f5f5f5;}
}

.newsbtn,.bookbtn{display:flex;justify-content:space-between;align-items:center;position:absolute;right: 0;top: auto;}
#news_prev,#book_prev{-webkit-transform:scaleX(-1);transform:scaleX(-1);position:relative}
#news_prev,#news_next,#book_prev,#book_next{border-radius:150px;margin: 0 7px;display: flex;}
#news_prev svg,#news_next svg,#book_prev svg,#book_next svg{width: 20px;height: 20px;fill: #ffffff;background-color: #000000;border-radius:150px;padding: 12px;border-style: solid;display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: nowrap;}
#news_next svg,#book_next svg{background-color: var(--primary);fill:var(--white)}


@media screen and (max-width: 1280px) {
    .bookinner #news_list {grid-template-columns: repeat(3, 1fr);}
    .newsbtn, .bookbtn{position:relative;display: flex;justify-content: flex-end;}
}
@media screen and (max-width: 980px) {
    .bookinner #news_list {grid-template-columns: repeat(2, 1fr);}
    section .title_box .subtitle{font-size: 2rem;}
    section .title_box .page_title, .productArea .productBox .productItem .toptitle b{font-size: 1.2rem;font-weight: 300;}
}
@media screen and (max-width: 640px) {
    .bookinner #news_list {grid-template-columns: repeat(1, 1fr);}
}