/*****main******/
#main_wrap {}

/*free*/
.main_grid_2nd {display: grid; grid-template-columns: auto 410px; column-gap: 14px;}
.sidenews_grid {border-left: 1px solid #E2E2E2; padding-left:15px;}
.grid_2nd_2nd {display: grid; grid-template-columns: 420px 420px; column-gap: 15px;}
.grid_2nd_2nd .subnews {border-right: 1px solid #E2E2E2; padding-right: 15px; position: relative;}
.grid_2nd_2nd .subnews .more-button {position: absolute; width: 404px; bottom: 0;}
.border--radius--50 {border-radius: 50%;}
.border--radius--10 {border-radius: 10%;}
.top_titA {margin-bottom:10px;}
.top_titA a{font-size: 36px; line-height: 46px; color: #000; letter-spacing: -1.5px; font-weight:700;}
.top_text {height: 140px; overflow: hidden;}
.top_text a {font-size: 14px; color: #777; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box;}
.top_relations {width:213px; margin-right:15px;}
.top_relations_tit {margin-top: 12px; border-top: 1px solid #e2e2e2; padding-top: 12px;}
.top_relations_tit a {font-size: 17px; font-weight: 400; color: #222; line-height: 24px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.top_relations_tit a::before {content: "ㄴ"; margin-right: 5px;font-weight: 200;}

.main_grid_3rd {display: grid; grid-template-columns: 333px auto 315px; column-gap: 15px;}
.main_grid_3rd .div-1st {width: 318px; border-right: 1px solid #e2e2e2; padding-right: 15px;}
.main_grid_3rd .div-1st .thumb {height:176px;}
.main_grid_3rd .top_C .thumb {height:359px;}
.main_grid_3rd .top_text {height:auto;}
.main_grid_3rd .top_text a {-webkit-line-clamp: 5;}

.top_typeA .thumb {height: 359px;}

.top_typeD {}
.top_typeD .main_grid_top {display: grid; grid-template-columns: 842px auto; column-gap: 15px;}
.top_typeD .thumb {width:100%; height:480px;}
.top_typeD .top_titD {margin:15px 0 10px;}
.top_typeD .top_titD a {font-size:27px; font-weight: 700; color: #222; line-height: 1.3; letter-spacing: -1px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.top_typeD .top_text a {-webkit-line-clamp :3;}
.top_typeD .top_text {height:auto;margin-bottom: 20px;}
.top_typeD .font--17 {margin-bottom: 13px; border-bottom: 1px solid #e2e2e2; padding-bottom: 13px; width:100%;}
.top_typeD .font--17 a {font-size: 17px; font-weight: 400; color: #222; line-height: 24px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.top_typeD .font--17 a::before {content: "ㄴ"; margin-right: 5px; font-weight: 200;}
.top_typeD .font--17:last-child {border-bottom: none; padding-bottom: 0px;}
.top_typeD .font--17:frist-child {margin-top:15px;}

.newTypeD dl.info {padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2;}
.newTypeD .info dd a {font-size: 19px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 1.4; margin-top: 5px; color: #222;}
.newTypeD .info .thumb {height: 230px; overflow: hidden; margin-bottom: 10px; position: relative; border-radius: 10px;}
.newTypeD  dl.info:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.titleA {font-size:17px; font-weight:700; color:#222; padding-bottom: 10px; border-bottom: 1px solid #222;letter-spacing: 0;}
.titleA a.more {color: #000; text-decoration: none; padding-right: 18px; background-repeat: no-repeat; background-position: right center; background-size: 14px 14px; background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>");}
.titleA span{float: right; font-size: 14px; color: #999; font-weight: 400;}
.titleB {font-size:17px; font-weight:700; color:#396FF8; padding-bottom: 10px; border-bottom: 1px solid #396FF8;letter-spacing: 0;}
.titleB span{float: right; font-size: 14px; color: #396FF8; font-weight: 400;}

.font--19 {display: flex; align-items: center; max-width: 300px;}
.font--19 a {font-size: 19px; font-weight: 400; color: #222; line-height: 1.4; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

.sidenews_grid .sidenews_box:last-child {border-bottom: none; padding-bottom: 0;}
.sidenews_grid .sidenews_box:first-child {margin-top: 0;}
.sidenews_grid .sidenews_box {overflow: hidden; margin-top: 15px; border-bottom: 1px solid #E2E2E2; padding-bottom: 15px;}
.sidenews_grid .sidenews_box .thumb {width: 90px; height: 90px; overflow: hidden; flex-shrink: 0;}
.sidenews_grid .sidenews_box .font--17 {width:290px;display: flex; align-items: center;}
.sidenews_grid .sidenews_box .font--17 a {font-size: 17px; color: #222; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.sidenews_grid .sidenews_box .font--20 {}
.sidenews_grid .sidenews_box .font--20 a {font-size: 20px; color: #222; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.sidenews_grid .text{font-size:14px; color:#777; font-style: normal; letter-spacing: 0;}
.main_free #section_01 {margin-bottom: 30px; border-bottom: 1px solid #222;}

#section_01, #section_02, #section_03 {min-width:1280px;}

.main--font--23 {margin-bottom: 5px;}
.main--font--23 a {font-size: 23px; font-weight: 700; color: #222; line-height: 1.3; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; letter-spacing: -0.8px;}

.main--font--22 {margin-bottom: 10px;}
.main--font--22 a {font-size: 22px; font-weight: 700; color: #222; line-height: 24px; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

.main--font--20 {margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
.main--font--20 a {font-size: 20px; font-weight: 400; color: #222; line-height: 24px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.main--font--20:last-child{border-bottom:none;}

.main--font--19 {margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
.main--font--19 a {font-size: 19px; font-weight: 400; color: #222; line-height: 24px; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.main--font--19 a {-webkit-line-clamp: 2 !important;}
.main--font--19:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}

.up_catname{color:#2c5ae9; margin-bottom: 5px; display: block;}
#section_01 .cols_01 {display: flex;}
#section_01 .cols_01 .infotype_thumb_top {margin-right:30px; width:600px; position: relative; overflow: hidden;}
#section_01 .cols_01 .infotype_thumb_top .thumb {max-height: 335px;}
#section_01 .cols_01 .infotype_thumb_top .top_tit {font-weight: 700; color: #222; font-size: 32px; line-height: 1.2; height: 2.5em; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
#section_01 .cols_01 .infotype_thumb_top .top_tit a{color:#222;}
#section_01 .cols_01 .subnewes {width: 285px; padding-right: 40px;}
#section_01 .cols_01 .subnewes .thumb {height: 157px;}
#section_01 .cols_01 .subnewes .info dt {margin: 10px 0 20px;}
#section_01 .cols_01 .subnewes .info dt a {font-size: 20px; color:#222; line-height: 1.25em; height: 2.5em; letter-spacing: -1px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

#section_01 .cols_01 .sidenews {border-left: 1px solid #e2e2e2; padding-left: 30px; width: 555px;}
#section_01 .cols_01 .sidenews h4 { margin-bottom:10px;}
#section_01 .cols_01 .sidenews h4 a{font-size: 20px; font-weight: 400; color:#222; letter-spacing:-0.5px; line-height: 1.1;}
#section_01 .cols_01 .sidenews dl {overflow: hidden; display: block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
#section_01 .cols_01 .sidenews dl:first-child {border-top:none; padding-top:0;}
#section_01 .cols_01 .sidenews dt {margin-bottom:10px; overflow:hidden;}
#section_01 .cols_01 .sidenews dd.thumb {float:left; width:343px; height:200px; margin-right: 15px; overflow: hidden;border-radius: 10px; border: 1px solid #e2e2e2;} 
#section_01 .cols_01 .sidenews dd.thumb > a {}
#section_01 .cols_01 .sidenews dt a {font-size:23px; font-weight:700; color:#222; line-height: 1.2; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
#section_01 .cols_01 .sidenews dd.text a {font-size:14px; color:#777; line-height: 1.4; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 10; -webkit-box-orient: vertical; display: -webkit-box;}
#section_01 .cols_01 .sidenews dd.text {height:195px; overflow:hidden;}
.main_free .all_newslist {font-size:14px; text-align: center; padding: 23px 0; border-radius: 10px; background: #EEF2F7; color: #6B96C7; text-decoration: none; font-weight: 700;}
.main_free .all_newslist:hover {background:#396FF8; color:#fff;}
.main_free a.all_newslist {text-decoration: none;}
.main_free .more_button {position: absolute; bottom: 0; width: 404px;}

#section_02 .subnews .thumb {width: 179px; height: 105px; float: right; margin: 0px 0px 0px 15px;}
#section_02 .subnews dd.textA a {font-size: 14px; color: #777; line-height: 1.4; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding-top: 10px;}
#section_02 .issue-card {border-radius: 0 0 10px 10px}
#section_02 .issue_top {background-color:#EEF2F7; padding: 20px 30px 5px;}
#section_02 .issue-title {font-size: 23px; font-weight: 700; margin-bottom: 15px; letter-spacing: -1px;}
#section_02 .issue-tags {display: inline-block; gap: 6px; margin-bottom: 10px; align-items: center; flex-wrap: nowrap; overflow: hidden; height: 40px;}
#section_02 .issue-tags button {white-space: nowrap; flex-shrink: 0; border:1px solid #6B96C7; background: #fff; color: #6B96C7; font-size: 15px; padding: 8px 25px; border-radius: 20px; font-weight: 500; font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; line-height: 1.5;}
#section_02 .issue-list {padding: 27px 30px; list-style: none; margin: 0; position: relative;border: 1px solid #EEF2F7; border-bottom: 0; border-top: 0;}
#section_02 .issue-list li {display: flex; gap: 30px; position: relative;margin-bottom: 18px;}
#section_02 .issue-list li:last-child {margin-bottom:0;}
#section_02 .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_02 .issue-list::after {content: ""; position: absolute; left: 85px; top: 48px; width: 1px; height: calc(100% - 16px); border-left: 1px dashed #396FF8; height: 185px}
#section_02 .issue-list li:last-child::after {display: none;}
#section_02 .issue-list .date {color: #1a73e8; line-height: 1.4; font-weight: bold; width:40px; text-align: center;}
#section_02 .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_02 .issue-list .news-title a {color:#222;}
.more-btn {text-align: center; font-size: 14px; font-weight: 700; color: #6B96C7; background: #EEF2F7; padding: 23px; cursor: pointer; border-radius: 0 0 10px 10px}

#section_03 {background-color:#EEF2F7;}
#section_03 .main_grid_2nd {column-gap: 30px;}
#section_03 .thumb_bigA {height:237px; border-radius: 10px 10px 0 0;}
#section_03 .box_title {background: #fff; border-radius: 0 0 10px 10px; padding: 20px 25px; border: 1px solid rgba(107, 150, 199, 0.5); border-top:none;}
#section_03 .box_title a {font-size: 17px; color: #222; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
#section_03 .sidenews_grid .sidenews_box {overflow: hidden; margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid #E2E2E2;}
#section_03 .sidenews_grid .sidenews_box:first-child {margin-top:0;}
#section_03 .sidenews_grid .sidenews_box:last-child {border-bottom:none;}
#section_03 .sidenews_grid .sidenews_box .font--17 a {margin-bottom:0}

#section_04 {}
#section_04 .rank_news ul {display: grid; grid-template-rows: repeat(5, auto); grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; list-style: none; padding: 0; margin: 0; column-gap: 30px; border-bottom: 1px solid #222; padding-bottom: 30px;}
#section_04 .rank_news li:nth-child(1), #section_04 .rank_news li:nth-child(6) {padding-top: 0;}
#section_04 .rank_news li:nth-child(5), #section_04 .rank_news li:nth-child(10) {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#section_04 .rank_news li {border-bottom: 1px solid #e2e2e2; padding: 18px 0;}
#section_04 .rank_news li .num {color: #222;}
#section_04 .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_04 .rank_news div {position: relative;}
#section_04 .rank_news li .info {padding-left: 10%;}
#section_04 .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_04 .table1 .tab1 {width:394px; border: 1px solid rgba(107, 150, 199, 0.5); border-radius:5px; background-color: rgba(107, 150, 199, 0.2); height: 40px; display: flex; justify-content: center; align-items: center;}
#section_04 .table1 .tab1 li {position: relative; width: 33.34%; text-align: center; font-weight:600; height: 100%;}
#section_04 .table1 .tab1 li a.active {position: relative; color: #fff; border: none; background: #396FF8; height: 100%;}
#section_04 .table1 .tab1 li a {display: flex; justify-content: center; align-items: center; font-size: 17px; color: #6B96C7; text-decoration: none; height: 100%;}
#section_04 .table1 .tab1 li:nth-child(2) {border-left: none; border-right: none;}
#section_04 .table1 .list1 {display: none;}
#section_04 .table1 ol {overflow: hidden;}
#section_04 .table1 table {width: 100%; color: #222; font-size: 14px; letter-spacing: -0.3px;}
#section_04 .table1 table th {border-bottom: 1px solid #396FF8; padding: 15px 0px 10px; text-align: center;}
#section_04 .table1 table td {padding: 12px 5px; border-bottom: 1px solid #E2E2E2; text-align: center;}
#section_04 .table1 table tr:hover {background-color:#EEF2F7;}
#section_04 .table1 table td:last-child {font-weight:700; color:#396FF8;}
#section_04 .table1 .num_center{font-weight:700;}
#section_04 .table1 .t_name {width: 35%;}
#section_04 .table1 .list1#listTwo1 {display: block;}
#section_04 .table1 .list1#listTwo1 a::after {}

#section_04 .sidenews_grid .sidenews_box {overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; margin-top: 0;}
#section_04 .sidenews_grid .sidenews_box:last-child {border-bottom:none; margin-bottom: 0;}

#section_04 .card-container {display: flex; gap: 14px;}
#section_04 .card-container a{}
#section_04 .card {width: 190px; border-left: 1px solid #e2e2e2; padding-left: 15px; overflow: hidden; display: flex; flex-direction: column;}
#section_04 .card-header {display: flex; justify-content: space-between; align-items: center; padding: 8px 0px;font-size: 17px; font-weight: 700;}
#section_04 .card-header a{font-size: 17px; font-weight: 700; text-decoration: none;}
#section_04 .card-image {height: 265px; overflow: hidden; border-radius: 10px 10px 0 0;}
#section_04 .card-footer {padding: 8px 12px; background-color: #222; text-align: center; font-size: 14px; border-radius: 0 0 10px 10px;}
#section_04 .card-footer a {color:#fff;text-decoration: none;}