/*issue*/ #section_issue {margin-top: 60px;} #section_issue .grid_2nd {display:grid; grid-template-columns: auto auto; column-gap: 30px;} #section_issue .section_titleB {display: block;} #section_issue .issue-tags {display: inline-block; gap: 6px; margin-bottom: 10px; align-items: center;} #section_issue .issue-tags button {border:1px solid #6B96C7; background: #fff; color: #6B96C7; font-size: 15px; padding: 9px 20px; border-radius: 20px; cursor: auto; font-weight: 500; font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; margin-bottom: 5px;} #section_issue .issue-list {padding: 30px; list-style: none; margin: 0; position: relative;} /*#section_issue .issue-list li {display: flex; gap: 25px; position: relative;margin-bottom: 12px;height: 47px;} #section_issue .issue-list li:last-child {margin-bottom:0;} #section_issue .issue-list li::before {content: ""; position: absolute;left: 45px; top: 8px; width: 6px; height: 6px; border: 2px solid #396FF8;background: #fff; border-radius: 50%;z-index: 1;} #section_issue .issue-list li::after {content: ""; position: absolute; left: 49px; top: 20px; width: 1px; height: calc(100% - 16px); border-left: 1px dashed #396FF8; height: 100%;} #section_issue .issue-list li:last-child::after {display: none;} #section_issue .issue-list .date {color: #1a73e8; line-height: 1.4; font-weight: bold; width:40px;} #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 .issue-list .news-title a {color:#222;}*/ #section_issue .issue-title {color: #222;} #section_issue .issue-uptitle {display: flex; align-items: center; color: #396FF8; font-weight: 700; margin-bottom: 10px; font-size:17px;} #section_issue .issue-uptitle a {color: #396FF8;text-decoration: none; display: flex; align-items: center;} #section_issue .issue-uptitle a.more{padding-right: 18px; background-repeat: no-repeat; background-position: right center; background-size: 14px 14px; background-image: url("data:image/svg+xml;utf8,\");} .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} .more-btn a {color:#fff;} #section_issue .isuue-more-button {height:50px; border:1px solid #1a73e8; border-radius:8px; font-size:14px; font-weight: 600; color:#1a73e8; transition:0.3s;} #section_issue .isuue-more-button a {color:#1a73e8; cursor: pointer;text-decoration: none;height: 100%; transition: 0.3s;} /*#section_issue .isuue-more-button:hover {background-color:#1a73e8; color:#fff;} #section_issue .isuue-more-button a:hover {color:#fff;}*/ #section_issue .issue-borderline {height: 30px; border-top: 1px solid #222;} #section_issue .issue-area .issue-list {padding: 0; margin-bottom: 40px; height:auto;} #section_issue .issue-area .issue-list li {margin-bottom:0; height: auto; min-height: 100px; gap: 20px;} #section_issue .issue-area .issue-list .date {width: 90px; background: #EEF2F7; font-size:14px; font-weight: 500; padding: 15px 0; display: flex; justify-content: center; border-radius:0;} #section_issue .issue-area .issue-list li::before {left:85px;top: 20px;} #section_issue .issue-area .issue-list li:first-child .date {border-radius:8px 8px 0 0;} #section_issue .issue-area .issue-list li:last-child .date {border-radius:0 0 8px 8px;} #section_issue .issue-area .issue-list li::after {left:90px; height: 100%; top: 2px;} #section_issue .issue-area .issue-list li:first-child::after {top:20px;} #section_issue .issue-area .issue-list::after {left: 89px; top: 20px; height: calc(100% - 40px);} #section_issue .issue-area .issue-list.txt::after {left:150px; height: 85%; top: 20px; height:calc(100% - 130px);} #section_issue .issue-area .issue-list li .issue-content{border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; min-width: 180px; width: calc(100% - 110px)} #section_issue .issue-area .issue-list li:last-child .issue-content {border-bottom: none; padding-bottom: 0;} #section_issue .issue-area .issue-list .news-title {font-size:18px; display: flex; align-items: center; margin-bottom: 15px;} #section_issue .issue-area .issue-list .news-title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #section_issue .issue-area .issue-list .news-artile {margin: 10px 0 20px 0;} #section_issue .issue-area .issue-list .news-artile a{font-size:14px; color:#999999; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height:1.3;} #section_issue .issue-area .issue-list .news-date {font-size:14px; letter-spacing:0;} #section_issue .issue-area .issue-list .news-date em {font-style: normal;} #section_issue .issue-area .issue-list .news-date em:after {display: inline-block; content: '|'; font-size: 12px; width: 1px; height: 10px; color: #d2d2d2; padding-left: 5px; padding-right: 5px; overflow: hidden;} #section_issue .issue-area .issue-tap {display:flex; justify-content: space-between; margin-bottom: 15px;} #section_issue .issue-area .issue-option {display:flex; justify-content: space-between;} #section_issue .issue-area .issue-button {color: #fff; padding: 13px 0; width: 90px; text-align: center; font-weight: 500; border-radius: 5px; background-color:#D6E0EB; font-size:13px;} #section_issue .issue-area .issue-button a {width:100%; height:90%; display: flex; justify-content: center; align-items: center; text-decoration: none; font-weight:400; color:#063A74;} #section_issue .issue-area .issue-option .on{background-color:#063A74; color: #fff;} #section_issue .issue-area .issue-option .on a {color: #fff;} #section_issue .issue-area .issue-option div:last-child {margin-left:10px; cursor:pointer;} #section_issue .issue-area .issue-tap .issue-years {background-color: #fff; font-size: 14px; border: 1px solid #063A74; color: #063A74;}