.community_aside { width: 170px; position: absolute; top: calc(10rem); left: calc(50% - 620px); transform: translateX(-50%); border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; background: #fff;  z-index: 10; padding: 10px;}
.community_aside .cardnews_wrap > button { padding: 1rem 1.2rem; color: #fff; background: var(--color_blue);border-radius: 10px; display: flex; justify-content: space-between; width: 100%; transition: .3s;}
.community_aside .cardnews_wrap.on > button { border-radius: 10px 10px 0 0;}
.community_aside .cardnews_wrap > button img { filter: brightness(10);}
.community_aside .cardnews_wrap.on > button img { transform: rotate(180deg);}
.community_aside .cardnews_wrap ul { max-height: 0; overflow: hidden; transition: .3s;}
.community_aside .cardnews_wrap.on ul { max-height: 500px; }
.community_aside .cardnews_wrap ul li a { padding: .6rem 1rem; width: 100%; display: block; background: #e0f1f8; }
.community_aside .cardnews_wrap ul li a.on { color: var(--color_blue);}
.community_aside .cardnews_wrap ul li:nth-last-child(1) a { border-radius: 0 0 10px 10px;}
.community_aside > a { display: block; padding: 1rem 1.2rem; font-weight: 500;}

/* 리스트 */
.news_page .inner { max-width: 1054px; margin: 0 auto; padding: 0 15px;  padding-top: 2rem; min-height: calc(100vh - 21rem);}

.title_wrap { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 2px solid #cacaca;}
.title_wrap h2 { font-weight: 600; font-size: 1.2rem;}
.title_wrap p:nth-child(2) { font-size: .9rem;}

.info_wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.info_wrap > p:nth-child(1) span { color: var(--color_blue); }
.info_wrap form { display: flex; gap: 5px;}
.info_wrap form .select_wrap { cursor: pointer; position: relative;}
.info_wrap form .select_wrap .checked_name { padding: .8rem 2.5rem .8rem 1rem; border-radius: 10px; border: 1px solid #ddd; background: url(/img/pc/arrow-12.png) no-repeat 80% center;}
.info_wrap form .select_wrap.on .checked_name {border-radius: 10px 10px 0 0 ;}
.info_wrap form .select_wrap .input_wrap { display: none; position: absolute; width: 100%; top: calc(100% - 1px); left: 0; border: 1px solid #ddd; border-radius: 0 0 10px 10px; overflow: hidden;}
.info_wrap form .select_wrap.on .input_wrap { display: block;}
.info_wrap form .select_wrap .input_wrap label { width: 100%; background: #fff; padding: .6rem 1rem; border-bottom: 1px solid #ddd; display: block; cursor: pointer;}
.info_wrap form .select_wrap .input_wrap label:hover { background: #e3f8ff;}
.info_wrap form .select_wrap .input_wrap .input_box:nth-last-child(1) label { border-bottom: none;}
.info_wrap form .select_wrap .input_wrap input:checked + label { background: var(--color_blue); color: #fff;}
.info_wrap form .search_input {display: flex; border: 1px solid #ddd; padding: 0.55rem 1rem; border-radius: 10px;}

.contents_wrap { padding: 3rem 0;}
.contents_wrap .contents { display: flex; flex-wrap: wrap; gap: 1rem;}
.contents_wrap .contents li { width: calc(33.3333% - 0.67rem); margin-bottom: 3rem; }
.contents_wrap .contents li a .img_wrap { width: 100%; height: 180px; border: 1px solid #ddd; margin-bottom: .5rem; overflow: hidden;     display: flex ; justify-content: center; align-items: center;}
.contents_wrap .contents li a .img_wrap img { width: 100%;}
.contents_wrap .contents li a h3 { font-weight: 500; margin-bottom: .5rem;}
.contents_wrap .contents li a .reg_date { font-size: .9rem; color: #a0a0a0;}

.contents_wrap .no_data { text-align: center; font-size: 1.4rem; font-weight: 500; color: #9f9fa0; padding: 10rem 0;}

.pagination { gap: 1.5rem; margin-top: 3rem;}
.pagination a.active { color: var(--color_blue);}


/* 서브페이지 */
.news_sub_page .contents_info h3 { padding: 1.5rem 0; border-bottom: 1px solid #cacaca; font-weight: 500;}
.news_sub_page .contents_info .bottom { display: flex; justify-content: space-between; margin-bottom: 3rem; padding-top: 1rem;}

.news_sub_page .content { text-align: center; padding: 15px; border: 1px solid #ddd;}

.news_sub_page .post_navi { margin-top: 4rem; border-top: 1px solid #a8a8a8;}
.news_sub_page .post_navi > div { display: flex; align-items: center; padding: 1rem; gap: 3rem; border-bottom: 1px solid #a8a8a8;}
.news_sub_page .post_navi > div p:nth-child(1) { position: relative; font-weight: 500;}
.news_sub_page .post_navi > div p:nth-child(1):after { content: ''; position: absolute; right: -1.5rem; top: 50%; transform: translateY(-50%); width: 1px; height: 8px; background: #a8a8a8;}
.news_sub_page .post_navi > div p:nth-child(2) { font-size: .9rem; color: #9f9f9f;}
.news_sub_page .post_navi > div p:nth-child(2) a { font-size: inherit; color: inherit;}
.news_sub_page .post_navi > div p a:hover { text-decoration: underline;}

.news_sub_page .list_btn { padding: .8rem 1.5rem; background: #e0e0df; border-radius: 10px; margin: 2rem 0 0 auto; display: block; width: fit-content;}