@charset "UTF-8";

.tit {width:100%; display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid #222; padding-bottom:20px; margin-bottom:40px;}
.tit h3 {font-size:1.33em;}
.tit .span_wrap {font-size:0.89em; color:#444;}
.tit .span_wrap span::before {content: '|'; color: #ddd; font-weight: 100; margin: 0 10px;}
.tit .span_wrap span:first-child::before {display:none;}
.tit .span_wrap .on a {color:#222; font-weight: 500; text-decoration: underline;}

.news_list {width:100%;}
.news_list li {display:flex; justify-content:space-between; column-gap:20px; padding:20px 0; border-bottom:1px solid #eee;}
.news_list li:first-child {padding-top:0;}
.news_list figure a {width:200px; height:115px;}
.news_list strong {display:block; margin-bottom:8px;}

.news_list .text {width:100%;}
.news_list .text .label {width:540px; font-size: 0.89em; font-weight:500; color: #d91b5c; display: block; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list .text .label::before {content:''; width:4px; height:15px; display:inline-block; background-color: #d91b5c; border-radius:1px; margin-right:5px; margin-top:-2px; vertical-align: middle;}
.news_list .text .label a {vertical-align:middle;}
.news_list .text .label + strong {margin-bottom:8px;}
.news_list .text .label + strong + .summary {-webkit-line-clamp:2;}
.news_list .text .date {font-size:0.777777em; font-weight:300; margin-top:5px; display:block; color:#777;}

.news_list .text .summary + .flex {margin-top:5px;}
.news_list .text .summary + .flex .date {margin:0;}
.news_list .text .summary + .flex .acc_nav_btn {line-height:0;}
.news_list .text .summary + .flex .acc_nav_btn img {width:18px; opacity:.4;}
.news_list .text .summary + .flex .acc_nav_btn button {line-height:0;}
.news_list .text .summary + .flex .acc_nav_btn .bookmark::after {width:18px; height:18px;}

/* 페이지네이션 영역 */
.pagination_wrap {width:100%;}
.paginate { width:100%; display:flex; justify-content: center;  margin-top:40px; column-gap:10px; font-size:0.83em;}
.paginate a { display: inline-block; min-width:35px; height:35px; text-align:center; border: 1px solid #ddd; color:#777; background-color: #fff; align-content:center; line-height:1em; padding:8px;}
.paginate a:hover {text-decoration:none; background:#ddd; color:#222;}
.paginate .on { border: 1px solid #ddd; background-color:#444; color: #fff; }


.aside_wrap aside {padding-top:0; border-top:1px solid #222;}
.aside_wrap aside h3 {margin:15px 0;}
.aside_wrap aside i {font-style:normal; color:#777; font-weight:300;}
.aside_wrap .topnews li:nth-child(-n+3) i {font-weight:500; color:#d91b5c;}
.aside_wrap aside:first-child {border-top:none;}
.aside_wrap aside:first-child h3 {margin-top:0;}

.guide {padding:40px 0; text-align:center; font-weight:700; font-size:1.25em; word-break: keep-all;}