/* 회사소식 */
#indexNews{overflow: hidden;}
section.news_imgsection {width: 100%; height: 330px; padding: 102px 0 102px 0; margin-top: 80px; margin-bottom:110px; box-sizing: border-box; background: url('../img/news_topBg.jpg'); background-color: rgba(0,0,0,0.3); background-blend-mode: multiply; background-repeat: no-repeat; background-position: left 30%; background-size:cover;}
.news_imgsection div.pageTitle {font-size: 45px; color: #fff; text-align: center; font-weight: 500; line-height: 91px;}
.news_imgsection div.pageText {font-size: 20px; color: #fff; text-align: center; font-weight: 400; line-height: 35px;}
.page_news .maincontents{margin:0 auto 117px; max-width:1440px; width: 100%; padding:0 20px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-gap: 48px; box-sizing: border-box;}

.newsContentsWrap .card .image {display: block; position:relative; width:100%; padding-bottom:62.5%; overflow: hidden; border-radius:10px;}
.newsContentsWrap .card .image img{display: block; position: absolute; width:100%; min-height:100%; top:0; left:50%; transform: translateX(-50%);}
/* .image {width:100%; height:200px; background-size: 160%; background-position: top center; background-repeat: no-repeat; border-radius: 8px 8px 0 0; transition:0.2s ease-in-out;
} */

.page_news .maincontents>div:hover .image{background-size: 170%; transition: 0.2s ease-in-out;}
.card {min-height: 100%; background: #fff; box-shadow: 0px 4px 4px rgba(190, 190, 190, 0.25); border-radius: 8px; display: flex; flex-direction: column; position: relative; top: 0; border: 1px solid #f0f0f0;}
.card article {padding: 1.2rem; display: flex; flex-direction: column; flex: 1; background-color: white; border-radius: 8px;}

.title{width:100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; font-size: 1.2rem; color: #444; text-overflow: ellipsis; font-weight: 700;}
.card span {font-size: 0.9rem; padding:0.3rem 0; color: #A5A5A5;}
.text-detail{width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.card p {flex: 1; line-height: 1.4; text-overflow: ellipsis; color: #A5A5A5;}
.card .tag{padding-top:10px;}
.card .tag span{display: inline-block; border-radius: 4px; background-color: #f6f6f6; padding:2px 6px; margin-top:3px; margin-right:7px;}
.card .tag span:last-child{margin-right:0;}

/* 언론보도 */
#newsList{font-size:0;}
#newsList li{text-align:left; border-bottom:1px solid #e8e8e8;}
#newsList li:first-child{border-top:2px solid #000;}
#newsList li a{display:block; width:100%; padding:35px 80px; box-sizing: border-box; transition: all 0.3s ease;}
#newsList li a:hover{background:#f6f7f8; transition: all 0.3s ease;}
#newsList li .txt_wrap{display:inline-block; width:80%; vertical-align:middle;}
#newsList li .txt_wrap b{display:block; font-size:16px; color:#000; font-weight:500; width:fit-content; min-height:20px; line-height:20px; border:1px solid rgba(0,0,0,0.4); border-radius:30px; padding:5px 20px; margin-bottom:20px; transition: all 0.3s ease;}
#newsList li .txt_wrap p.news_tit{font-size:25px; color:#000; font-weight:700; margin-bottom:40px; transition: all 0.3s ease;}
#newsList li .txt_wrap span.news_date{font-size:16px; color:#aaa; margin-bottom:20px; transition: all 0.3s ease;}
#newsList li a:hover .txt_wrap p.news_tit{color:#313987; transition: all 0.3s ease;}

#newsList li .img_wrap{display:inline-block; width:20%; vertical-align:middle;}
#newsList li .img_wrap p{position:relative; width:100%; padding-bottom:62%; overflow: hidden; border-radius:20px;}
#newsList li .img_wrap img{position: absolute; display:inline-block;width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}

.news_wrap {text-align: center;}
.news_wrap button.more-btn{position: relative; width: 200px; height: fit-content; font-size:17px; font-weight:600; color:#000; width:200px; text-align: left; background:0; border:0; border-bottom:2px solid #000; margin-top:60px; cursor:pointer; padding-bottom:20px; transition: all 0.3s ease;}
.news_wrap button.more-btn::after{position:absolute; display: block; width:31px; height:8px; content:""; background: url(../img/main/viewmore_arrow_b.png) no-repeat; top:6px; right:0; transition: all 0.3s ease;}
.news_wrap button.more-btn:hover{color:#313987; border-bottom:2px solid #313987; }


/* 아코디언 UI */
.accordion { width:100%; border-top:2px solid #000; } 
.responsive-accordion li .responsive-accordion-head table { width:100%; font-size: 1.2rem; line-height: 2rem; } 
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head { padding: 20px 30px; cursor: pointer; position: relative; color: #000; font-weight: 600; border-bottom:1px solid #e8e8e8; } 
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head td.arrow i { display: inline-block; vertical-align: middle; } 
.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel { overflow-y: hidden; padding: 30px; border-bottom:1px solid #e8e8e8; background-color: #F6F7F8; display: none; box-sizing: border-box; } 
.responsive-accordion li .responsive-accordion-head .material-symbols-outlined { font-size: 2rem; display: inline-block; } 
.responsive-accordion li .responsive-accordion-head .arrow_drop_up { display: none; } 
.responsive-accordion li .responsive-accordion-head.active .arrow_drop_down { display: none; } 
.responsive-accordion li .responsive-accordion-head.active .arrow_drop_up { display: inline-block; color:#313987; } 
.responsive-accordion li .responsive-accordion-head.active .noti_num,
.responsive-accordion li .responsive-accordion-head.active .noti_title,
.responsive-accordion li .responsive-accordion-head.active .q_mark,
.responsive-accordion li .responsive-accordion-head.active .q_text { color:#313987; } 
.responsive-accordion li .responsive-accordion-head.active .arrow i { color:#313987; } 

/* 아코디언 - 공지사항 */
.count-noti { font-size: 20px; font-weight: 600; margin-bottom:20px; } 
.count-noti span { color: #313987; padding:0 10px;} 

.accordion .title { border-bottom: 1px solid #e8e8e8; } 
.accordion .noti-table-title {padding: 20px 30px;}
.accordion .noti-table-title table { width:100%; font-size: 20px; line-height: 2rem; font-weight: 600;} 
.accordion .noti-table-title .noti_title_head { text-align: center !important; display: flex; justify-content: space-between; align-items: center;  position: relative; color: #000; font-weight: 600; } 
.accordion .noti-table-title .noti_title_head div { margin-right:12px; } 

.responsive-accordion li .responsive-accordion-head .noti_num, 
.accordion .noti-table-title .noti_num {font-size: 18px; color:#000; text-align: center; width:4rem; font-weight:500;} 
.responsive-accordion li .responsive-accordion-head .noti_title{ padding-left:24px; display: flex; justify-content: space-between; align-items: center; } 
.responsive-accordion li .responsive-accordion-head .noti_title p, 
.accordion .noti-table-title .noti_title_head p { width: 80%; font-size: 18px; font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; } 
.responsive-accordion li .responsive-accordion-head .noti_title div, 
.accordion .noti-table-title .noti_title_head div {display:flex; font-size: 18px; width:10rem; justify-content: center;} 

.responsive-accordion li .responsive-accordion-head .noti_title span:not(.material-symbols-outlined) { vertical-align: middle; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; } 
.responsive-accordion li .responsive-accordion-head .noti_title span.material-symbols-outlined { vertical-align: middle; } 
.responsive-accordion-panel table { width:100%;} 
.responsive-accordion-panel .noti_text { width:100%; font-size: 1.2rem; padding:0 40px 0 40px; line-height: 1.5; color:#000; box-sizing: border-box; } 
.responsive-accordion-panel .noti_text div { font-size: 18px; font-weight: 600; margin-bottom:0.5rem; } 
.responsive-accordion-panel .noti_text div.noti_text_innerbox { border:1px solid #e8e8e8; background-color:#fff; padding:30px 40px; margin:16px 0; font-size:16px; text-align:left; border-radius:30px;} 
.responsive-accordion-panel .noti_text p { font-size: 1rem; line-height: 1.6; } 
.responsive-accordion-panel .noti_text .noti_text_innerbox_con{width:100%; min-width:360px; overflow: auto; box-sizing: border-box; border:1px solid #e8e8e8; background-color:#fff; padding:20px; margin:16px 0; font-size:16px; border-radius:20px;}
.responsive-accordion-panel .noti_text .download_btn{color: #313987;}