@charset "utf-8";

#MAIN_INDEX{padding-top: 20px;}
#MAIN_INDEX > section + section {margin-top: 60px;}

/* 메인 헤드라인 */
.headline li > a{display: flex; gap: 30px;}
.headline .img{width: 50%; aspect-ratio: 1/1; min-height: 520px; max-width: 520px;}
.headline .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.headline .text{flex: 1; padding: 60px 15px 75px 0;}
.headline .text .tit{font-size: 30px;}
.headline .text .sub_tit{font-size: 20px; margin: 15px 0; font-weight: 500;}
.headline .text .content{margin-top: 20px;}
.headline .pagination {position: absolute; left: initial; right: 15px; bottom: 30px; width: fit-content; z-index: 1;}




/* 최신뉴스 */
.latest_vertical{display: flex; align-items: center; padding: 10px; margin: 15px 0; border-top: 5px solid var(--color-basic); border-bottom: 1px solid #eee;}
.latest_vertical .title{width: 115px; font-size: 15px; color: var(--color-basic);}
.latest_vertical .latest_veri_container{flex: 1; height: 40px; background-color: #f9f9f9; border-radius: 5px;}
.latest_vertical .latest_veri_container a{display: block; position: relative; width: 100%; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px}

/* 탑뉴스 */
#main_center_webzine_art{border-top: 1px solid #eee;}
.latest_vertical + #main_center_webzine_art{border-top: none;}


/* 중간 헤드라인 */
.mid_headline{position: relative; margin-bottom: 15px;}
.mid_headline > ul > li{width: 100%; aspect-ratio: 2/1; color: #fff; overflow: hidden; max-height: 480px;}
.mid_headline a{position: relative; display: flex; align-items: flex-end; width: 100%; height: 100%; padding: 40px 30px;}
.mid_headline a::after{position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(24, 24, 24, 0.8) 100%); -webkit-transition: all 700msease; -moz-transition: all 700ms ease; transition: all 700msease; content:""; display: block; clear: both;z-index: -1;}
.mid_headline a > img{position: absolute; display: block;  left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: -1; transition-duration: 500ms;}
.mid_headline .text{max-width: 80%; margin: 0 auto; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.mid_headline .text > *{text-align: center;}
.mid_headline .sub_tit{font-size: 18px; margin: 10px 0;}
.mid_headline li:hover img{transform: translate(-50%, -50%) scale(1.1);}
.mid_headline .pagination {position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); z-index: 1; text-align: center;}
.mid_headline .pagination .swiper-pagination-bullet{background-color: rgba(256,256,256,0.8)}


/* 하단 와이드 영역 */
.wide_type .webjin_news_wrapper > div{border-bottom: none; padding: 0;}
.wide_type .webjin_news_wrapper > div + div{border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}
#main_wrap_2 .wide_type:nth-child(odd) .layout{flex-direction: row-reverse;}


/* 하단 탭 영역 */
#main_wrap_5 .tab_content_box{margin-top: 15px;}

/* 사진 뉴스 */
#main_wrap_3 .news_big_text .tit{font-size: 24px;}
.swiper-button-next, .swiper-button-prev{display: block; color: #fff;}


/* 탭영역 */
#main_wrap_5 .tab_wrap{padding-top: 15px; border-top: 5px solid var(--color-basic); border-bottom: 1px solid #eee;}

/* 최신글 */
.plan_box .section_title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;}
.plan_box .section_title > a::after{display: none;}
.plan_box .section_title > select{width:120px;font-size: 14px;}
.plan_box .list_text li:first-child{border-top: none;}
.plan_box .list_text li {padding: 10px 0;}
.plan_box .list_text li > a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; text-align: justify; line-height: 1.4; -webkit-line-clamp: 1; padding: 0;}

.plan_box .news_more {text-align: right; color: #999; margin-top: 15px;}
.plan_box .news_more a{font-size: 0.8em;}