@charset "UTF-8";
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:18px; letter-spacing:-0.02em; font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; color:#222;}
body,th,td,input,select,textarea,button {*font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer; *overflow:visible;}
img {vertical-align:middle;}

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.wrap {width:100%; max-width:840px; margin:0 auto; padding:0 20px;}
.more_gt {font-weight:300;}
.flex {display:flex; justify-content: space-between;}
.more_gt {font-weight:300;}
.off {display:none;}
.list_wrap .off {display:none;}
.graybox {background-color:#eee;}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }


/* 단독속보 등의 포인트컬러 */
.label_excl {color:#d91b5c; margin-right:5px; display:inline-block; }
a:hover .label_excl {text-decoration:none;}
.label_quick {color:#1A4ED9; margin-right:5px; display:inline-block;}
a:hover .label_quick:hover {text-decoration:none;}
h2 .label_excl, h2 .label_quick {margin-right:8px;}


.slider .slick-dots {text-align:center;}
.slider .slick-dots li {position:relative; display:inline-block; width:11px; height:11px; margin:0 5px; padding: 0; cursor: pointer;}
.slider .slick-dots li button {font-size:0; line-height: 0; display: block; width:11px; height:11px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border-radius:15px;}
.slider .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slider .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slider .slick-dots li button:before { position: absolute; top: 0; left: 0; width:11px;  height:11px; content: ''; opacity:1; background-color:#bbb; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; border-radius:100%; outline:1px solid rgba(0,0,0,0.4);}
.slider .slick-dots li.slick-active button:before { background-color:#d91b5c; width:11px; height:11px; outline:1px solid rgba(0,0,0,0.4);}

/*헤더*/
header {width:100%; background:#111; color:#fff; transition: 3s ease-out; z-index:99;}
header .nav_head {height:60px;}
header .nav_head .wrap {display:flex; justify-content:space-between; padding:10px 20px; align-items:center;}
header .logo a {display:block;}
header .logo img {height:32px; display:block;}
header .user {width:40px; height:40px; padding:7px;}
header .fullmenu {width:40px; height:40px; padding:2px;}
header .fullmenu img {filter:invert(100%) sepia(1%) saturate(7433%) hue-rotate(188deg) brightness(100%) contrast(112%);}
header nav {border-top:1px solid #000; height:47px;}
header nav .wrap {padding:0; height:46px; overflow-y: hidden;}
header nav .nav {width:100%;}
header nav .nav li a {display:inline-block; padding:12px 20px; white-space: nowrap;}
header nav .slider {display:none; max-width:840px; width:100%;}
header nav span::before {content: '|'; color: #ddd; font-weight: 100;  margin: 0 20px;}
header nav span:first-child::before {display:none;}
header nav span a {display:inline-block; padding:5px;}
.sticky_top {left: 0; position: fixed; right: 0; top:0; left:0; height:60px;}
.sticky_top nav {display:none;}
.sticky_top + main {padding-top:100px;}
.sticky_top .logo_scroll {display:block;}
.sticky_top .logo_scroll img {display:block; height:28px;}
header nav .wrap {overflow-x: scroll; overflow-y:none;}
header nav .wrap { -ms-overflow-style: none; scrollbar-width: none; }
header nav .wrap::-webkit-scrollbar {display:none; }

/* 메인공통 */
main {padding-top:40px;}
main section {margin-bottom:40px;}
section h3 {padding: 20px 0; border-top: 1px solid #222;}
strong {word-break: break-all; }
.summary {font-size:0.888888em; color:#777; font-weight:400; line-height:1.4em;  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
.btn_important {display:block; font-weight:500; padding:20px; border-radius:8px; background-color: #d91b5c; color:#fff; text-align: center;}
.btn_important:hover {text-decoration:none; background-color: #b5184f;}

figure a, figure span {display:block; position:relative; width:100%; height:0%; padding-bottom:56%; overflow: hidden; border-radius:0.5em; }
figure a:before, figure span: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:0.5em;}
figure img {width: 100%; height: 100%; object-fit: cover; position: absolute;}

.text strong {font-size:1.111111em;}

.aside_wrap aside {margin-bottom:40px;}
.aside_wrap aside h3 {line-height:1em; border-top:1px solid #222; padding:20px 0;}

/*9등급*/
.lank9 .wrap {width:100%;}
.lank9 .flex {position: relative;}
.lank9 .slider {border-radius: 0.5em; overflow: hidden;}
.lank9 .slick-slide {margin:0 10px;}
.lank9 .slick-list {margin:0 -10px;}
.lank9 figure {position:relative; width:100%; height:0; padding-bottom:56%;}
.lank9 figure a::before {background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,1) 100%); border:none;}
.lank9 figure a::after {content:''; position:absolute; left:0; right:0; top:0; bottom:0;border:1px solid rgba(0,0,0,0.1); border-radius:0.5em;}
.lank9 .text {position:absolute; z-index:2; left:0; right:0; bottom:0; padding:20px;}
.lank9 .text strong {color:#fff; font-size:1.444444em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-shadow:0 0 2px rgb(0, 0, 0, 1);}
.lank9 .slider .slick-dots {position:absolute; right:15px; top:5px;}


/* 자동차뉴스 */
.carnews_wrap .tabmenu {position:relative; height:1072px;}
.carnews_wrap .tabmenu input {display:none;}
.carnews_wrap .tabmenu > ul > li {display:inline-block;}
.carnews_wrap .tabmenu > ul > li::before {content:'|'; color:#ddd; font-weight:100; margin:0 5px;}
.carnews_wrap .tabmenu > ul > li:first-child::before {display:none;}
.carnews_wrap .tabmenu label {line-height:1em; letter-spacing:-0.05em; color:#444; font-weight:400; cursor:pointer;}
.carnews_wrap .tabmenu input:checked ~ label{ color:#000; font-weight:700; color:#222; text-decoration:underline;}
.carnews_wrap .tabmenu input:checked ~ .tab_con{ display:block;}
.carnews_wrap .tab_con { display:none; text-align:left; position:absolute; left:0; right:0; top:40px; box-sizing: border-box; background:#fff;}
.carnews_wrap .tab_con .thumb_text_list li {display: flex; gap:20px; align-items: center; margin-bottom:20px; }
.carnews_wrap .tabmenu .btn_more {position:absolute; right:20px; top:-35px; font-size:0.7777777777777778em; color:#777;}
.carnews_wrap .textthumb li:first-child {border-top:1px solid #222;}

/* 7등급외기사들*/
.textthumb ul {border-top:1px solid #222; }
.textthumb h3 + ul {border-top:none;}
.textthumb li {width:100%; display:flex; column-gap:20px; border-top:1px solid #eee; padding:20px 0; align-items:center;}
.textthumb li:last-child {padding-bottom:0;}
.textthumb .text {width:100%;}
.textthumb .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.textthumb figure a {width:240px; height:134px;}
.text .label {display:block; color:#d91b5c; font-size:0.833333em; margin-bottom:5px;}

.more {width:100%; background-color:#eee; border:1px solid #ddd; border-radius:5px; text-align:center; font-size:0.888888em; padding:14px; line-height:1em;}
.more:hover {background-color:#ddd;}
.more + ul {border-top:none;}
.more i img {transform: rotate(90deg); width:8px; margin-top: -4px; margin-left:5px;}

/* 많이본기사 */
.topnews .wrap { background-color:#f7f7f7; max-width:800px; border:1px solid #eee; padding:0 20px 10px;}
.topnews h3 {align-items:end; border-top:none; border-bottom:1px solid #222;}
.topnews ol {list-style:none;}
.topnews ol li {display:flex; padding:14px 0; justify-content:space-between; border-top:1px solid #eee; border-bottom:none; letter-spacing:-0.05em;}
.topnews ol i {font-weight:300;  color: #777; width:25px; }
.topnews ol a {width:calc(100% - 30px); display:block; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.topnews_thumb i {font-weight:300;  color: #777; width:25px; }
.topnews_thumb li {column-gap:15px;}

.aside_wrap .topnews h3 {border-top:none;}

/* 브랜드 뉴스 */
.brandnews h3 {border-top:1px solid #222;}
.brandnews .slick-slide a {padding:0 10px; display:block;}
.brandnews .slick-slide a:hover figure {border:1px solid rgba(0,0,0,0.3);}
.brandnews figure {height:65px; border-radius:0.4em; border:1px solid rgba(0,0,0,0.1); padding:10px; text-align:center; box-sizing:border-box;}
.brandnews figure img {width:auto; height:100%; display:inline-block; position:unset; object-fit:unset; max-width:100%;}
.brandnews .slick-slider figure figcaption {display:none;}
.brandnews .slick-arrow {font-size:0; content:''; width:16px; height:25px; position:absolute; display:inline-block; top:50%; transform:translateY(-50%); z-index:9; background:url('https://img.rpm9.com/2024/etnews/images/gt_thin.svg') no-repeat center center; opacity:.6; background-size:20px; }
.brandnews .slick-prev {left:-20px;  transform:translateY(-50%) rotate(180deg);}
.brandnews .slick-next {right:-20px; }
.brandnews .slick-arrow:hover {opacity:1;}

.aside_wrap .brandnews .wrap {padding:0;}

/* 오피니언인터뷰*/
.opinion {background:#222;  padding-bottom:20px;}
.opinion h3 {color:#fff;}
.opinion .thumb2_list figure a {border-radius:0.4em 0.4em 0 0;}
.opinion .thumb2_list .text {padding:15px;}

/*2열섬네일*/
.thumb2_list {gap:25px 20px; flex-wrap: wrap;}
.thumb2_list li {width:calc(50% - 10px); background-color:#fff; border-radius: 0.5em;}
.thumb2_list figure a {border-radius:0.5em;}
.thumb2_list .text {padding:10px 0 0;}
.thumb2_list .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}

/* 포토 */
.photo h3 {border-top:2px solid #d91b5c; color:#d91b5c;}
.photo .flex {flex-wrap: wrap; row-gap:20px;}
.photo li {flex: 0 0 100%;}
.photo .text {margin:10px 0;}

/* 회색박스 */
.btn_graybox {background-color:#eee; padding:20px 0; margin:40px 0;}
.btn_graybox > .flex {gap:10px; flex-wrap:wrap;}
.btn_graybox a {width:100%; background:#6287A2; color:#fff; border-radius:8px; padding:18px 9px; text-align:center; flex:1 1 30%;}
.btn_graybox a:hover {text-decoration:none; background:#4d6e85;}

/* 채널구독버튼 */
.btn_channel_wrap {margin-bottom:40px; width:100%; gap:10px;}
.btn_channel_wrap a {display:block; border:1px solid #ddd; width:100%; padding:18px 5px; text-align:center; border-radius:8px; line-height:1em;}
.btn_channel_wrap a img {display:inline-block; max-height:20px; width:100%; max-width:243px;}
.btn_channel_wrap a:hover {background-color:#fafafa;}

/* 포토슬라이드 */
.photo_slider .slider figure {width:100%; height:0; padding-bottom:56%; display: flex; justify-content: center; overflow: hidden; position: relative; border-radius:5px;}
.photo_slider .slider .text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis; margin:10px 0;}
.photo_slider .flex {column-gap:10px;}
.photo_slider .flex a {display:inline-block; width:calc(50% - 10px);}
.photo_slider .slick-slide {margin:0 10px;}
.photo_slider .slick-list {margin:0 -10px;}
.photo_slider .slick-arrow {font-size:0; content:''; width:16px; height:25px; position:absolute; display:inline-block; top:50%; transform:translateY(-45px); z-index:9; background:url('https://img.rpm9.com/2024/etnews/images/gt_thin.svg') no-repeat center center; background-size:20px; filter:invert(100%) sepia(1%) saturate(7433%) hue-rotate(188deg) brightness(100%) contrast(112%) drop-shadow(1px 0 2px rgba(0, 0, 0, .8));}
.photo_slider .slick-prev {left:8px;  transform:translateY(-45px) rotate(180deg);}
.photo_slider .slick-next {right:8px; }
.photo_slider .slick-next::after {background:url('https://img.rpm9.com/2024/etnews/images/gt_thin.svg') no-repeat center center; filter: drop-shadow();}


/* 유닛 */
.unit h3 {color:#d91b5c; font-size:0.833333em; margin-bottom:5px; padding:0; border:none;}
.unit .text strong {-webkit-line-clamp:2; font-weight:500;}
.unit ul {margin-bottom:20px;}
.unit li a {width: 100%; display: flex; column-gap: 20px; align-items: center;}
.unit li a:hover {text-decoration:none;}
.unit li a:hover strong {text-decoration: underline;}
.unit .text {width:calc(100% - 260px);}
.unit figure {display: block; width: 240px; height: 134px; position: relative; overflow: hidden; border-radius: 8px;}
.unit 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;}
.unit .btn_wrap a {display:block; background-color:#eee; border:1px solid #ddd; border-radius:5px; text-align:center; font-size:0.888888em; padding:14px; line-height:1em;}
.unit .btn_wrap a:hover {text-decoration:none; background:#ddd;}


/* 푸터 */
footer {margin-top:60px; border-top:1px solid #ddd;}
footer > .wrap {padding-top:20px;}
footer .wrap + .nav_footer {border-top:1px solid #ddd; margin-top:30px;}
footer .nav_footer {background:#f8f8f8;  padding:20px 0; }
footer .nav_footer .policy {font-size:0.833em; color:#666;}
footer .span_wrap span::after {content:'|'; color:#ddd; font-weight:100; margin:0 8px;}
footer .span_wrap span {display:inline-block;}
footer .span_wrap span a {display:inline-block;}
footer .span_wrap span:last-child::after {display:none;}
footer .span_wrap + .span_wrap {margin:5px 0;}
footer .company_info {background:#f8f8f8; padding:30px 0; font-size:0.833em; font-weight:300; border-top:1px solid #ddd;}
footer .company_info .title {margin-bottom:5px;}
footer .company_info .title > * {font-weight:400; color:#444;}
.copyright {color:#222;}

footer .fullmenu { display:flex; justify-content: space-between; max-width:1140px; padding:20px; width:100%; margin:0 auto; color:#666; font-weight:400; column-gap:40px;}
footer .fullmenu ul {display:block; padding:0; margin:0; border:0;}
footer .fullmenu li {width:100%;}

footer .go_top {display:none; width:44px; height:44px; border-radius:100%; position: fixed; z-index:2; bottom:50px; right:50px; cursor: pointer; border:1px solid rgba(0,0,0,0.15); background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
footer .go_top img {transform: rotate(-90deg); width:12px; opacity:.6; margin-top:-4px;}
footer .go_top:hover {border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
footer .go_top:hover img {opacity:.9;}

/*사이드 바 */
.sidebar { display:none; right:0; z-index:99; position:fixed; top: 0; max-width:320px; height:100%; width:100%; overflow-y: scroll; background-color: #fff; transition: all 0.35s;}
.sidebar.active { display: block;}
.slidebar_header {padding:15px; align-items:center; border-bottom:1px solid #000; height:60px; background-color:#111;}
.slidebar_header .logo img {height: 32px; display: inline-block;}
.slidebar_header .closebtn {width:22px; height:22px; cursor:pointer;}
.slidebar_header .closebtn img {width:100%; height:auto; filter: invert(99%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(103%) contrast(105%);}
.sidebar .search_wrap {padding:0 15px;}
.sidebar .search_wrap form {margin-top:20px; border-bottom: 1px solid #222;}
.sidebar .search_wrap input {padding: 5px;  width: calc(100% - 30px);  vertical-align: middle; }
.sidebar .search_wrap input::placeholder {font-weight: bold; color: #212121;}
.sidebar .search_wrap button { width:25px; height:25px; display:inline-block; background: url("https://img.etnews.com/2024/etnews/images/search.svg") no-repeat center center; background-size:25px 25px; outline: 0; line-height:0; cursor: pointer; vertical-align:middle;}
.sidebar_background { -webkit-font-smoothing: antialiased; color: #000; padding: 0; box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 20; display: none;}
.sidebar .fullmenu {width:100%; height:auto; padding:15px;}
.sidebar .fullmenu ul {display:flex; flex-wrap:wrap; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.sidebar .fullmenu ul:last-child {border-bottom:none; margin-bottom:0;}
.sidebar .fullmenu li {width:50%;}
.sidebar .fullmenu li.title {font-weight:700; font-size:1em; color:#d91b5c; width:100% !important; padding:5px; margin-bottom:4px;}
.sidebar .fullmenu li.title a {padding:0; font-size:1em; color:#d91b5c;}
.sidebar .fullmenu li a {display:inline-block; padding:5px; font-size:0.8888888em; color:#444;}
.sidebar .fullmenu li:nth-child(even) {width:55%;}
.sidebar .fullmenu li:nth-child(odd) {width:45%;}


/* 리스트 */
.col_left {width:100%; margin-bottom:50px;}
.col_left .tit {width:100%; display: flex; justify-content: space-between; align-items: end; border-bottom: 1px solid #222; padding-bottom: 20px; margin-bottom: 30px;}
.col_left .tit h3 {font-size:1.333333em;}
.col_left .tit .span_wrap {font-size:0.888888em; color:#444;}
.col_left .tit .span_wrap span::before {content: '|'; color: #ddd; font-weight: 100; margin: 0 10px;}
.col_left .tit .span_wrap span:first-child::before {display:none;}
.col_left .tit .span_wrap .on a {color:#222; font-weight: 500; text-decoration: underline;}
.col_left .tit .category {overflow-x: scroll; scrollbar-width:none;}
.col_left .tit .category ul {width:100%; min-width:600px; margin-top:20px;}
.col_left .tit .category a {display: inline-block;  white-space: nowrap;}

.news_list li {display:flex; justify-content:space-between; column-gap:20px; padding:20px 0; border-bottom:1px solid #eee; align-items: center;}
.news_list li:first-child {padding-top:0;}
.news_list figure a {width:240px; height:134px;}
.news_list strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.news_list strong + .flex {margin-top:4px;}
.news_list .text {width:100%;}

.text .date {font-size:0.777777em; font-weight: 300; color: #777;}
.news_list .textthumb .acc_nav_btn button {line-height:1em;}
.news_list .acc_nav_btn img {width:20px; opacity:.4;}

.news_list .textthumb li .topnews {width:100%; margin-top:-21px; border-top:1px solid #fff;}
.news_list .textthumb li .topnews .wrap {padding:20px 0 0;}
.news_list .topnews h3 {border-top:1px solid #222;}
.news_list .topnews ol a {width:calc(100% - 55px); margin-right:5px;}

.news_list .label {font-size:0.833333em; font-weight:500; color: #d91b5c; display: block; margin-bottom:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; text-overflow: ellipsis; }
.news_list .label::before { content:''; width:4px; height:14px; display:inline-block; background-color:#d91b5c; border-radius:1px; margin-right:5px; margin-top:-2px; vertical-align:middle; }

.news_more .wrap {padding:0; margin-top:-1px;}

.thumb ul {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:start; align-content: flex-start;}
.thumb li {width:calc(50% - 20px); display:flex; flex-direction: column-reverse; padding-bottom:20px; margin-bottom:20px; }
.thumb strong {display:block; margin:10px 0;}
.thumb .text .flex {align-items: end; }

/* 스낵바 */
#snackbar {display:none; min-width:250px; max-width:400px; transform: translate(-50%, 0); background: rgba(0,0,0,0.9); color: #fff; text-align:center; border-radius:8px; padding:20px; word-break:break-all; position: fixed; z-index:9; left:50%; top:40%; font-size:1em; box-shadow:0 1px 5px rgba(0,0,0,.4); opacity:1;}
#snackbar.show { display: inline-block;}

.guide {margin:40px 0; text-align:center; font-weight:700; font-size:1.25em; word-break: keep-all;}


/* 뷰페이지 */
.progress-container {width: 100%; background-color:#fff; height:0;}
.progress-bar {width: 0%; background-color:#d91b5c; height:2px; transition: width 0.5s ease;}

.article_header {border-bottom:1px solid #ddd; margin-bottom:30px;}
.article_header .breadcrumb {color:#444; font-size:0.89em; font-weight:300; margin-bottom:15px;}
.article_header .breadcrumb a::before {content:''; margin:0 5px; background:url('https://img.etnews.com/2024/etnews/images/gt_light.svg') no-repeat; display:inline-block; width:8px; height:12px; opacity:.5;}
.article_header .breadcrumb a:hover {text-decoration:none;}
.article_header .breadcrumb a:first-child::before {display:none; }
.article_header .breadcrumb a:last-child {color:#222; font-weight:500;}

.article_header h2 {font-size:2em; font-weight:900; letter-spacing:-0.02em; margin-bottom:20px;}
.article_header .timewrap {font-weight:400; width:100%; display:flex; justify-content: space-between; align-items:center; margin-bottom:10px;}
.article_header .timewrap .time {font-size:0.83em; color:#777; }
.article_header .timewrap time {margin:2px 10px 2px 0; display:inline-block;}
.article_header .timewrap time a > span::before { content:''; display:inline-block; width:15px; height:15px; margin:0 5px 0 10px; background: url('https://img.etnews.com/2024/etnews/images/icon_pdf.png') no-repeat center center; background-size:15px; vertical-align: middle;}

header.sticky_top + main .acc_nav {display:block; position:fixed; left:50%; top:10px; z-index:100; max-width:400px; width:100%; text-align: right; background:linear-gradient(to right, rgba(17,17,17,0) 0%, rgba(17,17,17,0) 50%, rgba(17,17,17,1) 55%, rgba(17,17,17,1) 100%);}
.article_header .acc_nav {position:relative; display:none;}
.article_header .acc_nav .acc_nav_btn {cursor:pointer; display:inline-block; padding:10px; line-height:1em;}
.article_header .acc_nav .acc_nav_btn > * {line-height:1em;}
.article_header .acc_nav img {width:20px; opacity:1; display:inline-block; filter:invert(100%) sepia(1%) saturate(7433%) hue-rotate(188deg) brightness(100%) contrast(112%);}
.article_header .acc_nav .bookmark {position:relative; display:inline-block; }
.article_header .acc_nav .bookmark::after {content:url('https://img.etnews.com/2024/etnews/images/bookmark_on.svg'); display:inline-block; width:20px; height:20px; left:0; top:0; position:absolute;}
.article_header .dropdown {display:none; position:absolute; right:0; top:40px; padding:15px 10px 10px; border:1px solid #ddd; background-color: #fff;  box-shadow: 0 5px 10px rgba(0,0,0,0.5);  z-index:2; justify-content: space-between; width:320px; text-align:center; border-radius:0.5em;}
.article_header .dropdown strong {font-weight:500; color:#222; font-size:1em; display:block; margin-bottom:2px;}
.article_header .dropdown a {display:inline-block;  font-size:0.83em; color:#444; margin:6px;}
.article_header .dropdown a:hover {text-decoration: none;}
.article_header .dropdown a span {display:inline-block; width:45px; height:45px; padding:12px; border-radius:50px; border:1px solid #aaa; margin-bottom:5px;}
.article_header .dropdown img {filter:none;}
.article_header .btn_ga + .dropdown {width:240px;}
.article_header .btn_ga + .dropdown span {line-height:1em; font-weight:400;}
.article_header .dropdown .fs_small span {padding:14px 0; font-size:14px;}
.article_header .dropdown .fs_default span {padding:12px 0; font-size:18px;}
.article_header .dropdown .fs_big span {padding:10px 0; font-size:22px;}
.article_header .show {display:block;}

.dropdown .dropdown_close {position:absolute; right:18px; top:18px; width:15px; height:15px; display:inline-block;}
.dropdown .dropdown_close img {width:100%; height:100%; vertical-align:top; opacity:.5;}

article h3 {max-width:840px; padding-left:20px; position:relative; word-break:keep-all; margin-bottom:40px; line-height:1.6em; text-align:left; letter-spacing:0;border-left:5px solid #222; }

.article_body {line-height:1.7em;}
.article_body p {margin-bottom:40px; word-break: break-all;}


article .related_wrap {padding:20px 20px 30px; background:#eee; border-top:1px solid #444; margin-bottom:40px;}
article .related_wrap h3 {margin:0 0 5px; border:0; padding:0;}
article .related_wrap .related li::before { content: '';display: inline-block; width:6px; height:6px;	position: absolute;	left: 0;	top: 4px;	border-left: 2px solid #444;	border-bottom: 2px solid #444;}
article .related_wrap .related li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; font-weight:400; line-height:1.1em; position: relative; padding-left: 12px;}

.article_image {text-align:center; margin:0 auto 40px; }
.article_image a {display:inline-block; width:auto; height:auto; border-radius:0.5em; padding:0;}
.article_image a::before {display:none;}
.article_image figcaption {margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em; max-width:700px;}
.article_image img {width:auto; height:auto; max-width:100%; position:inherit;}

.attach {float:right; clear:both; letter-spacing:-0.2px; margin:5px 0 20px 30px; min-width:250px; max-width:350px; border:1px solid #ddd; padding:20px 20px 20px 15px; box-shadow:0 2px 2px rgba(0,0,0,0.05); box-sizing:border-box; border-radius:2px;}
.attach strong {display:block; margin-bottom:5px;}
.attach strong i {margin-right:4px;}
.attach strong i img {width:16px; height:16px; margin-top:-2px;}
.attach > a {display:block; font-size:0.833333em; color:#666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:1.6em; position:relative; padding-left:10px; }
.attach > a::before {content:'-'; position:absolute; left:0; margin-right:5px; color:#ddd; font-weight:bold; font-weight:100; }

.hashtag {margin-bottom:40px;}
.hashtag a {display:inline-block; padding:12px 12px 12px 10px; font-size:0.888888em; line-height:1em; border:1px solid #ddd; margin-right:8px; margin-bottom:8px; border-radius:8px;}
.hashtag a::before {content:'#'; margin-right:5px; font-weight:100;}
.hashtag a:hover {text-decoration:none; background-color:#eee;}
.hashtag::after {content:''; display:block; clear:both;}

.reporter_info {border-top:1px solid #777; margin-bottom:40px;}
.reporter_info li {display:flex; width:100%; column-gap:20px; align-items: center; margin-top:10px; border:1px solid #ddd; border-radius:2px; padding:20px;}
.reporter_info li:first-child {margin-top:0;}
.reporter_info figure {width:60px; height:60px; border-radius:100%; overflow:hidden; display: flex; justify-content: center; align-items:center; position:relative;}
.reporter_info figure img {width:100%; height:auto;}
.reporter_info figure::before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; border-radius:100%;}
.reporter_info .text {width: calc(100% - 100px);}
.reporter_info .text  strong {font-weight:500;}
.reporter_info .text  strong a {font-weight:400; font-size:0.83em; color:#666; display:inline-block; margin-left:8px;}
.reporter_info .text  strong .more_gt img {height:10px; margin-top:-3px; margin-left:2px; opacity:.7;}
.reporter_info .text .related {margin-top:6px; font-weight:400; line-height:1.1em; position: relative; padding-left:10px; color:#444; font-size:0.888888em; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reporter_info .text .related::before { content:'-'; display: inline-block; position:absolute; left:0;	top:0; color:#777;}

.newsroom .thumb::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;}
.section_title img[src$=".png"] {height:22px; vertical-align:bottom;}

.event .slider + .textthumb {margin-top:20px;}
.event .slider + .textthumb strong {-webkit-line-clamp:2;}

/*동영상*/
.video-container{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom:10px;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
.video-summury {font-size:0.95em; line-height:1.5em; width:90%; margin:15px auto 30px; text-align:center;     letter-spacing: -0.08em;}

/* 기자목록 */
.tit_reporter {width:100%; display:flex; column-gap: 20px; align-items: center; margin-bottom:30px; padding-bottom:30px; 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:auto;}
.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:18px; 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:80px; height:80px; border-radius:100%; overflow: hidden;}
.reporters figure a::before {border-radius:100%;}
.reporters figure img {width:100%; height:auto;}
.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;}

/* 에디터추가::230411 */
.article_body .article_image_right {margin:0 0 30px 30px; float:right; display:inline-block; width:auto; height:auto; max-width:660px;}
.article_body .article_image_right img {display:inline-block; cursor:pointer; width:auto; height:auto; max-width:100%;}
.article_body .article_image_right a {width:auto; height:auto; display:inherit;} 
.article_body .article_image_right .caption {max-width:250px; margin:auto; text-align:right; margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em;}
.article_body .article_image_left {margin:0 30px 30px 0; float:left; display:inline-block; width:auto; height:auto; max-width:660px;}
.article_body .article_image_left img {display:inline-block; cursor:pointer; width:auto; height:auto; max-width:100%;}
.article_body .article_image_left .caption {max-width:250px; margin:auto; text-align:left; margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em;}
.article_body .article_image_left a {width:auto; height:auto; display:inherit;}

.article_body .caption {font-size:.9em; color:#666; margin:20px auto 0; text-align:center; padding:0 20px;}
.article_body .editor_mid_tit {font-weight:500; padding:12px 0; border-top:3px solid #00a0e9; border-bottom:1px solid #ccc; line-height:1.7em; margin:0 0 40px;}
.article_body .video_summury {display:block; width:95%; font-size:0.9em; line-height:1.4em; letter-spacing:-0.04em; font-weight:400; text-align:center; margin:-10px auto 0; color:#666;}
.article_body .editor_openlink {border:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 2px 0 rgba(0,0,0,.05); margin:0 auto 40px;}
.article_body .editor_openlink a {display:flex;}
.article_body .editor_openlink figure {display:flex; flex-direction:column; justify-content:center; width:100px; height:100px; background:#eee;}
.article_body .editor_openlink figure img {max-width:100%; max-height:100%; position:relative;}
.article_body .editor_openlink .text { display: flex; width: calc(100% - 120px); height:100px; flex-direction: column; padding:15px 0; font-size:.9em; padding-left:20px; justify-content:center;}
.article_body .editor_openlink .text  p {margin-bottom:5px; line-height:1em; text-align:left; padding:0;}
.article_body .editor_openlink .text .title {font-weight:500; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px;}
.article_body .editor_openlink .text .caption {font-size:.9em; color:#444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0;}
.article_body .editor_openlink .text .link {font-size:.8em; color:#00a0e9; margin:0 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_body .editor_quotation {position:relative; color:#444; margin:40px auto; text-align:center; padding:50px 20px 60px;}
.article_body .editor_quotation blockquote {line-height:1.4em;}
.article_body .editor_quotation cite {font-size:.85em; font-family:inherit; color:#777; font-weight:200;}
.article_body .editor_quotation::before {content:"\00275D"; position:absolute; left:50%; top:5px; margin-left:-12px; line-height:1em; color:#aaa; font-size:50px;}
.article_body .editor_quotation::after {content:"\00275E"; position:absolute; left:50%; bottom:0; margin-left:-12px;  line-height:1em; color:#aaa; font-size:50px;}
.article_body .editor_line_solid {border:none; border-top:1px solid #222; margin:20px auto;}
.article_body .editor_line_dashed {border:none; border-top:2px dashed #222; margin:20px auto;}
.article_body .editor_line_dotted {border:none; border-top:2px dotted #222; margin:20px auto;}
.article_body .editor_line_double {border:none; height:4px; border-top:1px solid #222; border-bottom:1px solid #222; margin:20px auto;}
.article_body .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin-bottom:40px;}
.article_body .iframe-container iframe, .article_body .iframe-container object, .article_body .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.article_body .iframe-container + .caption {margin-top:-15px;}
.article_body .editor_sns {margin:0 auto 20px; text-align:center;}
.article_body .editor_textbox_gray {padding:25px; border:1px solid #ddd; background-color:#f5f5f5; margin:0 auto 40px;}
.article_body .editor_textbox_blue {padding:25px; border:1px solid #d3d9ff; background-color:#f3f4fd; margin:0 auto 40px;}
.article_body .editor_textbox_green {padding:25px; border:1px solid #d3ecc5; background-color:#f1f9ed; margin:0 auto 40px;}
.article_body .editor_textbox_yellow {padding:25px; border:1px solid #fcf0c5; background-color:#fefaed; margin:0 auto 40px;}
.article_body .editor_textbox_red {padding:25px; border:1px solid #f8dfd8; background-color:#fdf5f3; margin:0 auto 40px;}
.article_body .editor_ul {padding-left:20px; margin:0 auto 40px;}
.article_body .editor_ul li {list-style: disc; line-height:1.4em; margin-bottom:5px;}
.article_body .editor_ol {padding-left:20px; margin:0 auto 40px;}
.article_body .editor_ol li {list-style: decimal; line-height:1.4em; margin-bottom:5px;}


/* 광고 */
.ad_thumbtext {margin:20px 0 40px; border:1px solid rgba(0,0,0,0.2); padding:20px;}
.ad_thumbtext a:hover {text-decoration:none;}
.ad_thumbtext .thumb {float:left; width:200px; height:140px; overflow:hidden; margin-right:20px; border:1px solid rgba(0,0,0,0.1);}
.ad_thumbtext .thumb img {width:100%; height:auto;}
.ad_thumbtext .text { letter-spacing:-0.02em; font-size:15px; padding:15px 0; color:#222;}
.ad_thumbtext .text strong {display:block; font-size:19px; margin-bottom:5px; word-break: keep-all; line-height:1.4em; font-weight:600; color:#000;}
.ad_thumbtext .text .more {color:cornflowerblue; margin-top:15px;}
.ad_thumbtext a:hover .more {text-decoration: underline; text-decoration-color:cornflowerblue;}
a[href*="empty.gif"] {display:none!important;}
.ad-200x200 {display:inline-block; width:200px; height:200px; float:right; margin:0 20px 10px 20px;}
.ad-fullwidth img {width:100%;}
.ad-fullwidth2 > iframe {width:auto!important; display:inherit!important; margin:0 auto!important;}
.ad-fullwidth2 > ins {display:inherit!important; margin:0 auto!important;}
.ad_view_640  {width:800px; height:120px; position: relative; overflow: hidden; margin:-10px auto 20px;}
.ad_view_640 iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0!important; text-align:center;}
.ad_view_640 iframe div {text-align:center; }
.ad-300x250 {background:#fff; padding:0; text-align:center;  margin:0 auto;}
.ad-300x250-2 {  margin:0 auto; margin-bottom:20px; text-align:center; }
.ad-300x250-2 #dcamp_ad_2192 {width:auto!important; display:inherit!important;}
.ad_view_life {padding:0; margin:0 0 10px; text-align:center;}
.ad-300x250 > p, .ad-300x250 > div {margin:0 auto;}
.ad_main {padding:0 5%; margin-top:40px; text-align:center;}
.ad_main > * {text-align:center;}
.ad_main_iframe {padding:0 5%;  text-align:center; overflow:hidden; max-width:900px;}
.ad_main_iframe > * {text-align:center;}
.ad_main_iframe iframe {margin-top:40px!important; text-align:center;}
.ad_300x250 {margin-top:40px; padding:0 5%; text-align:center; max-width:900px;}
.ad_300x250 > div {width:100%; height:0; padding-bottom:83%; overflow:hidden;}
.ad_300x250 iframe {margin:0 !important;}
.pd-lr20 {padding-left:20px!important; padding-right:20px!important;}
.ad_text_viewtop {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Dotum', 'Gulim', sans-serif; font-size:17px; font-weight:bold; color:#222; zoom:1; margin-bottom:20px;}
.ad_text_viewtop span img {display:inline-block; width:5px; height:5px; margin-right:5px; vertical-align: middle; transform:translateY(-2px);}
.ad_text_viewtop > * {vertical-align:middle; vertical-align: middle; float:left;}
.ad_text_viewtop iframe {z-index:1!important;}
.ad_text_viewtop::after {content:''; display:block; clear:both;}
.ad_text_viewtop > a {width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ad_text_viewtop + .pd-lr5p {margin:-20px 0 20px;}
.pd-lr5p {margin-bottom:20px;}
.ad_text {max-width:800px; height: auto; font-size: 0.95em; border-top:1px solid #222; margin:0 auto 40px;}
.ad_text li {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight:400; letter-spacing:-0.03em; padding:12px 0; border-bottom:1px solid #eee; }
.ad_300x250 {display:block; width:300px; height:250px; border:none; margin:0 auto 40px; background-color:#eee; padding:0;}
.ad_300x600 {display:block; width:300px; height:600px; border:none; margin:0 auto 40px; background-color:#eee; padding:0;}
.aside_wrap .ad_300x250 {border:none; padding:0;}
.aside_wrap .ad_300x600 {border:none; padding:0;}
.article-footer .ad-text {max-width:840px; width:100%; padding:0 20px; margin:0 auto 40px;}
.article-footer .ad-text li a {display: block; letter-spacing:-0.4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:5px 0;}
.textthumb li.article {text-align:center; display:block;}
.ad_300x100 {display:block; width:100%; max-width:800px; height:auto; min-height:100px; border:none; margin:0 auto 40px; background-color:#eee; padding:0;}

/* 이미지모달 */
#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; }
#myImg:hover {opacity: 0.7;}
.close {position:absolute; top:20px; right:20px; color: #fff; font-size:35px; transition: 0.3s; line-height:1em; padding:5px; border-radius:5px; display: inline-block; width:45px; height:45px; text-align:center; cursor:pointer; z-index:2; text-shadow:0 0 5px rgba(0,0,0,0.8);}
.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; background: rgba(0,0,0,0.4);}
.modal_caption {position: absolute; color: #fff; background: rgba(0, 0, 0, 0.5);  padding:15px; border-radius:5px; top:40px; left:50%; line-height:1.2em; transform:translateX(-50%); font-size:14px; text-align:center;}
.modal { display: none; position: fixed; z-index: 300; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
.modal-content { margin: auto; display: block; width: 100%; z-index:1;/* max-width: 700px;*/}
.modal-content, #caption { animation-name: zoom; animation-duration: 0.6s; }
.modal .img_wrap {display: flex; width: 100%; height: 100%; align-content:center;}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

#ContentsViewLoading {text-align:center; padding:10px;}
#ContentsViewLoading img {display:none;}
#ContentsViewLoading::after {content:''; display:inline-block; width:30px; padding: 8px; aspect-ratio: 1; border-radius: 50%; background: #d91b5c;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

/* 마이페이지 */
.mypage .mybox {padding:10px 20px; border:1px solid #ddd; margin-bottom:20px; border-radius:10px; box-shadow:0 2px 4px rgba(0,0,0,0.04);}
.mypage .mybox h4 {padding:20px 0;}
.mypage .mybox li {padding:20px 0; border-top:1px solid #eee; display:flex; justify-content: space-between; column-gap:20px;} 
.mypage .mybox strong {width:20%; font-weight:500; min-width:80px; }
.mypage .mybox p {width:80%; font-weight:300; color:#444; text-align:right; letter-spacing:0; word-break: break-all;}
.mypage a.mybox {align-items: center; padding:20px; font-weight:500;}
.mypage a.mybox:hover {text-decoration:none; box-shadow:inset 0 2px 4px rgba(0,0,0,0.04);}
.mypage .more_gt {display:inline-block; height:16px;}
.mypage .more_gt img {display:block; height:100%;}

.powered_top {max-width:840px; padding:0 20px; margin:0 auto;}
.powered_top a {display:block; background-color:#eee; padding:10px; text-align:center; color:#444;}
.powered_top a span {color:#ff6600; font-weight:500;}

/*상단공지*/
.sticky_top .top_notice {display:none;}
.top_notice {background-color:#222; color:#fff; font-size:0.888888em; line-height:1em; padding:10px; text-align:center;}
.top_notice a:hover {text-decoration:none;}
.top_notice p {display:inline-block; font-weight:500; margin:5px 0; word-break: keep-all; line-height:1.2em;}
.top_notice .btn_notice {background-color:#d91b5c; padding:5px 8px 5px 12px; border-radius:20px; display:inline-block; margin:0 8px;}
.top_notice .btn_notice i {display: inline-block; width: 12px; height: 12px; background: url('https://img.etnews.com/2024/etnews/images/gt_medium_white.svg') no-repeat;  opacity: .9; margin-left:5px;}

/*특집::8등급아래*/
.special_wrap {width:100%; margin-bottom:40px; }
.special_wrap h3 {width:100%; padding:0; border-top:none;}
.special_wrap h3 img {width:100%;}
.special_wrap li {display:flex; column-gap:20px; margin-top:20px; align-items:center;}
.special_wrap figure a {width:240px; height:140px;}
.special_wrap .text {width:100%;}
.special_wrap .text .summary {margin-top:10px;}

/* 사이트맵 뉴스 */
.list_wrap.sitemap_news .tit .flex {justify-content:start; margin-bottom:0;}
.list_wrap.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 {margin-bottom:30px;}
.sitemap_news .datebox .wrap {max-width:800px; background-color:#eee; padding:20px; display:flex; flex-wrap: wrap;}
.sitemap_news .datebox span {display:inline-block; min-width:8.333333%; padding:5px 0; text-align:center;}
.sitemap_news .datebox span a {padding:5px 0; line-height:1em;}
.sitemap_news .textthumb .wrap ul {border-top:1px solid #222;}
.sitemap_news .textthumb li:first-child {padding:20px 0 !important;}
.sitemap_news .fullmenu {padding:0; margin-bottom:-60px;}
.sitemap_news .fullmenu ul {width:100%; max-width:800px; margin:0 auto; padding:20px 20px 0; background-color:#f8f8f8;}
.sitemap_news .fullmenu li {width:25%;}
.sitemap_news .fullmenu li.title {width:100%; border-top:1px solid #ddd; padding-top:20px;}
.sitemap_news .fullmenu ul {padding-top:20px; border:none;}
.sitemap_news .fullmenu ul:first-child .title {border:none; padding-top:10px;}
.sitemap_news .fullmenu ul:last-child {padding-bottom:20px;}



@media screen and (max-width:840px) {
  main {padding-top:30px;}
  .text strong {font-size:1em;}
  
  .lank9 .wrap {display:block;}
  .lank9 .wrap > * {width:100%;}

  .col_left .tit {display:block; padding-bottom:10px;}
  .col_left .tit h3 {margin-bottom:10px;}
  .col_left .tit .span_wrap {overflow-x: scroll; overflow-y:none; -ms-overflow-style: none; scrollbar-width: none; width:100%; display:flex; justify-content:start; column-gap:20px;}
  .col_left .tit .span_wrap::-webkit-scrollbar {display:none; }
  .col_left .tit .span_wrap a {display: inline-block; padding:10px 0; white-space: nowrap; }
  .col_left .tit .span_wrap span::before {display:none;}

  .list_wrap .textthumb .text strong {-webkit-line-clamp:2;}

  article.wrap {padding-left:0; padding-right:0;}
  .article_header .timewrap {display:block;}
  .header_view.sticky_top .acc_nav {display:block;}
  
  article h3 {margin:0 20px 40px;}

  .tit_reporter {display:block; text-align:center;}
  .tit_reporter figure {margin:0 auto 20px;}
  .reporters li {width:100%; padding:20px;}

  .ad_view_640 {width:100%; height:0; padding-bottom:15%;}
  .ad_text_viewtop {padding:0 20px;}
  .pd-lr5p {padding:0 20px;}
  .ad_text_viewtop + .pd-lr5p {margin-bottom:10px;}

  .article_body .editor_mid_tit {margin-left:20px; margin-right:20px;}
  .article_body .editor_openlink {width:calc(100% - 40px);}
  .article_body .editor_ul, .article_body .editor_ol {width:calc(100% - 40px);}
  .article_body .editor_textbox_gray, .article_body .editor_textbox_blue, .article_body .editor_textbox_green, .article_body .editor_textbox_yellow, .article_body .editor_textbox_red {width:calc(100% - 40px);}
  .article_body .editor_line_solid, .article_body .editor_line_dashed, .article_body .editor_line_dotted, .article_body .editor_line_double {width:calc(100% - 40px);}

  .bookmark_delete_box {margin:0 auto 20px;}

  .sitemap_news .tit .flex  {margin-bottom:0;}
  .sitemap_news .datebox {margin:0 20px 20px;}
  .sitemap_news .datebox span {width:16.666666%; padding:10px 0;}
  .sitemap_news .fullmenu li {width:33%;}

  .brandnews .slick-prev {left:-10px;}
  .brandnews .slick-next {right:-10px;}
  header.sticky_top + main .acc_nav {right:20px; left:auto; background:#111; width:100px;}

}

@media screen and (max-width:600px) {
  body, th, td, input, select, textarea, button {font-size:16px;}

  header nav .nav {width:100%; min-width:600px;}
  header nav .slider {display:block;}
  .col_left .tit {margin-bottom:20px;}
  .col_left .tit .span_wrap {font-size:1em;}
  
  .lank9 .text strong {font-size:1.1764705882352942em;}
  .lank9 .text {padding:15px;}
  .lank9 figure, .lank9 figure a {padding-bottom:70%;}

  .textthumb figure a {width:135px; height:75px;}
  .news_list figure a {width:135px; height:75px;}
  
  .btn_channel_wrap {display:block;}
  .btn_channel_wrap a {margin-bottom:10px;}
  .shortform figure::before {width:40px; height:40px}
  .newsroom .thumb {width:135px; height:75px;}
  .article_body .ad_newsroom {width:calc(100% - 40px); margin:0 auto 40px;}
  .article_body .ad_newsroom .thumb a {width:135px; height:75px;}
  .article_body .ad_newsroom .text {width:calc(100% - 155px);}
  .article_body .ad_newsroom .text strong {-webkit-line-clamp:2; word-break:break-all;}
  .newsroom .text {width:calc(100% - 155px);}
  .unit figure {width:135px; height:75px;}
  .unit .text {width:calc(100% - 155px);}
  .thumb li {width:100%; border-bottom:1px solid #eee;}
  .article_header h2 {font-size:1.444444em;}

  .special_wrap figure a {width:135px; height:75px;}
  .special_wrap .text .summary {display:none;}

  .sitemap_news .tit .flex {display:block; margin-bottom:0;}
  .sitemap_news .tit h3 {margin:0 0 10px 0;}
  .sitemap_news .datebox span {width:25%;} 
  .sitemap_news .fullmenu li {width:50%;}

  .carnews_wrap .tabmenu {height:720px;}
  .opinion .thumb2_list .text {/*flex: 0 0 100%;*/ padding:15px 10px;}
  .photo figure a {padding-bottom:80%;}

  
}