@charset "UTF-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfcbdn.tvguho.vb%2Sfcbdn-una-fnaf%2Spff%2SFcbdnUnaFnafArb.pff');

* {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:.85; background-color:#bbb; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; border-radius:100%;}
.slider .slick-dots li.slick-active button:before { background-color:#444; width:11px; height:11px; outline:1px solid #444;}

/*헤더*/
header {border-bottom:2px solid #d91b5c; width:100%; background:#fff; transition: 3s ease-out; z-index:99;}
header .nav_head {height:60px;}
header .nav_head .wrap {display:flex; justify-content:space-between; padding:5px 20px 10px; align-items:center;}
header .logo img {height:32px; display:inline-block;}
header .user {width:40px; height:40px; padding:7px;}
header .fullmenu {width:40px; height:40px; padding:2px;}
header nav {border-top:1px solid #ddd; 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; }

header nav .nav a img {height:20px; width:auto; display:block; padding-top:2px;}
header nav .nav .outlink {height:46px;}

/* 메인공통 */
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:8px; }
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:8px;}
figure img {width: 100%; height: 100%; object-fit: cover; position: absolute;}

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

h3 {font-size: 1em; line-height: 1em; }
aside h3 {font-size:1em; line-height:1em; margin-bottom:20px; padding:0;}
aside .text strong {font-weight:500;}
aside .text_thumb_list .text {width:calc(100% - 105px)}

/*9등급*/
.lank9 .wrap {width:100%; display:grid; column-gap:20px; align-items: start;}
.lank9 h2 {grid-column: 1 / 2; grid-row: 1 / 2; font-size:1.444444em; line-height: 1.3em; word-break:keep-all; width:380px; margin-top:-8px;}
.lank9 h2::before {content:'Headline NEWS'; font-size:0.6em; color:#fff; font-weight:300; background:#d91b5c; padding:5px 10px; border-radius:2px; display:inline-block; line-height:1em; margin-bottom:10px;}
.lank9 h2 a {display:block;}
.lank9 .summary {grid-column: 1 / 2; grid-row: 2 / 3; margin:10px 0;  -webkit-line-clamp:2; width:380px;}
.lank9 .related {grid-column: 1 / 2; grid-row: 3 / 4; width:380px;}
.lank9 .related li {color:#444; font-size:0.888888em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:10px; font-weight:400; line-height:1em; position:relative; padding-left:12px;}
.lank9 .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;}
.lank9 figure {grid-column: 2 / 3; grid-row: 1 / span 3; width:400px;}
.lank9 figure a {border-radius:10px;}
.lank9 figure a::before {border-radius:10px;}

/* 8등급*/
.lank8 li {width:100%; display:flex; column-gap:20px; border-top:1px solid #eee; padding:25px 0; align-items:center;}
.lank8 li:last-child {padding-bottom:0;}
.lank8 .text {width:100%;}
.lank8 .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }
.lank8 .text .summary {-webkit-line-clamp:2; margin-top:10px;}
.lank8 figure a {width:240px; height:134px;}

/* 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;}

.news_more {margin-top:-20px;}
.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 h3 {align-items:end; border-top:2px solid #d91b5c;}
.topnews h3 .date {font-size: 0.777777em; font-weight:300; display: block; color: #777; line-height: 1em;}
.topnews .slider .slick-dots {top:-75px; right:1px;}
.topnews .slick-list {max-height:415px; overflow:hidden;}
.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; }

/* 회색박스 */
.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;}

/* 숏폼 */
.shortform h3 {color:#d91b5c; border-top:2px solid #d91b5c;}
.shortform .slider figure {width:100%; height:0; padding-bottom:56%; display: flex; justify-content: center; overflow: hidden; position: relative; border-radius:5px;}
.shortform .slider .text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis; margin:10px 0;}
.shortform figure::before {content:''; width:80px; height:80px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Scynl.fit'); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.9; z-index:1;}
.shortform a:hover figure::before {opacity:1;}
.shortform .flex {column-gap:10px;}
.shortform .flex a {display:inline-block; width:calc(50% - 10px);}
.shortform .slick-slide {margin:0 10px;}
.shortform .slick-list {margin:0 -10px;}

/* 주요행사 */
.event .slider figure {width:100%; height:0; padding-bottom:53%; overflow:hidden; position:relative; border-radius:10px;}
.event .slider figure img {width:100%; height:auto;}
.event .slider figure:before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; border-radius:10px;}
.event .slider .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:10px 0;}
.event .slick-slide {margin:0 10px;}
.event .slick-list {margin:0 -10px;}

/* 이슈분석 */
.issue h3 {color:#d91b5c; border-top:2px solid #d91b5c;}
.issue figure {border-radius:10px;}
.issue .text { display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; margin: 10px 0; }

/* 유닛 */
.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;}


/* 오피니언 */
.opinion li a {display:flex; width:100%; column-gap:20px; padding:20px 0; justify-content:space-between; border-top:1px solid #eee; align-items: center;}
.opinion li:last-child a {padding-bottom:0;}
.opinion a:hover {text-decoration:none;}
.opinion a:hover strong {text-decoration: underline;}
.opinion .text {width:100%; }
.opinion .text strong {font-weight:500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.opinion figure span {display:inline-block; position:relative; width:60px; height:60px; border-radius: 100%; overflow:hidden; filter:grayscale(100%);}
.opinion 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:8px; border-radius:100%;}

/* 브랜드뉴스룸 */
.newsroom a {width:100%; display:flex; column-gap:20px; border-top:1px solid #eee; padding:20px 0; align-items:center; justify-content: space-between; flex-direction: row-reverse;}
.newsroom a:last-child {padding-bottom:0;}
.newsroom a::after {display:none;}
.newsroom a:hover {text-decoration:none;}
.newsroom a:hover strong {text-decoration: underline;}
.newsroom .text {width:calc(100% - 260px);}
.newsroom .text .company {display:block; color:#d91b5c; font-size:0.833333em; margin-bottom:5px;}
.newsroom .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis; font-weight:500;}
.newsroom .thumb {display:block; width:240px; height:134px; position:relative; overflow: hidden; border-radius:8px; }
.newsroom .thumb a: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;}
.newsroom .thumb img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
.newsroom .slick-dots {position:absolute; right:0; top:-45px;}
.newsroom .slick-slide {margin:0 10px;}
.newsroom .slick-list {margin:0 -10px;}

/* 뷰포인트 */
.viewpoint .text { display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;  margin: 10px 0; }

/* 전문테마칼럼 */
.column_theme a:hover {text-decoration:none;}
.column_theme a:hover strong {text-decoration:underline;}
.column_theme strong {font-weight:500;}

/* 푸터 */
footer {color:#666; font-size:0.833333em; margin-top:60px;}
footer .span_wrap {border-top:2px solid #d91b5c; padding:20px 0;}
footer .span_wrap span::before {content:'|'; color:#ddd; font-weight:100; margin:0 5px;}
footer .span_wrap span a {display:inline-block; padding:5px;}
footer .span_wrap span:first-child::before {display:none;}
footer .span_wrap + .span_wrap {margin:5px 0;}
footer .graybox {background-color:#f8f8f8; border-top:1px solid #ddd; font-weight:100; padding:20px; text-align:center;}
footer .go_top {display: inline-block; width:40px; height:40px; border-radius:100%; position: fixed; z-index:2; bottom:60px; right:20px; 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; left: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:2px solid #d91b5c; height:60px;}
.slidebar_header .logo img {height: 32px; display: inline-block;}
.slidebar_header .closebtn {width:22px; height:22px; opacity:.8; cursor:pointer;}
.slidebar_header .closebtn img {width:100%; height:auto;}
.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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sfrnepu.fit") 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;}
.fullmenu {padding:15px;}
.fullmenu ul {display:flex; flex-wrap:wrap; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.fullmenu ul:last-child {border-bottom:none; margin-bottom:0;}
.fullmenu li {width:50%;}
.fullmenu li.title {font-weight:700; font-size:1em; color:#d91b5c; width:100% !important; padding:5px; margin-bottom:4px;}
.fullmenu li.title a {padding:0; font-size:1em; color:#d91b5c;}
.fullmenu li a {display:inline-block; padding:5px; font-size:0.8888888em; color:#444;}
.fullmenu li:nth-child(even) {width:55%;}
.fullmenu li:nth-child(odd) {width:45%;}


/* 리스트 */
.list_wrap .tit .flex {align-items:end; border-bottom:1px solid #222; padding-bottom:20px; margin-bottom:40px; flex-wrap:wrap;}
.list_wrap .tit h3 {font-size:1.333333em;}
.list_wrap .tit .span_wrap {font-size:0.888888em; color:#444;}
.list_wrap .tit .span_wrap span::before {content: '|'; color: #ddd; font-weight: 100; margin: 0 10px;}
.list_wrap .tit .span_wrap span:first-child::before {display:none;}
.list_wrap .tit .span_wrap .on a {color:#222; font-weight: 500; text-decoration: underline;}

.list_wrap .lank9 h2 {margin:0 0 10px; align-self: end;}
.list_wrap .lank9 h2::before {display:none;}
.list_wrap .lank9 .summary {-webkit-line-clamp:3; align-self: start;}
.list_wrap .lank9 figure {grid-row:1 / span 3;}

.list_wrap .textthumb ul {border-top:none;}
.list_wrap .tit + .textthumb ul {border-top:none;}
.list_wrap .tit + .textthumb ul li:first-child {padding-top:0; border-top:none;}
.list_wrap .textthumb + .textthumb li:first-child {border-top:1px solid #eee;}
.list_wrap .textthumb li {align-items:stretch; }
.list_wrap .textthumb .text {position: relative; display: flex; align-content: center; flex-wrap:wrap;}
.list_wrap .textthumb .text strong {flex:1 1 100%;}
.list_wrap .textthumb .text .flex {flex:1 1 100%; align-items:end; margin-top:5px;}
.text .date {font-size:0.777777em; font-weight: 300; color: #777;}
.list_wrap .textthumb .acc_nav_btn button {line-height:1em;}
.list_wrap .acc_nav_btn img {width:20px; opacity:.4;}

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

.list_wrap .label {font-size:0.833333em; font-weight:500; color: #d91b5c; display: block; margin-bottom:15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; text-overflow: ellipsis; }
.list_wrap .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; }

.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; }

/*이슈분석*/
.list_wrap .issue li {width:100%; display:grid; column-gap:20px; align-items: start; padding:30px 0; border-top:1px solid #eee;}
.list_wrap .issue li:first-child {border-top:none; padding-top:0;}
.list_wrap .issue .label {grid-column: 1 / 2; grid-row: 1 / 2; font-size:0.888888em;}
.list_wrap .issue strong {grid-column: 1 / 2; grid-row: 2 / 3; font-size:1.444444em; line-height: 1.3em; word-break:keep-all; width:380px; margin:10px 0;}
.list_wrap .issue .related {grid-column: 1 / 2; grid-row: 3 / 4; width:380px;}
.list_wrap .issue .related li {color:#444; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; margin-top:10px; position:relative; padding:0 0 0 12px; border:none; letter-spacing: -0.04em;}
.list_wrap .issue .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;}
.list_wrap .issue figure {grid-column: 2 / 3; grid-row: 1 / span 4; width:400px;}
.list_wrap .issue figure span {padding-bottom:50%;}

/* 스낵바 */
#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;}


/* 뷰페이지 */

.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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Stg_yvtug.fit') 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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Svpba_cqs.cat') no-repeat center center; background-size:15px; vertical-align: middle;}

.logo_scroll {display:none;}
.header_view {position:fixed; top:-3px;}
.header_view.sticky_top {z-index:100; height:60px; background-color:#fff; border-bottom:1px solid #aaa;}
.header_view.sticky_top .wrap {display:flex; justify-content: space-between; align-items:center; height:60px; padding:0 20px;}
.header_view .wrap {padding:0;}
.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:.6; display:inline-block;}
.article_header .acc_nav_btn:hover img {opacity:.7;}
.article_header .acc_nav .bookmark {position:relative; display:inline-block; }
.article_header .acc_nav .bookmark::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sobbxznex_ba.fit'); display:inline-block; width:20px; height:20px; left:0; top:0; position:absolute;}
.header_view.sticky_top .acc_nav {display:block;}
  

.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.1);  z-index:2; justify-content: space-between; width:300px; text-align:center;}
.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:10px;}
.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 a:hover span {border:1px solid #777;}
.article_header .dropdown a:hover {opacity:.9;}
.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; position:relative; }
.article_image a {display:inline-block; width:auto; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:0; padding:0; position:relative;}
.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;}
.article_image a::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Srkcnaq.fit'); display:inline-block; width:38px; height:38px; background:rgba(0,0,0,0.5); padding:5px; position:absolute; right:0; top:0; box-sizing: border-box; border-radius:2px;}

.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;}

/* 북마크 */
.bookmark_list ul {margin-bottom:40px;}
.bookmark_list .text {position:relative; padding-right:40px;}
.bookmark_list .text strong {display:block;}
.bookmark_list .btn_delete02 {position:absolute; top:2px; right:0; font-size:0; display:inline-block; width:16px; height:16px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Serzbir.fit') no-repeat; opacity:0.7;}

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

.bookmark_delete_box {display:flex; justify-content: space-between; align-items: center; line-height:1em; font-weight:500; max-width:840px; width:100%; padding:0 20px; margin:-20px auto 20px;}
.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 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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Serzbir.fit') no-repeat; opacity:0.4;}
.bookmark_list .btn_delete02:hover {opacity:.7;}


/* 기자목록 */
.tit_reporter {width:100%; display:flex; column-gap: 20px; align-items: center; margin-bottom:40px;}
.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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Spurpx.fit'); 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;}

/* 뷰페이지 뉴스룸 */
.article_body .ad_newsroom {width:100%; overflow: hidden; margin:0 0 40px; padding:20px; border:1px solid #ddd; display:flex; column-gap:20px; align-items: center;}
.article_body .ad_newsroom .thumb {float: inherit; width: auto; height: auto; overflow: initial; margin: 0; border: none;}
.article_body .ad_newsroom .thumb a {display: flex; justify-content: center; overflow: hidden; width:200px; height:112px; position:relative;}
.article_body .ad_newsroom .thumb a::before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; left:0; top:0; right:0; bottom:0;}
.article_body .ad_newsroom .thumb img {width:auto; height:100%;}
.article_body .ad_newsroom .text {width:calc(100% - 200px); padding:0; font-size:inherit;}
.article_body .ad_newsroom .text strong {line-height: 1.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; font-size:inherit; color:#222;}
.article_body .ad_newsroom .text .more {font-size:0.888888em; color:#00A0E9; margin:0; padding:0; background: none; width: auto; text-align: left; border: none; line-height:1.2em;}

/*뷰페이지_라씨로*/
.rassiro_wrap { margin:0 auto 40px; max-width:840px; width:100%; padding:0 20px;}
.rassiro_wrap .section_title {position:relative; font-size: 1em; line-height: 1em;}
.rassiro_wrap .tabmenu {position:relative; height:280px;}
.rassiro_wrap .tabmenu ul > li { display:inline-block; width:50%; float:left; text-align:center; line-height:40px;}
.rassiro_wrap .tabmenu label{ display:block; width:100%; padding:12px 0; line-height:1em; letter-spacing:-0.05em; border:1px solid #ddd; color:#777; cursor:pointer; background:#eee;}
.rassiro_wrap .tabmenu input{display:none;}
.rassiro_wrap .tab_con { display:none; text-align:left; position:absolute; left:0; right:0; top:50px; box-sizing: border-box; background:#fff;}
.rassiro_wrap .tab_con table {width:100%; border-collapse:collapse; border-collapse:collapse; table-layout: fixed;}
.rassiro_wrap .tab_con td {line-height:1em; padding:14px 0; font-size:0.833333em; letter-spacing:-0.05em; border-bottom:1px solid #eee; font-weight:400;}
.rassiro_wrap .tab_con td:first-child {width:20px; font-weight:300; color:#777; font-style: italic;}
.rassiro_wrap .tab_con td:nth-child(2) {font-weight:500; color:#000; }
.rassiro_wrap .tab_con td:nth-child(2) a {display:block; font-size:16px; line-height:1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rassiro_wrap .tab_con td:nth-child(3) {width:80px; text-align:right; color:#777;}
.rassiro_wrap .tab_con td:last-child {width:70px; text-align:right; color:#d02d32;}
.rassiro_wrap .tabmenu input:checked ~ label{ color:#000; font-weight:500; border:1px solid #444; box-shadow:0 2px 5px rgba(0,0,0,0.2); background:#fff;}
.rassiro_wrap .tabmenu input:checked ~ .tab_con{ display:block;}
.rassiro_wrap .order {position:absolute; right:0; bottom:20px; display:inline-block; color:#fff; font-size:15px; font-weight:400; line-height:1em; letter-spacing:-0.1em; }
.rassiro_wrap .buy {display:inline-block; color:#d02d32;}
.rassiro_wrap .sell {display:inline-block; color:#1c67d1; margin-left:5px;}
.rassiro_wrap .btn_wrap {text-align:center; margin-top:10px;}
.rassiro_wrap .btn_wrap a {display:block; padding: 12px 12px 12px 10px; font-size: 0.888888em; line-height: 1em; background-color: #eee; border: 1px solid #ddd; color:#444; border-radius:4px;}
.rassiro_wrap .btn_wrap a:hover {text-decoration:none; background-color:#ddd;}
.rassiro_wrap .period {font-size:0.833333em; font-weight:300; line-height:1em; text-align:right; letter-spacing: -0.05em; color:#777; margin-top:0;}


/* 에디터추가::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%; position:relative; min-width:100%;}
.article_body .article_image_right a {width:auto; height:auto; display:inherit; padding:0;} 
.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; padding:0;}
.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%; position:relative; min-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; padding:0;}
.article_body .article_image_left a {width:auto; height:auto; display:inherit; padding:0;}


.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-300x250-2 div {margin:0 auto !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;}

/* 숏폼 */
.shortform_list figure {position:relative;}
.shortform_list figure::before {content:''; width:80px; height:80px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Scynl.fit'); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.9; z-index:1;}
.shortform_list figure:hover::before {opacity:1;}

/* 이미지모달 */
#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;}

/* 특집타이틀::250430 */
.list_wrap .tit .category_summary {flex:1 0 100%; background-color: #f8f8f8; border: 1px solid #ddd; border-top: 1px solid #222; font-size: 0.89em; padding: 30px 20px; word-break: keep-all; margin: 20px 0 -21px;}
.list_wrap .tit .flex img {width:100%; margin-bottom:-20px;}

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

/* 마이페이지 */
.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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Stg_zrqvhz_juvgr.fit') 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;}
.special_wrap + .special_wrap {margin-top:-20px;}

/* 사이트맵 뉴스 */
.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;}

.view_img_link {display:block; text-align:center;}
.view_img_link img {max-width:100%;}

/* AI스튜디오 기사면 상단 배너::250627*/
.bnr_view {margin-bottom:30px;}
.bnr_view img {width:100%;}

.list_wrap .tit {position:relative;}
.list_wrap .tit .flex .link_h3 {padding: 5px 14px; border-radius: 50px; border:1px solid rgba(0,0,0,0.1); position:absolute; right:20px; top:-5px;}
.list_wrap .tit .flex .link_h3 img {display:block; height:20px; width:auto; margin:0;}
.list_wrap .tit .flex .link_onestudio {background: #00aaff; }
.list_wrap .tit .flex .link_onestudio:hover {background: linear-gradient(to bottom right ,#00aaff, #007fff)}

.shortform .tit {position:relative;}
.shortform .tit .link_h3 {padding:4px 14px; border-radius: 50px; border:1px solid rgba(0,0,0,0.1); position:absolute; right:0; top:15px;}
.shortform .tit .link_h3 img {display:inline-block; height:20px; width:auto; margin:0;}
.shortform .tit .link_onestudio {background: #00aaff; }
.shortform .tit .link_onestudio:hover {background: linear-gradient(to bottom right ,#00aaff, #007fff)}

/*씽크풀기사 :: 250808 */
.article_body.thinkpool p * {font-family:inherit !important; font-size:inherit !important; text-align: inherit;}
.article_body.thinkpool p img {max-width:100%;}

@media screen and (max-width:840px) {
  main {padding-top:30px;}
  .text strong {font-size:1em;}
  
  .lank9 .wrap {display:block;}
  .lank9 .wrap > * {width:100%;}
  .lank9 .summary {display:none;}
  .lank9 figure {margin:15px 0 20px;}
  .lank9 .related li {font-size:1em; margin-top:15px;}

  .list_wrap .tit .flex {margin-bottom:20px;}
  .list_wrap .lank9 .wrap {display:grid;}
  .list_wrap .lank9 figure {grid-row:1/1; grid-column:1/1; margin:0 0 20px;}
  .list_wrap .lank9 h2 {grid-row:2/3; grid-column:1/1; margin:0;}
  .list_wrap .textthumb .text strong {-webkit-line-clamp:2;}
  .list_wrap .issue .label {grid-row: 1 / 2; width:100%; }
  .list_wrap .issue strong { grid-row: 3 / 4; width:100%; }
  .list_wrap .issue .related {grid-row: 4 / 5; width:100%; }
  .list_wrap .issue figure {grid-column: 1 / 2; grid-row: 2 / 3; width:100%; margin:10px 0;}

  article.wrap {padding-left:0; padding-right:0;}
  .article_header {padding-left:20px; padding-right:20px;}
  .article_header .timewrap {display:block;}
  .header_view.sticky_top .acc_nav {display:block;}
  
  .article_body p {padding-left:20px; padding-right:20px;}
  .hashtag {padding-left:20px; padding-right:20px;}
  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%;}

  .article_body .article_image_left, .article_body .article_image_right {padding-left: 20px; padding-right: 20px; }

}

@media screen and (max-width:600px) {
  header nav .nav {width:100%; min-width:600px;}
    header nav .slider {display:block;}
  .lank8 li {padding:20px 0;}
  .lank8 .text .summary {display:none;}
  .lank8 figure a {width:135px; height:75px;}
  .textthumb 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%;}
  .top_notice .btn_notice {display:none;}

}