/* layout */
main { padding-top: 72px; position: relative; /* overflow: hidden; */ }
main section { max-width: 1216px; margin: 0 auto; position: relative; z-index: 3; }

/* loader */
.loader {
  display: none;
  opacity: 0.7;
  position: absolute;
  right: 0;
  width: 32px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--text-impact);
  --_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)}}
.loader.active { display: block; }

/* topBanner */
.banner-top { padding: 16px 0; background-color: var(--surface-soft); }
.banner-top.fixed { position: fixed; top: 58px; width: 100%; z-index: 9; }
.banner-top .type-pc { display: block; } /* 1024 초과 */
.banner-top .type-mo { display: none; } /* 1024 이하 */
.art-noad-tp .banner-top { display: none; }
/* mobileFixedBottomBanner (1024 이하) */
.banner-mobile-fixed-bottom { display: none; /* line-height: 0; */ position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; background-color: rgba(0,0,0,0.3); }
/* leftWingBanner (1024 초과) */
.banner-left-wing { position: absolute; top: 164px; left: -196px; }
main.art-noad-tp .banner-left-wing { top: 534px; left: -236px; }
main.art-noad-tp .banner-right-wing { top: 534px; }
/* leftWingBottomBanner (1024 초과) */
.banner-left-wing-bottom { position: absolute; top: 1227px; left: -160px; }
/* rightWingBanner (1024 초과) */
.banner-right-wing { position: absolute; top: 164px; right: -196px; }
/* rightWingBottomBanner (1024 초과) */
.banner-right-wing-bottom { position: absolute; top: 2470px; right: -196px; }
/* articleInsideBanner */
.banner-article { margin: 0 -24px 32px; }
.banner-article-left { float: left; margin-right: 32px; }
.banner-article-right { float: right; margin-left: 32px; }
.banner-article.type-pc, .banner-article-left.type-pc, .banner-article-right.type-pc { display: block; }
.banner-article.type-mo, .banner-article-left.type-mo, .banner-article-right.type-mo { display: none; }
/* asideBottomBanner */
.banner-aside-bottom { display: block; }
.banner-aside-bottom .type-pc { display: flex; flex-direction: column; gap: 48px; }
.banner-aside-bottom .type-mo { display: none; }
/* asideMiddleBanner */
.banner-aside-middle { display: block; }
.banner-aside-middle .type-pc { display: flex; flex-direction: column; gap: 48px; }
.banner-aside-middle .type-mo { display: none; }
/* articleBottomBanner */
.banner-article-bottom { margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); position: relative; z-index: 3; }
/* realtimeBottomBanner */
.banner-realtime-bottom { margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); }
.banner-realtime-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
.banner-realtime-bottom li.type-pc { display: block; }
.banner-realtime-bottom li.type-mo { display: none; }
/* mostviewAndKhanupBottomBanner */
.banner-mostviewAndKhanup-bottom { position: relative; margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); z-index: 3; }
.banner-mostviewAndKhanup-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
/* sectionBottomBanner */
.banner-section-bottom { display: none; width: 100%; }
/* bodyBottomBanner */
.banner-body-bottom { margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); position: relative; z-index: 3; }
.banner-body-bottom.type-pc { display: block; }
.banner-body-bottom.type-mo { display: none; }
.banner-body-bottom .wrap { margin: 0 auto; max-width: 1216px; }
.banner-body-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
/* asideListBanner*/
aside.list-wrap .aside-wrap > li .list li.type-mo { display: none; }
/* textAndThumbnail */
.bottom-wrap li .list2 { width: 100%; }
.bottom-wrap li .list2 .item { position: relative; }
.bottom-wrap li .list2 .item:after { content: ''; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.bottom-wrap li .list2 .item.noimg .link_caption { height: auto; }
.bottom-wrap li .list2 .num { position: absolute; top: 50%; left: 0; width: 1em; margin-top: -0.5em; font-size: 17px; font-weight: 500; font-style: italic; color: #4469B0; text-align: center; line-height: 1em; white-space: nowrap; }
.bottom-wrap li .list2 .link_thumb { display: block; overflow: hidden; float: right; position: relative; width: 96px; height: 64px; max-height: 64px; line-height: 0; margin: 0; border-radius: 4px; }
.bottom-wrap li .list2 .link_thumb:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid #d9d9d9 \0/IE8+9; border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; }
.bottom-wrap li .list2 .link_thumb .thumb { display: block; width: 100px; height: 100%; }
.bottom-wrap li .list2 .link_thumb .ad { position: absolute; right: 0; top: 0; }
.bottom-wrap li .list2 .link_thumb .num_g { display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 22px; text-align: center; color: #fff; font-weight: normal; font-family: Helvetica; font-size: 14px; background: rgba(0,0,0,.4); }
.bottom-wrap li .list2 .link_caption { display: table-cell; vertical-align: middle; height: 64px; padding: 0 0.625em 0 0em; }
.bottom-wrap li .list2 .link_caption .tit { font-weight: 500; }
aside.list-wrap .list2 { display: none; }
aside.list-wrap .list2 .item { position: relative; }
aside.list-wrap .list2 .item:after { content: ''; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
aside.list-wrap .list2 .item.noimg .link_caption { height: auto; }
aside.list-wrap .list2 .num { position: absolute; top: 50%; left: 0; width: 1em; margin-top: -0.5em; font-size: 17px; font-weight: 500; font-style: italic; color: #4469B0; text-align: center; line-height: 1em; white-space: nowrap; }
aside.list-wrap .list2 .link_thumb { display: block; overflow: hidden; float: right; position: relative; width: 96px; height: 64px; max-height: 64px; line-height: 0; margin: 0; border-radius: 4px; }
aside.list-wrap .list2 .link_thumb:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid #d9d9d9 \0/IE8+9; border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; }
aside.list-wrap .list2 .link_thumb .thumb { display: block; width: 100px; height: 100%; }
aside.list-wrap .list2 .link_thumb .ad { position: absolute; right: 0; top: 0; }
aside.list-wrap .list2 .link_thumb .num_g { display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 22px; text-align: center; color: #fff; font-weight: normal; font-family: Helvetica; font-size: 14px; background: rgba(0,0,0,.4); }
aside.list-wrap .list2 .link_caption { display: table-cell; vertical-align: middle; height: 64px; padding: 0 0.625em 0 0em; }
aside.list-wrap .list2 .link_caption .tit { font-weight: 500; }
/* textAdmark */
.bottom-wrap > ul > li.mostview .ad-txt-artbtm li > div { width: calc(100% - 35px); }
.bottom-wrap > ul > li.mostview .ad-txt-artbtm li { display: flex; align-items: center; }
.bottom-wrap > ul > li.mostview .ad-txt-artbtm li ul li { border-top: 0; padding: 0; }
.bottom-wrap > ul > li.mostview .ad-txt-artbtm li ul li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ad-txt-artbtm { display: none; }
.ad-txt-artbtm li > div { display: inline-block; position: relative; }
.ad-txt-artbtm li > span { display: inline-block; width: 30px; font-size: 12px; text-align: center; vertical-align: top; line-height: 24px; padding: 0; border-radius: 5px; color: var(--text-disabled); margin-right: 5px; font-weight: 400; }
.ad-txt-artbtm li > span::before { content: '['; }
.ad-txt-artbtm li > span::after { content: ']'; }
/* 텍스트 3줄 광고 - 본문 하단 */
.ad-btm-t3:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 175px; background-color: var(--background-default); }
.ad-btm-t3 > div ul.imad_txt_wrap { display: none; }
.ad-btm-t3 > div ul.imad_txt_wrap li { position: relative; padding: 10px 0; }
.ad-btm-t3 > div ul.imad_txt_wrap li:after { content: '[AD]'; float: right; display: inline-block; width: 30px; font-size: 13px; text-align: center; vertical-align: top; line-height: 24px; padding: 0; border-radius: 5px; color: var(--text-disabled); margin-right: 5px; font-weight: 500; }
.ad-btm-t3 > div ul.imad_txt_wrap li a { display: inline-block; max-width: calc(100% - 35px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 17px; font-weight: 500; }
/* 텍스트 3줄 광고 - 많이 본 기사 영역 */
.bottom-wrap.mostviewAndKhanup > ul > li.mostview ul.imad_txt_wrap { display: none; }
.bottom-wrap.mostviewAndKhanup > ul > li.mostview ul.imad_txt_wrap li { position: relative; }
.bottom-wrap.mostviewAndKhanup > ul > li.mostview ul.imad_txt_wrap li:after { content: '[AD]'; float: right; display: inline-block; width: 30px; font-size: 13px; text-align: center; vertical-align: top; line-height: 24px; padding: 0; border-radius: 5px; color: var(--text-disabled); margin-right: 5px; font-weight: 500; }
.bottom-wrap.mostviewAndKhanup > ul > li.mostview ul.imad_txt_wrap li a { display: inline-block; max-width: calc(100% - 35px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* Ads */
#mAds12:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f2f2f2; }
/* googleAd */
.ad-gg-artbtm { display: none; }
.ad-gg-artbtm.type-pc { display: block; margin: 60px 0 0; }

/* header */
body > header .wrap.gnb { position: relative; }
body > header .wrap h1,
body > header .wrap .logo-tit { position: absolute; left: 42px; transform: unset; }
body > header .menu-common li p.date { display: none; }
body > header .article-title { display: none; position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 600; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 860px; text-align: center; }
body > header .article-progress-bar { position: fixed; top: 71px; width: 100%; z-index: 9; }
body > header .article-progress-bar hr { width: 0; height: 4px; border: 0; margin: 0; background-color: var(--surface-impact); transition: all 0.3s; }
body > header .article-progress-bar p { display: none; position: absolute; top: 22px; right:16px; padding: 8px 10px 8px 29px; color: var(--text-inverted); font-size: 14px; font-weight: 500; line-height: 18px; border-radius: 17px 0px 17px 17px; background: var(--surface-impact) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-negvpyr-ernq.fit') 8px center no-repeat; }
body > header .article-progress-bar p::before { content: ''; display: block; position: absolute; top: -9px; right: 0; width: 12px; height: 10px; background: var(--svg-ic-article-read-tail); }
body > header .article-progress-bar p span { color: #89D0FF; }
body > header .article-progress-bar .read-mark { display: none; position: absolute; top: 22px; right:16px; max-width: 310px; padding: 8px 8px 8px 29px; color: var(--text-inverted); font-size: 14px; font-weight: 500; line-height: 18px; border-radius: 17px 0px 17px 17px; background: var(--surface-impact) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-negvpyr-ernq.fit') 8px center no-repeat; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
body > header .article-progress-bar .read-mark.pointer { cursor: pointer; }
body > header .article-progress-bar .read-mark::before { content: ''; display: block; position: absolute; top: -9px; right: 0; width: 12px; height: 10px; background: var(--svg-ic-article-read-tail); }
body > header .article-progress-bar .read-mark.notail { border-radius: 17px; }
body > header .article-progress-bar .read-mark.notail::before { display: none; }
body > header .article-progress-bar .read-mark.active { display: block; }
body > header .article-progress-bar .read-mark div { display: inline-block; }
body > header .article-progress-bar .read-mark .read-mark-score { margin-right: 5px; }
body > header .article-progress-bar .read-mark .read-mark-score:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
body > header .article-progress-bar .read-mark .read-mark-score span { color: #89D0FF; }
body > header .article-progress-bar .read-mark .read-mark-msg { display: none; position: relative; padding-right: 20px; }
body > header .article-progress-bar .read-mark .read-mark-msg.active { display: contents; }
body > header .article-progress-bar .read-mark .read-mark-msg .msg { display: inline; padding-right: 15px; }
body > header .article-progress-bar .read-mark .read-mark-msg .login-link { position: relative; color: #FFF; text-decoration:underline; z-index:1; }
body > header .article-progress-bar .read-mark .read-mark-outlink { display: none; position: relative; }
body > header .article-progress-bar .read-mark .read-mark-outlink.active { display: block; text-indent: -9999px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
body > header .article-progress-bar .read-mark button.txt { position: absolute; cursor: pointer; font-size: 0; text-indent: -9999px; border: 0; padding: 0; margin: 0; display: block; width: 20px; height: 20px; right: 4px; top: 50%; margin-top: -10px; z-index: 1; content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-pybfr-20-juvgr.fit) no-repeat; }
body > header .mobile { display: none; }
body > header .mobile ul::after { content: ''; display: block; clear: both; }
body > header .mobile ul li { float: right;  }
body > header .mobile ul li a,
body > header .mobile ul li button { display: block; width: 36px; height: 36px; }
body > header .mobile ul li.reply { float: left; }
body > header .mobile ul li.play, body > header .mobile ul li.textsize, body > header .mobile ul li.bookmark, body > header .mobile ul li.favorite, body > header .mobile ul li.colormode { margin-right: 6px; }
body > header .mobile ul li.reply a,
body > header .mobile ul li.reply button { padding-left: 40px; width: auto; color: var(--text-primary); font-size: 15px; font-weight: 500; line-height: 36px; background-repeat: no-repeat; }
body > header .mobile ul li.reply a,
body > header .mobile ul li.reply button { background-image: var(--svg-ic-article-reply); }
body > header .mobile ul li.play a,
body > header .mobile ul li.play button { background-image: var(--svg-ic-article-play-top); position: relative; }
body > header .mobile ul li.play a.active,
body > header .mobile ul li.play button.active { background-image: var(--svg-ic-article-pause-top); }
body > header .mobile ul li.play a .loader,
body > header .mobile ul li.play button .loader { width: 24px; height: 24px; top: 6px; right: 6px; }
body > header .mobile ul li.textsize a,
body > header .mobile ul li.textsize button { background-image: var(--svg-ic-article-textsize); }
body > header .mobile ul li.colormode a,
body > header .mobile ul li.colormode button { background-image: var(--svg-ic-article-colormode); }
body > header .mobile ul li.bookmark a,
body > header .mobile ul li.bookmark button { background-image: var(--svg-ic-article-bookmark); }
body > header .mobile ul li.bookmark a.active,
body > header .mobile ul li.bookmark button.active { background-image: var(--svg-ic-article-bookmark-on); }
body > header .mobile ul li.favorite a,
body > header .mobile ul li.favorite button { background-image: var(--svg-ic-article-favorite); }
body > header .mobile ul li.favorite a.active,
body > header .mobile ul li.favorite button.active { background-image: var(--svg-ic-article-favorite-on); }
body > header .mobile ul li.share a,
body > header .mobile ul li.share button { background-image: var(--svg-ic-article-share); }
body > header .menu-category { transition: all 0.3s; }
body > header .menu-category.active { opacity: 0; height: 0; overflow: hidden; }
/* article */
main .article-wrap { display: flex; flex-wrap: wrap; gap: 116px; align-items: flex-start; z-index: 4; }
main.ad-top-pd { padding-top: 138px; }
body.ad-top-pd main { padding-top: 138px; }
main .article-wrap > article { margin: 32px 0 84px 208px; width: 592px; position: sticky; z-index: 2; }
/* article - header (main section.article-wrap article header) */
main .article-wrap article header { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--stroke-framing); }
ul.category { margin-bottom: 8px; }
ul.category li { float: left; }
ul.category li a { display: inline-block; font-size: 15px; font-weight: 750; line-height: 24px; }
ul.category li a.series { color: var(--text-impact); padding-right: 16px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-evtug-16-vzcnpg.fit') no-repeat right; }
ul.category li span.txt { display: inline-block; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--text-impact); text-indent: 0; }
ul.category li span.update-ing { display: inline-block; padding: 0 4px; margin-right: 3px; color: #FF1D1D; font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 2px; border: 1px solid #FF1D1D; }
ul.category li span.update-end { display: inline-block; padding: 0 4px; margin-right: 3px; color: var(--text-secondary); font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 2px; border: 1px solid var(--stroke-framing); background-color: var(--surface-soft); }
ul.category li span.update-end::after { content: " 종료"; }
ul.category li .company { display: inline-block; font-size: 15px; font-weight: 500; line-height: 24px; color: var(--text-impact); padding-right: 16px; }
ul.category li.r { float: right; }
ul.category li.r a { color: var(--text-strong); font-size: 13px; font-weight: 500; line-height: 16px; border: 1px solid var(--stroke-framing); border-radius: 4px; padding: 3px 6px; }
ul.category::after { content: ''; display: block; clear: both; }
h1, .logo-tit { font-size: 32px; font-weight: 750; line-height: 44px; }
div.date { margin-top: 16px; }
div.date p { height: 18px; color: var(--text-description); font-size: 14px; font-weight: 500; line-height: 18px; }
div.date > a { display: inline-block; height: 18px; padding-right: 20px; position: relative; color: var(--text-description); font-size: 14px; font-weight: 500; line-height: 18px; transition: all 0.3s; }
div.date > a p:first-child { height: 0; overflow: hidden; transition: all 0.3s; }
div.date > a > span { position: absolute; bottom: 1px; right: 0; width: 16px; height: 16px; background: var(--svg-ic-arrow-down-16-gray) no-repeat center; transition: all 0.3s; } 
div.date > a.active { height: 36px; }
div.date > a.active p:first-child { height: 18px; }
div.date > a.active > span { transform: rotate(-180deg); }
div.date > div.inner { display: inline-block; height: 18px; padding-right: 20px; position: relative; color: var(--text-description); font-size: 14px; font-weight: 500; line-height: 18px; transition: all 0.3s; cursor: pointer; }
div.date > div.inner p:first-child { height: 0; overflow: hidden; transition: all 0.3s; }
div.date > div.inner > span { position: absolute; bottom: 1px; right: 0; width: 16px; height: 16px; background: var(--svg-ic-arrow-down-16-gray) no-repeat center; transition: all 0.3s; } 
div.date > div.inner.active { height: 36px; }
div.date > div.inner.active p:first-child { height: 18px; }
div.date > div.inner.active > span { transform: rotate(-180deg); }
div.date p > span { display: inline-block; padding: 0 4px; margin-right: 8px; color: #FF1D1D; font-size: 12px; font-weight: 500; line-height: 18px; border-radius: 2px; border: 1px solid #FF1D1D; }
div.date p > span.end { color: var(--text-secondary); background-color: var(--surface-soft); border: 1px solid var(--stroke-framing); }
div.date p > span.end::after { content: " 종료"; }
ul.bottom { margin-top: 16px; display: flex; justify-content: space-between; align-items: flex-start; }
ul.bottom li.editor { float: left; display: flex; gap: 8px; /* width: calc(100% - 100px); */ margin-top: 6px; color: var(--text-strong); font-size: 14px; font-weight: 500; line-height: 19px; flex: 1 1 auto; flex-wrap: wrap; }
ul.bottom li.editor a { display: block; color: var(--text-strong); font-size: 14px; font-weight: 500; line-height: 19px; border-bottom: 1px solid var(--text-secondary); }
ul.bottom li.editor .expand-wrap { position: relative; }
ul.bottom li.editor a.btn-expand,
ul.bottom li.editor span.btn-expand { display: block; color: var(--text-strong); font-size: 14px; font-weight: 500; line-height: 19px; border-bottom: 1px solid var(--text-secondary); cursor: pointer; }
ul.bottom li.editor div.expand-list { position: absolute; width: auto; top: 34px; left: 0; z-index: 2; display: none; padding: 5px 0 0; background-color: var(--background-default); border: 1px solid var(--stroke-framing); border-radius: 4px; z-index: 4; }
ul.bottom li.editor div.expand-list a { white-space: nowrap; margin: 6px 14px 12px; }
/* ul.bottom li.editor div.expand-list { display: flex; gap: 16px; } */
ul.bottom li.editor > span { display: block; color: var(--text-strong); font-size: 14px; font-weight: 500; line-height: 19px;}
ul.bottom li.read { float: right; display: flex; flex: 0 0 auto; }
ul.bottom li.read p.timecode { padding-right: 8px; color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 32px; }
ul.bottom li.read a { display: block; }
ul.bottom li.read a.btn-read { position: relative; margin-right: 10px; width: 32px; height: 32px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-negvpyr-cynl.fit'); }
ul.bottom li.read a.btn-read.active { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-negvpyr-cnhfr.fit'); }
ul.bottom li.read a.btn-summary { padding: 7px 11px; color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 16px; border: 1px solid var(--text-impact); border-radius: 16px; }
ul.bottom::after { content: ''; display: block; clear: both; }
ul.bottom li.read .pop-read { position: fixed; opacity: 0; z-index: 9; top: 0; left: 50%; width: 324px; padding: 12px 14px 12px 16px; transform: translateX(-50%); border-radius: 8px; border: 1px solid #DFE7FF; background: #EBF1FC; box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10); transition: all 0.3s; }
ul.bottom li.read .pop-read.active { top: 92px; opacity: 1;}
ul.bottom li.read .pop-read::after { content: ''; display: block; clear: both; }
ul.bottom li.read .pop-read p.txt { float: left; color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 24px; }
ul.bottom li.read .pop-read p.timecode { float: right; padding-right: 8px; color: var(--text-impact); font-size: 13px; font-weight: 500; line-height: 24px; }
ul.bottom li.read .pop-read a.btn-read { float: right; width: 24px; height: 24px; background-size: 24px 24px; }
/* article - section (main section.article-wrap article section) */
.art_body { font-size: 18px; font-weight: 500;; line-height: 32px; transition: all 0.3s; }
.art_body::after { display: block; clear: both; content: ""; }
section.textsize-large .art_body { font-size: 22px; line-height: 38px;}
section.textsize-xlarge .art_body { font-size: 26px; line-height: 44px;}
/* article - footer (main section.article-wrap article footer) */
.editor-wrap { position: relative; margin-bottom: 28px; }
.editor-wrap.duo .editor-wrap-pagignation,
.editor-wrap.duo .editor-wrap-arrow { display: none; }
.editor-wrap > div { overflow: hidden; }
.editor-wrap > div > ul > li { width: calc(50% - 36px); min-height: 160px; padding: 15px 17px; border: 1px solid var(--stroke-framing); border-radius: 8px; }
.editor-wrap > div > ul.alone { justify-content: center; }
.editor-wrap > div > ul.alone > li { width: 100%; max-width: 346px; }
.editor-wrap > div > ul > li > dl { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--stroke-separator); gap: 12px; }
.editor-wrap > div > ul > li > dl > dt { display: flex; gap: 12px; }
.editor-wrap > div > ul > li > dl > dt .photo { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-ab-cebsvyr.fit'); }
.editor-wrap > div > ul > li > dl > dt .info { flex: 1; }
.editor-wrap > div > ul > li > dl > dt .info p.name { font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 4px; }
.editor-wrap > div > ul > li > dl > dt .info p.dapartment { color: var(--text-description); font-size: 14px; font-weight: 400; line-height: 18px; }
.editor-wrap > div > ul > li > dl > dd { flex: 0 0 auto; }
.editor-wrap > div > ul > li > dl > dd a,
.editor-wrap > div > ul > li > dl > dd button { display: block; padding: 5px 8px; font-size: 14px; font-weight: 500; line-height: 16px;	border-radius: 4px; color: var(--text-inverted); background: var(--surface-impact); }
.editor-wrap > div > ul > li > dl > dd a.active,
.editor-wrap > div > ul > li > dl > dd button.active { color: var(--surface-impact); background: var(--surface-impact-soft); }
.editor-wrap > div > ul > li > dl > dd a.active::after,
.editor-wrap > div > ul > li > dl > dd button.active::after { content:' 중'; }
.editor-wrap > div > ul > li > ul { padding-top: 12px; }
.editor-wrap > div > ul > li > ul > li { padding-bottom: 8px; }
.editor-wrap > div > ul > li > ul > li:last-child { padding-bottom: 0; }
.editor-wrap > div > ul > li > ul > li > a { display: block; height: 22px; font-size: 15px; font-weight: 500; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; }
.editor-wrap > div.editor-wrap-arrow > a,
.editor-wrap > div.editor-wrap-arrow > button { position: absolute; top: 62px; left: -48px; display: block; width: 36px; height: 36px; border-radius: 36px; border: 1px solid var(--stroke-framing); background: var(--background-default) var(--svg-ic-arrow-left-24) no-repeat center; }
.editor-wrap > div.editor-wrap-arrow > a.right,
.editor-wrap > div.editor-wrap-arrow > button.right { left: auto; right: -48px; background-image: var(--svg-ic-arrow-right-24); }
.editor-wrap > div.editor-wrap-arrow > a.swiper-button-disabled,
.editor-wrap > div.editor-wrap-arrow > button.swiper-button-disabled { opacity: 0.5; }
.editor-wrap > div.editor-wrap-pagignation { margin: 12px auto 0; text-align: center; }
.editor-wrap > div.editor-wrap-pagignation .swiper-pagination-bullet { background-color: var(--text-strong); }
.editor-wrap > div.editor-wrap-pagignation .swiper-pagination-bullet-active { background-color: var(--text-primary); }
.like-wrap { margin: 0 0 32px; }
.like-wrap a,
.like-wrap button { display: block; margin: 0 auto; width: 36px; height: 36px; background: var(--svg-ic-like-off); }
.like-wrap a.active,
.like-wrap button.active { background: var(--svg-ic-like-on); }
.like-wrap span { display: block; text-align: center; color: var(--text-impact); font-size: 13px; font-weight: 600; line-height:18px; margin-top: 4px; }
.reply-wrap { position: relative; padding: 15px 30px; border: 1px solid var(--stroke-framing); border-radius: 28px; text-align: center; }
.reply-wrap a,
.reply-wrap button { display: inline-block; color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 22px; padding-right: 20px; background: var(--svg-ic-arrow-right-16) no-repeat center right; }
.reply-wrap a::after,
.reply-wrap button::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.reply-wrap a span,
.reply-wrap button span { color: var(--text-impact); }
.ad-wrap { margin-top: 84px; }
.ad-wrap.type-mo { display: none; }
.ad-wrap .ad-btm-t5 { background-color: var(--background-default); }
.ad-wrap .ad-btm-t5 ul > li { line-height: 35px; position:relative; padding: 0 0 0 20px; }
.ad-wrap .ad-btm-t5 ul > li:before { content: ""; display: block; clear: both; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: var(--svg-ic-li-related) no-repeat 0 50%; background-size: 12px 12px; }
.ad-wrap .ad-btm-t5 ul > li .title a { font-size: 17px; font-weight: 400;; line-height: 32px; }
.ad-wrap > ul > li { padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
.ad-wrap > ul > li article { display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; }
.ad-wrap > ul > li picture { width: 96px; height: 64px; border-radius: 4px; }
.ad-wrap > ul > li div { flex: 1; }
.ad-wrap > ul > li a { font-size: 16px; font-weight: 500; line-height: 24px; }
.ad-wrap > ul > li.line-clamp-1 a { -webkit-line-clamp: 1; font-size: 15px; font-weight: 500; line-height: 22px; }
.ad-wrap > ul > li.line-clamp-1 a span.ad { padding: 4px 6px; margin-right: 8px; color: var(--text-inverted); font-size: 13px; font-weight: 500; line-height: 14px; background-color: var(--icon-soft); border-radius: 4px; }

/* article - roundup list */
.roundup-list { margin: 0 0 32px; padding: 28px 32px 22px; border: 1px solid var(--stroke-framing); border-radius: 8px; }
.roundup-list.active { position: absolute; right: 0; }
.roundup-list dt { padding-bottom: 10px; color: var(--text-impact); font-size: 16px; font-weight: 700; line-height: 24px; }
.roundup-list dd li { padding: 6px 0; position: relative; }
.roundup-list dd li a { display: -webkit-box; padding: 0 18px; color: var(--text-primary); font-size: 16px; font-weight: 500; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.roundup-list dd li a::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 6px; background: var(--text-impact); }
.roundup-list dd li::before { content: ''; display: block; position: absolute; left: 2.5px; top: 0; bottom: 0; width: 1px; background: var(--stroke-framing); }
.roundup-list dd li:first-child::before { top: 50%; }
.roundup-list dd li:last-child::before { bottom: 50%; }
.roundup-list dd a { display: none; }
/* aside - (main section.article-wrap aside) */
/* left function block */
aside.function-wrap { position: absolute; top: 32px; left:0; width: 72px; padding: 31px 0 35px; border: 1px solid var(--stroke-framing); border-radius: 36px; background-color: var(--background-default); transition: opacity .3s ease; opacity: .3; z-index: 2; }
aside.function-wrap > ul { display: flex; flex-direction: column; gap: 20px; }
aside.function-wrap > ul > li { position: relative; }
aside.function-wrap > ul > li.function-items, aside.function-wrap > ul > li.reply, aside.function-wrap > ul > li.print { cursor: pointer; }
aside.function-wrap > ul > li > a,
aside.function-wrap > ul > li > div { display: block; width: 62px; margin: 0 auto; padding: 2px 0 6px; color: var(--text-secondary); font-size: 13px; font-weight: 500; line-height: 18px; text-align: center; }
aside.function-wrap > ul > li > a.active, main .article-wrap aside.function-wrap > ul > li > a:hover { background-color: var(--surface-soft); border-radius: 8px; }
aside.function-wrap > ul > li > div.active, main .article-wrap aside.function-wrap > ul > li > div:hover { background-color: var(--surface-soft); border-radius: 8px; }
aside.function-wrap > ul > li > div.pop, 
aside.function-wrap > ul > li > div.pop:hover,
main .article-wrap aside.function-wrap > ul > li > div.pop:hover { background-color: var(--background-default); }
aside.function-wrap > ul > li.reply > a,
aside.function-wrap > ul > li.reply > div { color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 18px; }
aside.function-wrap > ul > li > a > p,
aside.function-wrap > ul > li > div > button { display: block; margin: 0 auto; width: 36px; height: 36px; }
aside.function-wrap > ul > li.reply > a > p,
aside.function-wrap > ul > li.reply > div > button { background: var(--svg-ic-article-reply); }
aside.function-wrap > ul > li.textsize > a > p,
aside.function-wrap > ul > li.textsize > div > button { background: var(--svg-ic-article-textsize); }
aside.function-wrap > ul > li.colormode > a > p,
aside.function-wrap > ul > li.colormode > div > button { background: var(--svg-ic-article-colormode); }
aside.function-wrap > ul > li.bookmark > a > p,
aside.function-wrap > ul > li.bookmark > div > button { background: var(--svg-ic-article-bookmark); }
aside.function-wrap > ul > li.bookmark > a.active,
aside.function-wrap > ul > li.bookmark > div.active { background-color: transparent; }
aside.function-wrap > ul > li.bookmark > a.active > p,
aside.function-wrap > ul > li.bookmark > div.active > button { background: var(--svg-ic-article-bookmark-on); }
aside.function-wrap > ul > li.favorite > a > p,
aside.function-wrap > ul > li.favorite > div > button { background: var(--svg-ic-article-favorite); }
aside.function-wrap > ul > li.favorite > a.active,
aside.function-wrap > ul > li.favorite > div.active { background-color: transparent; }
aside.function-wrap > ul > li.favorite > a.active > p,
aside.function-wrap > ul > li.favorite > div.active > button { background: var(--svg-ic-article-favorite-on); }
aside.function-wrap > ul > li.share > a > p,
aside.function-wrap > ul > li.share > div > button { background: var(--svg-ic-article-share); }
aside.function-wrap > ul > li.print > a > p,
aside.function-wrap > ul > li.print > div > button { background: var(--svg-ic-article-print); }
aside.function-wrap > ul > li.bookmark > a.active,
aside.function-wrap > ul > li.bookmark > div.active { background-color: transparent; }
aside.function-wrap > ul > li.bookmark > a.active > p,
aside.function-wrap > ul > li.bookmark > div.active > button { background: var(--svg-ic-article-bookmark-on); }
aside.function-wrap > ul > li.favorite > a.active,
aside.function-wrap > ul > li.favorite > div.active { background-color: transparent; }
aside.function-wrap > ul > li.favorite > a.active > p,
aside.function-wrap > ul > li.favorite > div.active > button { background: var(--svg-ic-article-favorite-on); }
aside.function-wrap > ul > li.channel > a > p,
aside.function-wrap > ul > li.channel > div > button { background: var(--svg-gnb-menu); }
aside.function-wrap .pop { display: none; position: absolute; left: calc(100% + 28px); top: 50%; transform: translateY(-50%); width: auto; padding: 11px; background-color: var(--background-default); border-radius: 8px; border: 1px solid var(--stroke-framing); }
aside.function-wrap .pop.active { display: block; }
aside.function-wrap .pop::before { content: ''; display: block; width: 17px; height: 16px; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); background: var(--svg-ic-tail) 17px 16px; }
aside.function-wrap .pop dt { padding-left: 4px; position: relative; display: flex; justify-content: space-between; }
aside.function-wrap .pop dt > p { font-size: 14px; font-weight: 500; line-height: 20px; }
aside.function-wrap .pop dt > a,
aside.function-wrap .pop dt > button { display: block; position: absolute; right: 0; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat; background-size: 20px 20px; }
aside.function-wrap .pop dd > ul { display: flex; flex-direction: row; gap: 16px; flex-wrap: nowrap; padding: 20px 8px 12px; }
aside.function-wrap .pop dd > ul > li > a,
aside.function-wrap .pop dd > ul > li > div { display: block; min-width: 50px; }
aside.function-wrap .pop dd > ul > li > a > span,
aside.function-wrap .pop dd > ul > li > div > button { display: block; margin: 0 auto; width: 36px; height: 36px; }
aside.function-wrap .pop dd > ul > li > a > p,
aside.function-wrap .pop dd > ul > li > div > p { padding-top: 8px; color: var(--text-description); font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; white-space: nowrap; } 
aside.function-wrap .pop dd > ul > li > a.active > p,
aside.function-wrap .pop dd > ul > li > div.active > p { color: var(--text-impact); font-weight: 500; }
aside.function-wrap .pop dd li a.btn-textsize-setting-1 span,
aside.function-wrap .pop dd li div.btn-textsize-setting-1 button { background: var(--svg-ic-textsize-1); }
aside.function-wrap .pop dd li a.btn-textsize-setting-2 span,
aside.function-wrap .pop dd li div.btn-textsize-setting-2 button { background: var(--svg-ic-textsize-2); }
aside.function-wrap .pop dd li a.btn-textsize-setting-3 span,
aside.function-wrap .pop dd li div.btn-textsize-setting-3 button { background: var(--svg-ic-textsize-3); }
aside.function-wrap .pop dd li a.btn-textsize-setting-1.active span,
aside.function-wrap .pop dd li div.btn-textsize-setting-1.active button { background: var(--svg-ic-textsize-1-on); }
aside.function-wrap .pop dd li a.btn-textsize-setting-2.active span,
aside.function-wrap .pop dd li div.btn-textsize-setting-2.active button { background: var(--svg-ic-textsize-2-on); }
aside.function-wrap .pop dd li a.btn-textsize-setting-3.active span,
aside.function-wrap .pop dd li div.btn-textsize-setting-3.active button { background: var(--svg-ic-textsize-3-on); }
aside.function-wrap .pop dd li a.btn-colormode-setting-w span,
aside.function-wrap .pop dd li div.btn-colormode-setting-w button { background: var(--svg-ic-colormode-w); }
aside.function-wrap .pop dd li a.btn-colormode-setting-d span,
aside.function-wrap .pop dd li div.btn-colormode-setting-d button { background: var(--svg-ic-colormode-d); }
aside.function-wrap .pop dd li a.btn-colormode-setting-b span,
aside.function-wrap .pop dd li div.btn-colormode-setting-b button { background: var(--svg-ic-colormode-b); }
aside.function-wrap .pop dd li a.btn-colormode-setting-g span,
aside.function-wrap .pop dd li div.btn-colormode-setting-g button { background: var(--svg-ic-colormode-g); }
aside.function-wrap .pop dd li a.btn-colormode-setting-w.active span,
aside.function-wrap .pop dd li div.btn-colormode-setting-w.active button { background: var(--svg-ic-colormode-w-on); }
aside.function-wrap .pop dd li a.btn-colormode-setting-d.active span,
aside.function-wrap .pop dd li div.btn-colormode-setting-d.active button { background: var(--svg-ic-colormode-d-on); }
aside.function-wrap .pop dd li a.btn-colormode-setting-b.active span,
aside.function-wrap .pop dd li div.btn-colormode-setting-b.active button { background: var(--svg-ic-colormode-b-on); }
aside.function-wrap .pop dd li a.btn-colormode-setting-g.active span,
aside.function-wrap .pop dd li div.btn-colormode-setting-g.active button { background: var(--svg-ic-colormode-g-on); }
aside.function-wrap .pop dd li a.btn-share-facebook span,
aside.function-wrap .pop dd li div.btn-share-facebook button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-snprobbx.fit'); }
aside.function-wrap .pop dd li a.btn-share-x span,
aside.function-wrap .pop dd li div.btn-share-x button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-k.fit'); }
aside.function-wrap .pop dd li a.btn-share-kakaotalk span,
aside.function-wrap .pop dd li div.btn-share-kakaotalk button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-xnxnbgnyx.fit'); }
aside.function-wrap .pop dd li a.btn-share-band span,
aside.function-wrap .pop dd li div.btn-share-band button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-onaq.fit'); }
aside.function-wrap .pop dd li a.btn-share-blog span,
aside.function-wrap .pop dd li div.btn-share-blog button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-oybt.fit'); }
aside.function-wrap .pop dd li a.btn-share-link span,
aside.function-wrap .pop dd li div.btn-share-link button { background: var(--svg-ic-share-link); }
aside.function-wrap .pop dd li a.btn-share-email span,
aside.function-wrap .pop dd li div.btn-share-email button { background: var(--svg-ic-share-email); }
/* right article list */
aside.list-wrap { margin: 164px 0 84px; width: 300px; }
aside.list-wrap ul.aside-wrap > li { margin-bottom: 48px; }
aside.list-wrap h3,
aside.list-wrap .area-tit { position: relative; margin-top: 48px; padding: 14px 0 16px; font-size: 18px; font-weight: 750; line-height: 24px; border-top: 2px solid var(--stroke-primary); }
aside.list-wrap .contbox-side-wrap.series h3,
aside.list-wrap .contbox-side-wrap.series .area-tit { display: flex; justify-content: space-between; align-items: center; gap: 5px; }
aside.list-wrap .contbox-side-wrap.series h3 .subscribeBtn > a,
aside.list-wrap .contbox-side-wrap.series .area-tit .subscribeBtn > a { cursor: pointer; }
aside.list-wrap .contbox-side-wrap.series h3 .subscribeBtn,
aside.list-wrap .contbox-side-wrap.series .area-tit .subscribeBtn { flex: 0 0 auto; }
aside.list-wrap h3 a.arrow::after,
aside.list-wrap .area-tit a.arrow::after { position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 14px; content: ''; background: var(--svg-ic-arrow-long-24) no-repeat; }
aside.list-wrap h3 a.subscription,
aside.list-wrap .area-tit a.subscription { display: block; padding: 5px 8px; font-size: 14px; font-weight: 500; line-height: 16px; border-radius: 4px; color: var(--text-inverted); background: var(--surface-impact); }
aside.list-wrap h3 a.subscription.active,
aside.list-wrap .area-tit a.subscription.active { color: var(--surface-impact); background: var(--surface-impact-soft); }
aside.list-wrap h3 a.subscription.active::after,
aside.list-wrap .area-tit a.subscription.active::after {content: " 중";}
aside.list-wrap h3 a.subscription.end,
aside.list-wrap .area-tit a.subscription.end { color: var(--text-description); background: var(--surface-soft); }
aside.list-wrap h3 a.subscription.end::after,
aside.list-wrap .area-tit a.subscription.end::after {content: " 종료";}
aside.list-wrap h3 a.subscribe_btn_end,
aside.list-wrap .area-tit a.subscribe_btn_end { display: block; padding: 5px 8px; font-size: 14px; font-weight: 500; line-height: 16px; border-radius: 4px; color: var(--text-description); background: var(--surface-soft); }

aside.list-wrap > ul > li .contbox-side-wrap.latest ol { display: flex; flex-direction: column; column-gap: 32px; flex-wrap: wrap; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li { position: relative; /* width: calc(100% - 16px); */ width: 100%; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li div { padding-left: 36px; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li article::after { position: absolute; left: 0; top: 16px; width: 28px; font-size: 22px; font-weight: 500; line-height: 32px; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(1) article::after { content: '1'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(2) article::after { content: '2'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(3) article::after { content: '3'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(4) article::after { content: '4'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(5) article::after { content: '5'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(6) article::after { content: '6'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(7) article::after { content: '7'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(8) article::after { content: '8'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(9) article::after { content: '9'; }
aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(10) article::after { content: '10'; }

aside.list-wrap > ul > li li { padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
aside.list-wrap > ul > li li article { display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; }
aside.list-wrap > ul > li li article p.subhead { padding-bottom: 4px; color: var(--text-primary); font-size: 13px; font-weight: 500; line-height: 18px; }
aside.list-wrap > ul > li li article p.subhead span { color: var(--text-impact); font-weight: 700; margin-right: 3px; }
aside.list-wrap > ul > li li picture { width: 96px; height: 64px; border-radius: 4px; }
aside.list-wrap > ul > li li.interactive picture { width: 96px; height: 96px; }
aside.list-wrap > ul > li li div { flex: 1; }
aside.list-wrap > ul > li li a { font-size: 16px; font-weight: 600; line-height: 24px; }
aside.list-wrap > ul > li li.line-clamp-1 a { -webkit-line-clamp: 1; font-size: 15px; font-weight: 500; line-height: 22px; }
aside.list-wrap > ul > li > ul.list > li:nth-child(5) { padding-bottom: 0; }
/* aside.list-wrap > ul > li > ul.list > li:nth-last-child(1),
aside.list-wrap > ul > li > ul.list > li:nth-last-child(2),
aside.list-wrap > ul > li > ul.list > li:nth-last-child(3) { display: none; } */
aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-child(5) { padding-bottom: 0; }
/* aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(1),
aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(2),
aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(3) { display: none; } */
aside.list-wrap .banner-newsletter { margin-top: 36px; }
aside.list-wrap .banner-newsletter a { display: block; padding: 15px 12px 15px 16px; width: 100%; background-color: #5A62E6; border-radius: 8px; }
aside.list-wrap .banner-newsletter dl { display: flex; gap: 12px; width: 100%; height: 42px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-evtug-16-juvgr.fit") right center no-repeat; }
aside.list-wrap .banner-newsletter dt { width: 42px; }
aside.list-wrap .banner-newsletter dt img { width: 100%; }
aside.list-wrap .banner-newsletter dd span { display: block; color: #BBBFFF; font-size: 13px; font-weight: 500; line-height: 18px; }
aside.list-wrap .banner-newsletter dd p { padding-top: 2px; color: var(--text-inverted); font-size: 15px; font-weight: 500; line-height: 22px; }
/* right curation */
aside.curation-wrap { position: absolute; top: 32px; right:0; width: 280px; z-index: 9; }
aside.curation-wrap dt { height: 280px; border-radius: 8px 8px 0px 0px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svzt-phengvba.fit") no-repeat; background-size: 100% auto; transition: all 0.3s; }
aside.curation-wrap dt p { padding: 14px 16px 0 20px; font-size: 24px; font-weight: 700; line-height: 34px; color: var(--text-inverted); transition: all 0.3s; }
aside.curation-wrap dt ul { display: none; position: absolute; right: 12px; top: 50%; margin-top: -12px; }
aside.curation-wrap dt ul::after { content: ''; display: block; clear: both; }
aside.curation-wrap dt ul a { display: block; width: 24px; height: 24px; background-size: 24px 24px; }
aside.curation-wrap dt ul li { float: left; }
aside.curation-wrap dt ul li:first-child a { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-phengvba-yrsg.fit") no-repeat; }
aside.curation-wrap dt ul li:last-child { padding-left: 4px; }
aside.curation-wrap dt ul li:last-child a { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-phengvba-evtug.fit") no-repeat; }
aside.curation-wrap.active dt { height: 68px; background: linear-gradient(270deg, #FFF98C -8.38%, #2484DD 99.86%); }
aside.curation-wrap.active dt p { padding: 12px 12px 12px 16px; font-size: 16px; line-height: 22px; }
aside.curation-wrap dd ol { border: 1px solid var(--stroke-separator); border-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
aside.curation-wrap dd li { padding: 10px 15px 10px 16px; position: relative; border-bottom: 1px solid var(--stroke-separator); }
aside.curation-wrap dd li:last-child { padding: 10 16px; border: 0; }
aside.curation-wrap dd li a { display: -webkit-box; padding-left: 26px; color: var(--text-description); font-size: 14px; font-weight: 500; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
aside.curation-wrap dd li a::before { display: block; position: absolute;left: 16px; font-size: 14px; font-weight: 500; line-height: 22px;  }
aside.curation-wrap dd li.active { border-bottom: 1px solid var(--surface-impact); background-color: var(--surface-impact); }
aside.curation-wrap dd li.active a { color: var(--text-inverted); display: block; }
aside.curation-wrap dd li:nth-child(1) a::before { content: '1'; }
aside.curation-wrap dd li:nth-child(2) a::before { content: '2'; }
aside.curation-wrap dd li:nth-child(3) a::before { content: '3'; }
aside.curation-wrap dd li:nth-child(4) a::before { content: '4'; }
aside.curation-wrap dd li:nth-child(5) a::before { content: '5'; }
aside.curation-wrap dd li:nth-child(6) a::before { content: '6'; }
aside.curation-wrap dd li:nth-child(7) a::before { content: '7'; }
aside.curation-wrap dd li:nth-child(8) a::before { content: '8'; }
aside.curation-wrap dd li:nth-child(9) a::before { content: '9'; }
aside.curation-wrap dd li:nth-child(10) a::before { content: '10'; }
/* right roundup */
aside.roundup-wrap { position: absolute; top: 32px; right:0; width: 280px; display: none; z-index: 2; }
aside.roundup-wrap dl { border: 1px solid var(--stroke-separator); border-radius: 8px;}
aside.roundup-wrap dt { padding: 12px 16px; font-size: 16px; font-weight: 700; line-height: 22px; }
aside.roundup-wrap dd { max-height: 440px; overflow: auto; }
aside.roundup-wrap dd::-webkit-scrollbar { width: 10px; }
aside.roundup-wrap dd::-webkit-scrollbar-track { background-color: #dce3ef; }
aside.roundup-wrap dd::-webkit-scrollbar-thumb { background-color: #FFFFFF; border: 1px solid #4C70E8; border-radius: 10px; }
aside.roundup-wrap dd::-webkit-scrollbar-button:start:decrement,
aside.roundup-wrap dd::-webkit-scrollbar-button:end:increment { display: none; }
aside.roundup-wrap dd > a { display: none; }
aside.roundup-wrap dd li { padding: 10px 16px 10px 15px; position: relative; border-top: 1px solid var(--stroke-separator); }
aside.roundup-wrap dd li a { display: -webkit-box; color: var(--text-primary); font-size: 14px; font-weight: 500; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
aside.roundup-wrap dd li.active a { color: var(--text-impact); display: block; font-weight: 700; line-height: 20px; }
/* bottom  */
.bottom-wrap h3,
.bottom-wrap .area-tit { position: relative; font-size: 20px; font-weight: 750; line-height: 24px; border-top: 2px solid var(--stroke-primary); padding: 14px 0 16px; }
.bottom-wrap h3 a::after,
.bottom-wrap .area-tit a::after { position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 16px; content: ''; background: var(--svg-ic-arrow-long-24) no-repeat; }
.bottom-wrap h3 a.arrow.txt,
.bottom-wrap .area-tit a.arrow.txt { display: inline-block; text-indent: -9999px; }
.bottom-wrap h3 .tooltip-wrap a::after,
.bottom-wrap .area-tit .tooltip-wrap a::after { content: unset;}
.bottom-wrap li article { display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; }
.bottom-wrap li picture { width: 96px; height: 64px; border-radius: 4px; }
.bottom-wrap li div { flex: 1; }
.bottom-wrap li a,
.bottom-wrap li button { font-size: 16px; font-weight: 600; line-height: 24px; }
.bottom-wrap ol { display: flex; flex-direction: column; column-gap: 32px; flex-wrap: wrap; max-height: 441px; }
.bottom-wrap ol > li { position: relative; width: calc(50% - 16px); }
.bottom-wrap ol > li div { padding-left: 36px; }
.bottom-wrap ol > li article::after { position: absolute; left: 0; top: 16px; width: 28px; font-size: 22px; font-weight: 500; line-height: 32px; }
.bottom-wrap ol > li:nth-child(1) article::after { content: '1'; }
.bottom-wrap ol > li:nth-child(2) article::after { content: '2'; }
.bottom-wrap ol > li:nth-child(3) article::after { content: '3'; }
.bottom-wrap ol > li:nth-child(4) article::after { content: '4'; }
.bottom-wrap ol > li:nth-child(5) article::after { content: '5'; }
.bottom-wrap ol > li:nth-child(6) article::after { content: '6'; }
.bottom-wrap ol > li:nth-child(7) article::after { content: '7'; }
.bottom-wrap ol > li:nth-child(8) article::after { content: '8'; }
.bottom-wrap ol > li:nth-child(9) article::after { content: '9'; }
.bottom-wrap ol > li:nth-child(10) article::after { content: '10'; }
.bottom-wrap > ul > li li { padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
.bottom-wrap.mostviewAndKhanup { min-height: 1260px; }
.bottom-wrap.mostviewAndKhanup > ul { display: flex; gap: 32px; }
.bottom-wrap.mostviewAndKhanup > ul > li.mostview { width: 800px; margin-bottom: 72px; }
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews { position: absolute; bottom: 0; width: 100%; }
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews > .area-tit { margin: 0 auto; max-width: 1216px; }
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul { margin: 0 auto 72px; max-width: 1216px; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 32px; }
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li { flex: 1 1 30%; } 
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li.type-mo { display: none; }
.bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li article { flex-direction: row; }
section.bottom-wrap.noadBottomCont { }
section.bottom-wrap.noadBottomCont .list-wrap { display: flex; gap: 32px; }
section.bottom-wrap.noadBottomCont .list-wrap > ul { width:800px; }
section.bottom-wrap.noadBottomCont .list-wrap > ul > li { margin-bottom: 72px; }
section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major > ul, 
section.bottom-wrap.noadBottomCont .list-wrap > ul > li.latest > ul { max-height: 265px; }
section.bottom-wrap.noadBottomCont .list-wrap > ul > li > ul { display: flex; flex-direction: column; column-gap: 32px; flex-wrap: wrap; }
section.bottom-wrap.noadBottomCont .list-wrap > ul > li li { position: relative; width: calc(50% - 16px); padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
section.bottom-wrap.noadBottomCont aside { width: 384px; }
section.bottom-wrap.noadBottomCont .list-wrap > li {  }
section.bottom-wrap.noadBottomCont .list-wrap > li:nth-child(2) { width: 384px; } 
section.bottom-wrap.noadBottomCont .list-wrap > li:nth-child(3) { width: 800px; } 
section.bottom-wrap.noadBottomCont aside ul > li > ul > li { padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap { overflow-y: auto; max-height: 790px; }
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar { width: 10px; margin-left: 10px; padding-left: 10px; }
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-track { background-color: var(--background-default);}
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-thumb { background-color: var(--background-default); border: 1px solid var(--background-highlight); border-radius: 10px; }
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-thumb:hover {background: var(--background-highlight);}
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-button:start:decrement,
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-button:end:increment { /* width: 10px; height: 10px; background: var(--background-dark); */ display: none; }
html[color-theme="dark"] section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-thumb { background-color: var(--text-description); border: 1px solid var(--background-highlight); border-radius: 10px; }
html[color-theme="green"] section.bottom-wrap.noadBottomCont aside ul > li .series-wrap::-webkit-scrollbar-thumb { background-color: var(--text-description); border: 1px solid var(--background-highlight); border-radius: 10px; }
section.bottom-wrap.noadBottomCont aside ul > li .series-wrap > ul > li { padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); }
section.bottom-wrap.noadBottomCont aside ul > li.series { margin-bottom: 30px; }
/* section.bottom-wrap.noadBottomCont aside ul > li.series ul.scroll { overflow-y: auto; max-height: 750px; } */
/*
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag { position: relative; margin: 0 0 72px; padding: 30px 30px 30px; border-top: 2px solid var(--stroke-primary); background-color: var(--background-dark); }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag h3,
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .area-tit { margin-bottom: 20px; padding: 0; border: none; font-size: 24px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag article { flex-direction: column; gap: 18px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag picture { width: 160px; height: auto; border-radius: 0; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .tag { font-size: 15px; line-height: 18px; padding: 3px 5px; margin-bottom: 3px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .tag.tag-quote { width: 24px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag a { font-size: 22px; font-weight: 750; line-height: 30px; -webkit-line-clamp: 2; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag em { font-size: 15px; line-height: 18px; font-weight: 500; padding: 3px 5px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue { font-size: 15px; font-weight: 700; line-height: 20px; margin-bottom: 8px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue em { vertical-align: middle; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue span { display: inline-block;  color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 20px; vertical-align: middle; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.desc { display: none; padding-top: 12px; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--text-description); overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .new-edition-box {background-color:#f5f5f5; border-radius: 8px; padding: 30px;}
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select { display: flex; gap: 24px; justify-content: center; margin: 20px 0 0; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select li { position: relative; height: 32px; padding: 0 20px; border-radius: 28px; text-align: center; line-height: 32px; background-color: var(--background-default); }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select li a { display: inline-block; color: var(--text-primary); font-size: 14px; font-weight: 700; line-height: 22px; }
*/
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag { position: relative; width: 384px; max-height: fit-content; margin: 0 0 83px; padding: 30px 30px 28px; border-top: 2px solid var(--stroke-primary); background-color: var(--surface-soft); }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag h3,
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .area-tit { margin-bottom: 20px; padding: 0; border: none; font-size: 24px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag article { flex-direction: row; align-items: flex-start; gap: 24px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag a.thumb,
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag picture { width: 120px; height: auto; border-radius: 0; z-index: 2; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .tag { font-size: 15px; line-height: 18px; padding: 3px 5px; margin-bottom: 3px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .tag.tag-quote { width: 24px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag a { font-size: 21px; font-weight: 750; line-height: 28px; -webkit-line-clamp: 4; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.desc { display: none; margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 22px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag em { font-size: 15px; line-height: 18px; font-weight: 500; padding: 3px 5px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue { font-size: 14px; font-weight: 700; line-height: 20px; margin: 8px 0; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue em { vertical-align: middle; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.issue span { display: inline-block;  color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 20px; vertical-align: middle; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .head-box { position: relative; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .new-edition-box { background-color: #f5f5f5; border-radius: 8px; padding: 30px; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select { display: flex; gap: 24px; justify-content: space-evenly; margin: 20px 0 0; }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select li { position: relative; width: 100%; max-width: 180px; height: 32px; border-radius: 28px; text-align: center; line-height: 32px; background-color: var(--background-default); }
section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag .mag-select li a { display: inline-block; color: var(--text-primary); font-size: 14px; font-weight: 700; line-height: 22px; }

.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag { position: relative; width: 384px; max-height: fit-content; margin: 0 0 72px; padding: 30px 30px 40px; border-top: 2px solid var(--stroke-primary); background-color: var(--surface-soft); }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag h3,
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .area-tit { margin-bottom: 20px; padding: 0; border: none; font-size: 24px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag article { flex-direction: row; align-items: flex-start; gap: 24px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a.thumb,
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag picture { width: 140px; height: auto; border-radius: 0; z-index: 2; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .tag { font-size: 15px; line-height: 18px; padding: 3px 5px; margin-bottom: 3px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .tag.tag-quote { width: 24px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a { font-size: 21px; font-weight: 750; line-height: 28px; -webkit-line-clamp: 4; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.desc { display: none; margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 22px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag em { font-size: 15px; line-height: 18px; font-weight: 500; padding: 3px 5px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.issue { font-size: 14px; font-weight: 700; line-height: 20px; margin: 8px 0; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.issue em { vertical-align: middle; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.issue span { display: inline-block;  color: var(--text-impact); font-size: 14px; font-weight: 500; line-height: 20px; vertical-align: middle; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .head-box { position: relative; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .new-edition-box { background-color: #f5f5f5; border-radius: 8px; padding: 30px; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select { display: flex; gap: 24px; justify-content: center; margin: 20px 0 0; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select li { position: relative; width: 100%; max-width: 180px; height: 32px; border-radius: 28px; text-align: center; line-height: 32px; background-color: var(--background-default); padding: 0; }
.bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select li a { display: inline-block; color: var(--text-primary); font-size: 14px; font-weight: 700; line-height: 22px; }
/* 광고없는 기사 뷰 하단 - 연재 기사 존재 하지 않을 경우 .noseries */
section.bottom-wrap.noadBottomCont.noseries .list-wrap > aside { display: none; }
section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul { display: flex; width: 100%; gap: 32px; }
section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.mostview { width: 800px; }
section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.major { width: 384px; }
section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.major ul { flex-wrap: initial; max-height: max-content; }
section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.major li { width: 100%; }
.morecont-wrap { display: none; position: relative; max-width: 280px; padding: 15px 30px; border: 1px solid var(--stroke-framing); border-radius: 28px; text-align: center; margin: 20px auto 20px; }
.morecont-wrap.active { display: block; }
.morecont-wrap a,
.morecont-wrap button { display: inline-block; color: var(--text-primary); font-size: 15px; font-weight: 500; line-height: 22px; padding-right: 20px; background: var(--svg-ic-plus-24) no-repeat center right; background-size: 16px 16px; }
.morecont-wrap a::after,
.morecont-wrap button::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.morecont-wrap a span,
.morecont-wrap button span { color: var(--text-impact); }
/* popup - fuction (mobile only) */
.m-pop { display: none; position: fixed; top: 50%; left: 50%; width: 312px; z-index: 12; background-color: var(--background-default); border-radius: 8px; border: 1px solid var(--stroke-framing); }
.m-pop.pop-summary.active,
.m-pop.m-pop-viewmode.active,
.m-pop.m-pop-share.active,
.m-pop.m-pop-newspl.active { display: block; }
.m-pop dt { margin: 16px 14px 0 20px; padding-bottom: 16px; position: relative; border-bottom: 1px solid var(--stroke-separator); }
.m-pop dt > p { font-size: 16px; font-weight: 700; line-height: 24px; }
.m-pop dt > a,
.m-pop dt > button { display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat center; background-size: 24px 24px; }
.m-pop dd { padding: 16px 20px 20px 20px; }
.m-pop dd > ul { display: flex; flex-direction: row; gap: 16px; justify-content: space-between; }
.m-pop dd > ul > li > a,
.m-pop dd > ul > li > div { display: block; min-width: 50px; }
.m-pop dd > ul > li > a > span,
.m-pop dd > ul > li > div > button { display: block; margin: 0 auto; width: 36px; height: 36px; }
.m-pop dd > ul > li > a > p,
.m-pop dd > ul > li > div > p { padding-top: 8px; color: var(--text-description); font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; white-space: nowrap; } 
.m-pop-viewmode { margin: -156px 0 0 -156px; height: 312px; }
.m-pop-viewmode dd > p { font-size: 14px; font-weight: 500; line-height: 20px; padding-bottom: 12px; }
.m-pop-viewmode dd > p.colormode { padding-top: 24px; }
.m-pop-viewmode dd > ul { flex-wrap: nowrap; }
.m-pop-viewmode dd > ul > li > a.active > p,
.m-pop-viewmode dd > ul > li > div.active > p { color: var(--text-impact); font-weight: 500; }
.m-pop-colormode { margin: -81px 0 0 -156px; height: 162px; }
.m-pop-colormode dd > p { font-size: 14px; font-weight: 500; line-height: 20px; padding-bottom: 12px; }
.m-pop-colormode dd > p.colormode { padding-top: 14px; }
.m-pop-colormode dd > ul { flex-wrap: nowrap; }
.m-pop-colormode dd > ul > li > a.active > p,
.m-pop-colormode dd > ul > li > div.active > p { color: var(--text-impact); font-weight: 500; }
.m-pop .btn-area { padding: 25px 0 0; }
.m-pop .btn-area:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.m-pop .btn-area .btn-confirm, 
.m-pop .btn-area .btn-cancel {display: flex; gap: 12px; justify-content: center; width: calc(50% - 6px); padding: 10px 0; background-color: var(--background-default); border: 1px solid var(--text-impact); border-radius: 30px; cursor: pointer;}
.m-pop .btn-area span { font-size: 14px; font-weight: 500; text-align: center; font-family: 'SUIT'; }
.m-pop .btn-area .btn-confirm { float: right; background-color: var(--surface-impact); color: var(--text-inverted); }
.m-pop .btn-area .btn-cancel {float: left; color: var(--text-description); border: 1px solid var(--stroke-framing); }
.m-pop-share { margin: -120px 0 0 -156px; height: 240px }
.m-pop-share dd > ul { flex-wrap: wrap; }
.m-pop-newspl { margin: -156px 0 0 -156px; /* height: 268px; */ }
.m-pop dd li a.btn-textsize-setting-1 span,
.m-pop dd li div.btn-textsize-setting-1 button { background: var(--svg-ic-textsize-1); }
.m-pop dd li a.btn-textsize-setting-2 span,
.m-pop dd li div.btn-textsize-setting-2 button { background: var(--svg-ic-textsize-2); }
.m-pop dd li a.btn-textsize-setting-3 span,
.m-pop dd li div.btn-textsize-setting-3 button { background: var(--svg-ic-textsize-3); }
.m-pop dd li a.btn-textsize-setting-1.active span,
.m-pop dd li div.btn-textsize-setting-1.active button { background: var(--svg-ic-textsize-1-on); }
.m-pop dd li a.btn-textsize-setting-2.active span,
.m-pop dd li div.btn-textsize-setting-2.active button { background: var(--svg-ic-textsize-2-on); }
.m-pop dd li a.btn-textsize-setting-3.active span,
.m-pop dd li div.btn-textsize-setting-3.active button { background: var(--svg-ic-textsize-3-on); }
.m-pop dd li a.btn-colormode-setting-w span,
.m-pop dd li div.btn-colormode-setting-w button { background: var(--svg-ic-colormode-w); }
.m-pop dd li a.btn-colormode-setting-d span,
.m-pop dd li div.btn-colormode-setting-d button { background: var(--svg-ic-colormode-d); }
.m-pop dd li a.btn-colormode-setting-b span,
.m-pop dd li div.btn-colormode-setting-b button { background: var(--svg-ic-colormode-b); }
.m-pop dd li a.btn-colormode-setting-g span,
.m-pop dd li div.btn-colormode-setting-g button { background: var(--svg-ic-colormode-g); }
.m-pop dd li a.btn-colormode-setting-w.active span,
.m-pop dd li div.btn-colormode-setting-w.active button { background: var(--svg-ic-colormode-w-on); }
.m-pop dd li a.btn-colormode-setting-d.active span,
.m-pop dd li div.btn-colormode-setting-d.active button { background: var(--svg-ic-colormode-d-on); }
.m-pop dd li a.btn-colormode-setting-b.active span,
.m-pop dd li div.btn-colormode-setting-b.active button { background: var(--svg-ic-colormode-b-on); }
.m-pop dd li a.btn-colormode-setting-g.active span,
.m-pop dd li div.btn-colormode-setting-g.active button { background: var(--svg-ic-colormode-g-on); }
.m-pop dd li a.btn-share-facebook span,
.m-pop dd li div.btn-share-facebook button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-snprobbx.fit'); }
.m-pop dd li a.btn-share-x span,
.m-pop dd li div.btn-share-x button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-k.fit'); }
.m-pop dd li a.btn-share-kakaotalk span,
.m-pop dd li div.btn-share-kakaotalk button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-xnxnbgnyx.fit'); }
.m-pop dd li a.btn-share-band span,
.m-pop dd li div.btn-share-band button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-onaq.fit'); }
.m-pop dd li a.btn-share-blog span,
.m-pop dd li div.btn-share-blog button { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-funer-oybt.fit'); }
.m-pop dd li a.btn-share-link span,
.m-pop dd li div.btn-share-link button { background: var(--svg-ic-share-link); }
.m-pop dd li a.btn-share-email span,
.m-pop dd li div.btn-share-email button { background: var(--svg-ic-share-email); }
/* print */
.print-header { padding: 20px 32px 19px; border-bottom: 1px solid var(--stroke-separator); }
.print-header h1, .print-header .logo-tit { float: left; width: 120px; height: 32px; background: var(--svg-logo); background-size: 100% 100%; }
.print-header .btn-print { float: right; display: block; padding: 8px 12px; background-color: var(--surface-impact); border-radius: 16px; color: var(--text-inverted); text-align: center; font-size: 14px; font-weight: 500; line-height: 16px; }
.print-header .btn-cancel { margin-left: 8px; float: right; display: block; padding: 8px 12px; color: var(--text-impact); border: 1px solid var(--text-impact); border-radius: 16px;  text-align: center; font-size: 14px; font-weight: 500; line-height: 16px; }
.print-header::after { content: ''; display: block; clear: both; }
.print-wrap { padding: 32px 32px 0; }
.print-wrap header { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--stroke-framing); }
.print-wrap .art_cont .art_photo {max-width: 710px; }
.print-wrap .art_cont .art_copyright { margin: 50px 0; color: var(--text-primary); }
.print-wrap .art_cont address { margin-bottom: 50px; text-align: center; color: var(--text-primary); font-size: 17px; font-weight: normal; letter-spacing: 0; }
.print-wrap .art_cont .art_vod { display: flex; justify-content: center; }
/* send mail */
.sendmail-header { padding: 20px 32px 19px; border-bottom: 1px solid var(--stroke-separator); }
.sendmail-header h1, .sendmail-header .logo-tit { float: left; width: 111px; height: 28px; background: var(--svg-logo); background-size: 100% 100%; }
.sendmail-header .sub-msg { float: left; display: block; padding-left: 12px; font-size: 22px; font-weight: 500; line-height: 32px; }
.sendmail-header::after { content: ''; display: block; clear: both; }
.sendmail-wrap { padding: 32px; }
.sendmail-wrap .mail_box { margin:25px 0;}
.sendmail-wrap .mail_box.from_form .cont { display: flex; justify-content: space-between; gap: 10px; }
.sendmail-wrap .mail_box.from_form .cont .ipt { width: 100%; }
.sendmail-wrap .news_form { margin-top:0;}
.sendmail-wrap .sub_title { color: var(--text-impact); margin-bottom: 10px; font-size: 16px; font-weight: 500; }
.sendmail-wrap .mail_box .cont { position:relative;}
.sendmail-wrap .mail_box .cont .newsc { background-color: #f5f6f8; color: var(--text-primary); font-size: 26px; line-height: 35px; padding: 20px; font-weight: 500; }
.sendmail-wrap .mail_box .cont .newsc_lead { background:none repeat scroll 0 0 #f5f6f8; color:#666; font-size:14px; line-height:22px; padding:0 20px 20px;}
.sendmail-wrap .ipt { overflow: hidden; position: relative; }
.sendmail-wrap .input_box { border: 1px solid #d7d7d7; margin: 5px 0; padding: 10px; width: 100%; font-size: 14px; }
.sendmail-wrap .mail_box textarea { width: 100%; height: 100px; padding: 10px 70px 10px 10px; overflow-y: auto; resize: none; }
.sendmail-wrap .ntc { display:block; color:#595959; font-size:14px;}
.sendmail-wrap .ntc.fal { color:#e90000; margin-top:3px;}
.sendmail-wrap .txt_num { position: absolute; bottom: 15px; right: 10px; color: #bababc; z-index: 10; letter-spacing: 0; font-size: 14px; }
.sendmail-wrap .fal .input_box { border:1px solid #f10000;}
.sendmail-wrap .btn_wrap { display: flex; justify-content: center; align-items: center; }
.sendmail-wrap .btn { display: inline-block; font-size: 16px; line-height: 32px; text-align: center; width: 120px; margin: 0 3px; font-weight: 500; border-radius: 50px; padding: 4px 12px; }
.sendmail-wrap .btn_gray { background-color: var(--surface-impact); color: var(--text-inverted); border: 1px solid var(--surface-impact); }
.sendmail-wrap .btn_line { margin-left: 8px; color: var(--text-impact); border: 1px solid var(--text-impact); }
/* send mail done */
.sendmail-wrap .txt_a { color: var(--text-primary); font-size: 28px; text-align: center; margin: 80px 0 60px; line-height:40px;}
.sendmail-wrap #popup_wrap .txt_a p { width:100%; word-break:break-all; word-wrap:normal;}


/* 뉴스플리 PC 팝업 */
aside.function-wrap > ul > li.favorite .newspl_wrap { display: none; position: absolute; left: calc(100% + 28px); top: 50%; transform: translateY(-50%); width: 360px; background-color: var(--background-default); border-radius: 8px; border: 1px solid var(--stroke-framing); }
aside.function-wrap > ul > li.favorite .newspl_wrap::before { content: ''; display: block; width: 17px; height: 16px; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); background: var(--svg-ic-tail) 17px 16px; }
aside.function-wrap > ul > li.favorite .newspl_wrap.active { display: block; }
aside.function-wrap > ul > li.favorite .newspl_wrap a { text-indent: 0; }
aside.function-wrap > ul > li.favorite .newspl_wrap .popup_close { position: absolute; right: 11px; top: 11px; }
aside.function-wrap > ul > li.favorite .newspl_wrap .popup_close a { display: block; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat; background-size: 20px 20px; }
aside.function-wrap > ul > li.favorite .newspl_wrap .sub_content {position:relative;}
aside.function-wrap > ul > li.favorite .newspl_wrap .hd { padding: 11px 11px 11px 15px; border-bottom: 1px solid var(--stroke-framing); font-size: 14px; font-weight: 500; line-height: 20px; color: var(--text-primary); }
aside.function-wrap > ul > li.favorite .newspl_wrap .generate_area .btn { padding: 10px 0 10px; border-top: 0; }
aside.function-wrap > ul > li.favorite .newspl_wrap .btn {padding:10px 0; border-top:1px dashed var(--stroke-framing); border-radius:0 0 8px 8px; text-align:center; }
aside.function-wrap > ul > li.favorite .newspl_wrap #btn_createNewply.btn {text-align:left; padding:10px 27px;} /* 새 뉴스플리 만들기 버튼 정렬 */
aside.function-wrap > ul > li.favorite .newspl_wrap .btn a {text-indent:inherit;}
aside.function-wrap > ul > li.favorite .newspl_wrap .btn .generate { display: inline-block; width: auto; height: 20px; padding-left: 18px; font-size: 14px; font-weight: 500; text-indent: inherit; color: var(--text-secondary); line-height: 20px; background: var(--svg-ic-plus-24) no-repeat left center; background-size: 16px 16px; }
aside.function-wrap > ul > li.favorite .newspl_wrap .btn .save {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #666; border-radius:8px; color: var(--text-primary); font-size:15px; line-height:34px; text-decoration:none; background-color:#fff;}
aside.function-wrap > ul > li.favorite .newspl_wrap .btn .save:hover {border:1px solid #4a4a4a; color:#fefefe; background-color:#4a4a4a;}
aside.function-wrap > ul > li.favorite .newspl_wrap .btn .cancel {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #999; border-radius:8px; color: var(--text-description); font-size:15px; line-height:34px; text-decoration:none; background-color:#fefefe;}
aside.function-wrap > ul > li.favorite .generate_area { padding: 10px 20px 10px; border-radius: 0 0 10px 10px; background-color: var(--background-default); }
aside.function-wrap > ul > li.favorite .generate_area .generate_input_wrap { display: flex; align-items: center; flex-direction: column; position: relative; }
aside.function-wrap > ul > li.favorite .generate_area .generate_input_wrap .count {position:absolute; top: 15px; right:10px; text-align:right; color: var(--text-description); font-size:12px;}
aside.function-wrap > ul > li.favorite .generate_area input {width:320px; height:40px; margin:0; padding:0 45px 0 10px; border:1px solid #666; border-radius:5px; color:#222; font-size:14px; box-sizing:border-box; background-color:#fff;}
aside.function-wrap > ul > li.favorite .generate_area .input_guide_error {font-size:13px; line-height:13px; padding:10px 5px; color:#ff0000;}
aside.function-wrap > ul > li.favorite .newspl_check_area { overflow: hidden; max-height: 150px; padding: 11px 20px 11px 20px; /* border-bottom: 1px dashed var(--stroke-framing); */ }
aside.function-wrap > ul > li.favorite .newspl_check_area.scroll {overflow-y:scroll;}
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_check_list { display: flex; cursor: pointer; height: 26px; align-items: center; }
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_check_list.lock { background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-ybpx.fit") right center no-repeat; background-size:10px; }
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_list_more .more_btn {margin:0 0 0 20px; padding:3px 18px 3px 8px; border:1px solid #ccc; border-radius:6px; font-size:12px; background: var(--svg-ic-arrow-down-16-gray) no-repeat; background-position: 95% 50%; background-size:10px; background-color: #fff;}
aside.function-wrap > ul > li.favorite .newspl_check_area label {display:block; color: var(--text-secondary); font-size: 14px; font-weight: 500; line-height: 20px; }
aside.function-wrap > ul > li.favorite .newspl_check_area input[class="newspl_check"] {display:none;}
aside.function-wrap > ul > li.favorite .newspl_check_area input[type="checkbox"] + label {overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; cursor: pointer; padding-left: 23px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-purpx.fit"); background-repeat: no-repeat; background-size: 15px 15px; background-position: left 50%; }
aside.function-wrap > ul > li.favorite .newspl_check_area input[type="checkbox"]:checked + label { background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-purpxrq.fit"); }
aside.function-wrap > ul > li.favorite .newspl_check_area label .badge-new {display:inline-block; width:26px; margin-left:5px; text-indent:-9999px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-arj.fit") center center no-repeat; background-size:26px 12px;}
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_check_list .badge-info { display: flex; align-items: center; margin-left: 5px; font-size: 13px; font-weight: 500; }
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_check_list .badge-info.ins {color: var(--text-impact); }
aside.function-wrap > ul > li.favorite .newspl_check_area .newspl_check_list .badge-info.del {color: #F25050; }
/* 뉴스플리 모바일 팝업 */
.m-pop-newspl .sub_content {position:relative;}
.m-pop-newspl .sub_content.newspl_wrap .hd { padding: 11px 11px 11px 15px; border-bottom: 1px solid var(--stroke-framing); font-size: 14px; font-weight: 500; line-height: 20px; color: var(--text-primary); }
.m-pop-newspl .sub_content.newspl_wrap .generate_area .btn {padding:15px 0 10px;}
.m-pop-newspl .sub_content.newspl_wrap .btn {padding:10px 0; /* border-top:1px dashed var(--stroke-framing); */ border-radius:0 0 8px 8px; text-align:center; }
.m-pop-newspl .sub_content.newspl_wrap #btn_createNewply.btn { text-align: left; padding: 20px 0 0; } /* 새 뉴스플리 만들기 버튼 정렬 */
.m-pop-newspl .sub_content.newspl_wrap .btn a {text-indent:inherit;}
.m-pop-newspl .sub_content.newspl_wrap .btn .generate { display: inline-block; width: auto; height: 20px; padding-left: 18px; font-size: 14px; font-weight: 500; color: var(--text-secondary); line-height: 20px; background: var(--svg-ic-plus-24) no-repeat left center; background-size: 16px 16px; }
.m-pop-newspl .sub_content.newspl_wrap .btn .save {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #666; border-radius:8px; color:#1a1a1a; font-size:15px; line-height:34px; text-decoration:none; background-color:#fff;}
.m-pop-newspl .sub_content.newspl_wrap .btn .save:hover {border:1px solid #4a4a4a; color:#fefefe; background-color:#4a4a4a;}
.m-pop-newspl .sub_content.newspl_wrap .btn .cancel {display:inline-block; width:110px; height:34px; margin:0 10px; border:1px solid #999; border-radius:8px; color:#787878; font-size:15px; line-height:34px; text-decoration:none; background-color:#fefefe;}
.m-pop-newspl .sub_content .generate_area { padding: 10px 0 0; border-radius: 0 0 10px 10px; background-color: var(--background-default); }
.m-pop-newspl .sub_content .generate_area .generate_input_wrap {position:relative;}
.m-pop-newspl .sub_content .generate_area .generate_input_wrap .count {position:absolute; top:16px; right:10px; text-align:right; color:#787878; font-size:12px;}
.m-pop-newspl .sub_content .generate_area input { width: 270px; height: 40px; margin: 0; padding:0 45px 0 10px; border:1px solid #666; border-radius:5px; color:#222; font-size:14px; box-sizing:border-box; background-color:#fff;}
.m-pop-newspl .sub_content .generate_area .input_guide_error {font-size:13px; line-height:13px; padding:10px 5px; color:#ff0000;}
.m-pop-newspl .sub_content .newspl_check_area { overflow: hidden; max-height: 150px; padding: 0 10px 10px 0; /* border-bottom: 1px dashed var(--stroke-framing); */ }
.m-pop-newspl .sub_content .newspl_check_area.scroll {overflow-y:scroll;}
.m-pop-newspl .sub_content .newspl_check_area .newspl_check_list { display: flex; cursor: pointer; height: 26px; align-items: center; }
.m-pop-newspl .sub_content .newspl_check_area .newspl_check_list.lock { background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-ybpx.fit") right center no-repeat; background-size:10px; }
.m-pop-newspl .sub_content .newspl_check_area .newspl_list_more .more_btn {margin:0 0 0 20px; padding:3px 18px 3px 8px; border:1px solid #ccc; border-radius:6px; font-size:12px; background: var(--svg-ic-arrow-down-16-gray) no-repeat; background-position: 95% 50%; background-size:10px; background-color: #fff;}
.m-pop-newspl .sub_content .newspl_check_area label {display:block; color: var(--text-secondary); font-size: 14px; font-weight: 500; line-height: 20px; }
.m-pop-newspl .sub_content .newspl_check_area input[class="newspl_check"] {display:none;}
.m-pop-newspl .sub_content .newspl_check_area input[type="checkbox"] + label {overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; cursor: pointer; padding-left: 23px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-purpx.fit"); background-repeat: no-repeat; background-size: 15px 15px; background-position: left 50%; }
.m-pop-newspl .sub_content .newspl_check_area input[type="checkbox"]:checked + label { background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-purpxrq.fit"); }
.m-pop-newspl .sub_content .newspl_check_area label .badge-new {display:inline-block; width:26px; margin-left:5px; text-indent:-9999px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-arjfcy-arj.fit") center center no-repeat; background-size:26px 12px;}
.m-pop-newspl .sub_content .newspl_check_area .newspl_check_list .badge-info { display: flex; align-items: center; margin-left: 5px; font-size: 13px; font-weight: 500; }
.m-pop-newspl .sub_content .newspl_check_area .newspl_check_list .badge-info.ins {color: var(--text-impact); }
.m-pop-newspl .sub_content .newspl_check_area .newspl_check_list .badge-info.del {color: #F25050; }
/* 안내 레이어 팝업 */
.info-layerpopup-wrap {display:none; position:fixed; top:40px; width:100%; text-align:center; z-index:1000003;}
.info-layerpopup-wrap.on, .info-layerpopup-wrap.active {display:block; animation:slideDown .5s;}
@keyframes slideDown {
    0% {transform:translate(0 ,-100px);}
    100% {transform:translate(0, 0);}
}
.info-layerpopup {position:relative; display:inline-block; width:auto; margin:0 20px; padding:15px 50px 15px 25px; border: 1px solid var(--stroke-framing); border-radius:50px; background-color: var(--background-default); }
.info-layerpopup .popup-cont { color: var(--text-primary); font-size: 16px; font-weight: 700; line-height: 24px; }
.info-layerpopup .popup-cont .btn-link-login {position:relative; color:#005af8;}
.info-layerpopup .popup-cont .btn-link-login:after {display:block; position:absolute; bottom:0; left:0; right:0; width:100%; content:''; border-bottom:1px solid #005af8;}
.info-layerpopup .popup-cont strong { color: var(--text-impact); }
.info-layerpopup .btn-close {position:absolute; top: 50%; right: 20px; transform: translateY(-50%); text-indent: -9999px; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat; background-size: 20px 20px; }


/* 기사뷰 우측에서 열리는 라이브리 댓글 레이어 */
.area-replay-wrap { position: fixed; overflow-y: auto; right: -100%; top: 0; height: 100%; width: 520px; -webkit-box-shadow: -5px 2px 7px rgba(0, 0, 0, .08); box-shadow: -5px 2px 7px rgba(0, 0, 0, .08); background-color: var(--background-white); z-index: 99; -webkit-overflow-scrolling: touch; -webkit-transition: all 1.2s; transition: all 1.2s; }
.area-replay-wrap.active {display:block !important; right:0; -webkit-transition:all .5s; transition:all .5s;}
.replay-header { position: sticky; top:0; width: 500px; padding: 40px; box-sizing: border-box; background-color: var(--background-white); z-index:99;}
.replay-header .btn-close {display:block; position:absolute; top:35px; right:40px; width:30px; height:30px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-tao-zrah-npgvir.fit") no-repeat; background-size: 30px 30px; }
.replay-info {display:flex; display:-webkit-box; display:-ms-flexbox; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;}
.replay-info .tit { color: #151515; font-size: 18px; font-weight: 700; ;line-height: 24px; }
.replay-info .btn-refresh {display:block; width:22px; height:22px; margin-left:6px; vertical-align:sub; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-erserfu.fit") no-repeat center center; background-size:30px 30px;}
.area-replay-wrap > .replay-cont {position:relative; top:0; padding:0 40px;}
.area-replay-wrap > .replay-cont aside.list-wrap h3,
.area-replay-wrap > .replay-cont aside.list-wrap .area-tit { color: #151515; border-top: 2px solid #151515; }
.area-replay-wrap > .replay-cont aside.list-wrap > ul > li li { border-top: 1px solid #EEE; }
.area-replay-wrap > .replay-cont aside.list-wrap > ul > li li a { color: #151515; }
/* 댓글 미노출 기사 메시지 */
.area-noreply { max-width: 720px; margin: 30px auto; padding: 35px 0 40px!important; text-align: center; border: 2px dashed var(--stroke-framing); border-radius: 10px; }
.area-noreply .inner { display: inline-block; padding: 35px 0 0; text-align: center; font-size: 16px; font-weight: 500; line-height: 24px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-sa-ercyl.fit) no-repeat scroll center 0 transparent; background-size: 28px; }
/* 댓글 영역 하단 오늘의 인기 뉴스, 실시간 뉴스 */
.area-replay-wrap .btm-cont-list {margin:100px auto 0; padding:0 40px; box-sizing:border-box;}
.area-replay-wrap .btm-cont-list .df-list.type-c li {flex-direction:row; justify-content:space-between; align-items:center; width:100%; max-width:unset;}
.area-replay-wrap .btm-cont-list .df-list .thumb {width:110px; height:80px; margin:0 0 0 20px;}
.area-replay-wrap .btm-cont-list .df-list .thumb img {width:110px; height:80px;}
/* 댓글 영역 하단 카테고리 많이 본 뉴스 */
.area-replay-wrap .bt-news-wrap {margin:20px auto 50px; padding:0 40px; box-sizing:border-box;}
.area-replay-wrap .bt-news-wrap .mid-cont-list .df-list .count-num {font-size:24px; font-weight:500; white-space:nowrap;}

.replay-cont aside.list-wrap { width: 100%; margin: 30px auto 30px; }
.replay-cont aside.list-wrap > ul > li > ul.list > li article { flex-direction: row; }
.replay-cont aside.list-wrap > ul > li > ul.list > li:nth-child(5) { padding-bottom: 0; }
.replay-cont aside.list-wrap > ul > li > ul.list > li:nth-last-child(1),
.replay-cont aside.list-wrap > ul > li > ul.list > li:nth-last-child(2),
.replay-cont aside.list-wrap > ul > li > ul.list > li:nth-last-child(3) { display: block; }

.replay-cont aside.list-wrap .aside-wrap > li.mostview { width: 100%; margin-bottom: 28px; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol { display: block; max-height: initial; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li { width: 100%; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li article { flex-direction: row; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li div { padding: 0; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li article::after { display: none;}
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li picture::after { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; color: var(--text-inverted); background-color: var(--surface-impact); border-radius: 4px 0px; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(1) picture::after { content: '1'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(2) picture::after { content: '2'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(3) picture::after { content: '3'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(4) picture::after { content: '4'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(5) picture::after { content: '5'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(6) picture::after { content: '6'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(7) picture::after { content: '7'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(8) picture::after { content: '8'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(9) picture::after { content: '9'; }
.replay-cont aside.list-wrap .aside-wrap > li.mostview > ol > li:nth-child(10) picture::after { content: '10'; }
.replay-cont aside.list-wrap .aside-wrap > li.khanup { width: 100%; margin-bottom: 28px; }


/**************************************************************************** 
	main.art-noad-tp
****************************************************************************/
main.art-noad-tp { overflow: hidden; }
main.art-noad-tp .art_photo.photo_center { margin-left: initial; margin-right: initial; }
main.art-noad-tp .art_photo.photo_left { float: none; margin-right: 0; }
main.art-noad-tp .art_photo.photo_right { float: none; margin-left: 0; }
main.art-noad-tp .article-wrap { flex-direction: column; align-content: center; }
main.art-noad-tp .article-wrap > article { margin: 0 auto 84px; }
main.art-noad-tp .article-wrap aside.function-wrap { top: 502px; left: -50px; }
main.art-noad-tp .art_photo { max-width: 100vw !important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
main.art-noad-tp .article-wrap article header .khanup-mark { display:none; position: absolute; top: 10px; left: 10px; }
main.art-noad-tp .article-wrap article header .khanup-mark.active { display: block; }
main.art-noad-tp .article-wrap article header .khanup-mark span { background-color: var(--background-default); background-image: unset; color: var(--text-impact); width: 50px; height: 24px; border-radius: 50px; padding: 5px 10px; right: unset; font-weight: 700; }
main.art-noad-tp .article-wrap article header .khanup-mark .tooltip-wrap { right: unset; top: 90px; }
main.art-noad-tp .article-wrap article header .khanup-mark .tooltip-wrap.active { display: block; }
main.art-noad-tp .article-wrap article header .khanup-mark .tooltip-wrap div.tooltip::after { right: unset; top: -15px; transform: rotate(270deg); left: 15px; }
.noad-bg-wrap { overflow: visible; }
.noad-bg-wrap,
.noad-bg-wrap:before { left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; }
.noad-bg-wrap:before { background-color: rgba(0,0,0,.6); bottom: 0; content: ""; display: block; height: 100%; z-index: 1; }
.noad-bg-wrap:after { position: absolute; content: ''; display: block; width: 100%; height: 33.3%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%); }
.noad-bg-wrap .noad-bg-area { height: inherit; overflow: hidden; }
.noad-bg-wrap .bg-wrap { height: inherit; left: 0; -webkit-transform: none; transform: none; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100vw; }
.noad-art-header .noad-bg-wrap,
.noad-art-header .bg-wrap { height: 100%; background: #425e98 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sz%2Svzt_qrsnhygot_jvqrivrj_06.wct) no-repeat; background-size: cover; background-position: center center; }
.noad-art-header .bg-wrap img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; }
.noad-art-header { height: 470px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: flex-end; padding-bottom: 20px; position: relative; /* z-index: 3; */ z-index: 4; }
.noad-art-info-wrap { width: 100%; z-index: 1; }
.noad-art-info-wrap h1, .noad-art-info-wrap .logo-tit { color: var(--text-primary); }
.noad-art-info-wrap div.date > a > span { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-qbja-16-juvgr.fit) no-repeat center; }



@media screen and (min-width: 1024px) and (max-width: 1279px) {
	/* layout */
    main { overflow: hidden; }
	main section { max-width: 928px; }

	/* topBanner */
	.banner-top .type-pc { display: none; }
	.banner-top .type-mo { display: block; }
    .art-noad-tp .banner-top { display: block; }
	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	body > footer { padding-bottom: 50px; background-color: var(--surface-soft); }
	/* leftWingBanner (1024 초과) */
	.banner-left-wing { display: none; }
	/* leftWingBottomBanner (1024 초과) */
	.banner-left-wing-bottom { display: none; }
	/* rightWingBanner (1024 초과) */
	.banner-right-wing { display: none; }
    /* rightWingBottomBanner (1024 초과) */
	.banner-right-wing-bottom { display: none; }
	/* articleInsideBanner */
	.banner-article { margin: 0 auto 32px; }
	.banner-article.type-pc, .banner-article-left.type-pc, .banner-article-right.type-pc { display: none; }
	.banner-article.type-mo, .banner-article-left.type-mo, .banner-article-right.type-mo { display: block; }
	/* asideBottomBanner */
	.banner-aside-bottom { display: block; }
	.banner-aside-bottom .type-pc { display: none; }
	.banner-aside-bottom .type-mo { display: flex; flex-direction: column; gap: 32px; margin: 0 -14px; }
    /* asideMiddleBanner */
    .banner-aside-middle { display: none; }
	/* articleBottomBanner */
	.banner-article-bottom { display: none; }
	/* realtimeBottomBanner */
	.banner-realtime-bottom { height: 484px; }
	.banner-realtime-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
	.banner-realtime-bottom li.type-pc { display: none; }
	.banner-realtime-bottom li.type-mo { display: block; }
	/* mostviewAndKhanupBottomBanner */
	.banner-mostviewAndKhanup-bottom { display: none; }
	/* sectionBottomBanner */
	.banner-section-bottom { display: block; margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); }
	/* bodyBottomBanner */
	.banner-body-bottom { margin-bottom: 84px; padding: 32px 0; background-color: var(--surface-soft); }
	.banner-body-bottom.type-pc { display: none; }
	.banner-body-bottom.type-mo { display: block; }
    /* asideListBanner*/
    aside.list-wrap > ul > li li a { line-height: 22px; }
    aside.list-wrap > ul > li li article p.subhead { padding-bottom: 3px; line-height: 17px; }
    aside.list-wrap .aside-wrap > li .list li.type-mo { display: block; }
    /* googleAd */
    .ad-gg-artbtm.type-pc { display: none; margin: 0; }

    .ad-btm-t3 > div ul.imad_txt_wrap { display: block; }

    aside.list-wrap .list2 { display: block; }

    /* header */
    body > header .article-title { width: 600px; }

	/* article */
	main .article-wrap { gap: 0; }
	main .article-wrap > article { margin: 32px 160px 72px 160px; width: 608px; }
    .ad-wrap.pc-only { display: none; }
	/* right article list */
	aside.list-wrap { margin: 0; padding: 0; width: 100%; }
	aside.list-wrap > ul { margin: 0; padding: 0; margin-bottom: 72px; }
	aside.list-wrap > ul.aside-wrap > li { float: left; margin: 0; padding: 0; width: 288px; }
	aside.list-wrap > ul.aside-wrap > li:first-child { margin-right: 32px; }
	/* aside.list-wrap > ul.aside-wrap > li:last-child { margin-left: 32px; margin-top: 32px; } */
	aside.list-wrap > ul.aside-wrap > li:nth-last-child(2) { margin-left: 32px; }
    aside.list-wrap > ul.aside-wrap > li:nth-last-child(3) { margin-left: 32px; }
	aside.list-wrap > ul.aside-wrap::after { content: ''; display: block; clear: both; }
    .bottom-wrap li .list2 { display: none; }
	aside.list-wrap > ul > li > h3,
    aside.list-wrap > ul > li > .area-tit { margin: 0; }
    aside.list-wrap > ul > li > div > h3,
    aside.list-wrap > ul > li > div > .area-tit { margin: 0; }
	aside.list-wrap > ul > li > ul.list > li:nth-child(5) { padding-bottom: 12px; }
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(1),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(2),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(3) { display: block; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-child(5) { padding-bottom: 12px; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(1),
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(2),
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(3) { display: block; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-child(6) { padding-top: 0; border-top: none; }
	aside.list-wrap .banner-newsletter { margin-top: 20px; }

    aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(6) { border-top: none; padding-top: 0; }
	/* right curation */
	main .article-wrap.curation > article { padding-top: 76px; }
	aside.curation-wrap { position: absolute; top: 32px; left: 160px; width: 608px; border-radius: 8px; overflow: hidden; }
	aside.curation-wrap dt { height: auto; padding: 10px 16px; background: linear-gradient(270deg, #FFF98C -8.38%, #2484DD 99.86%); }
	aside.curation-wrap dt p { position: relative; padding: 0 20px 0 0; font-size: 15px; font-weight: 500; line-height: 24px; display: inline-block; }
	aside.curation-wrap dt p::after { content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-qbja-16-juvgr.fit"); background-size: 16px 16px; transition: all 0.3s; }
	aside.curation-wrap dt ul { display: block; }
	aside.curation-wrap.active { margin-top: -16px; }
	aside.curation-wrap.active dt { height: auto; }
	aside.curation-wrap.active dt p { padding: 0 20px 0 0; font-size: 15px; line-height: 24px; }
	aside.curation-wrap.expand { box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10); }
	aside.curation-wrap.expand dt p::after { transform: rotate(180deg); }
	aside.curation-wrap dd ol { overflow: auto; height: 204px; background-color: var(--background-default); }
	aside.curation-wrap dt p br { display: none; }
	/* right roundup */
	aside.roundup-wrap { position: absolute; top: 0; left:50%; width: 608px; margin-left: -304px; display: none; background-color: #EBF1FC;}
	aside.roundup-wrap dl { border: 0; border-radius: 0; padding: 0 48px 0 22px; position: relative; }
	aside.roundup-wrap dt { display: none; }
	aside.roundup-wrap dd { height: 48px; overflow: auto; }
	aside.roundup-wrap dd > a { position: absolute; right: 0; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; }
	aside.roundup-wrap dd > a > span { transform: rotate(-180deg); transition: all 0.3s; display: block; margin: 14px; border-radius: 10px; border: 1px solid var(--text-impact); width: 20px; height: 20px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-gbc-16-vzcnpg.fit') no-repeat center; background-size: 16px 16px; }
	aside.roundup-wrap dd > a.active > span { transform: rotate(0deg); }
	aside.roundup-wrap dd li { /* padding: 12px 0; */ position: relative; border: 0; }
	aside.roundup-wrap dd li a { display: -webkit-box; padding: 0 18px; color: var(--text-description); font-size: 15px; font-weight: 500; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
	aside.roundup-wrap dd li.active a { color: var(--text-primary); display: -webkit-box; font-weight: 700; line-height: 24px; }
    html[color-theme="dark"] aside.roundup-wrap dd li.active a { color: #151515; }
    html[color-theme="green"] aside.roundup-wrap dd li.active a  { color: #151515; }
	aside.roundup-wrap dd li a::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 6px; background: var(--text-impact); }
	aside.roundup-wrap dd.active li { /* padding: 3px 0; */ }
	aside.roundup-wrap dd.active li::before { content: ''; display: block; position: absolute; left: 2.5px; top: 0; bottom: 0; width: 1px; background: var(--stroke-framing); }
	aside.roundup-wrap dd.active li:first-child::before { top: 50%; }
	aside.roundup-wrap dd.active li:last-child::before { bottom: 50%; }
	/* bottom */
	.bottom-wrap.realtime { max-width: 928px; }
	.bottom-wrap.realtime > ul { display: flex; gap: 32px; }
	.bottom-wrap.realtime > ul > li { width: 448px; margin-bottom: 0; }
	.bottom-wrap.realtime > ul > li > ul > li {  flex: 1 1 100%; }
	.bottom-wrap.realtime > ul > li:first-child > ul > li:last-child { display: none;}
    .bottom-wrap.notableNews { max-width: 928px; }
	.bottom-wrap.notableNews > ul { display: flex; gap: 32px; position: relative; /* height: 800px; */ }
    /* .bottom-wrap.notableNews > ul > li.newsroom ul > li:last-child { display: none; }
    .bottom-wrap.notableNews > ul > li.newsroom ul > li:nth-last-child(2) { display: none; } */
    .bottom-wrap.notableNews > ul > li.banner-body-bottom.duo { position: absolute; bottom: 0; width: 100%; }
    .bottom-wrap.notableNews > ul > li.banner-body-bottom.duo.case_a { display: flex; gap: 24px; } 
    .banner-body-bottom.duo.case_b { margin-bottom: 72px; }
    .banner-body-bottom.duo.case_c { display: flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; justify-content: center; position: relative; min-height: 530px;padding: 32px 110px; margin-bottom: 72px; }
    .banner-body-bottom.duo.case_c > div.ad-wrapper:first-child { margin-bottom: 40px; }
    .banner-body-bottom.duo.case_c .banner-body-bottom.type-mo { position: absolute; top: 32px; right: 110px; margin: 0; padding: 0; }
	/* .bottom-wrap.notableNews > ul > li { width: 448px; margin-bottom: 0; } */
    .bottom-wrap.mostviewAndKhanup { min-height: 1280px; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview { width: 608px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.banner-body-bottom.duo.case_a { display: flex; gap: 24px; position: absolute; width: 100%; bottom: 0; }
	.bottom-wrap.realtime.reload { display: none; }

    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews { bottom: 320px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li { flex: 1 1 48%; }

    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a.thumb,
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag picture { width: 140px; }

    section.bottom-wrap.noadBottomCont .list-wrap > ul { width: 596px; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major ul.list2 { display: none; }
    section.bottom-wrap.noadBottomCont aside { width: 300px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag { width: 100%; margin: 0 0 84px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag article { gap: 16px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag a { font-size: 20px; line-height: 26px; }
    section.bottom-wrap.noadBottomCont aside ul > li .series-wrap { max-height: 430px; }

    .area-replay-wrap > .replay-cont aside.list-wrap > ul.aside-wrap > li { width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* layout */
    main { overflow: hidden; }
	main section { max-width: 720px; }
    body.ad-top-pd main { padding-top: 150px; }

	/* topBanner */
    .banner-top.fixed { top: 72px; }
	.banner-top .type-pc { display: none; }
	.banner-top .type-mo { display: block; }
    .art-noad-tp .banner-top { display: block; }
	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	body > footer { padding-bottom: 50px; background-color: var(--surface-soft); }
	/* leftWingBanner (1024 초과) */
	.banner-left-wing { display: none; }
	/* leftWingBottomBanner (1024 초과) */
	.banner-left-wing-bottom { display: none; }
	/* rightWingBanner (1024 초과) */
	.banner-right-wing { display: none; }
    /* rightWingBottomBanner (1024 초과) */
	.banner-right-wing-bottom { display: none; }
	/* articleInsideBanner */
	.banner-article { margin: 0 auto 32px; }
	.banner-article.type-pc, .banner-article-left.type-pc, .banner-article-right.type-pc { display: none; }
	.banner-article.type-mo, .banner-article-left.type-mo, .banner-article-right.type-mo { display: block; }
	/* asideBottomBanner */
	.banner-aside-bottom { display: block; }
	.banner-aside-bottom .type-pc { display: none; }
	.banner-aside-bottom .type-mo { display: flex; flex-direction: column; gap: 24px; }
    /* asideMiddleBanner */
    .banner-aside-middle { display: none; }
	/* articleBottomBanner */
	.banner-article-bottom { display: none; }
	/* realtimeBottomBanner */
	.banner-realtime-bottom { height: 484px; margin-bottom: 64px; }
	.banner-realtime-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
	.banner-realtime-bottom li.type-pc { display: none; }
	.banner-realtime-bottom li.type-mo { display: block; }
	/* mostviewAndKhanupBottomBanner */
	.banner-mostviewAndKhanup-bottom { display: none; }
	/* sectionBottomBanner */
	.banner-section-bottom { display: block; margin-bottom: 64px; padding: 32px 0; background-color: var(--surface-soft); }
	/* bodyBottomBanner */
	.banner-body-bottom { margin-bottom: 64px; padding: 32px 0; background-color: var(--surface-soft); }
	.banner-body-bottom.type-pc { display: none; }
	.banner-body-bottom.type-mo { display: block; }
    /* asideListBanner*/
    aside.list-wrap > ul > li li a { line-height: 22px; }
    aside.list-wrap > ul > li li article p.subhead { padding-bottom: 3px; line-height: 17px; }
    aside.list-wrap .aside-wrap > li .list li.type-mo { display: block; }
    /* googleAd */
    .ad-gg-artbtm.type-pc { display: none; margin: 0; }

    .ad-btm-t3 > div ul.imad_txt_wrap { display: block; }

    aside.list-wrap .list2 { display: block; }

	/* header */
	body > header.scroll { height: 72px; overflow: hidden; }
	body > header.scroll > .wrap { height: 71px; overflow: hidden; }
    body > header.scroll > .wrap.category { height: auto; }
	body > header.scroll > hr { position: absolute; top: 71px; left: 0; width: 100%; height: 1px; background-color: var(--stroke-framing); }
	body > header.scroll .wrap.mobile { display: block; height: 71px; overflow: hidden; }
	body > header.scroll .wrap.mobile ul { padding: 16px 0 15px; }
    body > header .article-progress-bar { z-index: unset; }
    ul.category li.r { display: none; }
	/* article */
	main .article-wrap { gap: 0; }
	main .article-wrap > article { margin: 20px 0 52px; width: 720px; }
	main .article-wrap > aside.function-wrap { display: none; }
	main .article-wrap > aside.list-wrap { margin: 0; padding: 0; width: 100%; }
	main .article-wrap > aside.list-wrap > ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; /* gap: 52px 24px; */ gap: 0 24px; margin-bottom: 64px; }
	main .article-wrap > aside.list-wrap > ul.aside-wrap > li { margin: 0; padding: 0; width: 348px; }
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li:nth-last-child(3) { width: 100%; margin-top: 52px; }
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li.series-list-wrap { display: none; }
	main .article-wrap > aside.list-wrap > ul > li > h3, 
    main .article-wrap > aside.list-wrap > ul > li > .area-tit { margin: 0; }
    main .article-wrap > aside.list-wrap > ul > li > div > h3,
    main .article-wrap > aside.list-wrap > ul > li > div > .area-tit { margin: 0; }
    main .article-wrap > aside.list-wrap > ul > li.indepth { display: none; }
	.editor-wrap > div.editor-wrap-arrow > a { left: -18px; z-index: 1; }
	.editor-wrap > div.editor-wrap-arrow > a.right { right: -18px; }
	.ad-wrap { margin-top: 64px; }
    .ad-wrap.pc-only { display: none; }
	/* right article list */
	aside.list-wrap > ul > li > ul.list > li:nth-child(5) { padding-bottom: 12px; }
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(1),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(2),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(3) { display: block; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-child(5) { padding-bottom: 12px; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(1),
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(2),
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-last-child(3) { display: block; }
    aside.list-wrap > ul > li > .contbox-side-wrap .list > li:nth-child(6) { padding-top: 0; border-top: none; }
    .bottom-wrap li .list2 { display: none; }

    aside.list-wrap > ul > li .contbox-side-wrap.latest ol > li:nth-child(6) { border-top: none; padding-top: 0; }

	/* right curation */
	main .article-wrap.curation > article { padding-top: 66px; }
	aside.curation-wrap { position: absolute; top: 32px; left: 0; margin-top: -12px; width: 720px; border-radius: 8px; overflow: hidden; }
	aside.curation-wrap dt { height: auto; padding: 10px 16px; background: linear-gradient(270deg, #FFF98C -8.38%, #2484DD 99.86%); }
	aside.curation-wrap dt p { position: relative; padding: 0 20px 0 0; font-size: 15px; font-weight: 500; line-height: 24px; display: inline-block; }
	aside.curation-wrap dt p::after { content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-qbja-16-juvgr.fit"); background-size: 16px 16px; transition: all 0.3s; }
	aside.curation-wrap dt ul { display: block; }
	aside.curation-wrap.active { margin-top: -6px; }
	aside.curation-wrap.active dt { height: auto; }
	aside.curation-wrap.active dt p { padding: 0 20px 0 0; font-size: 15px; line-height: 24px; }
	aside.curation-wrap.expand { box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10); }
	aside.curation-wrap.expand dt p::after { transform: rotate(180deg); }
	aside.curation-wrap.expand dd ol { overflow: auto; height: 204px; background-color: var(--background-default); }
	aside.curation-wrap dt p br { display: none; }
	/* right roundup */
	aside.roundup-wrap { position: absolute; top: 0; left:0; width: 100%; display: none; background-color: #EBF1FC;}
	aside.roundup-wrap dl { border: 0; border-radius: 0; padding: 0 0 0 22px; position: relative; }
	aside.roundup-wrap dt { display: none; }
	aside.roundup-wrap dd { height: 48px; overflow: hidden; }
	aside.roundup-wrap dd > a { position: absolute; right: 0; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; }
	aside.roundup-wrap dd > a > span { transform: rotate(-180deg); transition: all 0.3s; display: block; margin: 14px; border-radius: 10px; border: 1px solid var(--text-impact); width: 20px; height: 20px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-gbc-16-vzcnpg.fit') no-repeat center; background-size: 16px 16px; }
	aside.roundup-wrap dd > a.active > span { transform: rotate(0deg); }
	aside.roundup-wrap dd li { /* padding: 12px 0; */ position: relative; border: 0; }
	aside.roundup-wrap dd li a { display: -webkit-box; padding: 0 18px; color: var(--text-description); font-size: 15px; font-weight: 500; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
	aside.roundup-wrap dd li.active a { color: var(--text-primary); display: -webkit-box; font-weight: 700; line-height: 24px; }
    html[color-theme="dark"] aside.roundup-wrap dd li.active a { color: #151515; }
    html[color-theme="green"] aside.roundup-wrap dd li.active a  { color: #151515; }
	aside.roundup-wrap dd li a::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 6px; background: var(--text-impact); }
	aside.roundup-wrap dd.active li { /* padding: 3px 0; */ }
	aside.roundup-wrap dd.active li::before { content: ''; display: block; position: absolute; left: 2.5px; top: 0; bottom: 0; width: 1px; background: var(--stroke-framing); }
	aside.roundup-wrap dd.active li:first-child::before { top: 50%; }
	aside.roundup-wrap dd.active li:last-child::before { bottom: 50%; }
    body.mark-top-s > header .article-progress-bar .read-mark.active { top: 62px; }
    body.mark-top-m > header .article-progress-bar .read-mark.active { top: 147px; }
	/* bottom */
	.bottom-wrap.realtime { max-width: 720px; }
	.bottom-wrap.realtime > ul { display: flex; gap: 24px; }
	.bottom-wrap.realtime > ul > li { width: 348px; margin-bottom: 0; }
	.bottom-wrap.realtime > ul > li > ul > li {  flex: 1 1 100%; }
	.bottom-wrap.realtime > ul > li:first-child > ul > li:last-child { display: none;}
    .bottom-wrap.mostviewAndKhanup { min-height: 1730px; }
	.bottom-wrap.mostviewAndKhanup > ul { display: block; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview { width: 100%; margin-bottom: 52px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag { width: 100%; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a { -webkit-line-clamp: 2; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a.thumb,
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag picture { width: 160px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.desc { display: -webkit-box; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select { position: absolute; right: 20px; bottom: 0; width: calc(100% - 184px); }
    .bottom-wrap.mostviewAndKhanup > ul > li.banner-body-bottom.duo.case_a { display: flex; gap: 24px; position: absolute; width: 100%; bottom: 0; }

    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews { position: static; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li { flex: 1 1 47%; }

    .bottom-wrap.notableNews { width: 720px; margin-bottom: 52px; }
    .bottom-wrap.notableNews > ul > li:first-child { width: 720px; margin-bottom: 22px; }
    .bottom-wrap.notableNews > ul > li > ul > li { flex: 1 1 33%; }
    /* .bottom-wrap.notableNews > ul > li > ul > li:last-child { display:none; } */
    .bottom-wrap.notableNews > ul { position: relative; /* height: 960px; */ flex-direction: column; }
    /* .bottom-wrap.notableNews > ul > li.newsroom ul > li:last-child { display: none; }
    .bottom-wrap.notableNews > ul > li.newsroom ul > li:nth-last-child(2) { display: none; } */
    .bottom-wrap.notableNews > ul > li.banner-body-bottom.duo { position: absolute; bottom: 0; width: 100%; }
    .bottom-wrap.notableNews > ul > li.banner-body-bottom.duo.case_a { display: flex; gap: 24px; margin-bottom: 20px; }
    .banner-body-bottom.duo.case_b { margin-bottom: 72px; }
    .banner-body-bottom.duo.case_c { display: flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; justify-content: center; position: relative; min-height: 530px; padding: 32px 20px; margin-bottom: 72px; }
    .banner-body-bottom.duo.case_c > div.ad-wrapper:first-child { margin-bottom: 40px; }
    .banner-body-bottom.duo.case_c .banner-body-bottom.type-mo { position: absolute; top: 32px; right: 30px; margin: 0; padding: 0; }

	.bottom-wrap.realtime.reload { display: none; }
    /* section.bottom-wrap.noadBottomCont .list-wrap { flex-direction: column-reverse; } */
    section.bottom-wrap.noadBottomCont .list-wrap { position: relative; min-height: 1370px; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul { width: auto; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 52px 24px; margin-bottom: 64px; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major > ul { max-height: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major > ul.list2 { display: none; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li { width: 348px; margin-bottom: 0; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major li { width: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.mostview { position: absolute; bottom: 0; width: 100%; margin-bottom: 64px; }
    /* section.bottom-wrap.noadBottomCont aside { width: auto; margin-bottom: 48px; }
    section.bottom-wrap.noadBottomCont aside ul { width: auto; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 52px 24px; margin-bottom: 64px; }
    section.bottom-wrap.noadBottomCont aside ul > li ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; }
    section.bottom-wrap.noadBottomCont aside ul > li ul li { position: relative; width: calc(50% - 16px); padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator); } */
    /* 광고없는 기사 뷰 하단 - 연재 기사 존재 하지 않을 경우 .noseries */
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul { flex-direction: column-reverse; }
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.major { width: 100%; }
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.mostview { width: 100%; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag { width: 348px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.desc { display: none; }
    section.bottom-wrap.noadBottomCont aside ul > li.series { width: 348px; }
    section.bottom-wrap.noadBottomCont aside ul > li .series-wrap { max-height: 310px; }
}

@media screen and (max-width: 767px) {
	/* layout */
    main { overflow: hidden; padding-top: 58px; }
	main > section { max-width: 100%; margin: 0 20px; }
    section.bottom-wrap .list-wrap { width: auto; }
    section.bottom-wrap .list-block { flex-direction: column; gap: 0; padding: 16px 0 40px; }
    section.bottom-wrap aside { width: auto; padding-bottom: 40px; }

	/* topBanner */
	.banner-top .type-pc { display: none; }
	.banner-top .type-mo { display: block; }
    .art-noad-tp .banner-top { display: block; }
	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	body > footer { padding-bottom: 50px; background-color: var(--surface-soft); }
	/* leftWingBanner (1024 초과) */
	.banner-left-wing { display: none; }
	/* leftWingBottomBanner (1024 초과) */
	.banner-left-wing-bottom { display: none; }
	/* rightWingBanner (1024 초과) */
	.banner-right-wing { display: none; }
    /* rightWingBottomBanner (1024 초과) */
	.banner-right-wing-bottom { display: none; }
	/* articleInsideBanner */
	.banner-article { margin: 0 auto 32px; }
	.banner-article.type-pc, .banner-article-left.type-pc, .banner-article-right.type-pc { display: none; }
	.banner-article.type-mo, .banner-article-left.type-mo, .banner-article-right.type-mo { display: block; }
	/* .banner-article-left.type-mo, .banner-article-right.type-mo { float: initial; margin-left: 0; margin-right: 0; } */
    .banner-article-right.type-mo { margin: 0 0 16px 16px; }
	/* asideBottomBanner */
	.banner-aside-bottom { display: block; }
	.banner-aside-bottom .type-pc { display: none; }
	.banner-aside-bottom .type-mo { display: flex; flex-direction: column; gap: 20px; margin-top: 12px; padding: 20px 0; background-color: var(--surface-soft); }
	.banner-aside-bottom .type-mo div { margin: 0 auto; }
    /* asideMiddleBanner */
    .banner-aside-middle { display: none; }
	/* articleBottomBanner */
	.banner-article-bottom { display: none; }
	/* realtimeBottomBanner */
	.banner-realtime-bottom { height: 100%; margin-top: 28px; margin-bottom: 40px; }
	.banner-realtime-bottom ul { display: flex; flex-direction: row; column-gap: 32px; flex-wrap: wrap; justify-content: center; align-items: center; }
	.banner-realtime-bottom li.type-pc { display: none; }
	.banner-realtime-bottom li.type-mo { display: block; }
	/* mostviewAndKhanupBottomBanner */
	.banner-mostviewAndKhanup-bottom { display: none; }
	/* sectionBottomBanner */
	.banner-section-bottom { display: block; margin-bottom: 64px; padding: 32px 0; background-color: var(--surface-soft); }
	/* bodyBottomBanner */
	.banner-body-bottom { margin-bottom: 64px; padding: 32px 0; background-color: var(--surface-soft); }
	.banner-body-bottom.type-pc { display: none; }
	.banner-body-bottom.type-mo { display: block; }
    .banner-body-bottom.duo.type-mo { display: flex; flex-direction: column; gap: 24px; }
    .banner-body-bottom.duo.type-mo .btm-cont-bnr { display: flex; justify-content: center; padding: 20px 0 0; background-color: var(--surface-soft); }
    /* asideListBanner*/
    aside.list-wrap .aside-wrap > li .list li.type-mo { display: block; }
    aside.list-wrap > ul.aside-wrap li .list2 { display: block; }
    /* textAdmark */
    .ad-txt-artbtm { display: block; }
    /* googleAd */
    .ad-gg-artbtm.type-pc { display: none; margin: 0; }
    /* 많이 본 기사 영역 텍스트 3줄 광고 */
    .bottom-wrap.mostviewAndKhanup > ul > li.mostview ul.imad_txt_wrap { display: block; }

    aside.list-wrap .list2 { display: block; }
	
	/* header */
	body > header.scroll { height: 58px; overflow: hidden; }
	body > header.scroll .wrap.mobile { display: block; height: 57px; overflow: hidden; }
	body > header.scroll .wrap.mobile ul { padding: 11px 0 10px; }
	body > header .article-progress-bar { /* top: 57px; */ top: 55px; }
    body.ad-top-pd > header .article-progress-bar .read-mark { top: 94px; }
	body > header .article-title { display: none; }
    ul.category li.r { display: none; }

    /* article */
	main .article-wrap { gap: 0; }
	main .article-wrap article header { padding-bottom: 20px; }
	main .article-wrap article header h1 { font-size: 24px; font-weight: 750; line-height: 34px; }
	ul.bottom { margin-top: 20px; }
	.art_photo, .art_photo.photo_center { margin-left: -20px; margin-right: -20px; }
	.art_photo p.title, .art_photo p.caption { margin-left: 10px; margin-right: 10px; }
	.art_photo.photo_left { margin-left: 0; }
	.series_wrap { display: block!important; max-width: 100%; }

	main .article-wrap article footer { overflow: hidden; margin: 0 -20px; }
	.editor-wrap > div > ul > li { max-width: 264px; width: 100%; }
	.editor-wrap > div.editor-wrap-arrow { display: none; }
	.editor-wrap > div > ul.alone { justify-content: center; }
	.editor-wrap > div > ul.alone > li { width: 100%; max-width: calc(100% - 40px); margin: 0 20px; }
	.reply-wrap { margin: 0 20px; }
	.ad-wrap { display: none; /* margin: 40px 20px 0 20px; */ }
    .ad-wrap.type-mo { display: block; margin: 0; }

	main .article-wrap > article { margin: 20px 0 28px; width: 100%; }
	main .article-wrap > aside.function-wrap { display: none; }
	main .article-wrap > aside.list-wrap { margin: 0; padding: 0; width: 100%; }
	main .article-wrap > aside.list-wrap > ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; /* gap: 28px; margin-bottom: 40px; */ gap: 0; margin-bottom: 32px; }
	main .article-wrap > aside.list-wrap > ul.aside-wrap > li { margin: 0; padding: 0; width: 100%; }
    /* main .article-wrap > aside.list-wrap > ul.aside-wrap > li:first-child { margin-bottom: 32px; } */
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li.series-list-wrap { display: none; }
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li .series-pick li:nth-child(4),
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li .series-pick li:nth-child(5) { display: none; }
    main .article-wrap > aside.list-wrap > ul.aside-wrap > li .series-pick li picture { display: block; }
	main .article-wrap > aside.list-wrap > ul > li > h3,
    main .article-wrap > aside.list-wrap > ul > li > .area-tit { margin: 0; }
    main .article-wrap > aside.list-wrap > ul > li > div > h3,
    main .article-wrap > aside.list-wrap > ul > li > div > .area-tit { margin: 0; }
    main .article-wrap > aside.list-wrap > ul > li.indepth { display: none; }
	/* right article list */
	aside.list-wrap > ul > li > ul.list > li:nth-child(5) { padding-bottom: 12px; }
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(1),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(2),
	aside.list-wrap > ul > li > ul.list > li:nth-last-child(3) { display: block; }
    aside.list-wrap > ul > li > .contbox-side-wrap { display: none; }
	aside.list-wrap .banner-newsletter { margin-top: 28px; }
	/* right article list */
    aside.list-wrap > ul > li li a { -webkit-line-clamp: 1; }
    /* aside.list-wrap > ul > li li picture { width: 108px; height: 72px; border-radius: 4px; } */
    aside.list-wrap > ul > li li picture { display: none; }
	/* right curation */
	main .article-wrap.curation > article { padding-top: 76px; }
	aside.curation-wrap { position: absolute; top: 32px; left: 0; margin-top: -12px; width: 100%; border-radius: 8px; overflow: hidden; }
	aside.curation-wrap dt { height: auto; padding: 10px 16px; background: linear-gradient(270deg, #FFF98C -8.38%, #2484DD 99.86%); }
	aside.curation-wrap dt p { position: relative; padding: 0 20px 0 0; font-size: 15px; font-weight: 500; line-height: 24px; display: inline-block; }
	aside.curation-wrap dt p::after { content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-qbja-16-juvgr.fit"); background-size: 16px 16px; transition: all 0.3s; }
	aside.curation-wrap dt ul { display: block; }
	aside.curation-wrap.active { margin-top: -5px; }
	aside.curation-wrap.active dt { height: auto; }
	aside.curation-wrap.active dt p { padding: 0 20px 0 0; font-size: 15px; line-height: 24px; }
	aside.curation-wrap.expand { box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10); }
	aside.curation-wrap.expand dt p::after { transform: rotate(180deg); }
	aside.curation-wrap.expand dd ol { overflow: auto; height: 204px; background-color: var(--background-default); }
	aside.curation-wrap dt p br { display: none; }
	/* right roundup */
	aside.roundup-wrap { position: absolute; top: 0; left:0; width: 100%; display: none; background-color: #EBF1FC;}
	aside.roundup-wrap dl { border: 0; border-radius: 0; padding: 0 0 0 22px; position: relative; }
	aside.roundup-wrap dt { display: none; }
	aside.roundup-wrap dd { height: 48px; overflow: hidden; }
	aside.roundup-wrap dd > a { position: absolute; right: 0; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; }
	aside.roundup-wrap dd > a > span { transform: rotate(-180deg); transition: all 0.3s; display: block; margin: 14px; border-radius: 10px; border: 1px solid var(--text-impact); width: 20px; height: 20px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-gbc-16-vzcnpg.fit') no-repeat center; background-size: 16px 16px; }
	aside.roundup-wrap dd > a.active > span { transform: rotate(0deg); }
	aside.roundup-wrap dd li { /* padding: 12px 0; */ position: relative; border: 0; }
	aside.roundup-wrap dd li a { display: -webkit-box; padding: 0 18px; /* color: var(--text-description); */ color: #151515; font-size: 15px; font-weight: 500; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
	aside.roundup-wrap dd li.active a { /* color: var(--text-primary); */ color: #4C70E8;  display: -webkit-box; font-weight: 700; line-height: 24px; }
	aside.roundup-wrap dd li a::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 6px; background: var(--text-impact); }
	aside.roundup-wrap dd.active li { /* padding: 3px 0; */ }
	aside.roundup-wrap dd.active li::before { content: ''; display: block; position: absolute; left: 2.5px; top: 0; bottom: 0; width: 1px; /* background: var(--stroke-framing); */ background: #DDD; }
	aside.roundup-wrap dd.active li:first-child::before { top: 50%; }
	aside.roundup-wrap dd.active li:last-child::before { bottom: 50%; }
    body.mark-top-s > header .article-progress-bar .read-mark.active { top: 62px; }
    body.mark-top-m > header .article-progress-bar .read-mark.active { top: 147px; }
	/* bottom */
    .bottom-wrap.mostviewAndKhanup { min-height: unset; }
	.bottom-wrap.mostviewAndKhanup > ul { /* display: block; */ display: flex; flex-direction: column; gap: 0; margin-bottom: 32px; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview { width: 100%; margin-bottom: 28px; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol { display: block; max-height: initial; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li { width: 100%; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(n+6) { display: none; }
	/* .bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li article { flex-direction: row; }
        .bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li article picture { display: none; } */
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li div { padding: 0; }
    .bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li div a { -webkit-line-clamp: 1; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li article::after { display: none; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li picture::after { display: none!important; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; color: var(--text-inverted); background-color: var(--surface-impact); border-radius: 4px 0px; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(1) picture::after { content: '1'; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(2) picture::after { content: '2'; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(3) picture::after { content: '3'; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(4) picture::after { content: '4'; }
	.bottom-wrap.mostviewAndKhanup > ul > li.mostview > ol > li:nth-child(5) picture::after { content: '5'; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews { position: static; bottom: unset; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul { flex-direction: column; margin-bottom: 28px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li { flex: 1 1 100%; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li.type-mo { display: block; padding: 0; border-top: none; }
    .bottom-wrap.mostviewAndKhanup > ul > li.notableNews > ul > li article { flex-direction: row-reverse; }
    .bottom-wrap.mostviewAndKhanup > ul > li .type-mo { display: block; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag { width: 100%; margin: 0 auto 8px; padding: 20px 20px 25px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag article { flex-direction: column; align-items: center; gap: 2px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a.thumb,
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag picture { width: 190px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag a { font-size: 20px; line-height: 26px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select { display: flex; gap: 24px; justify-content: center; margin: 20px 0 0; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select li { height: 40px; line-height: 40px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag .mag-select li a { font-size: 15px; }
    .bottom-wrap.mostviewAndKhanup > ul > li.edition-section-mag p.desc { display: -webkit-box; }
	.bottom-wrap.realtime.reload { display: none; }
    .banner-body-bottom.duo.case_b { margin-bottom: 0; padding-bottom: 0; }
    .banner-body-bottom.duo.case_c { margin-bottom: 0; padding-bottom: 0; }
    .banner-body-bottom.duo.case_c .banner-body-bottom.type-mo { padding: 32px 20px 32px; margin: 0; }
    .banner-body-bottom.duo.case_c .banner-body-bottom.type-mo .ad-wrapper > div.ad-inner-wrap { background: none; }

    section.bottom-wrap.noadBottomCont .list-wrap { gap: 0; flex-direction: column; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul { width: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li ol { max-height: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li.major > ul { max-height: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li li { width: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li > ul { display: flex;  flex-direction: column; column-gap: 32px; flex-wrap: wrap; max-height: 100%; }
    section.bottom-wrap.noadBottomCont .list-wrap > ul > li { margin-bottom: 40px; }
    section.bottom-wrap.noadBottomCont aside { width: 100%; }
    section.bottom-wrap.noadBottomCont aside ul > li.series ul.scroll { overflow-y: auto; max-height: none; }
    section.bottom-wrap.noadBottomCont aside ul > li .series-wrap { max-height: unset; }
    /* 광고없는 기사 뷰 하단 - 연재 기사 존재 하지 않을 경우 .noseries */
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul { flex-direction: column-reverse; }
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.major { width: 100%; }
    section.bottom-wrap.noadBottomCont.noseries .list-wrap > ul > li.mostview { width: 100%; }

    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag { width: 100%; padding: 20px 20px 25px; margin: 0 0 52px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag a.thumb, 
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag picture { width: 160px; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag p.desc { display: -webkit-box; }
    section.bottom-wrap.noadBottomCont aside ul > li.edition-section-mag article { flex-direction: column; align-items: center; gap: 0; }

    /* 댓글 미노출 기사 메시지 */
    .area-noreply {margin:35px 20px 45px;}
    .area-replay-wrap {width:100%; -webkit-box-shadow:unset; box-shadow:unset;}
    .replay-header {width:100%; padding:20px;}
    .area-replay-wrap > .replay-cont {top:0; padding:0 20px;}
    .area-replay-wrap > .replay-cont aside.list-wrap > ul > li li a { -webkit-line-clamp: 2; }
    .area-replay-wrap > .replay-cont aside.list-wrap > ul > li li picture { display: block; }
    .area-replay-wrap .btn-close {right:20px; top:20px;}

    /* 댓글 영역 하단 오늘의 인기 뉴스, 실시간 뉴스 */
    .area-replay-wrap .btm-cont-list {padding:0 20px;}
    /* 댓글 영역 하단 카테고리 많이 본 뉴스 */
    .area-replay-wrap .bt-news-wrap {margin:0 auto 30px; padding:0 20px;}
    .area-replay-wrap .bt-news-wrap .mid-cont-list .df-list.type-a .thumb {width:100px; height:70px;}
    .area-replay-wrap .bt-news-wrap .mid-cont-list .df-list.type-a .thumb img {width:100px; height:70px; margin:0;}

    .area-replay-wrap {-webkit-transition:all .5s; transition:all .5s;}
}
@media (max-width:320px) {
    .area-replay-wrap > .replay-cont {top:0; padding:0;}
    .area-replay-wrap .bt-news-wrap {margin:0 auto; padding:0 20px; box-sizing:border-box;}
}