/*section*/
.m_basefix {margin: 15px}

.section_titleA {display: flex; align-items: center; font-size: 24px; color: #222; font-weight: 700; margin: 0; padding: 30px 0 10px 15px;}
.section_titleB {display: flex; align-items: center; font-size: 24px; color: #222; font-weight: 700; margin: 0; padding: 30px 15px 5px 15px;}
.titleA, .titleB {font-size:15px; font-weight:700; color:#222; padding-bottom: 10px; border-bottom: 1px solid #222;letter-spacing: 0; display: flex;}
.titleA span{font-size: 15px; color: #999; font-weight: 400;margin-left: 5px;}
.titleA p, .titleB p {color: #396FF8; text-transform: uppercase;}
.titleA p:after {display: inline-block; content: '|'; font-size: 15px; width: 15px; height: 12px; color: #999; font-weight: 100; overflow: hidden; text-align:center;}
#section .section_titleB .issue-title {color: #0E2663;}

.section_grid_2nd {}
.section_grid_left{}
.section_grid_right{}

#section {margin-top:60px; padding-top:15px;}
#section h3 {font-size: 27px; color:#000; line-height: 1.1;}
#section h3 a {color:#222; -webkit-line-clamp: 2; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
#section .top_text a{color:#888; font-size:16px; margin-top:15px; -webkit-line-clamp: 2; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; line-height: 1.4;}

#section .section_top {display:flex; justify-content: space-between; margin:0 0 60px 0; border-bottom: 1px solid #000; padding: 60px 0;}
#section .section_top .thumb {height:370px; width:640px;}
#section .section_top_side .top_text a{color:#888; font-size:16px; margin-top:15px; -webkit-line-clamp: 7; letter-spacing: -0px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; line-height: 1.4;}
#section div.section_top_side:first-child {border-bottom:1px solid #e2e2e2; margin-bottom:25px; padding-bottom:25px;}
#section .section_top .section_top_left {padding-right: 15px; border-right: 1px solid #e2e2e2; margin-right: 15px;}

/*right_content*/
.right_title {font-size:17px; font-weight:700; color:#396FF8; padding-bottom: 10px; border-bottom: 1px solid #396FF8;letter-spacing: 0;}
#section .section_grid_right .issue-card{border-radius:0 0 5px 5px; width:auto;}
#section .section_grid_right .issue-card .issue_top {border-radius: 0;}
#section .section_grid_right .issue-card .more-btn{border-radius: 0 0 5px 5px}
#section .section_grid_right .issue-title {text-align:left; margin-bottom: 10px;}
#section .grid_2nd {display:grid; grid-template-columns: auto auto; column-gap: 30px;}
#section .issue-box {}
#section .issue-card, #section_issue .issue-card {border: 1px solid #E2E2E2; border-radius:10px; width:100%; margin-bottom:30px;}
#section .issue_top, #section_issue .issue_top {background-color:#EEF2F7; padding: 20px 25px 10px; border-radius:10px 10px 0 0;}
#section .issue-title, #section_issue .issue-title {font-size: 23px; font-weight: 700; margin-bottom: 10px; letter-spacing: -1px; color: #222;}
#section .issue-tags, #section_issue .issue-tags {display: flex; gap: 6px; margin-bottom: 10px; align-items: center;}
#section .issue-tags button, #section_issue .issue-tags button {border:1px solid #6B96C7; background: #fff; color: #6B96C7; font-size: 15px; padding: 8px 25px; border-radius: 20px; cursor: pointer; font-weight: 500; font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;}
#section .issue-list, #section_issue .issue-list {padding: 30px; list-style: none; margin: 0; position: relative;}
#section .issue-list li, #section_issue .issue-list li {display: flex; gap: 35px; position: relative;margin-bottom: 12px;height: 47px;}
#section .issue-list li:last-child, #section_issue .issue-list li:last-child {margin-bottom:0;}
#section .issue-list li::before, #section_issue .issue-list li::before {content: ""; position: absolute;left: 50px; top: 8px; width: 6px; height: 6px; border: 2px solid #396FF8;background: #fff; border-radius: 50%;z-index: 1;}
#section .issue-list::after, #section_issue .issue-list::after {content: ""; position: absolute; left: 84px; top: 40px; width: 1px; border-left: 1.5px dashed #396FF8; height: calc(100% - 100px);}
#section .issue-list li:last-child::after, #section_issue .issue-list li:last-child::after {height:0px !important;}
#section .issue-list .date, #section_issue .issue-list .date {color: #1a73e8; line-height: 1.4; font-weight: bold; width:45px;}
#section .issue-list .news-title, #section_issue .issue-list .news-title {color: #222; line-height: 1.4; margin: 0; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#section .issue-list .news-title a, #section_issue .issue-list .news-title a {color:#222;}
.more-btn {text-align: center; font-size: 14px; font-weight: 500; color: #fff; background: #052B57; cursor: pointer; border-radius: 0 0 10px 10px}
.more-btn a {color:#fff; display: block; width: 100%; padding: 20px 0; text-decoration: none;}

#section .section_grid_right .rank_news li {border-bottom: 1px solid #e2e2e2; padding: 18px 0;}
#section .section_grid_right .rank_news div {position: relative;}
#section .section_grid_right .rank_news li em {width: 10%; font-size: 23px; font-style: normal; position: absolute; left: 0; display: block; color: #222; height: 100%; font-weight: 700;}
#section .section_grid_right .rank_news li .info {padding-left: 10%;}
#section .section_grid_right .rank_news li .info a {color: #222; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; height: 44px; display: -webkit-box;}
#section .section_grid_right .rank_news li:last-child {border-bottom: 1px solid #222;}
#section .banner {background-color:#E2E2E2; border-top:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding:60px 0; text-align:center;}

/*reporter*/
#section .writer_name_list {color: #052B57; font-weight: 700; letter-spacing: -0.5px; margin-left:5px;}
#section .writer_box {background-color:#EEF2F7; display:flex; align-items: center; column-gap: 15px; margin-bottom: 40px; padding:30px 15px;}
#section .writer_box .thumb {width:80px; height:80px;border-radius: 50%; background-color: #DCE5EE; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
#section .writer_box .thumb.no_img img {width:60px; height:60px;}
#section .writer_name p {color:#222; font-size:14px; line-height: 1.3;}
#section .writer_name p.writer_nameA{color:#063A74; font-size:23px; font-weight:700; margin-bottom: 10px;}
#section .writer_name p span {margin-left:5px;}