@charset "utf-8";

.wrap.flex {align-items: flex-start;}
.col_left {width:760px; display:flex; flex-wrap: wrap; column-gap: 40px;}
.aside_wrap {width:300px;}

.tit {width:100%; display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid #222; padding-bottom:20px; margin-bottom:40px; }
.tit h3 {font-size:1.33em;}
.tit .span_wrap {font-size:0.89em; color:#444;}
.tit .span_wrap span::before {content: '|'; color: #ddd; font-weight: 100; margin: 0 10px;}
.tit .span_wrap span:first-child::before {display:none;}
.tit .span_wrap .on a {color:#222; font-weight: 500; text-decoration: underline;}

.lank9 {width:100%; display:flex; justify-content:space-between; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee;}
.lank9 .text {width:380px;}
.lank9 .text h2 {font-size:1.94em; line-height: 1.3em; word-break:keep-all; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis;}
.lank9 .text .summary {margin-top:20px; -webkit-line-clamp:3;}
.lank9 figure a {width: 360px; height: 220px; border-radius:10px;}

.news_list {width:100%;}
.news_list li {display:flex; justify-content:space-between; column-gap:20px; padding:20px 0; border-bottom:1px solid #eee;}
.news_list li:first-child {padding-top:0;}
.news_list figure a {width:200px; height:115px;}
.news_list strong {display:block; margin-bottom:8px;}

.news_list .text {width:100%;}
.news_list .text .label {width:540px; font-size: 0.89em; font-weight:500; color: #d91b5c; display: block; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list .text .label::before {content:''; width:4px; height:15px; display:inline-block; background-color: #d91b5c; border-radius:1px; margin-right:5px; margin-top:-2px; vertical-align: middle;}
.news_list .text .label a {vertical-align:middle;}
.news_list .text .label + strong {margin-bottom:8px;}
.news_list .text .label + strong + .summary {-webkit-line-clamp:2;}
.news_list .text .date {font-size:0.777777em; font-weight:300; margin-top:5px; display:block; color:#777;}

.news_list .text .summary + .flex {margin-top:5px;}
.news_list .text .summary + .flex .date {margin:0;}
.news_list .text .summary + .flex .acc_nav_btn {line-height:0;}
.news_list .text .summary + .flex .acc_nav_btn img {width:18px; opacity:.4;}
.news_list .text .summary + .flex .acc_nav_btn button {line-height:0;}
.news_list .text .summary + .flex .acc_nav_btn .bookmark::after {width:18px; height:18px;}

.title_image {margin:-40px 0 40px; width:100%;}
.title_image figure img {width:100%; height:auto; }
.title_text {width:100%; margin:-40px 0 40px; background-color:#f8f8f8; border:1px solid #ddd; font-size:0.89em; padding:30px 20px; word-break: keep-all;}

/* 페이지네이션 영역 */
.pagination_wrap {width:100%;}
.paginate { width:100%; display:flex; justify-content: center;  margin-top:40px; column-gap:10px; font-size:0.83em;}
.paginate a { display: inline-block; min-width:35px; height:35px; text-align:center; border: 1px solid #ddd; color:#777; background-color: #fff; align-content:center; line-height:1em; padding:8px;}
.paginate a:hover {text-decoration:none; background:#ddd; color:#222;}
.paginate .on { border: 1px solid #ddd; background-color:#444; color: #fff; }

/* issue */
.issue_list > li {display:flex; justify-content:space-between; column-gap:30px; padding:30px 0; border-bottom:1px solid #ddd;}
.issue_list > li:first-child {padding-top:0;}
.issue_list .label {font-size: 0.89em; font-weight:500; color: #d91b5c; display: flex; justify-content:space-between; column-gap:20px;   margin-bottom:8px; position:relative; padding-left:10px;}
.issue_list .label::before {content:''; position:absolute; top:2px; left:0; width:4px; height:15px; display:inline-block; background-color: #d91b5c; border-radius:1px; }
.issue_list .label .date {color: #666; font-weight: 300;}
.issue_list figure {width:360px; height:220px; position:relative; display:flex; justify-content:center; overflow:hidden; border-radius:8px;}
.issue_list figure::before {content:''; border:1px solid rgba(0, 0, 0, 0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-radius:8px;}
.issue_list figure img {width:100%; height:fit-content;}
.issue_list .text {width:calc(100% - 390px);}
.issue_list .text strong {font-size:1.33em; margin:15px 0 10px; display:block;}
.issue_list .text .summary {margin-bottom:20px;}
.issue_list .related li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:10px; font-weight:500; line-height:1em; position:relative; padding-left:12px;}
.issue_list .related li:before {content:''; display:inline-block; width:6px; height:6px; position:absolute; left:0; top:4px; border-left:2px solid #777; border-bottom:2px solid #777;}

.tit_reporter {width:100%; display:flex; column-gap: 20px; align-items: center; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee;}
.tit_reporter figure {display:flex; justify-content:center; width:100px; height:100px; overflow: hidden; position:relative; border-radius:100px;}
.tit_reporter figure:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-radius:100px;}
.tit_reporter figure img {width:100%; height:fit-content;}
.tit_reporter .text strong {font-size:1.11em; display:block; margin-bottom:5px;}
.tit_reporter .text p {font-size:0.89em; color: #777; margin-bottom:10px;}
.tit_reporter .text .btn_mail {font-size:0.89em; color:#444; border:1px solid #ddd; display:inline-block; padding:10px 12px; line-height:1em;  }
.tit_reporter .text .btn_mail > * {vertical-align:middle;}
.tit_reporter .text .btn_mail img {width:18px; opacity:.8; margin-left:4px;}
.tit_reporter .text .btn_mail:hover {text-decoration:none; background:#fafafa; color:#222;}

/* 기자목록 */
.reporters_sort a {margin-left:10px;  position:relative; padding-left:19px;  font-size:0.888888em; color:#444;}
.reporters_sort a.on {color:#d91b5c;}
.reporters_sort a.on::before {position:absolute; left:0; top:0; content:''; display:inline-block; background:url('https://img.etnews.com/2024/etnews/images/check.svg'); width:18px; height:18px;}
.reporters {width:100%; display:flex; gap:20px; flex-wrap: wrap;}
.reporters li {width:calc(50% - 10px); border:1px solid #ddd; padding:20px 30px 20px 20px; display:flex; column-gap:20px; align-items: center; border-radius:10px; box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.reporters figure a {width:100px; height:100px; border-radius:100%; overflow: hidden;}
.reporters figure a::before {border-radius:100%;}
.reporters figure img {width:100%; height:fit-content;}
.reporters strong {font-size:1.111111em; display:block; margin-bottom:8px;}
.reporters .related { font-weight:400; line-height: 1.3em; position: relative; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color:#444;}

/* 섬네일형 리스트 */
.thumb_list {width:100%; display:flex; gap:40px; flex-wrap:wrap;}
.thumb_list li {width:calc(50% - 20px);}
.thumb_list .text strong {display: block; margin-top: 15px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.thumb_list .text .date { font-size: 0.777777em; font-weight: 300; display: block; color: #777; }
.thumb_list .text .summary {display:none;}

/* 내스크랩 */
.bookmark_wrap {width:100%;}
.bookmark_select {border:1px solid #aaa; padding:5px; border-radius:4px; font-size:0.888888em; background-color:#fff; min-width:80px;}
.bookmark_select option[selected="selected"] {font-weight:600;}

.bookmark_delete_box {border-bottom:1px solid #eee; padding-bottom:20px; display:flex; justify-content: space-between; align-items: center; line-height:1em; font-weight:500; margin-bottom:20px; width:100%;}
.bookmark_delete_box input[type="checkbox"] {display:none}
.bookmark_delete_box label i {display:inline-block;width:20px; height:20px; border:1px solid #ccc; border-radius:4px; vertical-align:bottom; margin-right:4px; }
.bookmark_delete_box label i img {filter: invert(91%) sepia(9%) saturate(3%) hue-rotate(322deg) brightness(95%) contrast(96%);}
.bookmark_delete_box input[type="checkbox"]:checked + i {border:1px solid #d91b5c;}
.bookmark_delete_box input[type="checkbox"]:checked + i img {filter:none;}

.bookmark_delete_box button {opacity:.6;}
.bookmark_delete_box button:hover {opacity:1;}
.bookmark_delete_box button img {display:inline-block; width:18px; height:18px;}
.bookmark_delete_box button span {vertical-align:bottom; font-size:0.888888em; display: inline-block; transform: translateY(1px);}

.bookmark_list label {position:absolute; left:0;}
.bookmark_list label input[type="checkbox"] {display:none;}
.bookmark_list label i {display:inline-block;width:20px; height:20px; border:1px solid #ccc; border-radius:4px; vertical-align:bottom; margin-right:4px; }
.bookmark_list label i img {opacity:0; vertical-align:baseline;}
.bookmark_list input[type="checkbox"]:checked + i {border:1px solid #d91b5c;}
.bookmark_list input[type="checkbox"]:checked + i img {opacity:1;}

.bookmark_list .text {position:relative; padding-left:30px; padding-right:40px;}
.bookmark_list .btn_delete02 {position:absolute; top:2px; right:0; font-size:0; display:inline-block; width:16px; height:16px; background:url('https://img.etnews.com/2024/etnews/images/remove.svg') no-repeat; opacity:0.4;}
.bookmark_list .btn_delete02:hover {opacity:.7;}

/* 숏폼 */
.shortform_list figure {position:relative;}
.shortform_list figure::before {content:''; width:100px; height:100px; background:url('https://img.etnews.com/2024/etnews/images/play.svg'); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.9; z-index:1;}
.shortform_list figure:hover::before {opacity:1;}

/* 검색결과 */
.search_list_header {width:100%;}
.search_list_header .powered_top {border-top:1px solid #222; border-bottom:1px solid #ddd; background-color:#eee; color:#444; padding:15px 20px; line-height:1em; margin:10px 0 20px; font-size:0.833333em; text-align:center;}
.search_list_header .powered_top a {font-weight:500; color:#222;}

.search_list_header .inputarea {border:1px solid #222; font-size:1.5em; padding:0 10px; background-color:#fff;}
.search_list_header .inputarea .searchbox-input { vertical-align:super; padding:5px; width:calc(100% - 40px); vertical-align:middle; font-weight: bold; color: #222; }
.search_list_header .inputarea .searchbox-input::placeholder {font-weight: bold; font-size:0.666666em; color: #444;}

.search_list_header .inputarea .searchbox-submit { width:32px; height:32px; display:inline-block; background: url("https://img.etnews.com/2024/etnews/images/search.svg") no-repeat center center; background-size:32px 32px; outline: 0; line-height:0; cursor: pointer; vertical-align:middle;}
.searchbox-input::placeholder {font-weight: bold; font-size: 1.2em; color: #212121;}
.search_list_header .dateselect_wrap {display:grid; padding:30px 20px 20px; background-color:#f7f7f7; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
.search_list_header .dateselect_wrap strong {grid-column: 1 / 3; grid-row: 1 / span 2; display:inline-block; width:100px;}
.search_list_header .dateselect_wrap .date1 {grid-column: 2 / 3; grid-row: 1 / 2; width:560px; display:flex; justify-content: space-between; column-gap:10px; height:35px;}
.search_list_header .dateselect_wrap .date2 {grid-column: 2 / 3; grid-row: 2 / 3; width:560px; display:flex; justify-content: start; align-items:center; height:35px;}

.search_list_header .dateselect_wrap input[type="radio"] {width:0; height:0; margin:0; opacity:0; display:none; }
.search_list_header .dateselect_wrap label {display:block; cursor:pointer; line-height:1em;}
.search_list_header .dateselect_wrap label i {display:inline-block; width:20px; height:20px; background:#fff; border:1px solid #aaa; border-radius:22px; margin-right:5px;}
.search_list_header .dateselect_wrap input[type="radio"]:checked + i {background:#fff url('https://img.etnews.com/2024/etnews/images/check.svg') no-repeat center center;}
.search_list_header .dateselect_wrap label > * {vertical-align: middle;}

.conbox .powered_top {border:none; margin-top:0; text-align: right; background-color:#eee; border-top:1px solid #ddd;}

.hasDatepicker {padding:5px; border-radius:4px; background:#fff; border:1px solid #ddd; height:30px; width:120px; margin-left:10px; text-align:center; font-size:0.888888em;}

/* 모달 달력 */
.ui-datepicker-trigger {width:24px; height:24px; display:inline-block; opacity:.9; margin:0 10px 0 5px; cursor: pointer;}
.ui-datepicker {background-color:#fff; padding:5px; z-index:8; border-radius:10px; text-align:center; box-shadow:0 1px 5px rgba(0,0,0,0.3); border:1px solid rgba(0,0,0,0.2); display:none;}
.ui-datepicker .ui-datepicker-header {position:relative; margin-bottom:5px; padding:5px; border-radius:5px;;}
.ui-datepicker-title {display:flex; justify-content:center; align-items: center; color:#222; font-weight:500; padding-right:25px;}
.ui-datepicker-title select {width:calc(50% - 45px); text-align:center; border:1px solid #ddd; padding:5px; border-radius:5px; margin-right:4px; font-weight:500;}
.ui-datepicker-title select option {text-align:center;}
.ui-datepicker-title .ui-datepicker-month {width:calc(50% - 70px); margin-left:15px; margin-right:0;}
.ui-datepicker-title::after {content:'월'; display:inline-block; position:absolute; right:48px;}
.ui-datepicker-calendar {width:100%; text-align:center; color:#666;}
.ui-datepicker-calendar th {font-weight:400; color:#666; padding:5px; width:40px; height:40px; vertical-align:middle;}
.ui-datepicker-calendar td {padding:5px; width:40px; height:40px; vertical-align:middle; }
.ui-datepicker-calendar td a {padding:6px 0; display:inline-block; width:30px; height:30px; line-height:1em;}
.ui-datepicker-calendar td a:hover {text-decoration:none; background:#eee; border-radius:100%; color:#222;}
.ui-datepicker .ui-datepicker-prev span {display:inline-block; position:absolute; left:0; top:6px; font-size:0; width:28px; height:28px; background:#eee url('https://img.etnews.com/2024/etnews/images/gt_medium.svg') no-repeat center center; background-size:10px; border-radius:100%; padding:5px; transform: rotate(180deg);}
.ui-datepicker .ui-datepicker-next span {display:inline-block; position:absolute; right:0; top:6px; font-size:0; width:28px; height:28px; background:#eee url('https://img.etnews.com/2024/etnews/images/gt_medium.svg') no-repeat center center; background-size:10px; border-radius:100%; padding:5px; margin-right:0;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:.3; }
.ui-state-default {color:#222;}
.ui-state-disabled:hover, .ui-widget-content .ui-state-disabled:hover, .ui-widget-header .ui-state-disabled:hover {background:none;}

.ui-datepicker-calendar .ui-datepicker-today a {background:#ddd; color:#222; border-radius:100%; font-weight:500;}
.ui-datepicker-calendar .ui-datepicker-today a:hover {background:#ddd; color:#222; font-weight:500; outline:2px solid #ddd;}
.ui-datepicker-calendar .ui-datepicker-current-day a {background:#d91b5c; color:#fff; border-radius:100%; font-weight:500;}
.ui-datepicker-calendar .ui-datepicker-current-day a:hover {background:#d91b5c; color:#fff; font-weight:500; outline:2px solid #d91b5c;}

.ui-datepicker-buttonpane {position:relative;}
.ui-datepicker-buttonpane .ui-datepicker-current {font-size:0.888888em; border:1px solid #ddd; color:#444; background:#eee; padding:5px 10px; border-radius:4px;}
.ui-datepicker-buttonpane .ui-datepicker-close {position:absolute; right:5px; bottom:5px;font-size:0; line-height:0; display:inline-block; width:18px; height:18px; background:url('https://img.etnews.com/2024/etnews/images/remove_thin.svg') no-repeat; opacity: .6;}

.list_search {width:100%;}
.list_search .news_list li:last-child {border-bottom:none;}
.list_search .list_search_tit {position:relative; margin-bottom:20px;}
.list_search .list_search_tit span {font-weight:300; display:inline-block; margin-left:5px;}
.list_search_sortbtn {position:absolute; right:0;}
.list_search_sortbtn a {margin-left:8px;  position:relative; padding-left:18px;  font-size:0.888888em; color:#444;}
.list_search_sortbtn a.on {color:#d91b5c;}
.list_search_sortbtn a.on::before {position:absolute; left:0; top:0; content:''; display:inline-block; background:url('https://img.etnews.com/2024/etnews/images/check.svg'); width:18px; height:18px;}

.more_searchview {margin:0 0 60px;}
.more_searchview a {display:block;  padding:14px; text-align:center; font-weight:500; border:1px solid #ddd; border-radius:5px; line-height:1em; font-size:0.888888em; color:#444;}
.more_searchview a::after {content:''; display:inline-block; width:8px; height:13px; background:url('https://img.etnews.com/2024/etnews/images/gt_regular.svg') no-repeat center center; margin-left:5px; opacity:.8;}
.more_searchview a:hover {text-decoration:none; background:#eee; color:#222;}

.list_search .thumb_list {gap:20px;}
.list_search .thumb_list li {width:240px; margin-bottom:20px;}
.list_search .thumb_list figure a {width:240px; height:148px;}

/* RSS페이지 */
.rss > div {width:100%; margin-bottom:40px;}
.rss > div:first-child img {width:100%; }
.rss > div:nth-child(2) {width: 100%; background-color: #f8f8f8; border: 1px solid #ddd; border-top:1px solid #222; padding:20px; word-break: keep-all;}
.rss > div:nth-child(2) .rss_ico01 {font-weight:600; font-size:1em; display:block; padding-left:20px; background:url('https://img.etnews.com/2022/etnews/images/ico_rss.png') no-repeat left 5px; }
.rss > div:nth-child(2) p {font-size: 0.89em; margin-bottom:5px;}


.rss div.list_box { width:100%; margin:20px 0; padding:10px 0; border-top:1px solid #00a0e9; border-bottom:1px solid #00a0e9; }
.rss ul.rss_list { margin:0 auto; padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:10px; }
.rss ul.last { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.rss ul.rss_list li { padding:8px;}
.rss ul.rss_list li:hover {background-color:#eee; }
.rss ul.rss_list li span.rss_list_title01 { display:inline-block; width:220px; font-weight:bold; color:#333; }
.rss ul.rss_list li span.rss_list_title02 { display:inline-block; width:220px; }
.rss ul.rss_list:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* 사이트맵_뉴스 */
.sitemap_news .tit {margin-bottom:0; justify-content:start;}
.sitemap_news .tit h3 {margin-right:20px;}
.sitemap_news .tit a::before {content:'>'; font-weight:100; margin:0 5px; display:inline-block; opacity:.5;}
.sitemap_news .tit a:first-child::before {display:none;}
.sitemap_news .datebox {background-color: #eee; padding:20px; display:flex; flex-wrap: wrap; margin-bottom:40px;}
.sitemap_news .datebox span {display:inline-block; min-width:8.333333%; padding:5px 0; text-align:center;}
.sitemap_news .datebox span a {padding:5px; line-height:1em;}
.sitemap_news .news_list strong {margin:0;}
.sitemap_news .news_list {border-top:1px solid #222;}
.sitemap_news .news_list li {padding:18px 0;}

/* h3 우측링크*/
.tit {position:relative;}
.link_h3 {padding: 5px 14px; border-radius: 50px; border:1px solid rgba(0,0,0,0.1); position:absolute; right:0; top:0;}
.link_h3 img {display:block; height:20px; }
.link_onestudio {background: #00aaff; }
.link_onestudio:hover {background: linear-gradient(to bottom right ,#00aaff, #007fff)}