:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.font--primary {
  font-family: "NotoSansKR-Regular", sans-serif;
  font-weight: 400;
}

.font--secondary {
  font-family: "NotoSansKR-Medium", sans-serif;
  font-weight: 500;
}

.font--tertiary {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-weight: 700;
}

.visual__image img {
  width: 100%;
}

body,
figure {
  width: 100%;
  margin: 0;
  word-break: keep-all;
  letter-spacing: -0.5px;
  font-family: "NotoSansKR-Regular";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
  /* font-weight: 400 */
  line-height: 1.3;
}

cite {
  font-style: normal;
}

button {
  display: inline-block;
  background-color: transparent;
  border-color: inherit;
  border-style: inherit;
  padding: inherit;
}

button:focus {
  outline: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

input:focus {
  outline: none;
}

input::-ms-clear {
  display: none;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

figure {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

a,
a:hover,
a:visited {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.btn {
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.btn--line {
  border: 1px solid #d7d7d7;
  background-color: #fff;
  color: #707070;
}

.btn--line:hover {
  background-color: #eaeaea;
  color: #222;
}

.btn--line-sm {
  padding: 4px 11px;
  font-size: 14px;
}

.btn--line-md {
  padding: 5px 10px;
  font-size: 15px;
}

.btn--line-lg {
  padding: 9px 14px;
  font-size: 15px;
  font-family: "NotoSansKR-Bold";
}

.btn--line-round {
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 22px;
}

.btn--fill {
  background-color: #222;
  color: #fff;
  font-family: "NotoSansKR-Bold";
}

.btn--fill.disabled {
  background-color: #eaeaea;
  color: #999;
  pointer-events: none;
}

.btn--fill-sm {
  padding: 5px 11px;
  font-size: 14px;
}

.btn--fill-md {
  padding: 10px 15px;
  font-size: 15px;
}

.btn--fill-lg {
  padding: 16px 24px;
  font-size: 18px;
}

.btn--fill-round {
  padding: 3px 8px;
  font-size: 12px;
  background-color: #999;
  border-radius: 22px;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.flex {
  display: flex;
}

.flex--wrap {
  flex-wrap: wrap;
}

.flex--align-items-base {
  align-items: baseline;
}

.flex--align-items-end {
  align-items: flex-end;
}

.flex--align-items-start {
  align-items: flex-start;
}

.flex--align-items-stretch {
  align-items: stretch;
}

.flex--align-items-center {
  align-items: center;
}

.flex--align-self-end {
  align-self: flex-end;
}

.flex--align-self-start {
  align-self: flex-start;
}

.flex--align-self-center {
  align-self: center;
}

.flex--align-self-stretch {
  align-self: stretch;
}

.flex--justify-center {
  justify-content: center;
}

.flex--justify-end {
  justify-content: flex-end;
}

.flex--justify-start {
  justify-content: flex-start;
}

.flex--justify-space-between {
  justify-content: space-between;
}

.flex--justify-space-around {
  justify-content: space-around;
}

.flex--direction-row-reverse {
  flex-direction: row-reverse;
}

.flex--direction-column {
  flex-direction: column;
}

.flex--direction-column-reverse {
  flex-direction: column-reverse;
}

.flex--order-0 {
  order: 0;
}

.flex--order-1 {
  order: 1;
}

.flex--order-2 {
  order: 2;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
}

.grid__column {
  flex-direction: column;
}

.grid__row {
  flex-direction: row;
}

.grid__container {
  width: 100%;
  padding: 0 calc(0 / 2);
  max-width: 1280px;
}

.grid__container-centered {
  margin: 0 auto;
}

.grid__col {
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 calc(32px / 2);
}

.hs1 {
  font-size: 40px;
  line-height: 1.4;
}

.hs2 {
  font-size: 36px;
  line-height: 1.39;
}

.hs3 {
  font-size: 26px;
  line-height: 1.4;
}

.hs4 {
  font-size: 22px;
  line-height: 1.4;
}

.hs5 {
  line-height: 1.4;
}

.h1 {
  font-size: 24px;
  line-height: 1.38;
}

.h2 {
  font-size: 20px;
  line-height: 1.42;
}

.h3 {
  font-size: 18px;
  line-height: 1.45;
}

.h4 {
  font-size: 16px;
  line-height: 1.5;
}

.h5 {
  line-height: 1.5;
}

.h6 {
  line-height: 1.5;
}

.separator-container {
  width: 100%;
}

.list--unstyled {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.oembed {
  position: relative;
}

.oembed--responsive {
  padding-bottom: 56.25%;
}

.oembed--responsive iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.oembed-facebook-post {
  text-align: center;
}

.twitter-tweet {
  margin: auto;
}

.fb-post > span {
  max-width: 100%;
}

.fb-post iframe {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.fusion-app {
  overflow-x: hidden;
}

.fusion-app > div[type="rendering"] > section:not([id="0"]) {
  transition: transform 500ms cubic-bezier(0.56, 1.65, 0.77, 0.88);
  transition-timing-function: cubic-bezier(0.56, 1.65, 0.77, 0.88);
  position: relative;
}

.fusion-app section.scroll {
  position: sticky;
  top: 0;
}

.quote {
  line-height: 1.5;
}

.text--white {
  color: #fff;
}

.text--black {
  color: #222;
}

.text--grey-80 {
  color: #707070;
}

.text--grey-60 {
  color: #999;
}

.text--grey-40 {
  color: #d7d7d7;
}

.text--grey-20 {
  color: #eaeaea;
}

.text--powerlink {
  color: #126ccd;
}

.text--powerlink :hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}

.text--red {
  color: #c81616;
}

.text--blue {
  color: #126ccd;
}

.text--accent {
  color: #d6001c;
}

.text--accent-secondary {
  color: #1d6fd3;
}

.text--left {
  text-align: left;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--vertical-align-top {
  vertical-align: top;
}

.text--vertical-align-middle {
  vertical-align: middle;
}

.text--vertical-align-bottom {
  vertical-align: bottom;
}

.text--vertical-align-text-top {
  vertical-align: text-top;
}

.text--vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.text--capital {
  text-transform: capitalize;
}

.text--uppercase {
  text-transform: uppercase;
}

.text--underline {
  text-decoration: underline;
}

.text--underline-position {
  text-underline-position: under;
}

.text--italic {
  font-style: italic;
}

.text--bold {
  font-weight: 700;
}

.text--line-height-normal {
  line-height: normal;
}

.text--line-height-1\.33 {
  line-height: 1.33;
}

.text--line-height-1\.36 {
  line-height: 1.36;
}

.text--line-height-1\.42 {
  line-height: 1.42;
}

.text--line-height-1\.43 {
  line-height: 1.43;
}

.text--line-height-1\.44 {
  line-height: 1.44;
}

.text--line-height-1\.5 {
  line-height: 1.5;
}

.text__link--color:hover,
.text__link--color:focus {
  color: #707070;
}

.text__link--underline:hover {
  text-decoration: underline;
}

.text__link--styled {
  color: #126ccd;
  border-bottom: 1px solid #c8c8c8;
}

.text__link--styled:visited,
.text__link--styled:active {
  color: #126ccd;
}

.text--wrap-pre {
  white-space: pre;
}

.text--wrap-nowrap {
  white-space: nowrap;
}

.text--break-all {
  word-break: break-all;
}

.text--overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-topper-subtitle {
  margin-left: 6px;
}

.visual__image {
  max-height: 100%;
  max-width: 100%;
}

.visual__image--caption {
  caption-side: bottom;
  font-size: 14px;
}

.visual__image--cover {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.visual__symbol {
  height: 40px;
  width: 40px;
}

.article-print-sty2 {
  background: #eaeaea;
}

.article-print-sty2:has(.radius--50) {
  border-radius: 50%;
}

.article-print-sty2:has(.radius--16) {
  border-radius: 16px;
}

.article-print-sty2:has(.radius--8) {
  border-radius: 8px;
}

.article-print-sty2:has(.radius--6) {
  border-radius: 6px;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.box--display-block {
  display: block;
}

.box--display-flex {
  display: flex;
}

.box--display-grid {
  display: grid;
}

.box--display-inline-block {
  display: inline-block;
}

.box--display-inline-flex {
  display: inline-flex;
}

.box--display-table {
  display: table;
}

.box--display-table-caption {
  display: table-caption;
}

.box--display-table-cell {
  display: table-cell;
}

.box--display-none {
  display: none;
}

.box--position-relative {
  position: relative;
}

.box--position-absolute {
  position: absolute;
}

.box--position-absolute-center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.box--position-absolute-left {
  left: 0;
}

.box--position-absolute-right {
  right: 0;
}

.box--position-absolute-top {
  top: 0;
}

.box--position-absolute-bottom {
  bottom: 0;
}

.box--position-fixed {
  position: fixed;
}

.box--float-left {
  float: left;
  clear: left;
}

.box--float-right {
  float: right;
  clear: right;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.box--bg {
  background: #fff;
}

.box--bg-fade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 80%);
}

.box--bg-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.box--bg-grey-80 {
  background-color: #707070;
}

.box--bg-grey-60 {
  background-color: #999;
}

.box--bg-grey-50 {
  background-color: #d4d4d4;
}

.box--bg-grey-40 {
  background-color: #d7d7d7;
}

.box--bg-grey-30 {
  background-color: #e2e2e2;
}

.box--bg-grey-20 {
  background-color: #eaeaea;
}

.box--bg-grey-10 {
  background-color: #f7f7f7;
}

.box--bg-white {
  background-color: #fff;
}

.box--bg-black {
  background-color: #222;
}

.box--bg-transparent {
  background-color: transparent;
}

.box--bg-accent {
  background-color: #d6001c;
}

.box--bg-accent-secondary {
  background-color: #1d6fd3;
}

.box--bg-red {
  background-color: #c81616;
}

.box--bg-blue {
  background-color: #126ccd;
}

.box--bg-powerlinkbg {
  background-color: rgba(18, 108, 205, 0.04);
}

.box--bg-keywordbg {
  background-color: #f3fbf9;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.box--border {
  border: 1px;
  border-color: #222;
  border-style: solid;
}

.box--border-none {
  border: 0;
}

.box--border-dotted {
  border-style: dotted;
}

.box--border-accent {
  border-color: #d6001c;
}

.box--border-accent-secondary {
  border-color: #1d6fd3;
}

.box--border-white {
  border-color: #fff;
}

.box--border-black {
  border-color: #222;
}

.box--border-powerlinkbd {
  border-color: rgba(18, 108, 205, 0.12);
}

.box--border-keywordbd {
  border-color: #dfece8;
}

.box--border-blue {
  border-color: #126ccd;
}

.box--border-red {
  border-color: #c81616;
}

.box--border-grey-80 {
  border-color: #707070;
}

.box--border-grey-60 {
  border-color: #999;
}

.box--border-grey-50 {
  border-color: #d4d4d4;
}

.box--border-grey-40 {
  border-color: #d7d7d7;
}

.box--border-grey-30 {
  border-color: #e2e2e2;
}

.box--border-grey-20 {
  border-color: #eaeaea;
}

.box--border-xs {
  border-width: 1px;
}

.box--border-sm {
  border-width: 2px;
}

.box--border-md {
  border-width: 4px;
}

.box--border-lg {
  border-width: 10px;
}

.box--border-horizontal {
  border-left: 0;
  border-right: 0;
}

.box--border-horizontal-top {
  border-bottom: 0;
}

.box--border-horizontal-bottom {
  border-top: 0;
}

.box--border-vertical {
  border-bottom: 0;
  border-top: 0;
}

.box--border-vertical-left {
  border-right: 0;
}

.box--border-vertical-right {
  border-left: 0;
}

.box--pointer {
  cursor: pointer;
}

.box--overflow--auto {
  overflow: auto;
}

.box--overflow-hidden {
  overflow: hidden;
}

.box--overflow--scroll {
  overflow: scroll;
}

.box--overflow-y-auto {
  overflow-y: auto;
}

.box--overflow-y-scroll {
  overflow-y: scroll;
}

.box--overflow-x-auto {
  overflow-x: auto;
}

.box--overflow-x-scroll {
  overflow-x: scroll;
}

.box--clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.box--margin {
  margin: 4px;
}

.box--margin-center {
  margin-left: auto;
  margin-right: auto;
}

.box--margin-none {
  margin: 0;
}

.box--margin-top {
  margin-top: 4px;
}

.box--margin-top-xxs {
  margin-top: 4px;
}

.box--margin-top-xs {
  margin-top: 8px;
}

.box--margin-top-sm {
  margin-top: 12px;
}

.box--margin-top-md {
  margin-top: 16px;
}

.box--margin-top-lg {
  margin-top: 20px;
}

.box--margin-top-xl {
  margin-top: 24px;
}

.box--margin-top-xxl {
  margin-top: 28px;
}

.box--margin-top-xxl-2 {
  margin-top: 32px;
}

.box--margin-top-xxl-3 {
  margin-top: 36px;
}

.box--margin-top-xxl-4 {
  margin-top: 40px;
}

.box--margin-top-xxl-8 {
  margin-top: 56px;
}

.box--margin-right {
  margin-right: 4px;
}

.box--margin-right-xxs {
  margin-right: 4px;
}

.box--margin-right-xs {
  margin-right: 8px;
}

.box--margin-right-sm {
  margin-right: 12px;
}

.box--margin-right-md {
  margin-right: 16px;
}

.box--margin-right-lg {
  margin-right: 20px;
}

.box--margin-right-xl {
  margin-right: 24px;
}

.box--margin-right-xxl {
  margin-right: 28px;
}

.box--margin-right-xxl-2 {
  margin-right: 32px;
}

.box--margin-right-xxl-3 {
  margin-right: 36px;
}

.box--margin-right-xxl-4 {
  margin-right: 40px;
}

.box--margin-right-xxl-8 {
  margin-right: 56px;
}

.box--margin-bottom {
  margin-bottom: 4px;
}

.box--margin-bottom-xxs {
  margin-bottom: 4px;
}

.box--margin-bottom-xs {
  margin-bottom: 8px;
}

.box--margin-bottom-sm {
  margin-bottom: 12px;
}

.box--margin-bottom-md {
  margin-bottom: 16px;
}

.box--margin-bottom-lg {
  margin-bottom: 20px;
}

.box--margin-bottom-xl {
  margin-bottom: 24px;
}

.box--margin-bottom-xxl {
  margin-bottom: 28px;
}

.box--margin-bottom-xxl-2 {
  margin-bottom: 32px;
}

.box--margin-bottom-xxl-3 {
  margin-bottom: 36px;
}

.box--margin-bottom-xxl-4 {
  margin-bottom: 40px;
}

.box--margin-bottom-xxl-8 {
  margin-bottom: 56px;
}

.box--margin-left {
  margin-left: 4px;
}

.box--margin-left-xxs {
  margin-left: 4px;
}

.box--margin-left-xs {
  margin-left: 8px;
}

.box--margin-left-sm {
  margin-left: 12px;
}

.box--margin-left-md {
  margin-left: 16px;
}

.box--margin-left-lg {
  margin-left: 20px;
}

.box--margin-left-xl {
  margin-left: 24px;
}

.box--margin-left-xxl {
  margin-left: 28px;
}

.box--margin-left-xxl-2 {
  margin-left: 32px;
}

.box--margin-left-xxl-3 {
  margin-left: 36px;
}

.box--margin-left-xxl-4 {
  margin-left: 40px;
}

.box--margin-left-xxl-8 {
  margin-left: 56px;
}

.box--margin-horizontal {
  margin-left: 4px;
  margin-right: 4px;
}

.box--margin-vertical {
  margin-bottom: 4px;
  margin-top: 4px;
}

.box--pad {
  padding: 4px;
}

.box--pad-none {
  padding: 0;
}

.box--pad-top {
  padding-top: 4px;
}

.box--pad-top-xxs {
  padding-top: 4px;
}

.box--pad-top-xs {
  padding-top: 8px;
}

.box--pad-top-sm {
  padding-top: 12px;
}

.box--pad-top-md {
  padding-top: 16px;
}

.box--pad-top-lg {
  padding-top: 20px;
}

.box--pad-top-xl {
  padding-top: 24px;
}

.box--pad-top-xxl {
  padding-top: 28px;
}

.box--pad-top-xxl-2 {
  padding-top: 32px;
}

.box--pad-top-xxl-3 {
  padding-top: 36px;
}

.box--pad-top-xxl-4 {
  padding-top: 40px;
}

.box--pad-top-xxl-8 {
  padding-top: 56px;
}

.box--pad-right {
  padding-right: 4px;
}

.box--pad-right-xxs {
  padding-right: 4px;
}

.box--pad-right-xs {
  padding-right: 8px;
}

.box--pad-right-sm {
  padding-right: 12px;
}

.box--pad-right-md {
  padding-right: 16px;
}

.box--pad-right-lg {
  padding-right: 20px;
}

.box--pad-right-xl {
  padding-right: 24px;
}

.box--pad-right-xxl {
  padding-right: 28px;
}

.box--pad-right-xxl-2 {
  padding-right: 32px;
}

.box--pad-right-xxl-3 {
  padding-right: 36px;
}

.box--pad-right-xxl-4 {
  padding-right: 40px;
}

.box--pad-bottom {
  padding-bottom: 4px;
}

.box--pad-bottom-xxs {
  padding-bottom: 4px;
}

.box--pad-bottom-xs {
  padding-bottom: 8px;
}

.box--pad-bottom-sm {
  padding-bottom: 12px;
}

.box--pad-bottom-md {
  padding-bottom: 16px;
}

.box--pad-bottom-lg {
  padding-bottom: 20px;
}

.box--pad-bottom-xl {
  padding-bottom: 24px;
}

.box--pad-bottom-xxl {
  padding-bottom: 28px;
}

.box--pad-bottom-xxl-2 {
  padding-bottom: 32px;
}

.box--pad-bottom-xxl-3 {
  padding-bottom: 36px;
}

.box--pad-bottom-xxl-4 {
  padding-bottom: 40px;
}

.box--pad-bottom-xxl-8 {
  padding-bottom: 56px;
}

.box--pad-left {
  padding-left: 4px;
}

.box--pad-left-xxs {
  padding-left: 4px;
}

.box--pad-left-xs {
  padding-left: 8px;
}

.box--pad-left-sm {
  padding-left: 12px;
}

.box--pad-left-md {
  padding-left: 16px;
}

.box--pad-left-lg {
  padding-left: 20px;
}

.box--pad-left-xl {
  padding-left: 24px;
}

.box--pad-left-xxl {
  padding-left: 28px;
}

.box--pad-left-xxl-2 {
  padding-left: 32px;
}

.box--pad-left-xxl-3 {
  padding-left: 36px;
}

.box--pad-left-xxl-4 {
  padding-left: 40px;
}

.box--pad-horizontal {
  padding-left: 4px;
  padding-right: 4px;
}

.box--pad-vertical {
  padding-bottom: 4px;
  padding-top: 4px;
}

:root {
  --modal-mask-top-offset: 134px;
  --modal-layer-top-offset: 25px;
  --fixed-nav-top-offset: 48px;
}

.box--hidden {
  display: none;
}

.box--visibility-visible {
  visibility: visible;
}

.box--visibility-hidden {
  visibility: hidden;
}

.width--100 {
  width: 100%;
}

.width--max--100 {
  max-width: 100%;
}

.height--100 {
  height: 100%;
}

.padding-20 {
  padding: 20px;
}

.columnistMaxWidth {
  max-width: 91%;
}

.cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.radius--25 {
  border-radius: 25%;
}

.radius--50 {
  border-radius: 50%;
}

.radius--6 {
  border-radius: 6px;
}

.radius--8 {
  border-radius: 8px;
}

.radius--16 {
  border-radius: 16px;
}

.visual__image img {
  width: 100%;
}

.flex-chain-wrapper:empty {
  display: none;
}

.columnist-chain .columnist-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  background: #fff;
}

.columnist-chain .columnist-wrapper .columnist-author-card {
  height: 100%;
}

.columnist-chain .columnist-wrapper .columnist-author-card h3 {
  font-size: 16px;
  line-height: 22px;
}

.flex-chain-wrapper.hidden,
.row-chain.hidden {
  display: none;
}

.ad-amp-only {
  display: none;
}

.go-app {
  width: 65px;
  height: 28px;
  margin-left: auto;
  font-family: "NotoSansKR-Bold";
}

.load-more-btn {
  width: 148px;
  border: 1px solid #d7d7d7;
  height: 36px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}

.load-more-btn:hover {
  background: #f7f7f7;
}

.dfpAd + .oembed-youtube {
  margin-top: 40px;
}

.hl_red {
  background-color: #ff3b30;
}

.hl_orange {
  background-color: #ff9500;
}

.hl_yellow {
  background-color: #fc0;
}

.hl_green {
  background-color: #4cd964;
}

.hl_tblue {
  background-color: #5ac8fa;
}

.hl_blue {
  background-color: #007aff;
}

.hl_purple {
  background-color: #5856d6;
}

.hl_pink {
  background-color: #ff2d55;
}

.article-related-content .story-card--lg .rel-tt {
  display: flex;
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 27px;
}

.article-related-content .story-card--lg .rel-tt a {
  color: #222;
}

.article-related-content .story-card--lg .rel-tt a:hover {
  color: #707070;
}

.article-related-content .story-card--lg .rel-tt:before {
  width: 4px;
  height: 4px;
  margin: 11px 5px 0 1px;
  background-color: #999;
  border-radius: 100%;
  flex-shrink: 0;
  content: "";
}

.article-related-content .story-card--md .rel-tt {
  display: flex;
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}

.article-related-content .story-card--md .rel-tt a {
  color: #222;
}

.article-related-content .story-card--md .rel-tt:before {
  width: 4px;
  height: 4px;
  margin: 11px 5px 0 1px;
  background-color: #999;
  border-radius: 100%;
  flex-shrink: 0;
  content: "";
}

.article-related-content .story-card--sm .rel-tt {
  display: flex;
  padding-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}

.article-related-content .story-card--sm .rel-tt a {
  color: #222;
}

.article-related-content .story-card--sm .rel-tt:before {
  width: 4px;
  height: 4px;
  margin: 11px 5px 0 1px;
  background-color: #999;
  border-radius: 100%;
  flex-shrink: 0;
  content: "";
}

.article-related-content.article-related-in-body {
  max-width: 616px;
}

.article-related-content.article-related-in-body:not(:last-child) {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: solid 1px #222;
}

.article-related-content.article-related-in-body .rel-tt {
  word-break: keep-all;
}

.article-related-content.article-related-in-body > .width--100 > div:first-child .rel-tt {
  padding-top: 0;
}

.article .arcad {
  max-width: 100%;
  margin: 0 auto;
}

.article-body {
  overflow: auto;
  word-break: break-all;
}

.article-body .powa,
.article-body .powa-shadow {
  word-break: keep-all;
}

.article-body :host(.powa) {
  word-break: keep-all;
}

.article-body :not(td):not(a):not(.rel-heading-tt):not(.rel-tt):not(.link-list-title):first-child {
  margin-top: 0;
}

.article-body img {
  display: block;
  height: auto;
}

.article-body a {
  color: #126ccd;
  border-bottom: 1px solid #c8c8c8;
}

.article-body a:visited,
.article-body a:active {
  color: #126ccd;
}

.article-body a:hover {
  color: #107ef3;
}

.article-body .article-related-content a {
  border-bottom: 0;
}

.article-body__content {
  margin-bottom: 24px;
}

.article-body__content-text {
  font-size: 18px;
  line-height: 1.67;
}

.article-body__content-image {
  width: unset;
  overflow: hidden;
}

.article-body__content blockquote {
  max-width: 100%;
}

.article-body__content--align-center {
  max-width: calc((464 / 616) * 100%);
  flex-basis: calc((464 / 616) * 100%);
  margin-right: calc(((1 - (464 / 616)) / 2) * 100%);
  margin-left: calc(((1 - (464 / 616)) / 2) * 100%);
  clear: both;
}

figure.article-body__content--align-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.article-body__content--align-center img {
  max-width: 100%;
}

.article-body__content--align-center figcaption {
  max-width: 100%;
  line-height: 1.43;
}

p.article-body__content--align-center {
  text-align: center;
}

.article-body__content--align-left,
.article-body__content--align-right {
  max-width: 34%;
  margin-bottom: 16px;
}

.article-body__content--align-left + .article-body__content-text,
.article-body__content--align-right + .article-body__content-text {
  margin-top: 0;
}

.article-body__content--align-left.box--float-left,
.article-body__content--align-left.box--float-right,
.article-body__content--align-right.box--float-left,
.article-body__content--align-right.box--float-right {
  width: 100%;
}

.article-body__content-amp-video amp-img img {
  -o-object-fit: contain;
  object-fit: contain;
}

.article-body__content-correction,
.article-body__content-list {
  line-height: 1.5;
}

.article-body-table {
  border-collapse: collapse;
  border-spacing: 0;
}

.article-body-table-dimensions {
  width: 100%;
}

.article-body-table-dimensions + figure {
  margin-top: 32px;
}

.article-body-table-dimensions + figure.box--float-left + .article-body__content-text,
.article-body-table-dimensions + figure.box--float-right + .article-body__content-text {
  margin-top: 24px;
}

.article-body-table-display {
  display: inline-table;
}

.article-body-table-cell {
  min-width: 65px;
  line-height: 1.5;
}

.article-body-table-cell-normal:first-child {
  padding-left: 0;
}

.article-body-table-cell:first-child {
  border-left: none;
}

.article-body-table-cell:last-child {
  border-right: none;
}

.article-body > div[class*="GalleryDiv"] {
  margin-bottom: 24px;
}

.article-body .image-metadata {
  padding: 0;
}

.article-body .h1,
.article-body .h2,
.article-body .h3,
.article-body .h4,
.article-body .h5,
.article-body .h6 {
  margin-bottom: 24px;
  color: #222;
}

.article-body .a2-native iframe {
  max-width: 300px;
  margin: 0 auto;
}

.article-body .a2-native > div {
  margin-bottom: 0;
}

.article-header__headline-container + figure,
.article-header__headline-container + .article-header__lead-art,
.article-header__headline-container + .lazyload-wrapper,
.article-header__headline-container + amp-carousel {
  margin-top: 24px;
  margin-bottom: 0;
}

.article-header__headline {
  font-size: 24px;
  line-height: 1.42;
  margin-top: 16px;
  margin-bottom: 0;
}

.article-header__headline + p {
  margin-bottom: 0;
  margin-top: 16px;
}

.article-header__engHeadline {
  font-size: 24px;
  line-height: 1.42;
  margin-top: 16px;
  margin-bottom: 0;
}

.article-header__engHeadline + p {
  margin-bottom: 0;
  margin-top: 16px;
}

.article-header__lead-art img {
  display: block;
}

.article-byline {
  padding-bottom: 6px;
}

.article-dateline {
  margin-bottom: 12px;
  padding-bottom: 14px;
}

.article-dateline .dateBox {
  position: relative;
}

.article-dateline .dateBox .inputDate {
  padding-bottom: 2px;
  opacity: 0;
}

.article-dateline .dateBox .inputDate.btnToggle {
  opacity: 1;
}

.article-dateline .dateBox .inputDate:only-child {
  opacity: 1;
}

.article-dateline .dateBox .upDate {
  position: absolute;
}

.article-dateline .dateBox .upDate.btnToggle {
  position: relative;
}

.article-control-bar {
  transform: translateX(-58px);
  z-index: 8;
}

.article-control-bar-options {
  width: 58px;
}

.article-control-bar-options-item {
  height: 58px;
}

.article-control-bar-options-item span {
  font-family: "NotoSansKR-Medium";
}

.article-control-bar-menu {
  top: 48px;
  right: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.article-control-bar-menu-share {
  width: 188px;
  height: 58px;
}

.article-control-bar-menu-font {
  width: 208px;
  z-index: 10;
}

.article-control-bar-menu-font-size {
  width: 32px;
  height: 32px;
}

.article-control-bar-menu-font-size:last-child {
  margin-right: 0;
}

.article-control-bar-menu-font-size:hover {
  border: 1px solid #222;
}

.article-control-bar-menu-font-size:hover svg path {
  fill: #222;
}

.article-control-bar-menu-font-type {
  width: 100%;
}

.article-control-bar-menu-font-type input[type="radio"] {
  opacity: 0;
  margin: 0;
  width: 12px;
  height: 12px;
  z-index: 1;
}

.article-control-bar-menu-font-type input[type="radio"] + span {
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.article-control-bar-menu-font-type input[type="radio"]:checked + span {
  border-color: #222;
}

.article-control-bar-menu-font-type input[type="radio"]:checked + span:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #222;
}

.article-control-bar-menu-bookmark {
  width: 328px;
  height: 172px;
  padding-top: 24px;
  z-index: 8;
}

.article-control-bar-menu-bookmark-close {
  transform: translateY(-14px);
}

.article-control-bar-menu-bookmark-close:hover svg path {
  fill: #222;
}

.article-control-bar-menu-bookmark-title {
  line-height: 1.44;
}

.article-control-bar-menu-bookmark-text {
  line-height: 1.44;
}

.article-control-bar-menu-bookmark-button {
  flex-wrap: nowrap;
  margin-bottom: 14px;
}

.article-control-bar-menu-bookmark-button:hover {
  background-color: #eaeaea;
}

.article-control-bar-menu-bookmark-not-show-again {
  line-height: 1.67;
}

.article-control-bar-menu-bookmark input[type="checkbox"] {
  height: 15px;
  width: 15px;
  border: 1px solid #d7d7d7;
}

.article-control-bar-menu-bookmark input[type="checkbox"]:checked {
  background-color: #222;
}

.article-control-bar-menu-bookmark input[type="checkbox"]:before,
.article-control-bar-menu-bookmark input[type="checkbox"]:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 1px;
}

.article-control-bar-menu-bookmark input[type="checkbox"]:before {
  height: 7px;
  left: 8px;
  top: 3px;
  transform: rotate(45deg);
}

.article-control-bar-menu-bookmark input[type="checkbox"]:after {
  height: 5px;
  left: 4px;
  top: 4px;
  transform: rotate(-45deg);
}

.article-tags {
  word-break: break-all;
}

.article-tags a {
  line-height: 26px;
  border-bottom: solid 1px #c8c8c8;
}

.article-tags a:hover {
  color: #107ef3;
}

.article-tags .tag-item {
  margin-right: 10px;
}

.article-tags .tag-item-last {
  margin-right: 12px;
}

.article-menu-bar-inner-eng svg path {
  fill: #222;
}

.article-amp-social {
  width: 76px;
  height: 32px;
}

.article-amp-social svg {
  display: block;
}

[class^="amp-mode"] .article-related-in-body:last-child {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: solid 1px #222;
}

amp-carousel {
  margin-bottom: 24px;
  background-color: #222;
}

amp-carousel img {
  -o-object-fit: contain;
  object-fit: contain;
}

.comment-area {
  padding-left: 2px;
}

.layout__article-header > div[class*="GalleryDiv"] {
  margin-top: 32px;
  margin-bottom: 0;
}

.IconAreaBg {
  background-color: rgba(0, 0, 0, 0.6);
}

.cursorZoomin {
  cursor: zoom-in;
}

.cursorPointer {
  cursor: pointer;
}

.modal-mask-zoom-layer {
  width: 100%;
  height: 100%;
  background-color: #222;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.modal-mask-zoom-layer img {
  max-height: 100vh;
  width: auto;
}

.modal-mask-zoom-layer .tableBox {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.modal-close-button {
  position: absolute;
  top: 24px;
  right: 24px;
}

.modal-close-button svg {
  height: 40px;
  width: 40px;
  cursor: pointer;
}

.level-modal-bg.article-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.fixed-placeholder {
  min-height: 89px;
}

.fixed-placeholder.isFixed {
  min-height: 48px;
}

.disable-scroll {
  overflow: hidden;
  background: #f7f7f7;
}

.nav {
  z-index: 9;
}

.nav__masthead {
  height: 100%;
  min-height: 48px;
  padding: 0 10px;
  background-color: #fff;
}

.nav__masthead .english-search-bar--wrap {
  width: 226px;
}

.nav__masthead-center .cover-logo {
  max-height: 93px;
  max-width: 465px;
}

.nav__masthead-english-center .cover-logo {
  max-height: 93px;
  max-width: 465px;
}

.nav__bar {
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  background-color: #fff;
  border-color: #222;
}

.nav__bar .scroll-logo {
  display: none;
}

.nav__bar-center {
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.nav__bar-center-link {
  white-space: nowrap;
  font-family: "NotoSansKR-Medium";
}

.nav__bar-center-link:first-child {
  padding-left: 16px;
}

.nav__bar-center-link:last-child {
  padding-right: 16px;
}

.nav__bar-center-link a:hover {
  color: #222;
  font-family: "NotoSansKR-Medium";
}

.nav__bar-center-link .underline-text,
.nav__bar-center-link .link-text:hover:after,
.nav__bar-center-link .link-text--dropdown:after,
.nav__bar-center-link .active:after {
  content: "";
  display: block;
  border-bottom: 3px solid #222;
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}

.nav__bar-center-link .active {
  font-family: "NotoSansKR-Bold";
}

.nav__bar-center-link .dropdown svg {
  margin: 4px;
}

.nav__bar-center-engLink {
  padding: 0 14px;
  white-space: nowrap;
  font-family: "NotoSansKR-Medium";
}

.nav__bar-center-engLink:first-child {
  padding-left: 16px;
}

.nav__bar-center-engLink:last-child {
  padding-right: 16px;
}

.nav__bar-center-engLink a:hover {
  color: #222;
  font-family: "NotoSansKR-Medium";
}

.nav__bar-center-engLink .underline-text,
.nav__bar-center-engLink .link-text:hover:after,
.nav__bar-center-engLink .link-text--dropdown:after,
.nav__bar-center-engLink .active:after {
  content: "";
  display: block;
  border-bottom: 3px solid #222;
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}

.nav__bar-center-engLink .active {
  font-family: "NotoSansKR-Bold";
}

.nav__bar-center-engLink .dropdown svg {
  margin: 4px;
}

.nav__bar-left {
  max-width: 260px;
  margin-right: 100px;
}

.nav__bar-right {
  max-width: 260px;
  margin-left: 100px;
  min-width: 160px;
}

.nav .menu-overlay {
  width: 0;
}

.nav .english-menu-overlay {
  width: 0;
}

.nav .english-menu-overlay.active {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 60px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
}

.nav .side-menu-container {
  width: 200px;
  position: fixed;
  background-color: #fff;
  z-index: 9;
}

.nav .english-side-menu-container {
  width: 100%;
  position: fixed;
  border-left: 0;
  border-right: 0;
  background-color: #fff;
  z-index: 9;
}

.nav__side-menu {
  position: relative;
}

.nav__side-menu.isAmp {
  background-color: #fff;
  height: 100vh;
}

.nav__side-menu.isAmp .hamburger-close {
  background-image: url("../index/3738cd8e9c2026374fa207067741d0ade83ba145.svg");
  display: inline-block;
  height: 24px;
  width: 24px;
}

.nav__side-menu ul {
  background-color: #fff;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nav__side-menu ul::-webkit-scrollbar {
  display: none;
}

.nav__side-menu ul li:before {
  content: none;
}

.nav__side-menu ul li hr {
  margin: 16px 0;
  height: 1px;
  border: 0;
  background: #eaeaea;
}

.nav__side-menu ul li:nth-of-type(9) hr {
  margin-top: 16px;
}

.nav__side-menu a {
  color: #222;
  display: block;
  width: 100%;
}

.nav__side-menu-item {
  min-height: 20px;
}

.nav__side-menu-item:hover {
  background: #f7f7f7;
  font-family: "NotoSansKR-Bold";
}

.nav__side-menu-item > a {
  padding: 10px 8px 10px 16px;
  width: 85%;
  font-family: "NotoSansKR-Medium";
}

.nav__side-menu-item > a:hover {
  font-family: "NotoSansKR-Bold";
}

.nav__side-menu-item .arrow {
  margin-right: 8px;
  margin-top: 10px;
}

.nav__side-menu-item.isAmp {
  min-height: 35px;
}

.nav__side-menu-item.isAmp i.amp-arrow-down {
  height: 24px;
  width: 24px;
  background-image: url("../index/e7b65c55dd5e6399cc0cf64a17050ed36e2aae1a.svg");
}

.nav__side-menu-item.isAmp i.amp-arrow-down.amp-arrow-up {
  background-image: url("../index/93775cd864b806c4440ac3903f9b504a421eda1c.svg");
}

.nav__side-menu-item.isAmp .nav__side-menu-child-menu {
  visibility: hidden;
}

.nav__side-menu-item.isAmp .nav__side-menu-child-menu.force-visible {
  visibility: visible;
  max-height: unset;
}

.nav__side-menu-eng-item {
  min-height: 20px;
}

.nav__side-menu-eng-item:hover {
  background: #f7f7f7;
  font-family: "NotoSansKR-Bold";
}

.nav__side-menu-eng-item > a {
  padding: 10px 8px 10px 16px;
  width: 85%;
  font-family: "NotoSansKR-Medium";
}

.nav__side-menu-eng-item > a:hover {
  font-family: "NotoSansKR-Bold";
  font-weight: 700;
}

.nav__side-menu-eng-item.isAmp {
  min-height: 35px;
}

.nav__side-menu-eng-item.isAmp i.amp-arrow-down {
  height: 24px;
  width: 24px;
  background-image: url("../index/e7b65c55dd5e6399cc0cf64a17050ed36e2aae1a.svg");
}

.nav__side-menu-eng-item.isAmp i.amp-arrow-down.amp-arrow-up {
  background-image: url("../index/93775cd864b806c4440ac3903f9b504a421eda1c.svg");
}

.nav__side-menu-eng-item.isAmp .nav__side-menu-child-menu {
  visibility: hidden;
}

.nav__side-menu-eng-item.isAmp .nav__side-menu-child-menu.force-visible {
  visibility: visible;
  max-height: unset;
}

.nav__side-menu-child-menu {
  background-color: #fff;
  width: 200px;
  position: absolute;
  right: -200px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  overflow: auto;
  margin-top: 0;
  font-family: "NotoSansKR-Medium";
}

.nav__side-menu-child-item {
  padding: 10px 8px 10px 16px;
}

.nav__side-menu-child-item:hover {
  background: #f7f7f7;
  font-family: "NotoSansKR-Bold";
}

.nav__side-menu-child-item-eng {
  padding: 10px 8px;
}

.nav__side-menu-child-item-eng:hover {
  font-family: "NotoSansKR-Bold";
  font-weight: 700;
}

.nav__side-menu-footer-layout {
  margin-bottom: 111px;
}

.nav__side-menu-footer {
  border-radius: 4px;
  border: 1px solid var(--color-grey-40, #d7d7d7);
  background: var(--color-grey-10, #f7f7f7);
}

.nav__side-menu-footer a {
  font-family: "NotoSansKR-Medium";
  color: var(--color-black, #222);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.nav.scroll {
  position: fixed;
  height: 48px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: 100%;
  border-bottom: 1px solid #222;
  background-color: #fff;
  z-index: 999;
}

.nav.scroll .alert--modal .alertModalPost-mask {
  top: 48px;
}

.nav.scroll .alert--modal .alertModalPost-layer {
  top: 30px;
}

.nav.scroll .nav__masthead {
  display: flex;
}

.nav.scroll .nav__bar {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  border: none;
  display: none;
}

.nav.scroll .nav__bar .nav__bar-center .scroll-logo {
  display: block;
  margin: 3px auto 0;
}

.nav.scroll .nav__bar .nav__bar-center .scroll-logo .cover-logo {
  max-height: 40px;
  max-width: 200px;
}

.nav.scroll .nav__bar .nav__bar-center .nav__bar-center-link {
  display: none;
}

.nav.scroll .nav__bar .nav__bar-center .nav__bar-center-engLink {
  display: none;
}

.nav__dropdown-menu {
  background-color: #fff;
  width: 289px;
  height: auto;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 9;
}

.nav__dropdown-menu a {
  font-family: "NotoSansKR-Medium";
}

.nav__dropdown-menu a:hover {
  font-family: "NotoSansKR-Bold";
}

.nav__dropdown-menu a:nth-of-type(1),
.nav__dropdown-menu a:nth-of-type(2) {
  margin-top: 8px;
}

.nav__dropdown-menu a:nth-last-of-type(1),
.nav__dropdown-menu a:nth-last-of-type(2) {
  margin-bottom: 8px;
}

.nav__dropdown-menu-child:hover {
  background: #f7f7f7;
  color: #222;
  font-family: "NotoSansKR-Bold";
}

.nav__dropdown-menu-flex--basis {
  padding: 10px 14px;
  flex-basis: 50%;
  max-width: 50%;
}

.nav__auth-dropdown .nav__dropdown-menu {
  top: 9px;
}

.nav__dropdown-menu-eng {
  background-color: #fff;
  height: auto;
  position: absolute;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 9;
  padding: 12px 0 16px;
  max-height: 228px;
  min-width: 687px;
  right: -15px;
  top: 35px;
}

.nav__dropdown-menu-eng-child {
  line-height: 20px;
  font-family: "NotoSansKR-Regular";
  font-weight: 400;
  color: #222;
}

.nav__dropdown-menu-eng-child:hover {
  font-family: "NotoSansKR-Bold", sans-serif;
  font-weight: 700;
}

.nav__arrow-icon {
  position: absolute;
  right: -20px;
  pointer-events: none;
}

.nav__arrow-icon-eng {
  position: absolute;
  pointer-events: none;
  right: -20px;
  margin: -1px;
}

.nav__dropdown-bridge {
  width: 100%;
  height: 32px;
  position: absolute;
  top: -32px;
  z-index: 9;
}

.nav__dropdown-bridge.auth {
  width: 25%;
  right: 0;
}

.nav__alert-icon {
  height: 24px;
  margin-right: 16px;
}

.nav__alert-icon .new-alert-icon {
  background-image: url("../index/newAlertBell.gif");
  background-size: cover;
  width: 24px;
  height: 24px;
}

.nav__dropdown-bridge-eng {
  width: 16%;
  right: 10px;
  height: 40px;
  position: absolute;
  top: -32px;
  z-index: 9;
}

.nav__conpanies-category-box {
  width: 156px;
  padding: 10px 16px 10px 8px;
  text-align: justify;
  box-sizing: border-box;
  margin-left: 16px;
  border-right: 1px solid #eaeaea;
}

.nav__auth-menu {
  align-items: baseline;
  height: 24px;
}

.nav__auth-menu .nav__dropdown-menu {
  width: 140px;
}

.nav__auth-menu .nav__dropdown-menu-flex--basis {
  flex-basis: 100%;
  max-width: 100%;
}

.nav__auth-menu .nav__dropdown-menu a:nth-of-type(2),
.nav__auth-menu .nav__dropdown-menu a:nth-last-of-type(2) {
  margin: 0;
}

.nav__auth-menu.login {
  align-items: baseline;
}

.nav .search-bar--wrap {
  margin: 0;
  margin-left: -8px;
  width: 178px;
  height: 32px;
}

.nav .search-bar--input {
  padding: 6px 10px;
}

.nav .search-bar--submit {
  padding: 0 4px;
  min-width: 32px;
}

.nav .search-bar--submit svg {
  width: 24px;
  height: 24px;
}

.nav .search-bar--side {
  padding: 10px 10px 0;
}

.nav .search-bar--side .search-bar--wrap {
  margin: 0;
  margin-bottom: -6px;
  width: 100%;
  height: 40px;
  border-radius: 2px;
}

.nav .search-bar--side .search-bar--input {
  padding: 8px;
  font-size: 16px;
}

.nav__shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.footer.isAmp {
  max-height: 114px;
}

.footer__container {
  padding-top: 25px;
}

.footer__container-info {
  padding-left: 16px;
}

.footer__container-info-row {
  margin-top: 10px;
}

.footer__navigation-link:hover,
.footer__navigation-link:focus,
.footer__navigation-link:active {
  text-decoration: underline;
}

.footer__navigation-separator:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #d7d7d7;
  margin-left: 8px;
}

.footer__navigation-separator:last-child:after {
  display: none;
}

.footer__dropdown {
  min-width: 184px;
  max-width: 184px;
  height: 40px;
}

.footer__dropdown-header {
  width: 100%;
  height: 100%;
  line-height: 1.33;
  padding: 10px;
  cursor: pointer;
}

.footer__dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: 184px;
  max-width: 184px;
  height: 173px;
  overflow: auto;
  position: relative;
  left: -1px;
  bottom: 211px;
}

.footer__dropdown-list a {
  color: inherit;
  text-decoration: none;
}

.footer__dropdown-list-item {
  padding: 6px 10px;
  line-height: 1.43;
}

.footer__dropdown-list-item:before {
  content: "";
}

.footer__dropdown-list-item:hover {
  background-color: #fff;
}

.footer__element-label {
  margin-right: 24px;
}

.footer__element-sponsor {
  width: 110px;
  height: 12px;
}

.footer__element-line-height {
  line-height: 1.43;
}

.sitemap {
  max-width: 1280px;
  padding: 8px 0 0;
  border-top: 1px solid #222;
  flex-direction: column;
}

.sitemap li {
  display: inline-block;
}

.sitemap li:before {
  content: none;
}

.sitemap > section:first-child {
  border-top: none;
}

.sitemap-item {
  border-top: 1px solid #d7d7d7;
}

.sitemap-item .cs-site {
  display: none;
}

.sitemap-item input:checked ~ .cs-site {
  display: block;
}

.sitemap-item input + label > a {
  pointer-events: none;
  cursor: default;
}

.sitemap-item input:checked + label > a {
  pointer-events: auto;
  cursor: pointer;
}

.m-sitemap ul {
  margin: 0;
  padding: 0;
  height: 56px;
  border-top: 1px solid #d7d7d7;
}

.m-sitemap ul:nth-child(2n) {
  border-bottom: 1px solid #d7d7d7;
}

.m-sitemap ul li {
  display: flex;
  align-items: center;
  width: 20%;
  border-left: 1px solid #d7d7d7;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 100%;
}

.m-sitemap ul li:before {
  display: none;
}

.m-sitemap ul li:first-child {
  border-left: 0;
}

.m-sitemap .sns-text {
  margin-top: 29px;
}

ul.cs-sns-wrap {
  bottom: 0;
}

ul.cs-sns-wrap li:before {
  display: none;
}

.stock-slider-wrap.layout-special {
  position: relative;
  top: -24px;
  margin-bottom: -24px;
}

.stock-slider-wrap.layout-special .stock-slider {
  border-radius: 5px;
}

.stock-slider-wrap.layout-special .stock-slider .stock-slider-heading {
  padding: 0 16px;
  white-space: nowrap;
}

.stock-slider-wrap.layout-normal .stock-slider-heading {
  padding-left: 16px;
  flex-basis: 269px;
  flex-shrink: 0;
  background: url("../index/bg.png") 0 0 no-repeat;
  background-size: 100%;
}

.stock-slider-wrap.layout-normal .stock-slider-datetime {
  flex-shrink: 0;
}

.stock-slider {
  height: 48px;
  overflow: hidden;
}

.stock-slider.white {
  background-color: #fff;
  box-shadow: 2px 2px 10px 0 rgba(124, 124, 124, 0.12);
}

.stock-slider.grey {
  background-color: #f7f7f7;
}

.stock-slider-container {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  position: relative;
}

.stock-slider-container .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.stock-slider-container .overlay.white:before {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.stock-slider-container .overlay.white:after {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.stock-slider-container .overlay.grey:before {
  background: linear-gradient(to right, #f7f7f7, rgba(247, 247, 247, 0));
}

.stock-slider-container .overlay.grey:after {
  background: linear-gradient(to right, #f7f7f7, rgba(247, 247, 247, 0));
}

.stock-slider-container .overlay:before {
  content: "";
  width: 48px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.stock-slider-container .overlay:after {
  content: "";
  width: 48px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transform: rotateZ(180deg);
}

.stock-slider-container:hover div {
  animation-play-state: paused;
}

.stock-slider-ticker {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll var(--duration) linear var(--iteration-count);
  white-space: nowrap;
}

.stock-slider-ticker-item {
  align-items: center;
}

.stock-slider-ticker-item .stock-text-blue {
  color: #126ccd;
}

.stock-slider-ticker-item .stock-text-red {
  color: #c81616;
}

.stock-slider-ticker-item .updown {
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
}

.stock-slider-ticker-item .updown.up {
  background-image: url("../index/18e8c459ffc925ced1b94a16684cb5b61ce0f094.svg");
}

.stock-slider-ticker-item .updown.down {
  background-image: url("../index/8640edd3efb83fa9adf458ba8762d33dcaa37055.svg");
}

.stock-slider-ticker-item .updown.tie {
  background-image: url("../index/6c4a84378c377214f09ef8d8860b7ad74e379826.svg");
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.alert--header-app {
  height: 48px;
  position: relative;
  border-bottom: 1px solid #222;
}

.alert--header-app .alert-close-btn {
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 10px;
}

.alert--header-app .alert-close-btn svg {
  width: 24px;
  height: 24px;
}

.alert--page {
  padding: 16px;
  background: #f7f7f7;
  min-height: 100vh;
}

.alert--page .nav {
  display: none;
}

.alert--page .title {
  margin-bottom: 16px;
  font-size: 18px;
  letter-spacing: -0.09px;
}

.alert--page .sort-tab ul {
  margin: 0;
  padding-left: 0;
}

.alert--page .sort-tab li:before {
  display: none;
}

.alert--page .sort-tab li + li {
  margin-left: 8px;
}

.alert--page .sort-tab li {
  line-height: 1.5;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid #d7d7d7;
  color: #707070;
}

.alert--page .sort-tab li.selected {
  border: 1px solid #126ccd;
  background: #126ccd;
  color: #fff;
}

.alert--page .sort-tab .tab-option.subscribe {
  position: relative;
}

.alert--page-card {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.alert--page-card .category-time-box {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.alert--page-card .category-time-box .category {
  font-size: 14px;
}

.alert--page-card .category-time-box .category.newsflash {
  color: #c81616;
  display: none;
}

.alert--page-card .category-time-box .category.newsflash + svg {
  display: none;
}

.alert--page-card .category-time-box .split-bar {
  margin: 0 8px;
}

.alert--page-card .category-time-box .update-date {
  font-size: 12px;
  color: #707070;
}

.alert--page-card a .headline {
  cursor: pointer;
}

.alert--page-card a .headline:hover {
  color: #707070;
}

.alert--page-card .headline {
  font-size: 16px;
  word-break: break-all;
  line-height: 1.43;
}

.alert--page-card p {
  font-family: "NotoSansKR-Medium";
  font-size: 16px;
  text-align: center;
  margin: 0 0 12px;
  line-height: 1.43;
}

.alert--page-card .go-login-btn,
.alert--page-card .go-sub-btn {
  cursor: pointer;
  font-size: 14px;
  font-family: "NotoSansKR-Bold";
  line-height: 1.43;
  padding: 4px 16px;
  color: #fff;
  border-radius: 16px;
  background: #126ccd;
}

.alert--page-card .tag {
  text-wrap: nowrap;
  max-width: 140px;
  font-size: 12px;
  border-radius: 16px;
  border: 1px solid #126ccd;
  padding: 2px 12px;
  color: #126ccd;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 4px 4px 0;
}

.alert--page-card a {
  display: inline-block;
  color: #222;
  width: -moz-fit-content;
  width: fit-content;
}

.alert--page-card.notify {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
}

.alert--page-card.alert.checked {
  opacity: 0.8;
}

.alert--page-card.alert.checked .tag {
  border-color: #707070;
  color: #707070;
}

.alert--page-card.alert.checked .category.newsflash {
  color: #707070;
}

.alert--page-card + .alert--page-card {
  margin-top: 8px;
}

.alert--page .err-text {
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
}

.alert--modal {
  position: relative;
}

.alert--modal .heading-container {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}

.alert--modal .alert-close-btn {
  height: 20px;
  cursor: pointer;
}

.alert--modal .alert-close-btn svg {
  width: 20px;
  height: 20px;
}

.alert--modal .alertModalPost-mask {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12;
  top: var(--modal-mask-top-offset);
}

.alert--modal .alertModalPost-layer {
  right: 0;
  position: absolute;
  width: 352px;
  z-index: 13;
  padding: 10px 0 0;
  top: 69px;
}

.alert--modal .alert--page {
  max-height: 470px;
  overflow-y: scroll;
  min-height: 470px;
  overscroll-behavior: contain;
}

.alert--modal .alert--page::-webkit-scrollbar {
  width: 16px;
}

.alert--modal .alert--page::-webkit-scrollbar-track {
  background: #fff;
}

.alert--modal .alert--page::-webkit-scrollbar-thumb {
  border-radius: 16px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #d7d7d7;
}

.alert--modal .alert--page::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

.author-card {
  border: 1px solid #d7d7d7;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 24px 20px;
}

.author-card--content .heading-container a {
  color: #222;
}

.author-card--content-image.rad100 img {
  border-radius: 100%;
  border: 0.5px solid #d7d7d7;
}

.author-card--content-header {
  padding-right: 16px;
}

.author-card--content-header .author-name-box .byline {
  font-size: 24px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.author-card--content-header .author-name-box .byline .spacer {
  display: inline-block;
  width: 8px;
}

.author-card--content-header .author-name-box .role {
  font-size: 18px;
  word-break: break-all;
}

.author-card--content-header .author-name-box:hover {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.author-card--content-header .author-name-box:hover .spacer {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.author-card--content-header .bio-text {
  font-size: 14px;
  color: #999;
  font-family: "NotoSansKR-Regular";
  line-height: 20px;
  word-break: break-all;
}

.author-card--content-social {
  margin-top: 8px;
}

.author-card--content-social .icon + .icon {
  padding-left: 8px;
}

.author-card--content-social .icon:hover g circle {
  stroke: #222;
}

.author-card--content-social .icon:hover g use.handle {
  fill: #222;
}

.author-card--content-right {
  border-left: 1px solid #eaeaea;
  padding-left: 16px;
}

.author-story-feed__margin {
  margin: 16px 0;
}

.author-story-feed__count {
  vertical-align: text-top;
}

.tag-header h1 {
  line-height: 34px;
}

.tag-header__count {
  line-height: 20px;
}

.tag-header__count-label {
  line-height: 26px;
}

.more-option-container {
  top: 15px;
}

.more-option-menu {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  right: 0;
}

.more-option-menu-font {
  margin-top: 8px;
  margin-bottom: 8px;
}

.more-option-layout {
  z-index: 10;
  margin-top: 8px;
  border-radius: 3px;
}

.report-icon-layout {
  height: 24px;
}

.modal-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

.modal-layer {
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 480px;
  z-index: 12;
}

.modal-option {
  position: relative;
}

.modal-option .close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}

.modal-option .close-button svg {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.modal-option dl dt {
  width: 85px;
}

.modal-option dl dd {
  flex: 1;
  margin: 0;
}

.modal-option .check-box {
  grid-template-columns: 33fr 33fr 33fr;
}

.modal-option .cell-buttons {
  grid-template-columns: 5fr 5fr;
  grid-gap: 2em;
  grid-auto-rows: 44px;
}

.Toastify__toast-container {
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 0;
  width: 100%;
  position: fixed;
  z-index: 99999;
}

.Toastify__toast {
  margin-bottom: 8px;
  padding: 0;
  min-height: auto;
}

.Toastify__toast--success {
  background: #126ccd;
}

.Toastify__toast--error {
  background: #c81616;
}

.Toastify__toast--info {
  background: #424242;
}

.Toastify__toast.fadeIn {
  animation: fadeIn;
}

.Toastify__toast.fadeOut {
  animation: fadeOut;
}

.Toastify__toast .toast-close svg {
  width: 20px;
  height: 20px;
}

.Toastify__close-button {
  display: none;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.change--slide .slick-list {
  overflow: hidden;
}

.columnist-wrapper .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.columnist-wrapper .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.columnist-wrapper .slick-list:focus {
  outline: 0;
}

.columnist-wrapper .slick-list.dragging {
  cursor: pointer;
}

.columnist-wrapper .slick-list.dragging img {
  pointer-events: none;
}

.columnist-wrapper .slick-list[style*="padding: 0px 30px;"] .slick-track .slick-slide {
  padding: 0 6px;
}

.columnist-wrapper .slick-list[style*="padding: 0px 30px;"] .slick-track .slick-slide:nth-last-child(2) {
  transform: translateX(35px);
  transition-delay: 0.05s;
  transition-duration: 0.2s;
}

.columnist-wrapper .slick-track {
  position: relative;
  display: block;
  top: 0;
  left: 0;
}

.columnist-wrapper .slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.columnist-wrapper .slick-track:before {
  display: table;
  content: "";
}

.columnist-wrapper .slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}

.columnist-wrapper .slick-slide > div {
  display: flex;
}

.columnist-wrapper .slick-slide > div:last-child {
  margin-bottom: 0;
}

.columnist-wrapper .slick-slide--item {
  outline: none;
}

.columnist-wrapper .slick-slide img {
  display: block;
  margin: auto;
}

.columnist-wrapper .slick-initialized .slick-slide {
  display: block;
}

.columnist-wrapper .slick-loading .slick-slide,
.columnist-wrapper .slick-loading .slick-track {
  visibility: hidden;
}

.columnist-wrapper .slick-loading img {
  display: none;
}

.columnist-wrapper .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.columnist-wrapper .slick-arrow.slick-hidden {
  display: none;
}

.columnist-wrapper .slick-overline {
  font-size: 14px;
  color: #126ccd;
  padding-bottom: 4px;
}

.columnist-wrapper .slick-overline-h5 {
  font-size: 18px;
  color: #126ccd;
  padding-bottom: 4px;
}

.columnist-wrapper .dots {
  display: flex;
  height: 0px;
  margin: 0 0 24px;
}

.columnist-wrapper .dots span {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

.columnist-wrapper .dots span button {
  position: absolute;
  top: 0px;
}

.columnist-wrapper .dots span button:before {
  position: absolute;
  background: #d7d7d7;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  content: "";
  cursor: pointer;
}

.columnist-wrapper .dots span .btnActive {
  position: absolute;
  top: -1px;
  left: -1px;
}

.columnist-wrapper .dots span .btnActive:before {
  position: absolute;
  background: #707070;
  width: 10px;
  height: 10px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-list.dragging img {
  pointer-events: none;
}

.slick-list[style*="padding: 0px 30px;"] .slick-track .slick-slide {
  padding: 0 6px;
}

.slick-list[style*="padding: 0px 30px;"] .slick-track .slick-slide:nth-last-child(2) {
  transform: translateX(35px);
  transition-delay: 0.05s;
  transition-duration: 0.2s;
}

.slick-track {
  position: relative;
  display: block;
  top: 0;
  left: 0;
}

.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-track:before {
  display: table;
  content: "";
}

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}

.slick-slide > div {
  display: flex;
}

.slick-slide > div:last-child {
  margin-bottom: 0;
}

.slick-slide--item {
  outline: none;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-loading img {
  display: none;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-overline {
  font-size: 14px;
  color: #126ccd;
  padding-bottom: 4px;
}

.slick-overline-h5 {
  font-size: 18px;
  color: #126ccd;
  padding-bottom: 4px;
}

.dots {
  display: flex;
  height: 0px;
  margin: -2px 0 24px;
}

.dots span {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

.dots span button {
  position: absolute;
  top: 0px;
}

.dots span button:before {
  position: absolute;
  background: #d7d7d7;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  content: "";
  cursor: pointer;
}

.dots span .btnActive {
  position: absolute;
  top: -1px;
  left: -1px;
}

.dots span .btnActive:before {
  position: absolute;
  background: #707070;
  width: 10px;
  height: 10px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.comment-feed--topMenu__commentText {
  margin-top: 22px;
}

.comment-feed hr {
  margin: 0;
}

.comment-feed--writeForm textarea {
  min-height: 62px;
  resize: none;
}

.comment-feed--writeForm textarea::-moz-placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

.comment-feed--writeForm textarea::placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

.comment-feed--writeForm button {
  width: 48px;
  height: 28px;
  padding: 0 10px;
}

.comment-feed--input {
  height: 48px;
}

.comment-feed--input:focus {
  border: 1px solid #d7d7d7;
  outline: none;
}

.comment-feed--count-box {
  height: 40px;
}

.comment-feed--reply {
  padding: 20px;
  background-color: #f7f7f7;
}

.comment-feed--reply-list {
  padding-bottom: 0;
}

.comment-feed--reply-hidden {
  display: none;
}

.comment-feed--reply-hidden + hr {
  display: none;
}

.comment-feed--menuBar__count {
  height: 21px;
  display: inline-block;
  border-radius: 10px;
  background-color: #126ccd;
  padding: 2px 8px;
  margin-left: 3px;
  vertical-align: text-bottom;
}

.comment-feed--menuBar__icon {
  vertical-align: middle;
}

.comment-feed--menuBar__help {
  top: 5px;
}

.comment-feed--menuBar__help span + span:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 4px;
  width: 1px;
  height: 12px;
  background: #d7d7d7;
  margin-left: -8px;
  vertical-align: middle;
}

.comment-feed--menuBar__help a + a:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 4px;
  width: 1px;
  height: 12px;
  background: #d7d7d7;
  margin-left: -8px;
  vertical-align: middle;
}

.comment-feed--menuBar__help a:hover {
  text-decoration: underline;
}

.comment-feed--tabarea {
  flex-grow: 1;
  flex-basis: 0;
  cursor: pointer;
}

.comment-feed--tabMenu__option {
  border-bottom: solid 1px #d7d7d7;
}

.comment-feed--tabMenu__option_active {
  border-bottom: solid 1px #222;
}

.comment-feed--emptyText {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  word-break: break-all;
}

.comment-feed--emptyText dt {
  font-size: 23px;
  margin-top: 160px;
}

.comment-feed--emptyText dd {
  font-size: 18px;
  margin-left: 0;
}

.comment-feed--emptyText dd button {
  cursor: pointer;
}

.comment-feed.mypage .text-empty {
  padding: 0 180px;
}

.bookmark-feed--title {
  vertical-align: middle;
}

.bookmark-feed .input-item .inputStyle {
  width: 292px;
  height: 36px;
  border: 1px solid #d7d7d7;
}

.bookmark-feed .input-item .inputStyle:focus {
  border: 1px solid #222;
}

.bookmark-feed .counter_box {
  border-radius: 10px;
  height: 20px;
  line-height: 21px;
}

.bookmark-feed .search-button {
  top: 6px;
  right: 12px;
}

.bookmark-feed .more-option-menu {
  position: absolute;
}

.line_bar {
  height: 14px;
  top: 2px;
}

.bookmark-card-titleblock {
  padding-right: 55px;
}

.comment-card__title:hover {
  color: #707070;
}

.comment-card__commentcontent {
  line-height: 1.5;
  display: block;
  word-break: break-all;
}

.modal-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

.modal-layer {
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 480px;
  z-index: 12;
  padding: 60px 40px;
}

.button-cont .button-item {
  width: 154px;
  height: 44px;
}

.button-cont .button-item:nth-child(1) {
  margin-right: 10px;
}

.button-cont .button-item:nth-child(2) {
  margin-left: 10px;
}

.close-button {
  position: absolute;
  top: 12px;
  right: 12px;
}

.close-button svg {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.modal-option dl dt {
  width: 85px;
}

.modal-option dl dd {
  flex: 1;
  margin: 0;
}

.modal-option .check-box {
  grid-template-columns: 33fr 33fr 33fr;
}

.modal-option .modal-buttons {
  grid-template-columns: 5fr 5fr;
  grid-gap: 2em;
  grid-auto-rows: 44px;
}

.modal-option .branch-journeys-top {
  display: none;
}

.story-card-container .story-card-wrapper--ranking {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.story-card-container .story-card-wrapper--ranking .story-card__heading,
.story-card-container .story-card-wrapper--ranking .story-card__separator {
  flex-basis: 100%;
  max-width: 100%;
}

.story-card-container .story-card-wrapper--ranking .story-card__rank {
  flex-shrink: 1;
  padding-right: 16px;
}

.story-card-container .story-card-wrapper--ranking .story-card {
  flex-grow: 2;
  width: calc(7.75px - 100%);
}

.story-card-container .story-card-wrapper--ranking.story-card-wrapper--module .story-card__rank {
  flex-shrink: 1;
  padding-right: 0;
  padding-left: 16px;
}

.story-card-container
  .story-card-wrapper--ranking.story-card-wrapper--module.story-card-wrapper--art-above-head
  .story-card--art-above-head {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
}

.story-card-container
  .story-card-wrapper--ranking.story-card-wrapper--module.story-card-wrapper--art-below-head
  .story-card--art-below-head {
  padding-left: 16px;
  padding-right: 16px;
}

.story-card-container .story-card-wrapper .story-card__heading--top.story-card__heading-module {
  padding: 12px 0 0 16px;
}

.story-card-container
  .story-card-wrapper
  .story-card__heading--top.story-card__heading-module
  ~ .story-card--art-above-head {
  padding-top: 12px;
}

.story-card-container .story-card-wrapper--art-above-head .story-card-block--art .story-card__art,
.story-card-container .story-card-wrapper--art-below-head .story-card-block--art .story-card__art {
  padding-bottom: 8px;
}

.story-card-container .story-card-wrapper .story-card-block--art.story-card-left {
  padding-right: 12px;
}

.story-card-container .story-card-wrapper .story-card-block--art.story-card-right {
  padding-left: 12px;
}

.story-card-container .story-card-wrapper .story-card-block--art-100 .story-card__art {
  padding: 0 0 8px 0;
}

.story-card-container .story-card-wrapper .story-card.story-card--no-art .story-card-block {
  padding-left: 0;
  padding-right: 0;
}

.story-card-container .story-card-wrapper .story-card__overline {
  padding-bottom: 4px !important;
}

.story-card-container .story-card-wrapper .story-card__headline-container {
  padding-bottom: 8px;
}

.story-card-container .story-card-wrapper .story-card__related-links,
.story-card-container .story-card-wrapper .story-card__sigline {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper .story-card__deck {
  padding-bottom: 8px;
  word-break: break-all;
}

.story-card-container .story-card-wrapper .story-card__deck + .story-card__related-links {
  padding-top: 4px;
}

.story-card-container .story-card-wrapper .story-card__deck + .story-card__related-links:empty {
  display: none;
}

.story-card-container .story-card-wrapper .story-card__related-links .flex-chain__column {
  position: relative;
}

.story-card-container .story-card-wrapper .story-card__related-links ul {
  padding: 0;
  margin: 0;
}

.story-card-container .story-card-wrapper .story-card__related-links li {
  margin-left: 15px;
  list-style: outside none none;
}

.story-card-container .story-card-wrapper .story-card__related-links li:before {
  position: absolute;
  content: "•";
  color: #999;
  padding: 0;
  left: 0;
}

.story-card-container .story-card-wrapper .story-card__related-links li:not(:last-of-type) {
  padding-bottom: 8px;
}

.story-card-container .story-card-wrapper .story-card__livebloggings li:before {
  color: #c81616;
}

.story-card-container
  .story-card-wrapper
  .story-card:not(.story-card--no-art).story-card--art-left-of-deck
  .story-card__headline-container,
.story-card-container
  .story-card-wrapper
  .story-card:not(.story-card--no-art).story-card--art-right-of-deck
  .story-card__headline-container,
.story-card-container
  .story-card-wrapper
  .story-card:not(.story-card--no-art).story-card--art-below-head
  .story-card__headline-container {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper .story-card__art-video-badge {
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--no-art
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--no-art
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left-of-head
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left-of-head
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right-of-head
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right-of-head
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left-of-deck
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-left-of-deck
  .story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right-of-deck
  .story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  :not(.story-card--art-100).story-card--art-right-of-deck
  .story-card-right
  .story-card-component:last-of-type {
  padding-bottom: 0;
}

.story-card-container .story-card-wrapper .story-card--art-100.story-card--no-art,
.story-card-container .story-card-wrapper .story-card--art-100.story-card--art-left,
.story-card-container .story-card-wrapper .story-card--art-100.story-card--art-left-of-head,
.story-card-container .story-card-wrapper .story-card--art-100.story-card--art-left-of-deck {
  padding-bottom: 12px;
}

.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--no-art
  :not(.story-card-block--art-100).story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--no-art
  :not(.story-card-block--art-100).story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left
  :not(.story-card-block--art-100).story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left
  :not(.story-card-block--art-100).story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-head
  :not(.story-card-block--art-100).story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-head
  :not(.story-card-block--art-100).story-card-right
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-deck
  :not(.story-card-block--art-100).story-card-left
  .story-card-component:last-of-type,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-deck
  :not(.story-card-block--art-100).story-card-right
  .story-card-component:last-of-type {
  padding-bottom: 0;
}

.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--no-art
  .story-card-block--art-100
  .story-card__art.story-card-component,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left
  .story-card-block--art-100
  .story-card__art.story-card-component,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-head
  .story-card-block--art-100
  .story-card__art.story-card-component,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-left-of-deck
  .story-card-block--art-100
  .story-card__art.story-card-component {
  padding-bottom: 12px;
}

.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-right
  .story-card-block--art-100
  .story-card__art.story-card-component,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-right-of-head
  .story-card-block--art-100
  .story-card__art.story-card-component,
.story-card-container
  .story-card-wrapper
  .story-card--art-100.story-card--art-right-of-deck
  .story-card-block--art-100
  .story-card__art.story-card-component {
  padding-bottom: 0;
}

.story-card-container .story-card-wrapper .story-card--art-100__art-video-badge {
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.story-card-container .story-card-wrapper .story-card--art-100__art-video-badge-md {
  width: 71px;
  height: 32px;
}

.story-card-container .story-card-wrapper .story-card--art-100__art-video-badge-sm-icon {
  width: 24px;
  height: 24px;
}

.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-above-head
  .story-card__headline-container {
  padding-bottom: 8px;
}

.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-above-head
  .story-card__headline-container
  + .story-card__related-links {
  padding-top: 4px;
}

.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-below-head
  .story-card-block--art
  .story-card__art,
.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-below-head
  .story-card-block--art-100
  .story-card__art {
  padding-bottom: 12px;
}

.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-left-of-deck
  .story-card-block--art-100
  .story-card__art.story-card-component {
  padding-bottom: 0;
}

.story-card-container
  .story-card-wrapper--basic-nth.hide-deck
  .story-card--art-right-of-head.story-card--art-100
  .story-card-block--art-100
  .story-card__art.story-card-component {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper--basic-first .rel-tt {
  padding-top: 0;
}

.story-card-container .story-card-wrapper--basic-last .rel-tt {
  margin-bottom: 0;
}

.story-card-container
  .story-card-wrapper--basic-last.hide-deck
  .story-card--art-left-of-deck.story-card--art-100
  .story-card-block
  .story-card__art.story-card-component {
  padding-bottom: 0;
}

.story-card-container .story-card-wrapper--basic-last + .story-card__separator,
.story-card-container .story-card-wrapper--basic-last .story-card__separator,
.story-card-container .story-card-wrapper--basic-last .story-card + .story-card__separator,
.story-card-container .story-card-wrapper--basic-last .story-card .story-card__separator {
  display: none;
}

.story-card-container .story-card-wrapper--basic-last + .story-card__separator .separator,
.story-card-container .story-card-wrapper--basic-last .story-card__separator .separator,
.story-card-container .story-card-wrapper--basic-last .story-card + .story-card__separator .separator,
.story-card-container .story-card-wrapper--basic-last .story-card .story-card__separator .separator {
  border: 0;
}

.story-card-container .story-card-wrapper--module-first,
.story-card-container .story-card-wrapper--module-first .story-card {
  border-bottom: 0;
}

.story-card-container .story-card-wrapper--module-nth,
.story-card-container .story-card-wrapper--module-nth .story-card {
  border-top: 0;
  border-bottom: 0;
}

.story-card-container .story-card-wrapper--module-last,
.story-card-container .story-card-wrapper--module-last .story-card {
  border-top: 0;
}

.story-card-container .story-card-wrapper--module-last + .story-card__separator .separator,
.story-card-container .story-card-wrapper--module-last .story-card + .story-card__separator .separator {
  border: 0;
}

.story-card-container .story-card-wrapper--module-borderless + .story-card__separator .separator,
.story-card-container .story-card-wrapper--module-borderless .story-card__separator .separator,
.story-card-container .story-card-wrapper--module-only + .story-card__separator .separator,
.story-card-container .story-card-wrapper--module-only .story-card__separator .separator {
  border: 0;
}

.story-card-container .story-card-wrapper--module-only .story-card--art-above-head.story-card--art-100,
.story-card-container .story-card-wrapper--module-first .story-card--art-above-head.story-card--art-100 {
  padding-top: 0;
}

.story-card-container .story-card-wrapper--module-borderless .story-card--art-above-head.story-card--art-100 {
  padding-top: 0;
}

.story-card-container
  .story-card-wrapper--module.story-card-wrapper--art-above-head
  .story-card__heading--top-outside
  + .story-card
  .story-card-block--art:first-child {
  padding-top: 12px;
}

.story-card-container .story-card-wrapper--module.story-card-wrapper--art-above-head .story-card__art {
  padding-bottom: 12px;
}

.story-card-container
  .story-card-wrapper--module.story-card-wrapper--art-above-head
  .story-card-block--art
  .story-card__art {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper--module .story-card__heading--top-inside {
  padding-top: 12px;
  padding-left: 16px;
  padding-bottom: 0;
}

.story-card-container .story-card-wrapper--module .story-card__headline-container,
.story-card-container .story-card-wrapper--module .story-card__deck {
  padding-bottom: 12px;
}

.story-card-container
  .story-card-wrapper--module
  .story-card--art-above-head:not(.story-card--no-art)
  .story-card-top.story-card-block--art
  .story-card__art,
.story-card-container
  .story-card-wrapper--module
  .story-card--art-above-head:not(.story-card--no-art)
  .story-card-component:not(.story-card__art),
.story-card-container
  .story-card-wrapper--module
  .story-card--art-below-head:not(.story-card--no-art)
  .story-card-top.story-card-block--art
  .story-card__art,
.story-card-container
  .story-card-wrapper--module
  .story-card--art-below-head:not(.story-card--no-art)
  .story-card-component:not(.story-card__art) {
  padding-left: 16px;
  padding-right: 16px;
}

.story-card-container
  .story-card-wrapper--module
  .story-card--art-above-head:not(.story-card--no-art)
  .story-card-top.story-card-block--art
  .story-card__art,
.story-card-container
  .story-card-wrapper--module
  .story-card--art-below-head:not(.story-card--no-art)
  .story-card-top.story-card-block--art
  .story-card__art {
  padding-left: 16px;
  padding-right: 16px;
}

.story-card-container .story-card-wrapper--module .story-card--no-art,
.story-card-container .story-card-wrapper--module .story-card--art-right,
.story-card-container .story-card-wrapper--module .story-card--art-left,
.story-card-container .story-card-wrapper--module .story-card--art-left-of-head,
.story-card-container .story-card-wrapper--module .story-card--art-right-of-head,
.story-card-container .story-card-wrapper--module .story-card--art-left-of-deck,
.story-card-container .story-card-wrapper--module .story-card--art-right-of-deck {
  padding: 12px 16px;
}

.story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-below-head .story-card__art {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper--module .story-card--art-below-head .story-card__art,
.story-card-container .story-card-wrapper--module .story-card--art-above-head .story-card__art {
  padding-bottom: 12px;
}

.story-card-container .story-card-wrapper .story-card--art-only {
  padding: 0;
}

.story-card-container .story-card-wrapper .story-card--art-only.story-card--no-art {
  padding: 0;
}

.story-card-container .story-card-wrapper .story-card--art-only .story-card__art {
  padding: 0;
}

amp-img img {
  -o-object-fit: contain;
  object-fit: contain;
}

.powa-bar-scrubber-progress,
.powa-bar-scrubber-time {
  left: 0;
}

.arcad > div {
  margin: auto;
}

.dfpAd {
  position: relative;
  min-height: 1.5em;
}

.dfpAd div,
.dfpAd iframe {
  position: relative;
  z-index: 1;
}

.dfpAd div[class*="_popIn_recommend_container"],
.dfpAd div[id*="dablewidget"],
.dfpAd div[src*="PelicanC"],
.dfpAd iframe[class*="_popIn_recommend_container"],
.dfpAd iframe[id*="dablewidget"],
.dfpAd iframe[src*="PelicanC"] {
  background: #f7f7f7;
}

.dfpAd:before {
  position: absolute;
  content: "Advertisement";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.3em;
  margin: auto;
  font-size: 15px;
  text-align: center;
  color: #222;
  z-index: 0;
}

.arcad-wrapper {
  margin: 0 auto;
  box-sizing: content-box;
}

.arcad-wrapper.size_300x250 {
  max-width: 300px;
  height: 250px;
  overflow: hidden;
}

.arcad-wrapper.size_320x100_article_top,
.arcad-wrapper.size_320x100_article_inline {
  max-width: 320px;
  height: 100px;
  overflow: hidden;
}

.arcad-wrapper.size_970x250 {
  width: 970px;
  height: 250px;
}

.arcad-wrapper.size_728x90 {
  width: 728px;
  height: 90px;
}

.arcad-wrapper.size_320x50 {
  width: 320px;
  height: 50px;
}

.arcad-wrapper.size_300x600 {
  width: 300px;
  height: 600px;
}

input::-moz-placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

input::placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

input:focus {
  border-color: #222;
  outline: none;
}

input:hover {
  border-color: #222;
  outline: none;
}

.identity-wrapper {
  padding: 64px 16px;
  max-width: 480px;
}

.identity-header {
  margin-bottom: 32px;
  line-height: 1.36;
}

.identity-modal--wrapper {
  top: 0;
  left: 0;
  z-index: 10;
}

.identity-modal--overlay {
  top: 0;
  left: 0;
  z-index: 11;
}

.identity-modal--term {
  padding: 56px;
  padding-right: 16px;
  width: 796px;
  height: 668px;
  z-index: 12;
}

.identity-modal--term-content {
  padding-right: 40px;
}

.identity-modal--term-content table {
  border-collapse: collapse;
}

.identity-modal--term-content table th,
.identity-modal--term-content table td {
  padding: 4px;
  border: 1px solid #222;
  vertical-align: top;
  font-size: 12px;
}

.identity-button-wrap {
  width: 20px;
  height: 20px;
}

.identity-emailModal {
  padding: 56px 40px;
}

.identity-modalemailcontent {
  top: 15px;
  left: 50px;
  width: 480px;
  height: auto;
  z-index: 12;
}

.identity-emailModalInstruction {
  padding: 32px 26px 32px 26px;
}

.identity-signupmodal-header {
  font-size: 23px;
  margin-bottom: 16px;
  font-family: "NotoSansKR-Bold";
  color: #222;
  text-align: center;
  line-height: 1.43;
}

.identity-signinmodal-header {
  font-size: 23px;
  margin-bottom: 24px;
  font-family: "NotoSansKR-Bold";
  color: #222;
  text-align: center;
  line-height: 1.43;
}

.identity-signinmodal-info {
  font-size: 15px;
  padding-left: 10px;
  margin: 0;
  color: #222;
}

.identity-signinmodal-box {
  margin-bottom: 0;
  padding: 24px 16px 24px 16px;
}

.modalSubcribe-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

.modalSubscribe-layer {
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 480px;
  z-index: 12;
}

.modalSubscribe-layer .close-button {
  position: absolute;
  top: 12px;
  right: 12px;
}

.modalSubscribe-layer .close-button svg {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.identity-buttonbetween {
  width: 154px;
  height: 44px;
}

.identity-buttonModalbetween {
  width: 134px;
  height: 44px;
}

.identity-closeicon svg {
  width: 30px;
  height: 30px;
}

.identity-migration-box {
  padding: 24px 32px 24px 32px;
  background-color: #eaeaea;
}

.identity-bullet {
  position: absolute;
  left: 0;
  top: 6px;
}

.identity-signin-modalbutton {
  margin-bottom: 0;
}

.identity-signin-passfeedback {
  margin-top: 8px;
  margin-bottom: 0;
}

.identity-chkbox {
  text-align: left;
}

.identity-v-btn {
  width: 210px;
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  margin-top: 32px;
  background-color: #222;
  color: #fff;
}

.identity-agrees {
  position: absolute;
  left: 0;
  top: 0;
}

.identity-chkLabel-text {
  padding-left: 25px;
  padding-right: 25px;
}

.identity-labelClasses {
  font-size: 14px;
  cursor: pointer;
  position: relative;
  line-height: 1.43;
  color: #222;
}

.identity-resetPw-btn {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 16px;
  margin-top: 32px;
  font-size: 15px;
  width: 100%;
  max-width: 170px;
  background-color: #d7d7d7;
  color: #999;
}

.identity-resetPw-btn-on {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 16px;
  margin-top: 32px;
  font-size: 15px;
  width: 100%;
  max-width: 170px;
  background-color: #222;
  color: #fff;
}

.identity-findID-boxwrap {
  margin-top: 23px;
  font-size: 23px;
}

.identity-findID-box {
  padding: 32px 26px;
  width: 100%;
  background-color: #f7f7f7;
}

.identity-findID-ID {
  font-size: 20px;
  font-family: "NotoSansKR-Medium";
  color: #222;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}

.paywall-content {
  width: 100%;
  border-top: 1px solid #000;
  background-color: #fff;
  left: 0;
  bottom: 0;
  position: fixed;
  max-height: 80vh;
  overflow-y: auto;
  padding-top: 25px;
  animation: payWall-layout 2s ease-in-out;
  z-index: 9999;
}

.paywall-content p {
  margin: 0;
  font-size: 18px;
}

.paywall-content p.title {
  font-size: 23px;
  font-family: "NotoSansKR-Bold";
  padding-bottom: 8px;
  font-weight: 700;
}

.paywall-content .identity-header {
  display: none;
}

.paywall-content .identity-wrapper {
  padding: 25px 16px;
}

.paywall-content .bottom-area {
  width: 100%;
  height: 52px;
  padding: 11px 0 12px;
  font-size: 14px;
  background: #ecf4fc;
  border-top: 1px solid #e0eaf5;
  left: 0;
  bottom: 0;
}

.paywall-content .bottom-area .btn-view {
  height: 28px;
  border-radius: 14px;
  border: 1px solid #126ccd;
  font-weight: 700;
  background: #fff;
  font-family: "NotoSansKR-Bold";
}

.paywall-content .paywallborder {
  margin-top: 16px;
  margin-bottom: 16px;
}

@keyframes payWall-layout {
  from {
    transform: translate(0, 55vh);
  }
  to {
    transform: translate(0, 0);
  }
}

.paywall--bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 200vh;
  width: 100%;
  touch-action: none;
  background: linear-gradient(transparent, #000);
  z-index: 9;
}

.login-popup-layer {
  display: none;
}

.paywallFixed {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

a.login-ic {
  margin-right: 2px;
}

.contentspan-feed--wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}

.contentspan-feed--box {
  margin-bottom: 0;
}

.contentspan-feed--box .box--margin-top-md,
.contentspan-feed--box .box--margin-top-sm {
  margin-top: 0;
}

.contentspan-feed--box .story-card__headline {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}

[class^="amp-mode"] .contentspan-feed--box {
  width: 100%;
}

.contentspan-feed.noborder .contentspan-feed--header {
  margin-bottom: 20px;
}

.contentspan-feed.noborder h5 {
  font-weight: 700;
}

.contentspan-feed.noborder .heading__link span {
  font-weight: 700;
  font-size: 16px;
}

.contentspan-feed.noborder .story-card-wrapper {
  border: 0;
}

.contentspan-feed.noborder .story-card-wrapper .story-card__heading.story-card__heading--top-inside {
  padding-left: 0;
  padding-top: 0;
}

.contentspan-feed.noborder .story-card-wrapper .story-card--no-art {
  padding-left: 0;
  padding-right: 0;
}

.contentspan-feed.noborder .story-card-wrapper .story-card-block .story-card-component:not(.story-card__art) {
  padding-left: 0;
  padding-right: 0;
}

.contentspan-feed.noborder .text__link span {
  font-size: 16px;
}

.contentspan-feed.noborder .story-card__separator .box--border {
  border-color: #eaeaea;
}

.contentspan-feed.noborder
  .story-card-container
  .story-card-wrapper--module
  .story-card--art-above-head:not(.story-card--no-art)
  .story-card__art {
  padding-bottom: 8px;
}

.story-feed:has(.showHeadingFalse) .timeline-refresh {
  margin-bottom: 16px;
  justify-content: flex-end;
  position: relative;
  right: inherit;
  top: inherit;
}

.story-feed:has(.story-feed__timeline) {
  position: relative;
}

.story-feed:has(.story-feed__timeline) .heading-title {
  padding-bottom: 16px;
  font-size: 16px;
}

.story-feed .timeline-refresh {
  position: absolute;
  right: 0;
  top: 0;
}

.story-feed .timeline-refresh button {
  cursor: pointer;
}

.story-feed .timeline-refresh button:hover {
  text-decoration: underline;
}

.story-feed .timeline-refresh button:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../index/e4c06bd2958a5df46eb1ba853b300c587bda0fb3.svg");
}

.story-feed .timeline-refresh button.active:after {
  animation: rotate-icon 0.6s forwards ease-out;
}

.story-feed__timeline {
  max-height: 360px;
}

.story-feed__timeline::-webkit-scrollbar {
  width: 6px;
}

.story-feed__timeline::-webkit-scrollbar-track {
  background: transparent;
}

.story-feed__timeline::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
  border-radius: 3px;
}

.story-feed__timeline::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

.story-feed__timeline-item:first-child .story-feed__timeline-bullet circle {
  stroke: #add4ff;
}

.story-feed__timeline-bullet {
  display: block;
  z-index: 2;
  transform: translate(5.4px, 0);
}

.story-feed__timeline-text {
  transform: translateY(-3px);
  border-color: #add4ff;
  z-index: 1;
}

.story-feed__timeline-title:hover div {
  color: #707070;
}

@keyframes rotate-icon {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.layout--mypage:not(:has(.mypage--renewal-menu-tab)) .mypage--topper-container {
  margin-bottom: 32px;
}

.layout--mypage:not(:has(.mypage--renewal-menu-tab)) .mypage--topper.fixed:after {
  border-bottom: unset;
}

.layout--mypage:not(:has(.mypage--renewal-menu-tab)) .mypage--topper:after {
  position: absolute;
  content: "";
  width: 99vw;
  height: 82px;
  box-shadow: 0 9px 10px -4px rgba(0, 0, 0, 0.16);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.layout--mypage:has(.mypage--topper.fixed) .mypage--renewal-menu-tab {
  display: none;
}

.layout--mypage:has(.mypage--topper.fixed) .mypage--renewal-menu-tab.scrollUp {
  display: inherit;
}

.layout--mypage:has(.mypage--topper.fixed) .mypage--renewal-menu-tab.scrollUp .my_nav__bar {
  border-top: unset;
  position: fixed;
  top: 130px;
}

.mypage--menu-tab {
  overflow: auto;
}

.mypage--menu-tab .nav__bar {
  padding: 13px 0;
  max-height: 50px;
  background-color: #eaeaea;
  border-bottom: 1px solid #d7d7d7;
}

.mypage--menu-tab .nav__bar-center {
  padding: 0;
}

.mypage--menu-tab .nav__bar-center-link {
  padding: 0 32px;
}

.mypage--menu-tab .nav__bar .link-text:hover {
  font-family: "NotoSansKR-Bold";
}

.mypage--menu-tab .nav__bar .link-text:hover:after {
  bottom: -13px;
  border-bottom: 2px solid #222;
}

.mypage--menu-tab .nav__bar .active {
  font-family: "NotoSansKR-Bold";
}

.mypage--menu-tab .nav__bar .active:after {
  bottom: -13px;
  border-bottom: 2px solid #222;
}

.mypage--topper-container {
  height: 82px;
  margin-bottom: 80px;
}

.mypage--topper {
  height: 82px;
  padding: 0 36px;
  position: absolute;
  max-width: 1280px;
  width: 100%;
  transform: translateX(-50%);
  left: 50%;
}

.mypage--topper.fixed {
  z-index: 1;
  background: #fff;
  position: fixed;
  top: var(--fixed-nav-top-offset);
}

.mypage--topper.fixed:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 99vw;
  border-bottom: 1px solid #eaeaea;
  transform: translateX(-50%);
  left: 50%;
}

.mypage--topper .top-link + .top-link {
  margin-left: 32px;
}

.mypage--topper .top-link-text {
  cursor: pointer;
}

.mypage--topper .top-link-text:hover,
.mypage--topper .top-link-text.active {
  color: #126ccd;
}

.mypage--renewal-menu-tab .my_nav__bar {
  position: absolute;
  left: 50%;
  top: 130px;
  transform: translateX(-50%);
  width: 100%;
  font-size: 16px;
  height: 48px;
  box-shadow: 0 9px 10px -4px rgba(0, 0, 0, 0.16);
  border-top: 1px solid #eaeaea;
  z-index: 1;
}

.mypage--renewal-menu-tab .my_nav__bar-center {
  max-width: 1280px;
  height: inherit;
  margin: 0 auto;
  padding: 0 36px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mypage--renewal-menu-tab .my_nav__bar-center::-webkit-scrollbar {
  display: none;
}

.mypage--renewal-menu-tab .my_nav__bar-center-link {
  flex: 1;
  min-width: 82px;
  position: relative;
}

.mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text {
  cursor: pointer;
  text-wrap: nowrap;
  font-family: "NotoSansKR-Medium";
}

.mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text.active,
.mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text:hover {
  font-family: "NotoSansKR-Bold";
  color: #126ccd;
}

.mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text:hover:after,
.mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text.active:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  border-bottom: 2px solid #126ccd;
  left: 50%;
  transform: translateX(-50%);
}

.mypage--renewal-menu-tab.scrollUp .my_nav__bar {
  background: #fff;
}

.mypage--profile .field-header {
  margin-right: 64px;
  min-width: 128px;
}

.mypage--profile .field-multi span {
  min-width: 128px;
}

.mypage--profile .field-body .button-item:first-child:hover {
  color: #222;
  border: 1px solid #222;
}

.mypage--profile .field-body .buttonHoverFill:hover {
  color: #222;
  background: #eaeaea;
}

.mypage--profile .fieldItemBox {
  padding: 16px 24px;
}

.mypage--profile .logout {
  top: 12px;
  right: 0;
  margin: 0;
}

.mypage--profile .logout:hover {
  text-decoration: underline;
}

.mypage--profile .line_bar {
  height: 12px;
  top: 2px;
}

.mypage--profile .button-cont .button-item {
  width: 154px;
  height: 44px;
}

.mypage--profile .button-cont .button-item:nth-child(1) {
  margin-right: 10px;
}

.mypage--profile .button-cont .button-item:nth-child(2) {
  margin-left: 10px;
}

.mypage--sub h1,
.mypage--sub p {
  margin: 0;
}

.mypage--sub a {
  color: #222;
}

.mypage--sub .sub-empty-feed {
  background: #f2f6fc;
  padding: 30px 0;
  line-height: 24px;
  border-radius: 8px;
}

.mypage--sub .sub-empty-feed p {
  color: #707070;
  font-size: 16px;
  text-align: center;
}

.mypage--sub .sub-empty-feed .go-to-sub {
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-top: 16px;
  padding-left: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  background: #126ccd;
  width: 147px;
  height: 36px;
}

.mypage--sub-index .top-text {
  margin: 128px 0 32px;
  line-height: 27px;
}

.mypage--sub-index .edit-option {
  border-bottom: 1px solid #222;
  color: #707070;
  font-size: 14px;
}

.mypage--sub-index input[type="checkbox"] {
  display: none;
}

.mypage--sub-index .sub-title-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.mypage--sub-index .sub-title-box .sub-title {
  border-radius: 8px;
  background: #f2f6fc;
  height: 80px;
  padding: 16px 12px;
  font-size: 16px;
  justify-content: center;
  color: #222;
}

.mypage--sub-index .sub-title-box .sub-title label {
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mypage--sub-index .edit-cancle-btn,
.mypage--sub-index .edit-delete-btn {
  width: 136px;
  height: 44px;
  padding: 10px 12px 10px 12px;
  border: 1px solid #126ccd;
  background: #fff;
  border-radius: 500px;
  font-size: 16px;
}

.mypage--sub-index .edit-delete-btn {
  margin-left: 16px;
}

.mypage--sub-index .edit-delete-btn.abled {
  background: #126ccd;
}

.mypage--sub-content .my-news--container {
  margin-top: 52px;
}

.mypage--sub-content .my-news--title {
  font-size: 18px;
  line-height: 27px;
  border-bottom: 1px solid #222;
}

.mypage--sub-content .my-news--list {
  padding: 16px 0 32px;
}

.mypage--sub-content .my-news--item {
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea;
}

.mypage--sub-content .my-news--content {
  margin-left: 16px;
}

.mypage--sub-content .my-news--content .headline-link:hover {
  color: #707070;
}

.mypage--sub-content .my-news--content .headline {
  margin-bottom: 8px;
  line-height: 30px;
}

.mypage--sub-content .my-news--content ul {
  margin: 0;
  padding: 0;
}

.mypage--sub-content .my-news--content li {
  font-size: 14px;
  color: #999;
}

.mypage--sub-content .my-news--content li:before {
  display: none;
}

.mypage--sub-content .my-news--content li.date + a.author-link {
  margin-left: 8px;
}

.mypage--sub-content .my-news--content li.date:after {
  content: "|";
  color: #eaeaea;
  margin-left: 8px;
  cursor: unset;
}

.mypage--sub-content .my-news--content li.date:last-child:after {
  display: none;
}

.mypage--sub-content .my-news--content a.author-link:not(:last-child):after {
  content: ",";
  color: #999;
  margin-right: 4px;
}

.mypage--sub-content .my-news--content .tag {
  font-family: "NotoSansKR-Medium";
  font-size: 12px;
  border-radius: 16px;
  border: 1px solid #126ccd;
  padding: 2px 12px;
  color: #126ccd;
  text-wrap: nowrap;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mypage--sub-content .my-news--content .tag:first-child {
  margin-right: 4px;
}

.mypage--sub-content .my-news--content .tag + .tag {
  margin-right: 4px;
}

.list-item {
  margin-bottom: 0;
}

.list-item dt:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  height: 4px;
  width: 4px;
  background: #222;
  border-radius: 25px;
}

.list-item dd {
  margin-left: 0;
}

.modalPost-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

.modalPost-layer {
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 480px;
  z-index: 12;
  padding: 60px 40px;
}

.modalPost-layer .close-button {
  position: absolute;
  top: 12px;
  right: 12px;
}

.modalPost-layer .close-button svg {
  height: 24px;
  width: 24px;
  cursor: pointer;
}

.button_size_style {
  width: 154px;
}

.mypage_top-distance {
  margin-top: 64px;
}

.icon-check-size svg {
  width: 16px;
  height: 16px;
}

.empty-btn-style:hover {
  color: #222;
  background: #eaeaea;
}

.font-break-style {
  word-break: break-all;
}

.buttonWithdrawal:hover {
  text-decoration: underline;
}

.level-user-wrap {
  background-color: #fafafa;
  padding: 4px 60px 8px;
  margin-bottom: 16px;
}

.level-user-wrap .level-box__member-medal {
  margin: 0 60px 0 0;
}

.level-box {
  position: relative;
  padding: 28px 40px 40px;
  background-color: #fafafa;
  margin-bottom: 16px;
}

.level-box__notice strong {
  font-weight: 700;
  font-family: "NotoSansKR-Bold";
}

.level-box__notice span {
  font-weight: 400;
}

.level-box__notice .notice-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #848484;
  color: #fff;
  padding: 6px 7px 6px 10px;
  font-weight: 500;
  cursor: pointer;
  line-height: 18px;
  font-size: 12px;
}

.level-box__notice .notice-btn.active {
  background-color: #5b5b5b;
}

.level-box__notice .notice-btn:hover {
  background-color: #5b5b5b;
}

.level-box__notice .notice-btn svg {
  margin-left: 3px;
}

.level-box__member {
  display: flex;
  padding: 24px 0 32px;
  word-break: keep-all;
}

.level-box__member-medal {
  margin: 0 60px 0 40px;
}

.level-box__member-info {
  width: 100%;
}

.level-box__member-info p {
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 8px;
  padding: 0;
}

.level-box__member-info p strong {
  font-family: "NotoSansKR-Bold";
}

.level-box__member-info p .lv1-color {
  color: #8fcefc;
}

.level-box__member-info p .lv2-color {
  color: #449e96;
}

.level-box__member-info p .lv3-color {
  color: #385596;
}

.level-box__member-info p .lv4-color {
  color: #644ca7;
}

.level-box__member-info p .lv5-color {
  color: #77437b;
}

.level-box__member-info p .lv6-color {
  color: #7a7a7a;
}

.level-box__member-info p .lv7-color {
  color: #e59317;
}

.level-box__member-info .total-box {
  margin-bottom: 30px;
  font-size: 14px;
}

.level-box__member-info .total-txt {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}

.level-box__member-info .total-txt:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 2px;
  width: 1px;
  height: 12px;
  background: #d7d7d7;
  margin-left: 10px;
  vertical-align: middle;
}

.level-box__member-info .bar-box {
  max-width: 420px;
}

.level-box__member-info .total-num {
  font-weight: 500;
}

.level-box__member-info .grade-txt {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d1dcf9;
  background-color: #edf2ff;
  border-radius: 40px;
  font-size: 14px;
  padding: 10px 24px;
  justify-content: center;
  margin-top: 4px;
  line-height: 1.5;
  max-width: 420px;
}

.level-box__member-info .grade-txt strong {
  font-weight: 700;
  color: #4770cb;
  font-family: "NotoSansKR-Bold";
}

.level-box__grade {
  border-top: 1px solid #e4e5e9;
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
}

.level-box__grade .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
}

.level-box__grade .item strong {
  font-size: 18px;
  font-weight: 700;
  padding-top: 8px;
}

.level-box__grade .item span {
  font-size: 14px;
  color: #707070;
  text-align: center;
}

.level-box__grade .item em {
  list-style: none;
  font-style: normal;
  font-weight: 700;
}

.tooltip-box {
  position: absolute;
  right: 40px;
  top: 65px;
  background-color: #fff;
  padding: 32px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.tooltip-box ul {
  margin: 8px 0 0;
}

.tooltip-box ul li {
  position: relative;
  color: #707070;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 6px;
}

.tooltip-box ul li:before {
  content: "•";
  position: absolute;
  left: -16px;
  top: 20%;
  color: #999;
}

.tooltip-box ul li a {
  color: #707070;
}

.tooltip-box ul li:first-child {
  padding-top: 0;
}

.close-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

.progressVisualFull {
  display: flex;
  height: 12px;
  border-radius: 100px;
  position: relative;
}

.progressVisualFull:before {
  content: "";
  position: absolute;
  left: 50%;
  height: 12px;
  width: 1px;
  background-color: #ced7ea;
}

.progressVisualPart {
  transition: width 2s;
  border-radius: 100px;
}

.visualSum {
  position: relative;
  top: -24px;
  left: -18px;
  height: 20px;
  line-height: 16px;
  margin-left: 0;
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
}

.visualSum:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 60%);
  width: 7px;
  height: 6px;
  background: url("../index/ic_polygon.png") no-repeat;
  background-size: contain;
}

.level-box__member-info.not {
  width: 100%;
  align-items: flex-start;
}

.level-box__member-info.not p {
  font-size: 24px;
}

.level-box__member-info.not p strong {
  font-family: "NotoSansKR-Bold";
}

.level-box__member-info.not a {
  display: inline-flex;
  background-color: #323232;
  color: #fff;
  padding: 8px 5px 5px 12px;
  margin-top: 8px;
  line-height: 1.5;
  height: 36px;
  font-size: 14px;
}

.level-box__member-info.stop {
  width: 100%;
  text-align: center;
  padding: 21px 0 28px;
}

.level-box__member-info.stop p {
  padding-bottom: 12px;
  font-size: 24px;
  display: inline-flex;
  word-break: break-all;
  align-items: flex-start;
}

.level-box__member-info.stop p svg {
  margin-right: 6px;
}

.level-box__member-info.stop .read {
  font-size: 18px;
  padding-bottom: 32px;
  font-weight: 500;
  line-height: 1.5;
}

.level-box__member-info.stop .txt-mail {
  color: #707070;
}

.level-box__member-info.stop .txt-mail a {
  position: relative;
  color: #707070;
}

.level-box__member-info.stop .txt-mail a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #707070;
  position: absolute;
  bottom: 2px;
}

.comment-card-userinfo {
  display: flex;
  position: relative;
}

.comment-card-userinfo svg {
  margin-right: 3px;
}

.comment-card-userinfo .editorText {
  color: #126ccd;
}

.check-editor {
  margin-left: 3px;
}

.comment-card-userinfo .more-option-container {
  top: 0;
}

.level-modal-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.2);
}

.level-modal {
  width: 290px;
  height: 370px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.level-modal-button {
  position: absolute;
  top: 13px;
  right: 13px;
  cursor: pointer;
}

.level-modal strong {
  font-family: "NotoSansKR-Bold";
}

.level-modal p {
  margin: 0;
}

.load-more-btn,
.go-top-btn {
  width: 148px;
  font-size: 14px;
  border: 1px solid #d7d7d7;
  height: 36px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #222;
  cursor: pointer;
}

.load-more-btn:hover,
.go-top-btn:hover {
  background: #f7f7f7;
}

#subIndexMoreBtn,
#subIndexGoTopBtn {
  width: 119px;
}

.search-bar input::-moz-placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

.search-bar input::placeholder {
  color: #999;
  font-family: "NotoSansKR-Regular";
}

.search-bar--wrap {
  margin: 10px 0 40px;
}

.search-bar--wrap:focus-within {
  border-color: #222;
}

.search-bar--input {
  padding: 12px;
  font-size: 28px;
  font-family: "NotoSansKR-Medium";
}

.search-bar--submit {
  background: none;
  padding: 0 16px 0 12px;
}

.search-bar--submit svg {
  width: 32px;
  height: 32px;
}

.search-option {
  margin-top: 32px;
}

.search-option--bar {
  padding: 12px 16px;
  padding-left: 24px;
}

.search-option--bar .link-wrap .menu-link {
  position: relative;
  margin-right: 40px;
}

.search-option--bar .link-wrap .menu-link:first-child {
  position: initial;
}

.search-option--menu {
  top: 32px;
  left: -8px;
  width: 210px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.search-option--menu label {
  line-height: 1.87;
}

.search-option--menu-date {
  width: 96%;
  padding-top: 16px;
}

.search-state {
  padding-left: 24px;
  padding-right: 24px;
}

.search-state .state-title {
  min-width: 55px;
}

.search-state label {
  word-break: break-all;
}

.search-state .state-close svg {
  width: 12px;
  height: 12px;
}

.search-feed {
  margin: 32px 0 24px;
}

.search-feed .story-card-left {
  padding-right: 12px;
}

.search-feed .story-card-right {
  padding-left: 12px;
}

.search-feed .story-card__headline .paper-button {
  border-radius: 11px;
  width: 63px;
  height: 22px;
  padding: 2px 6px;
  border-color: #126ccd;
}

.search-feed .story-card__headline .paper-button svg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.search-feed .story-card__breadcrumb {
  margin: 8px 0 0;
}

.search-feed .story-card__breadcrumb a {
  color: #999;
}

.search-feed .story-card__breadcrumb .hover-underline:hover {
  text-decoration: underline;
}

.search-feed .story-card__divider {
  margin: 16px 0;
}

.search-feed .story-card__art img {
  vertical-align: bottom;
}

.search-feed .story-card__art-video-badge {
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.search-author .author-card {
  padding: unset;
  border-radius: unset;
  box-shadow: unset;
  margin: 15px 0;
}

.search-author .author-card--content {
  padding: 20px;
}

.search-author .author-card--content span {
  font-size: 14px;
}

.search-author .author-card--content a > span {
  font-size: inherit;
}

.search-author .author-card--content-image {
  padding-right: 20px;
  min-width: 160px;
  text-align: center;
}

.search-author .author-card--content-image figure img {
  vertical-align: bottom;
  margin: auto;
  border-radius: 100%;
}

.search-author .author-card .bullet {
  width: 8px;
}

.search-author .author-card .author-link svg {
  width: 16px;
  height: 16px;
}

.search-option--bar .link-wrap .menu-link:first-child .search-option--menu {
  flex-direction: row;
  top: 44px;
  left: 16px;
}

.search-option--menu-date .period-date-box {
  width: 40%;
}

.opt-box {
  top: 63px;
}

.opt-area {
  display: flex;
  padding: 10px 16px;
}

.set_calendar .set {
  display: flex;
  margin-bottom: 17px;
  height: 36px;
}

.set_calendar .set span {
  display: flex;
  align-items: center;
  width: 4%;
  height: 36px;
}

.set_calendar .set span.start,
.set_calendar .set span.end {
  width: 48%;
  padding: 0 12px;
}

.set_calendar ul {
  height: 160px;
  margin: 0;
  padding: 0;
  width: 33%;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow: overlay;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.set_calendar ul::-webkit-scrollbar {
  width: 10px;
}

.set_calendar ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: #d7d7d7;
}

.set_calendar ul::-webkit-scrollbar-track {
  background-color: transparent;
  margin-top: 20px;
}

.set_calendar ul li {
  padding: 6px 0;
  border-top: 1px solid #eaeaea;
  text-align: center;
  color: #222;
  background: #fff;
  font-size: 16px;
}

.set_calendar ul li:hover {
  background-color: #fff;
  font-family: "NotoSansKR-Bold";
  font-weight: 700;
}

.set_calendar ul li:first-child {
  border-top: 0;
}

.set_calendar ul li:before {
  display: none;
}

.set_calendar ul li.select {
  font-weight: 700;
  color: #126ccd;
  background: #f7f7f7;
}

.set_calendar .cal-tit-area {
  height: 32px;
  margin-bottom: 3px;
}

.cal-btn-area {
  margin-top: 24px;
}

.cal-btn-area button {
  width: 76px;
  padding-top: 11px;
  border: 1px solid #d7d7d7;
  margin: 0 8px;
  color: #999;
}

.cal-btn-area button:first-child {
  border: 1px solid #222;
  color: #222;
}

.cal-bold {
  font-weight: 700;
}

.parent {
  margin-bottom: 48px;
  height: 24px;
}

.parent .prev {
  height: 24px;
}

.parent .next {
  height: 24px;
}

.parent .next button {
  justify-content: center;
}

.parent button {
  width: 24px;
  height: 24px;
  margin: 0 6px;
  padding: 0;
  border: 1px solid #d7d7d7;
  background-color: #fff;
}

.parent button:hover {
  border: 1px solid #000;
}

.parent ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.parent ul li {
  width: 24px;
  height: 24px;
  list-style: none;
  margin: 0 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
  color: #999;
  font-size: 14px;
}

.parent ul li:before {
  display: none;
}

.parent ul li:hover {
  font-weight: 700;
  color: #222;
}

.parent ul li.active {
  color: #222;
  font-weight: 700;
  background-color: #eaeaea;
}

.powerlink-favicon {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #fff;
}

.carousel--container__header svg {
  height: 16px;
  width: 16px;
}

.carousel--container__header .carousel--controls__icon {
  height: 20px;
}

.carousel--pages {
  transition: transform 1s ease 0s;
}

.carousel--page {
  flex-shrink: 0;
}

.carousel--controls {
  line-height: 1.43;
  width: 100%;
}

.carousel--controls__icon {
  padding: 1px;
}

.carousel--controls__icon svg {
  display: block;
}

.carousel--controls__icon:hover {
  border-color: #222;
}

.carousel--controls__icon:hover svg path {
  fill: #222;
}

.author-card-list--no-author {
  display: none;
}

.author-card-list .author-card.only {
  padding: 16px 0;
}

.author-card-list .author-card.nth {
  padding: 16px 0;
  border-top: 0;
  border-bottom: 0;
}

.author-card-list .author-card.first {
  padding: 16px 0;
  border-bottom: 0;
}

.author-card-list .author-card.last {
  padding: 16px 0;
  border-top: 0;
}

.author-card-list .author-card {
  border: none;
  box-shadow: unset;
}

.author-card-list .author-card--content-header {
  padding-right: 12px;
}

.author-card-list .author-card--content-header .author-name-box .byline {
  font-size: 18px;
  line-height: 27px;
}

.author-card-list .author-card--content-header .author-name-box .byline:hover {
  text-decoration: underline;
}

.author-card-list .author-card--content-header .author-name-box .role {
  font-size: 16px;
}

.author-card-list .author-card--content-header .author-name-box .role:hover {
  text-decoration: underline;
}

.author-card-list .author-card--content-right {
  padding: 0 8px 0 16px;
  border-left: 1px solid #eaeaea;
}

.layout--bg.cs-wide {
  padding: 0;
}

.cs-wide .article-dateline {
  max-width: 616px;
  flex-basis: 616px;
  margin: 0 auto 24px;
}

.cs-wide .article-body .h1,
.cs-wide .article-body .h2,
.cs-wide .article-body .h3,
.cs-wide .article-body .h4,
.cs-wide .article-body .h5,
.cs-wide .article-body .h6 {
  max-width: 616px;
  flex-basis: 616px;
  margin-left: auto;
  margin-right: auto;
}

.cs-wide .article-body__content-image,
.cs-wide .article-body__content-text,
.cs-wide .article-body__content-list,
.cs-wide .article-body__content-blockquote,
.cs-wide .article-body__content-pullquote,
.cs-wide .article-body__content-video,
.cs-wide .article-body__content .oembed {
  max-width: 616px;
  flex-basis: 616px;
  margin-left: auto;
  margin-right: auto;
}

.cs-wide .article-body__content-rawhtml .html-body-fit {
  max-width: 616px;
  flex-basis: 616px;
  margin-left: auto;
  margin-right: auto;
}

.cs-wide .article-body__content-rawhtml {
  text-align: center;
}

.cs-wide .article-control-bar {
  transform: translateX(0);
}

.cs-wide .fullwidth.article-body__content-image {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}

.cs-wide .article-body__content.article-body-table-dimensions,
.cs-wide .wide-oembed {
  max-width: 616px;
  flex-basis: 616px;
  margin-left: auto;
  margin-right: auto;
}

.cs-wide .article-body__content--align-left.box--float-left.font--primary {
  float: none;
  text-align: left;
}

.cs-wide .article-body__content--align-right.box--float-right.font--primary {
  float: none;
  text-align: right;
}

.cs-wide .article-body__content--align-center {
  text-align: center;
}

.cs-wide .article-body__content--align-left.article-body__content-image {
  width: 34%;
  max-width: 210px;
  min-width: 210px;
  margin-right: 24px;
  margin-left: 25%;
}

.cs-wide .article-body__content--align-right.article-body__content-image {
  width: 34%;
  max-width: 210px;
  min-width: 210px;
  margin-left: 24px;
  margin-right: 25%;
}

.layout__art-wide {
  text-align: center;
}

.layout__art-wide .article-header__breadcrumb {
  max-width: 1280px;
  margin: auto;
  padding-bottom: 12px;
}

.layout__art-wide .article-header__breadcrumb a {
  display: block;
}

.layout__art-wide .article-header__breadcrumb a svg {
  vertical-align: middle;
}

.layout__art-wide .article-header__lead-art {
  display: block;
  overflow: hidden;
  margin-top: 24px;
}

.layout__art-wide .article-header__lead-art figcaption {
  margin: 0 auto;
  text-align: left;
  max-width: 1280px;
}

.layout__art-wide .article-header__lead-art img {
  max-height: 480px;
}

.layout__art-wide .article-header__lead-art .IconAreaBg {
  display: none;
}

.layout__art-wide .article-byline__container {
  text-align: center;
}

.layout__art-wide .article-byline {
  justify-content: center;
}

.layout__art-wide .article-byline__container {
  padding-top: 32px;
  margin-left: 8px;
  margin-right: 8px;
}

.smooth {
  scroll-behavior: smooth;
}

.live-blog {
  border-bottom: solid 1px #eaeaea;
  margin-top: 52px;
  max-width: 616px;
}

.live-blog + .live-blog {
  margin-top: 0;
}

.live-blog-trig {
  display: none;
}

.lb-head {
  word-break: keep-all;
  line-height: 1.4;
}

.lb-head a:link,
.lb-head a:visited {
  color: #222;
  border-bottom: 0;
}

.lb-head a:hover {
  color: #707070;
}

.lb-anchor {
  position: relative;
  display: block;
  visibility: hidden;
  top: -80px;
}

.lb-article-body {
  line-height: 1.66;
}

article:has(.live-blog-timeline) .article-control-bar {
  display: none;
}

.article-body .lb-article-link {
  border-radius: 20px;
}

.article-body .lb-article-link,
.article-body .lb-article-link:link,
.article-body .lb-article-link:visited {
  display: inline-block;
  text-align: center;
  border: solid 1px #222;
  color: #000;
}

.article-body .lb-article-link:hover {
  background: #222;
  color: #fff;
}

.live-blog-timeline {
  position: fixed;
  width: 326px;
  top: 40px;
  left: 0;
  bottom: 0;
  height: auto;
  overflow-y: auto;
}

.live-blog-timeline .live-blog-sublist li a.font--secondary {
  letter-spacing: -0.03em;
}

.live-blog-timeline .live-blog-subhead {
  height: 32px;
}

.live-blog-timeline li {
  transition: ease all 0.4s;
}

.live-blog-timeline li:before {
  display: none;
}

.lb-sub {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 48px;
  padding: 0 0 16px;
  border-bottom: solid 1px #d7d7d7;
  overflow-x: auto;
  font-weight: 500;
}

.lb-sub a:link,
.lb-sub a:visited {
  color: #222;
  text-decoration: none;
}

.lb-sub a:hover {
  color: #707070;
}

.lb-sub > div {
  white-space: nowrap;
}

.lb-sub-tit {
  color: #126ccd;
  display: flex;
  align-items: center;
  margin-right: 25px;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-size: 20px;
}

.lb-sub-tit:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../index/12a5765c272fb642994d7c4eaee548728f1d5a52.svg") no-repeat center center;
}

.lb-sub-tit > a:link,
.lb-sub-tit > a:visited {
  color: #126ccd;
}

.lb-sub-menu {
  font-size: 16px;
  font-family: "NotoSansKR-Medium", sans-serif;
}

.lb-sub-menu + .lb-sub-menu {
  margin-left: 20px;
}

.paywall--bg-2 {
  position: absolute;
  left: 0;
  top: 0;
  height: 200vh;
  width: 100%;
  touch-action: none;
  background-color: #222;
  opacity: 0.4;
  z-index: 9;
  display: block;
}

.signup_complete {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  padding: 12px 12px 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-color: #fff;
  width: 480px;
  height: auto;
}

.signup_alert {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  padding: 12px 12px 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-color: #fff;
  width: 400px;
  height: auto;
}

.signup_complete_textbox {
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.phoneLogin_button_wrap {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.phoneLogin_button_wrap input[type="radio"] {
  display: none;
}

.phoneLogin_button_wrap label {
  width: 50%;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #707070;
  border-bottom: 1px solid #222;
  cursor: pointer;
}

.phoneLogin_button_wrap input[type="radio"]:checked + label {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-left: 1px solid #222;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: none;
  font-size: 16px;
  font-weight: 700;
  font-family: "NotoSansKR-Bold", sans-serif;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneLogin_button_wrap input[type="radio"]:checked + label + input + label {
  border-left: none;
}

.social-icons {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.social-icons .data-tooltip2 {
  content: "";
  background-color: white;
  border: #eaeaea solid 1px;
  border-radius: 5px;
  color: #222;
  font-size: 12px;
  letter-spacing: -0.06px;
  line-height: 18px;
  padding: 7px 10px;
  position: absolute;
  width: 125px;
  text-align: left;
  z-index: 100;
  word-break: break-all;
  margin-top: 112px;
  margin-left: 114px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.social-icons .data-tooltip2:after {
  border-color: white transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 24%;
  position: absolute;
  top: -14%;
  width: 0;
  z-index: 1;
}

.social-icons .data-tooltip2:before {
  border-color: #eaeaea transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 24%;
  position: absolute;
  top: -17.5%;
  width: 0;
  z-index: 0;
}

.social-icons .social-icon-google {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 44px;
}

.social-icons .social-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 44px;
}

.social-icons .social-icon .tooltip-bubble {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
}

.social-icons .social-icon .data-tooltip {
  content: "";
  background-color: white;
  border: #eaeaea solid 1px;
  border-radius: 5px;
  color: #222;
  font-size: 12px;
  letter-spacing: -0.06px;
  line-height: 18px;
  padding: 7px 10px;
  position: absolute;
  width: 125px;
  text-align: left;
  z-index: 100;
  word-break: break-all;
  margin-top: 50px;
  margin-left: 70px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.social-icons .social-icon .data-tooltip:after {
  border-color: white transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 16%;
  position: absolute;
  top: -14%;
  width: 0;
  z-index: 1;
}

.social-icons .social-icon .data-tooltip:before {
  border-color: #eaeaea transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 16%;
  position: absolute;
  top: -17.5%;
  width: 0;
  z-index: 0;
}

.social-icons .social-icon .data-tooltip3 {
  content: "";
  background-color: white;
  border: #eaeaea solid 1px;
  border-radius: 5px;
  color: #222;
  font-size: 12px;
  letter-spacing: -0.06px;
  line-height: 18px;
  padding: 7px 10px;
  position: absolute;
  width: 125px;
  text-align: left;
  z-index: 100;
  word-break: break-all;
  margin-top: 50px;
  margin-left: 70px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.social-icons .social-icon .data-tooltip3:after {
  border-color: white transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 17%;
  position: absolute;
  top: -14%;
  width: 0;
  z-index: 1;
}

.social-icons .social-icon .data-tooltip3:before {
  border-color: #eaeaea transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 17%;
  position: absolute;
  top: -17.5%;
  width: 0;
  z-index: 0;
}

.unlink-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.unlink-modal .unlink-modal-background {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

.unlink-modal .unlink-modal-box {
  position: absolute;
  width: 480px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 12px 40px 56px;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.unlink-modal .unlink-modal-box .modal-exit-btn {
  margin-right: -28px;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.unlink-modal .unlink-modal-box .modal-check-btn {
  background-color: #222;
  padding: 16px 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.sub-card-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 48px;
}

.sub-card-btn {
  font-family: "NotoSansKR-Medium";
  font-size: 14px;
  font-weight: 500;
  width: 59px;
  padding: 4px 10px;
  border-radius: 16px;
  color: #126ccd;
  background: #fff;
  border: 1px solid #126ccd;
  cursor: pointer;
}

.sub-card-btn svg {
  margin-left: 2px;
}

.sub-card-btn:hover,
.sub-card-btn.active {
  background: #126ccd;
  color: #fff;
}

.sub-card-btn:hover path,
.sub-card-btn.active path {
  fill: #fff;
}

.sub-card-grid {
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  height: 243px;
  padding: 24px 20px;
}

.sub-card-grid:hover {
  box-shadow: 0 2px 4px 0 #0000001a;
}

.sub-card-grid__deck,
.sub-card-grid__title,
.sub-card-grid__related {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sub-card-grid__art img {
  border-radius: 100%;
  border: 0.5px solid #d7d7d7;
}

.sub-card-grid__title {
  line-height: 30px;
  -webkit-line-clamp: 2;
}

.sub-card-grid__deck {
  -webkit-line-clamp: 2;
}

.sub-card-grid__related-container {
  height: 52px;
}

.sub-card-grid__related {
  -webkit-line-clamp: 1;
}

.sub-card-grid__related a:hover {
  text-decoration: underline;
}

.sub-card-grid__related + .sub-card-grid__related {
  padding-top: 7px;
}

.sub-card-grid.max {
  height: 267px;
}

.sub-card-grid.author-subscribe {
  height: 207px;
}

.sub-card-grid.author-subscribe .sub-card-grid__title {
  -webkit-line-clamp: 1;
}

.sub-card-grid.author-subscribe .sub-card-grid__deck {
  -webkit-line-clamp: 1;
}

.sub-card-grid.author-subscribe.max {
  height: 217px;
}

.sub-card-horizon {
  padding: 24px 20px;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.sub-card-horizon p {
  margin-bottom: 0;
  font-size: 14px;
  color: #999;
}

.sub-card-horizon-content {
  padding: 0 16px;
}

.sub-card-horizon-content.no-img {
  padding-left: 0;
}

.sub-card-horizon-image img {
  border-radius: 100%;
  border: 0.5px solid #d7d7d7;
}

.sub-card-horizon-right {
  padding-left: 16px;
  font-size: 12px;
  border-left: 1px solid #eaeaea;
}

.sub-category-body ul,
.sub-author-body ul,
.sub-issue-body ul {
  margin: 0;
  padding-left: 0;
}

.sub-category-body li:not(.sub-card-grid__related):before,
.sub-author-body li:not(.sub-card-grid__related):before,
.sub-issue-body li:not(.sub-card-grid__related):before {
  display: none;
}

.sub-category-body .category-scroll-outer.overflow,
.sub-author-body .category-scroll-outer.overflow,
.sub-issue-body .category-scroll-outer.overflow {
  margin: 0px -16px;
}

.sub-category-body .category-scroll-outer.overflow #tab-inner,
.sub-author-body .category-scroll-outer.overflow #tab-inner,
.sub-issue-body .category-scroll-outer.overflow #tab-inner {
  padding: 0 16px;
}

.sub-category-body .category-tab,
.sub-author-body .category-tab,
.sub-issue-body .category-tab {
  font-size: 14px;
  margin-bottom: 36px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sub-category-body .category-tab::-webkit-scrollbar,
.sub-author-body .category-tab::-webkit-scrollbar,
.sub-issue-body .category-tab::-webkit-scrollbar {
  display: none;
}

.sub-category-body .category-tab li,
.sub-author-body .category-tab li,
.sub-issue-body .category-tab li {
  border-radius: 30px;
  padding: 6px 16px;
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #222;
  cursor: pointer;
}

.sub-category-body .category-tab li.active,
.sub-author-body .category-tab li.active,
.sub-issue-body .category-tab li.active {
  border: 1px solid #126ccd;
  background: #126ccd;
  color: #fff;
}

.sub-category-body .category-tab li + li,
.sub-author-body .category-tab li + li,
.sub-issue-body .category-tab li + li {
  margin-left: 12px;
}

.sub-category-body .category-index,
.sub-author-body .category-index,
.sub-issue-body .category-index {
  font-size: 14px;
  margin-bottom: 20px;
}

.sub-category-body .category-index .split-bar,
.sub-author-body .category-index .split-bar,
.sub-issue-body .category-index .split-bar {
  margin: 0 8px;
  cursor: unset;
}

.sub-category-body .empty-text,
.sub-author-body .empty-text,
.sub-issue-body .empty-text {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, 0);
}

.layout-main {
  min-height: calc(100vh - 340px);
}

.layout--bg {
  background-color: #fff;
}

.layout--bg:only-child {
  overflow-x: hidden;
}

.layout--container {
  max-width: 1280px;
  margin: auto;
}

.layout__article-col {
  padding: 0 calc((16) * 1px);
}

.layout__article-header {
  padding-bottom: 24px;
}

.layout__comment {
  padding: 32px 0 80px;
}

.layout__search {
  padding-bottom: 40px;
}

.layout--mypage {
  padding-bottom: 80px;
}

.layout__art-wide {
  background-color: #fff;
}

.hp-header {
  margin-top: 0 !important;
}

.branch-animation {
  position: absolute;
}

footer .box--position-relative:has(.sitemap) {
  max-width: 1280px;
  margin: auto;
}

ul {
  padding-left: 10px;
}

ul.link-list {
  max-width: 616px;
  padding-left: 0;
  border-top: 1px solid #222;
  margin-bottom: 24px;
}

ul.link-list li:before {
  display: none;
}

ul.link-list li.link-list-title {
  padding-top: 8px;
  font-weight: 700;
  font-family: "NotoSansKR-Bold";
}

ul.link-list li .link-list-txt:before {
  content: "";
  width: 4px;
  height: 4px;
  padding-right: 0;
  background: #999;
  border-radius: 100%;
  flex: 0 0 4px;
  margin: 11px 5px 0 0;
}

ul.link-list li.content-list-item {
  width: 100%;
  padding: 12px 0;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}

ul.link-list li.content-list-item span {
  color: #222;
  word-break: keep-all;
}

ul.link-list li.content-list-item a {
  border: 0;
  color: #222;
}

ul.link-list li.content-list-item a:hover {
  text-decoration: underline;
}

ul.link-list li.content-list-item a > span {
  color: #222;
}

ul.link-list li.content-list-item figure img {
  width: 78px;
  height: 61px;
}

ul.link-list .link-list-img {
  margin-left: auto;
}

ol {
  counter-reset: item;
  padding-left: 10px;
}

ol li:before {
  color: #222;
  content: counter(item) ". ";
  counter-increment: item;
  font-family: "NotoSansKR-Bold";
}

li {
  display: block;
}

.article-body__content-rawhtml:has(script[src*="cdn.flowplayer"]) {
  min-height: 56px;
}

.fp-header,
.fp-footer,
.fp-left-zone,
.fp-right-zone,
.fp-play-1,
.fp-play-2,
.fp-ratio,
.flowplayer:not(.is-starting) .fp-middle,
.fp-play-3 svg.fp-pause,
.flowplayer video {
  display: none !important;
}

.is-audio-player.show-controls-only {
  display: block !important;
  height: 56px !important;
}

.flowplayer {
  height: 56px;
  margin-bottom: -8px;
}

.flowplayer.is-starting {
  background: url("../index/f1.jpg") 0 0 / cover no-repeat !important;
}

.flowplayer:not(.is-starting) {
  background: url("../index/f2.jpg") 0 0 / cover no-repeat !important;
}

.flowplayer svg {
  filter: none !important;
}

.flowplayer .fp-ui .fp-color {
  background-color: #fff;
}

.flowplayer .fp-ui .fp-middle:after {
  content: "버튼을 눌러 오디오 콘텐츠를 들어보세요";
  position: absolute;
  color: #fff;
  padding-left: 60px;
  line-height: 56px;
  font-family: "NotoSansKR-Medium";
  font-size: 15px;
  cursor: pointer;
}

.fp-ui {
  background: none !important;
}

.fp-controls {
  height: 56px !important;
  font-size: 12px;
}

.fp-controls .fp-elapsed {
  order: 1;
  margin-right: 0;
  text-shadow: none !important;
}

.fp-controls .fp-duration {
  order: 2;
  margin-left: 0;
  text-shadow: none !important;
}

.fp-elapsed:after {
  content: "/";
  margin: 0 0.3em;
}

.fp-volumebtn {
  order: 3;
}

.fp-togglable {
  opacity: 1 !important;
}

.fp-middle .fp-middle-zone {
  align-items: start !important;
  justify-content: left !important;
}

.fp-play-3 {
  margin: 10px 0 0 12px !important;
  width: 36px !important;
  height: 36px !important;
}

.fp-play-3 svg {
  width: 100% !important;
  height: 100% !important;
}

.fp-btns {
  display: flex;
  width: 36px;
  height: 36px !important;
  margin-left: 3px !important;
  border: solid 2px #fff !important;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.fp-btns .fp-small-play {
  margin-left: 4px;
}

.is-tiny .fp-timeline {
  margin: 0 0.5em !important;
}

.is-audio-player .fp-switch {
  transform: scale(1) !important;
}

.use-drag-handle .fp-timestamp {
  margin-top: -0.8em !important;
  text-shadow: none !important;
}

@media only screen and (min-width: 690px) {
  .font--size-md-30 {
    font-size: 30px;
  }

  .font--size-md-28 {
    font-size: 28px;
  }

  .font--size-md-24 {
    font-size: 24px;
  }

  .font--size-md-23 {
    font-size: 23px;
  }

  .font--size-md-20 {
    font-size: 20px;
  }

  .font--size-md-18 {
    font-size: 18px;
  }

  .font--size-md-16 {
    font-size: 16px;
  }

  .font--size-md-15 {
    font-size: 15px;
  }

  .font--size-md-14 {
    font-size: 14px;
  }

  .font--size-md-12 {
    font-size: 12px;
  }

  .grid__container {
    width: 100%;
  }

  .grid__col--md-2 {
    flex-basis: 16.67%;
    max-width: 16.67%;
  }

  .grid__col--md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--md-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .grid__col--md-5 {
    flex-basis: 41.67%;
    max-width: 41.67%;
  }

  .grid__col--md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--md-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }

  .grid__col--md-8 {
    flex-basis: 66.67%;
    max-width: 66.67%;
  }

  .grid__col--md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--md-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }

  .grid__col--md-11 {
    flex-basis: 91.67%;
    max-width: 91.67%;
  }

  .grid__col--md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .hs1 {
    font-size: 64px;
    line-height: 1.31;
  }

  .hs2 {
    font-size: 56px;
    line-height: 1.32;
  }

  .hs3 {
    font-size: 48px;
    line-height: 1.33;
  }

  .hs4 {
    font-size: 34px;
  }

  .hs5 {
    font-size: 30px;
  }

  .h1 {
    font-size: 42px;
  }

  .h2 {
    font-size: 38px;
  }

  .h3 {
    font-size: 24px;
    line-height: 1.4;
  }

  .h4 {
    font-size: 20px;
  }

  .h5 {
    font-size: 18px;
  }

  .h6 {
    font-size: 16px;
  }

  .box--border-none-md {
    border: 0;
  }

  .box-md--margin {
    margin: 4px;
  }

  .box-md--margin-none {
    margin: 0;
  }

  .box-md--margin-top {
    margin-top: 4px;
  }

  .box-md--margin-top-xl {
    margin-top: 24px;
  }

  .box-md--margin-top-xxl-2 {
    margin-top: 32px;
  }

  .box-md--margin-right {
    margin-right: 4px;
  }

  .box-md--margin-right-sm {
    margin-right: 12px;
  }

  .box-md--margin-right-xl {
    margin-right: 24px;
  }

  .box-md--margin-bottom {
    margin-bottom: 4px;
  }

  .box-md--margin-bottom-md {
    margin-bottom: 16px;
  }

  .box-md--margin-bottom-lg {
    margin-bottom: 20px;
  }

  .box-md--margin-bottom-xl {
    margin-bottom: 24px;
  }

  .box-md--margin-bottom-xxl-2 {
    margin-bottom: 32px;
  }

  .box-md--margin-left {
    margin-left: 4px;
  }

  .box-md--margin-left-xl {
    margin-left: 24px;
  }

  .box-md--pad {
    padding: 4px;
  }

  .box-md--pad-none {
    padding: 0;
  }

  .box-md--pad-top {
    padding-top: 4px;
  }

  .box-md--pad-top-xxs {
    padding-top: 4px;
  }

  .box-md--pad-top-xs {
    padding-top: 8px;
  }

  .box-md--pad-top-sm {
    padding-top: 12px;
  }

  .box-md--pad-top-md {
    padding-top: 16px;
  }

  .box-md--pad-top-lg {
    padding-top: 20px;
  }

  .box-md--pad-top-xl {
    padding-top: 24px;
  }

  .box-md--pad-top-xxl {
    padding-top: 28px;
  }

  .box-md--pad-top-xxl-2 {
    padding-top: 32px;
  }

  .box-md--pad-top-xxl-3 {
    padding-top: 36px;
  }

  .box-md--pad-top-xxl-4 {
    padding-top: 40px;
  }

  .box-md--pad-right {
    padding-right: 4px;
  }

  .box-md--pad-right-none {
    padding-right: 0;
  }

  .box-md--pad-right-xxs {
    padding-right: 4px;
  }

  .box-md--pad-right-xs {
    padding-right: 8px;
  }

  .box-md--pad-right-sm {
    padding-right: 12px;
  }

  .box-md--pad-right-md {
    padding-right: 16px;
  }

  .box-md--pad-right-lg {
    padding-right: 20px;
  }

  .box-md--pad-right-xl {
    padding-right: 24px;
  }

  .box-md--pad-right-xxl {
    padding-right: 28px;
  }

  .box-md--pad-right-xxl-2 {
    padding-right: 32px;
  }

  .box-md--pad-right-xxl-3 {
    padding-right: 36px;
  }

  .box-md--pad-right-xxl-4 {
    padding-right: 40px;
  }

  .box-md--pad-bottom {
    padding-bottom: 4px;
  }

  .box-md--pad-bottom-xxs {
    padding-bottom: 4px;
  }

  .box-md--pad-bottom-xs {
    padding-bottom: 8px;
  }

  .box-md--pad-bottom-sm {
    padding-bottom: 12px;
  }

  .box-md--pad-bottom-md {
    padding-bottom: 16px;
  }

  .box-md--pad-bottom-lg {
    padding-bottom: 20px;
  }

  .box-md--pad-bottom-xl {
    padding-bottom: 24px;
  }

  .box-md--pad-bottom-xxl {
    padding-bottom: 28px;
  }

  .box-md--pad-bottom-xxl-2 {
    padding-bottom: 32px;
  }

  .box-md--pad-bottom-xxl-3 {
    padding-bottom: 36px;
  }

  .box-md--pad-bottom-xxl-4 {
    padding-bottom: 40px;
  }

  .box-md--pad-left {
    padding-left: 4px;
  }

  .box-md--pad-left-none {
    padding-left: 0;
  }

  .box-md--pad-left-xxs {
    padding-left: 4px;
  }

  .box-md--pad-left-xs {
    padding-left: 8px;
  }

  .box-md--pad-left-sm {
    padding-left: 12px;
  }

  .box-md--pad-left-md {
    padding-left: 16px;
  }

  .box-md--pad-left-lg {
    padding-left: 20px;
  }

  .box-md--pad-left-xl {
    padding-left: 24px;
  }

  .box-md--pad-left-xxl {
    padding-left: 28px;
  }

  .box-md--pad-left-xxl-2 {
    padding-left: 32px;
  }

  .box-md--pad-left-xxl-3 {
    padding-left: 36px;
  }

  .box-md--pad-left-xxl-4 {
    padding-left: 40px;
  }

  .box--hidden-md {
    display: none;
  }

  .width--control {
    width: 100%;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .heading-container {
    padding: 16px 16px 20px;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .author-card--content-image img {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .author-byline {
    display: block;
    font-size: 14px;
    color: #707070;
    margin-top: 4px;
  }

  .flex-chain-wrapper.sm,
  .row-chain.sm {
    display: none;
  }

  .article-body__content {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .article-body__content--align-left,
  .article-body__content--align-right {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .article-body__content--align-left {
    margin-right: 24px;
  }

  .article-body__content--align-right {
    margin-left: 24px;
  }

  .article-body__content-correction,
  .article-body__content-list {
    line-height: 1.33;
  }

  .article-body-table-dimensions {
    width: auto;
  }

  .article-body-table-display {
    display: inline-block;
  }

  .article-body-table-cell {
    min-width: 123px;
    line-height: 1.33;
  }

  .article-body .text {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .article-body > div[class*="GalleryDiv"] {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .article-body .h1,
  .article-body .h2,
  .article-body .h3,
  .article-body .h4,
  .article-body .h5,
  .article-body .h6 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .article-header__headline-container + figure,
  .article-header__headline-container + .article-header__lead-art,
  .article-header__headline-container + .lazyload-wrapper,
  .article-header__headline-container + amp-carousel {
    margin-top: 32px;
    margin-bottom: 0;
  }

  .article-header__headline {
    font-family: "NotoSansKR-Bold";
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
  }

  .article-header__headline + p {
    margin-top: 24px;
  }

  .article-header__engHeadline {
    font-family: "NotoSansKR-Bold";
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
  }

  .article-header__engHeadline + p {
    margin-top: 24px;
  }

  .article-byline {
    padding-bottom: 8px;
  }

  .article-dateline {
    margin-bottom: 24px;
  }

  .article-control-bar-menu {
    top: 60px;
    right: 0;
  }

  .article-control-bar-menu-share {
    top: 58;
    left: 66px;
  }

  .article-control-bar-menu-bookmark {
    top: 116px;
    left: 66px;
  }

  .article-tags {
    margin-top: 32px;
  }

  .article-tags a {
    line-height: 20px;
  }

  .article-menu-bar-inner svg path {
    fill: #999;
  }

  .article-menu-bar-inner svg.active path {
    fill: #222;
  }

  .article-menu-bar-inner svg:hover path {
    fill: #222;
  }

  [class^="amp-mode"] .article-related-in-body {
    display: none;
  }

  .fixed-placeholder {
    min-height: 134px;
  }

  .english_nav {
    height: 148px;
  }

  .nav {
    height: 134px;
  }

  .nav__masthead {
    padding: 0 16px;
  }

  .nav__masthead-center svg {
    width: 225px;
    height: 46px;
  }

  .nav__masthead-english-center svg {
    width: 404px;
    height: 43px;
  }

  .nav__side-menu-footer-layout {
    margin-bottom: 64px;
  }

  .nav.scroll .nav__masthead-center .cover-logo {
    max-height: 48px;
    max-width: 240px;
  }

  .nav.scroll .nav__masthead-center svg {
    width: 117px;
    height: 24px;
  }

  .nav.scroll .nav__bar .nav__bar-center .scroll-logo svg {
    width: 117px;
    height: 24px;
  }

  .footer {
    padding-bottom: 36px;
  }

  .author-story-feed__margin {
    margin: 16px 0 32px;
  }

  .tag-header h1 {
    line-height: 38px;
    margin-bottom: 24px;
  }

  .columnist-wrapper .slick-slide > div {
    margin-left: -12px;
    margin-right: -12px;
  }

  .columnist-wrapper .slick-slide--item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .slick-slide > div {
    margin-left: -12px;
    margin-right: -12px;
  }

  .slick-slide--item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .story-card-container .story-card__heading {
    padding-bottom: 20px;
  }

  .story-card-container .story-card-wrapper.story-card--sm {
    display: none;
  }

  .story-card-container .story-card-wrapper--ranking.story-card-wrapper--module .story-card__rank {
    padding-top: 12px;
  }

  .story-card-container .story-card-wrapper .story-card + .story-card__separator {
    padding-bottom: 12px;
  }

  .story-card-container .story-card-wrapper .story-card-block--art.story-card-left {
    padding-right: 16px;
  }

  .story-card-container .story-card-wrapper .story-card-block--art.story-card-right {
    padding-left: 16px;
  }

  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--no-art,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left-of-head,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right-of-head,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right-of-deck {
    padding-bottom: 12px;
  }

  .story-card-container
    .story-card-wrapper
    :not(.story-card--art-100).story-card--art-above-head
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper
    :not(.story-card--art-100).story-card--art-below-head
    .story-card-component:last-child {
    padding-bottom: 12px;
  }

  .story-card-container
    .story-card-wrapper
    .story-card--art-100.story-card--art-above-head
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper
    .story-card--art-100.story-card--art-below-head
    .story-card-component:last-child {
    padding-bottom: 12px;
  }

  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-only
    .story-card-block--art
    .story-card__art.story-card-component {
    padding-bottom: 12px;
  }

  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-only
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-right
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--right-of-head
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-right-of-deck
    .story-card-block--art-100
    .story-card__art.story-card-component {
    padding-bottom: 12px;
  }

  .story-card-container
    .story-card-wrapper--basic-last
    .story-card--art-above-head
    .story-card-block
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper--basic-last
    .story-card--art-below-head
    .story-card-block
    .story-card-component:last-child {
    padding-bottom: 0;
  }

  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--no-art,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right-of-deck,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--no-art,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right-of-deck {
    padding-bottom: 0;
  }

  .story-card-container .story-card-wrapper--module .story-card + .story-card__separator {
    padding: 0 16px;
  }

  .story-card-container
    .story-card-wrapper--module.story-card-wrapper--art-above-head
    .story-card__heading--top-inside {
    padding-bottom: 20px;
  }

  .story-card-container
    .story-card-wrapper--module
    .story-card--art-above-head:not(.story-card--no-art)
    .story-card__art,
  .story-card-container
    .story-card-wrapper--module
    .story-card--art-below-head:not(.story-card--no-art)
    .story-card__art {
    padding-bottom: 12px;
  }

  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--no-art,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right-of-deck {
    padding: 20px 16px 12px;
  }

  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-below-head {
    padding-top: 20px;
  }

  .story-card-container .story-card-wrapper--module .story-card--art-below-head,
  .story-card-container .story-card-wrapper--module .story-card--art-above-head {
    padding-top: 12px;
  }

  .sub-h3 {
    font-size: 23px;
    color: #c81616;
    padding-right: 8px;
  }

  .sub-h4 {
    font-size: 20px;
    color: #c81616;
    padding-right: 8px;
  }

  .sub-h5 {
    font-size: 18px;
    color: #c81616;
    padding-right: 8px;
  }

  .arcad-wrapper.size_970x250_728x90 {
    width: 728px;
    height: 90px;
  }

  .arcad-wrapper.size_970x250_728x90_300x250 {
    width: 728px;
    height: 90px;
  }

  .arcad-wrapper.size_300x600_300x250 {
    width: 300px;
    height: 250px;
  }

  .arcad-wrapper.size_728x90_300x250 {
    width: 728px;
    height: 90px;
  }

  .arcad-wrapper.size_500X250_340X280 {
    width: auto;
    height: 250px;
  }

  .identity-wrapper {
    padding: 64px 0;
    max-width: 400px;
  }

  [class^="amp-mode"] .contentspan-feed--box {
    max-width: 296px;
  }

  .contentspan-feed.noborder .story-card-wrapper .story-card__heading.story-card__heading--top-inside {
    padding-bottom: 12px;
  }

  .contentspan-feed.noborder .story-card-wrapper .story-card__separator {
    padding: 0;
  }

  .search-option .hover-option:hover {
    background-color: #fff;
    font-family: "NotoSansKR-Bold";
    font-weight: 700;
  }

  .layout__article-col-wide {
    width: 616px;
    max-width: 616px;
    flex-basis: 616px;
    padding: 0;
  }

  .cs-wide > div [class*="GalleryDiv"] {
    max-width: auto;
  }

  .cs-wide .article-body__content--align-left.article-body__content-image {
    margin-left: 0;
    margin-right: 24px;
  }

  .cs-wide .article-body__content--align-right.article-body__content-image {
    margin-left: 24px;
    margin-right: 0;
  }

  .layout__art-wide .article-header__lead-art figcaption {
    padding-left: 0;
    padding-right: 0;
  }

  .live-blog-timeline::-webkit-scrollbar {
    width: 16px;
  }

  .live-blog-timeline::-webkit-scrollbar-track {
    background: #ebebeb;
  }

  .live-blog-timeline::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 10px;
    border: 3px solid #ebebeb;
  }

  .layout-main {
    padding-left: 36px;
    padding-right: 36px;
  }

  .layout--bg-md-grey-20 {
    background-color: #eaeaea;
  }

  .layout__basic {
    padding-left: 0;
    padding-right: 0;
  }

  .layout__article-header {
    padding-bottom: 32px;
  }

  .layout__section {
    padding-top: 24px;
  }

  .layout__section-header {
    margin-bottom: 16px;
  }

  .layout__section--last {
    padding-bottom: 80px;
  }

  .layout__search {
    padding-bottom: 80px;
    padding-top: 16px;
  }

  .layout__search-header {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .layout__search-main {
    padding-left: 0;
    padding-right: 16px;
    padding-bottom: 0;
  }

  .layout__bottom {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .layout__art-wide {
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    left: 50%;
    right: 50%;
    position: relative;
  }

  ul.link-list {
    margin: 32px auto;
  }
}

@media only screen and (min-width: 690px) and (max-width: 985px) {
  .box--hidden-md-only {
    display: none;
  }

  .columnist-chain .columnist-wrapper {
    width: calc(100% + 12px);
    margin-left: -6px;
  }

  .columnist-chain .columnist-wrapper .dots {
    margin-top: 6px;
  }

  .columnist-chain .columnist-wrapper .columnist-card {
    flex: 1 1 30%;
  }

  .flex-chain-wrapper.lg,
  .row-chain.lg {
    display: none;
  }

  .article-header__headline-container {
    padding: 0;
    width: 616px;
    margin: auto;
  }

  .article-header__breadcrumb {
    padding: 0;
    width: 616px;
    margin: 0 auto 12px;
  }

  .article-header__lead-art-caption {
    width: 616px;
    padding-left: 0;
  }

  .powa + .article-header__lead-art-caption {
    justify-content: center;
    width: auto;
  }

  .article-control-bar {
    transform: none;
    left: 0;
  }

  .article-menu-bar-inner svg path {
    fill: #999;
  }

  .nav__masthead-left,
  .nav__masthead-right {
    padding: 8px 0;
    height: 48px;
  }

  .nav__masthead .search-bar--wrap {
    width: 178px;
  }

  .nav__bar-center {
    margin-bottom: 0;
    margin-left: 16px;
    padding: 8px 0;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .nav__bar-center::-webkit-scrollbar {
    display: none;
  }

  .nav__bar-center-link .link-text {
    font-size: 16px;
  }

  .nav__bar-center-engLink .link-text {
    font-size: 16px;
  }

  .sitemap {
    border: 0;
  }

  .sitemap {
    margin: 0 0 46px;
  }

  .sitemap section {
    display: none;
  }

  .sitemap .cs-site {
    -moz-columns: auto 3;
    columns: auto 3;
  }

  .m-sitemap ul li br {
    display: none;
  }

  ul.cs-sns-wrap {
    right: 16px;
  }

  .columnist-wrapper .slick-slide > div {
    margin-left: -7px;
    margin-right: -7px;
  }

  .columnist-wrapper .slick-slide > div:nth-child(2) {
    margin-bottom: 6px;
  }

  .columnist-wrapper .slick-slide > div:nth-child(2) .columnist-card {
    margin-top: 24px;
  }

  .story-card-container .story-card-wrapper.story-card--lg {
    display: none;
  }

  .arcad {
    margin: 0;
  }

  .paywall-content {
    padding-top: 28px;
  }

  .mypage--sub-content .my-news--content .tag {
    max-width: 290px;
  }

  .cs-wide .article-control-bar {
    transform: none;
    left: 0;
  }

  .sub-card-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-bottom: 32px;
  }

  .layout--container {
    max-width: 768px;
  }

  .layout--header,
  .layout--footer {
    max-width: 100%;
  }

  .layout--header .footer__container-info,
  .layout--footer .footer__container-info {
    padding-right: 16px;
  }

  .layout--header .footer__container-logo,
  .layout--footer .footer__container-logo {
    padding-left: 16px;
  }

  .layout__article-col {
    width: 616px;
    max-width: 616px;
    flex-basis: 616px;
    padding: 0;
  }
}

@media only screen and (max-width: 1270px) and (min-width: 767px) {
  .live-blog-timeline {
    display: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 767px) {
  .live-blog-timeline {
    width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1351px) {
  .stock-slider-wrap.layout-special {
    padding: 0 36px;
  }
}

@media only screen and (min-width: 986px) {
  .grid__col--lg {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 calc(32px / 2);
  }

  .grid__col--lg-left {
    padding-left: 0;
  }

  .grid__col--lg-right {
    padding-right: 0;
  }

  .grid__col--lg-2 {
    flex-basis: 16.67%;
    max-width: 16.67%;
  }

  .grid__col--lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--lg-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .grid__col--lg-5 {
    flex-basis: 41.67%;
    max-width: 41.67%;
  }

  .grid__col--lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--lg-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }

  .grid__col--lg-8-1 {
    flex-basis: 65.67%;
    max-width: 65.67%;
  }

  .grid__col--lg-8 {
    flex-basis: 66.67%;
    max-width: 66.67%;
  }

  .grid__col--lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--lg-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }

  .grid__col--lg-11 {
    flex-basis: 91.67%;
    max-width: 91.67%;
  }

  .grid__col--lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .box-lg--margin-bottom-xxl {
    margin-bottom: 28px;
  }

  .box-lg--margin-bottom-xxl-2 {
    margin-bottom: 32px;
  }

  .box-lg--pad {
    padding: 4px;
  }

  .box-lg--pad-right {
    padding-right: 4px;
  }

  .box-lg--pad-right-none {
    padding-right: 0;
  }

  .box-lg--pad-right-xxs {
    padding-right: 4px;
  }

  .box-lg--pad-right-xs {
    padding-right: 8px;
  }

  .box-lg--pad-right-sm {
    padding-right: 12px;
  }

  .box-lg--pad-right-md {
    padding-right: 16px;
  }

  .box-lg--pad-left {
    padding-left: 4px;
  }

  .box-lg--pad-left-none {
    padding-left: 0;
  }

  .box-lg--pad-left-xs {
    padding-left: 8px;
  }

  .box-lg--pad-left-md {
    padding-left: 16px;
  }

  .box--hidden-lg {
    display: none;
  }

  .flex-chain-wrapper.heading-title--left .flex-chain__heading-title {
    padding-right: 0;
    flex-basis: 88px;
    min-width: 88px;
  }

  .flex-chain-wrapper.heading-title--left .flex-chain__heading-title .heading__link span {
    width: -moz-min-content;
    width: min-content;
  }

  .flex-chain-wrapper.heading-title--left .flex-chain__heading-title .heading__link svg {
    min-width: 20px;
    width: 100%;
  }

  .flex-chain-wrapper.heading-title--left .flex-chain {
    flex: 100%;
  }

  .columnist-chain .columnist-wrapper {
    width: calc(100% + 17px);
    margin-left: -8.5px;
  }

  .columnist-chain .columnist-wrapper .dots {
    margin-top: 6px;
  }

  .columnist-chain .columnist-wrapper .columnist-card {
    flex: 1 1 20%;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card {
    border: 1px solid #eaeaea;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  }

  .flex-chain-wrapper.sm,
  .row-chain.sm {
    display: none;
  }

  .flex-chain-wrapper.md,
  .row-chain.md {
    display: none;
  }

  .article-header__headline-container,
  .article-header__breadcrumb {
    padding: 0 calc((76) * 1px);
  }

  .article-header__lead-art-caption {
    padding-left: 0;
  }

  .powa + .article-header__lead-art-caption {
    justify-content: left;
  }

  .article-control-bar {
    transform: translateX(-76px);
  }

  .fixed-placeholder.isFixed {
    min-height: 40px;
  }

  .english_nav {
    height: 160px;
  }

  .nav__masthead {
    padding: 0;
  }

  .nav__masthead-center svg {
    width: 265px;
    height: 54px;
    margin-top: 8px;
  }

  .nav__masthead-english-center svg {
    width: 451px;
    height: 48px;
  }

  .nav__bar-center {
    width: unset;
  }

  .nav__bar-center-link {
    padding: 0 14px;
  }

  .nav__bar-center-engLink:first-child {
    padding-left: 0;
    padding-top: 2px;
  }

  .nav__bar-left {
    width: 100%;
    margin-right: 0;
  }

  .nav__bar-right {
    width: 100%;
    margin-left: 0;
  }

  .nav.scroll {
    height: 41px;
  }

  .nav.scroll .alert--modal .alertModalPost-mask {
    top: 41px;
  }

  .nav.scroll .alert--modal .alertModalPost-layer {
    top: var(--modal-layer-top-offset);
  }

  .nav.scroll .nav__masthead {
    display: none;
  }

  .nav.scroll .nav__masthead-center svg {
    width: 137px;
    height: 28px;
  }

  .nav.scroll .nav__bar {
    display: flex;
  }

  .nav.scroll .nav__bar .nav__bar-center .scroll-logo svg {
    width: 137px;
    height: 28px;
  }

  .nav__auth-menu {
    align-items: center;
  }

  .sitemap {
    margin: 0 auto 16px;
    padding: 16px 8px 8px;
  }

  .sitemap li {
    display: block;
  }

  .sitemap {
    flex-direction: row;
  }

  .sitemap-item {
    border-top: none;
  }

  .sitemap-item .cs-site {
    display: block;
    -moz-columns: auto 1;
    columns: auto 1;
  }

  .sitemap-item input:checked ~ .cs-site {
    display: block;
  }

  .sitemap-item input + label > a,
  .sitemap-item input:checked + label > a {
    pointer-events: auto;
    cursor: pointer;
  }

  .sitemap-item-sub section:nth-child(2) {
    margin-top: 28px;
  }

  .sitemap-item-sub section:nth-child(3) {
    margin-top: 28px;
  }

  .m-sitemap ul li br {
    display: none;
  }

  .m-sitemap {
    display: none;
  }

  .alert--modal .alertModalPost-layer {
    top: var(--modal-layer-top-offset);
  }

  .columnist-wrapper .slick-slide > div {
    margin-left: -8px;
    margin-right: -8px;
  }

  .columnist-wrapper .slick-slide > div:nth-child(2) {
    margin-bottom: 6px;
  }

  .columnist-wrapper .slick-slide > div:nth-child(2) .columnist-card {
    margin-top: 28px;
  }

  .columnist-wrapper .slick-slide--item {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slick-slide > div {
    margin-left: -16px;
    margin-right: -16px;
  }

  .slick-slide--item {
    padding-left: 16px;
    padding-right: 16px;
  }

  .story-card-container .story-card-wrapper.story-card--sm {
    display: none;
  }

  .story-card-container .story-card-wrapper.story-card--md {
    display: none;
  }

  .arcad-wrapper.size_970x250_728x90 {
    width: 970px;
    height: 250px;
  }

  .arcad-wrapper.size_970x250_728x90_300x250 {
    width: 970px;
    height: 250px;
  }

  .arcad-wrapper.size_300x600_300x250 {
    width: 300px;
    height: auto;
    min-height: 250px;
  }

  .layout--mypage:has(.mypage--topper.fixed) .mypage--renewal-menu-tab.scrollUp .my_nav__bar {
    top: 122px;
  }

  .mypage--topper.fixed {
    top: 40px;
  }

  .mypage--renewal-menu-tab .my_nav__bar {
    top: 122px;
  }

  .cs-wide > div [class*="GalleryDiv"] {
    max-width: 616px;
    margin: auto;
  }

  .cs-wide .article-body__content--align-left.article-body__content-image {
    margin-left: calc(34% - 108px);
  }

  .cs-wide .article-body__content--align-right.article-body__content-image {
    margin-right: calc(34% - 108px);
  }

  .layout__art-wide .article-header__lead-art figcaption {
    padding-left: 24px;
    padding-right: 24px;
  }

  .layout-main > div:first-child section > article {
    border-right: solid 1px #eaeaea;
  }

  .layout-main {
    padding-left: 0;
    padding-right: 0;
  }

  .layout--bg {
    padding: 0 8px;
  }

  .layout--header {
    max-width: 1280px;
  }

  .layout__article-main {
    padding-left: 72px;
    padding-right: 24px;
    border-right: 1px solid #eaeaea;
  }

  .layout__article-right-rail {
    padding-left: 24px;
    padding-right: 16px;
    max-width: 332px;
  }

  .layout__section-main {
    padding-right: 16px;
  }

  .layout__section aside {
    padding-left: 16px;
  }
}

@media only screen and (min-width: 986px) and (max-width: 1279px) {
  .nav.scroll .nav__bar {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (min-width: 1280px) {
  .article-header__headline-container,
  .article-header__breadcrumb {
    padding: 0 calc((116) * 1px);
  }

  .article-control-bar {
    transform: translateX(-116px);
  }

  .cs-wide > div [class*="GalleryDiv"] {
    max-width: 616px;
    margin: auto;
  }

  .layout__art-wide .article-header__lead-art figcaption {
    padding-left: 16px;
    padding-right: 16px;
  }

  .layout__art-wide .article-header__headline-container {
    max-width: 1280px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .layout__article-main {
    max-width: calc(((616 + 187) / 1280) * 100%);
    flex-basis: calc(((616 + 187) / 1280) * 100%);
    padding: 50px 70px 0 calc((116) * 1px);
    border-right: 1px solid #eaeaea;
  }

  .layout__article-right-rail {
    max-width: calc(((292 + 185) / 1280) * 100%);
    flex-basis: calc(((292 + 185) / 1280) * 100%);
    padding: 0 calc((116) * 1px) 0 69px;
  }
}

@media only screen and (max-width: 689px) {
  .font-sm--secondary {
    font-family: "NotoSansKR-Medium", sans-serif;
  }

  .font--size-sm-28 {
    font-size: 28px;
  }

  .font--size-sm-24 {
    font-size: 24px;
  }

  .font--size-sm-23 {
    font-size: 23px;
  }

  .font--size-sm-22 {
    font-size: 22px;
  }

  .font--size-sm-20 {
    font-size: 20px;
  }

  .font--size-sm-18 {
    font-size: 18px;
  }

  .font--size-sm-16 {
    font-size: 16px;
  }

  .font--size-sm-15 {
    font-size: 15px;
  }

  .font--size-sm-14 {
    font-size: 14px;
  }

  .font--size-sm-12 {
    font-size: 12px;
  }

  .flex--align-self-center-sm {
    align-self: flex-start;
  }

  .flex--sm {
    display: flex;
  }

  .grid__container {
    width: 100%;
  }

  .grid__col--sm-2 {
    flex-basis: 16.67%;
    max-width: 16.67%;
  }

  .grid__col--sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .grid__col--sm-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .grid__col--sm-5 {
    flex-basis: 41.67%;
    max-width: 41.67%;
  }

  .grid__col--sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .grid__col--sm-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }

  .grid__col--sm-8 {
    flex-basis: 66.67%;
    max-width: 66.67%;
  }

  .grid__col--sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .grid__col--sm-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }

  .grid__col--sm-11 {
    flex-basis: 91.67%;
    max-width: 91.67%;
  }

  .grid__col--sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .section-topper-subtitle {
    margin-bottom: 2px;
  }

  .box--border-none-sm {
    border: 0;
  }

  .box-sm--pad {
    padding: 4px;
  }

  .box-sm--pad-right {
    padding-right: 4px;
  }

  .box-sm--pad-right-xxs {
    padding-right: 4px;
  }

  .box-sm--pad-right-xs {
    padding-right: 8px;
  }

  .box-sm--pad-bottom {
    padding-bottom: 4px;
  }

  .box-sm--pad-bottom-md {
    padding-bottom: 16px;
  }

  .box-sm--margin {
    margin: 4px;
  }

  .box-sm--margin-bottom {
    margin-bottom: 4px;
  }

  .box-sm--margin-bottom-md {
    margin-bottom: 16px;
  }

  .box-sm--margin-right {
    margin-right: 4px;
  }

  .box-sm--margin-right-xs {
    margin-right: 8px;
  }

  .box--hidden-sm {
    display: none;
  }

  .width--control {
    width: 279px;
  }

  .flex-chain-wrapper .flex-chain.box--hidden-none {
    flex-wrap: wrap;
  }

  .flex-chain-wrapper .flex-chain.box--hidden-none .flex-chain__column {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .columnist-chain .columnist-wrapper .dots {
    margin-top: -8px;
  }

  .columnist-chain .columnist-wrapper .columnist-card {
    flex: 1 1 100%;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card {
    border: 1px solid #eaeaea;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .heading-container {
    padding-left: 16px;
    margin: auto 0;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .author-card--content-image {
    margin-right: unset;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .author-card--content-image img {
    width: 66px;
    aspect-ratio: 4 / 3;
  }

  .columnist-chain .columnist-wrapper .columnist-author-card .author-byline {
    display: none;
  }

  .flex-chain-wrapper.md,
  .row-chain.md {
    display: none;
  }

  .flex-chain-wrapper.lg,
  .row-chain.lg {
    display: none;
  }

  .article-related-content.article-related-in-body:not(:last-child) {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 12px;
  }

  figure.article-body__content--align-center {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .article-body-table-dimensions + figure {
    margin-top: 24px;
  }

  .article-body div[class*="ControlsDiv"] {
    padding: 0;
  }

  .article-header__breadcrumb {
    margin-top: 16px;
    margin-bottom: -8px;
  }

  .powa + .article-header__lead-art-caption {
    justify-content: left;
  }

  .article-tags {
    margin-top: 24px;
  }

  .layout__article-header > div[class*="GalleryDiv"] {
    margin-top: 24px;
  }

  div[class*="ControlsDiv"] {
    padding: 0 16px;
  }

  div[class*="CarouselContainer"] button[class*="GalleryButton"] svg {
    width: 40px;
    height: 40px;
  }

  div[class*="LightboxToolbar"] .toolbarSide.rightSide {
    padding-top: 0;
    padding-right: 8px;
  }

  div[class*="LightboxToolbar"] .toolbarSide.rightSide button svg {
    width: 24px;
    height: 24px;
  }

  div[class*="LightboxContainer"] button svg {
    width: 40px;
    height: 40px;
  }

  .modal-mask-zoom-layer {
    width: auto;
  }

  .modal-close-button {
    top: 12px;
    right: 12px;
  }

  .modal-close-button svg {
    height: 24px;
    width: 24px;
  }

  .level-modal-bg.article-modal {
    background-color: transparent;
    position: absolute;
  }

  .level-modal-bg.article-modal .level-modal {
    top: 17px;
    transform: translate(-50%, 0%);
  }

  .nav__masthead-center .cover-logo {
    max-height: 48px;
    max-width: 240px;
  }

  .nav__masthead-center svg {
    width: 117px;
    height: 24px;
  }

  .nav__masthead-english-center .cover-logo {
    max-height: 48px;
    max-width: 240px;
  }

  .nav__masthead-english-center svg {
    width: 227px;
    height: 24px;
  }

  .nav__bar {
    overflow: hidden;
  }

  .nav__bar-center {
    height: 38px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .nav__bar-center::-webkit-scrollbar {
    display: none;
  }

  .nav__bar-center-link {
    padding: 0 14px;
  }

  .nav .menu-overlay.active {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 48px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9;
  }

  .nav__side-menu {
    width: 304px;
    overflow: auto;
  }

  .nav__side-menu-item:hover {
    background: none;
  }

  .nav__side-menu-child-menu {
    background: #fff;
    width: 100%;
    position: static;
    right: unset;
    box-shadow: unset;
    max-height: 0;
  }

  .nav__side-menu-child-item {
    display: inline-block;
    width: 50%;
  }

  .nav__side-menu-child-item-eng {
    display: inline-block;
    width: 50%;
  }

  .nav__side-menu-footer-layout {
    margin-bottom: 8px;
  }

  .nav__side-menu-footer a {
    font-size: 14px;
    line-height: 20px;
  }

  .nav.scroll .nav__masthead-center svg {
    width: 117px;
    height: 24px;
  }

  .nav.scroll .nav__bar .nav__bar-center .scroll-logo svg {
    width: 117px;
    height: 24px;
  }

  .nav__dropdown-menu {
    display: none;
  }

  .nav__alert-icon {
    margin-right: 12px;
  }

  .sitemap {
    border: 0;
  }

  .sitemap {
    margin: 0 0 46px;
  }

  .sitemap section {
    display: none;
  }

  .sitemap .cs-site {
    -moz-columns: auto 2;
    columns: auto 2;
  }

  ul.cs-sns-wrap {
    right: 16px;
    bottom: -5px;
  }

  .stock-slider-wrap.layout-special .stock-slider {
    border-radius: 0;
  }

  .stock-slider-wrap.layout-special {
    top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .stock-slider-wrap.layout-normal .stock-slider-datetime {
    display: none;
  }

  .stock-slider-heading {
    display: none;
  }

  .stock-slider-container:hover div {
    animation-play-state: running;
  }

  .alert--modal .alertModalPost-mask {
    top: 89px;
  }

  .author-card {
    padding: 16px;
  }

  .author-card--content-image {
    margin-right: 8px;
  }

  .author-card--content-header .author-name-box .role {
    font-size: 16px;
  }

  .author-card--content-header .author-name-box .byline {
    font-size: 18px;
    line-height: 25px;
  }

  .author-card--content-right {
    padding-left: 12px;
  }

  .Toastify__toast-container {
    left: 0;
    bottom: 0;
    transform: translateX(0);
    padding: 16px;
    width: 100%;
  }

  .columnist-wrapper .slick-track .slick-slide:first-child {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:first-child.slick-active.slick-center {
    transform: translateX(-35px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:first-child.slick-active.slick-center + .slick-slide:nth-child(2) {
    transform: translateX(-35px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:nth-child(2) {
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:last-child {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:last-child.slick-active.slick-center {
    transform: translateX(35px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:nth-last-child(2) {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:nth-last-child(2).slick-active {
    transform: translateX(0px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-track .slick-slide:nth-last-child(3).slick-active + .slick-slide:nth-last-child(2) {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .columnist-wrapper .slick-slide > div {
    margin-left: -6px;
    margin-right: -6px;
  }

  .columnist-wrapper .slick-slide > div > .slick-slide--item {
    padding: 8px 6px;
  }

  .columnist-wrapper .slick-slide > div:first-child > .slick-slide--item {
    padding-top: 0;
  }

  .columnist-wrapper .slick-slide--item {
    padding-left: 6px;
    padding-right: 6px;
  }

  .slick-track .slick-slide:first-child {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:first-child.slick-active.slick-center {
    transform: translateX(-35px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:first-child.slick-active.slick-center + .slick-slide:nth-child(2) {
    transform: translateX(-35px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:nth-child(2) {
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:last-child {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:last-child.slick-active.slick-center {
    transform: translateX(35px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:nth-last-child(2) {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:nth-last-child(2).slick-active {
    transform: translateX(0px) !important;
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-track .slick-slide:nth-last-child(3).slick-active + .slick-slide:nth-last-child(2) {
    transform: translateX(0px);
    transition-delay: 0.05s;
    transition-duration: 0.2s;
  }

  .slick-slide > div {
    margin-left: -6px;
    margin-right: -6px;
  }

  .slick-slide--item {
    padding-left: 6px;
    padding-right: 6px;
  }

  .comment-feed--reply {
    padding: 16px;
  }

  .comment-feed--emptyText {
    min-height: calc(100vh - 222px);
  }

  .comment-feed--emptyText dt {
    font-size: 18px;
    margin-top: 0;
  }

  .comment-feed--emptyText dd {
    font-size: 14px;
  }

  .comment-feed.mypage {
    padding: 0 16px;
  }

  .comment-feed.mypage .text-empty {
    padding: 0 20px;
  }

  .bookmark-feed--container {
    flex-direction: column;
    align-items: flex-start;
  }

  .bookmark-feed {
    padding: 0 16px;
  }

  .bookmark-feed .input-item {
    margin-top: 12px;
    align-self: stretch;
  }

  .bookmark-feed .input-item .inputStyle {
    width: 100%;
    align-self: stretch;
  }

  .modal-layer {
    width: auto;
    margin: 0 16px;
    padding: 50px 20px;
  }

  .button-cont .button-item {
    width: 100%;
    flex: 1;
  }

  .close-button svg {
    height: 30px;
    width: 30px;
  }

  .modal-option .check-box {
    grid-template-columns: 50fr 50fr;
  }

  .story-card-container .story-card__heading {
    padding-bottom: 16px;
  }

  .story-card-container .story-card-wrapper.story-card--md {
    display: none;
  }

  .story-card-container .story-card-wrapper.story-card--lg {
    display: none;
  }

  .story-card-container .story-card-wrapper--ranking.story-card-wrapper--module .story-card__rank {
    padding-top: 16px;
  }

  .story-card-container .story-card-wrapper .story-card + .story-card__separator {
    padding-bottom: 16px;
  }

  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--no-art,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left-of-head,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right-of-head,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper :not(.story-card--art-100).story-card--art-right-of-deck {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper
    :not(.story-card--art-100).story-card--art-above-head
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper
    :not(.story-card--art-100).story-card--art-below-head
    .story-card-component:last-child {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper
    .story-card--art-100.story-card--art-above-head
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper
    .story-card--art-100.story-card--art-below-head
    .story-card-component:last-child {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-only
    .story-card-block--art
    .story-card__art.story-card-component {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-only
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-right
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--right-of-head
    .story-card-block--art-100
    .story-card__art.story-card-component,
  .story-card-container
    .story-card-wrapper--basic-nth
    .story-card--art-100.story-card--art-right-of-deck
    .story-card-block--art-100
    .story-card__art.story-card-component {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper--basic-last
    .story-card--art-above-head
    .story-card-block
    .story-card-component:last-child,
  .story-card-container
    .story-card-wrapper--basic-last
    .story-card--art-below-head
    .story-card-block
    .story-card-component:last-child {
    padding-bottom: 0;
  }

  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--no-art,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--basic-last :not(.story-card--art-100).story-card--art-right-of-deck,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--no-art,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--basic-last .story-card--art-100.story-card--art-right-of-deck {
    padding-bottom: 0;
  }

  .story-card-container .story-card-wrapper--module .story-card + .story-card__separator {
    padding: 0 16px;
  }

  .story-card-container
    .story-card-wrapper--module.story-card-wrapper--art-above-head
    .story-card__heading--top-inside {
    padding-bottom: 16px;
  }

  .story-card-container
    .story-card-wrapper--module
    .story-card--art-above-head:not(.story-card--no-art)
    .story-card__art,
  .story-card-container
    .story-card-wrapper--module
    .story-card--art-below-head:not(.story-card--no-art)
    .story-card__art {
    padding-bottom: 8px;
  }

  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--no-art,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left-of-head,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right-of-head,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-left-of-deck,
  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-right-of-deck {
    padding: 16px 16px 12px;
  }

  .story-card-container .story-card-wrapper--module .story-card__heading + .story-card--art-below-head {
    padding-top: 16px;
  }

  .story-card-container .story-card-wrapper--module .story-card--art-below-head,
  .story-card-container .story-card-wrapper--module .story-card--art-above-head {
    padding-top: 16px;
  }

  .sub-h3 {
    font-size: 18px;
    color: #c81616;
    padding-right: 4px;
  }

  .sub-h4 {
    font-size: 16px;
    color: #c81616;
    padding-right: 4px;
  }

  .dfpAd:before {
    font-size: 16px;
  }

  .arcad-wrapper.size_970x250_728x90 {
    width: 728px;
    height: 90px;
  }

  .arcad-wrapper.size_970x250_728x90_300x250 {
    width: 300px;
    height: 250px;
  }

  .arcad-wrapper.size_300x600_300x250 {
    width: 300px;
    height: 250px;
  }

  .arcad-wrapper.size_728x90_300x250 {
    width: 300px;
    height: 250px;
  }

  .arcad-wrapper.size_500X250_340X280 {
    max-width: 340px;
    height: 280px;
    overflow: hidden;
  }

  .arcad-wrapper.article-body__content {
    margin-bottom: 18px;
  }

  .identity-header {
    margin-bottom: 24px;
    line-height: 1.42;
  }

  .identity-modal--term {
    width: 328px;
    height: 576px;
    padding-left: 12px;
    padding-right: 8px;
  }

  .identity-modal--term-content {
    padding-right: 16px;
  }

  .identity-emailModal {
    padding: 56px 20px;
  }

  .identity-modalemailcontent {
    width: 100%;
    box-sizing: border-box;
    margin: 0 16px;
    height: auto;
  }

  .identity-emailModalInstruction {
    padding: 32px 16px 32px 16px;
  }

  .identity-signinmodal-box {
    padding: 24px 16px 24px 16px;
  }

  .modalSubscribe-layer {
    width: auto;
    margin: 0 16px;
  }

  .modalSubscribe-layer .close-button svg {
    height: 20px;
    width: 20px;
  }

  .identity-migration-box {
    padding: 24px 20px 24px 20px;
  }

  .identity-findID-ID {
    font-size: 18px;
  }

  .paywall-content p {
    font-size: 15px;
  }

  .paywall-content p.title {
    font-size: 20px;
  }

  .paywall-content .identity-wrapper {
    padding: 16px;
  }

  a.login-ic {
    margin-right: 0;
  }

  .contentspan-feed--box {
    width: 100%;
  }

  .contentspan-feed--box .story-card__headline {
    height: 3.3em;
  }

  .contentspan-feed.noborder .contentspan-feed--header {
    margin-bottom: 16px;
  }

  .contentspan-feed.noborder .story-card-wrapper .story-card__heading.story-card__heading--top-inside {
    padding-bottom: 16px;
  }

  .contentspan-feed.noborder .story-card-wrapper .story-card__separator {
    padding: 0;
  }

  .contentspan-feed.noborder .story-card-wrapper .story-card--no-art {
    padding-top: 16px;
  }

  .contentspan-feed.noborder .text__link span {
    font-size: 18px;
    font-weight: 500;
  }

  .story-feed__timeline {
    max-height: 280px;
  }

  .layout--mypage:not(:has(.mypage--renewal-menu-tab)) .mypage--topper-container {
    margin-bottom: 24px;
  }

  .layout--mypage:not(:has(.mypage--renewal-menu-tab)) .mypage--topper:after {
    height: 59px;
  }

  .layout--mypage:has(.mypage--topper.fixed) .mypage--renewal-menu-tab.scrollUp .my_nav__bar {
    top: 107px;
  }

  .mypage--menu-tab .nav__bar {
    padding: 9px 0 10px;
  }

  .mypage--menu-tab .nav__bar-center {
    padding: 14px 0 42px;
  }

  .mypage--menu-tab .nav__bar-center-link {
    padding: 0 10px;
  }

  .mypage--topper-container {
    height: 59px;
    margin-bottom: 68px;
  }

  .mypage--topper {
    height: 59px;
    padding: 0 16px;
  }

  .mypage--topper .top-link + .top-link {
    margin-left: 16px;
  }

  .mypage--renewal-menu-tab .my_nav__bar {
    top: 107px;
    font-size: 14px;
    height: 44px;
  }

  .mypage--renewal-menu-tab .my_nav__bar-center {
    padding: 0 16px;
  }

  .mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text:hover:after,
  .mypage--renewal-menu-tab .my_nav__bar-center-link .my_link-text.active:after {
    bottom: -12px;
  }

  .mypage--profile .sub-header {
    margin-left: 16px;
  }

  .mypage--profile .field-header {
    margin-right: 16px;
    min-width: 72px;
  }

  .mypage--profile .field-multi span {
    display: block;
  }

  .mypage--profile .fieldItemBox {
    padding: 16px;
  }

  .mypage--profile .guide-wrap {
    padding: 0 16px;
  }

  .mypage--profile .logout {
    right: 16px;
    padding: 0;
  }

  .mypage--profile br {
    display: none;
  }

  .mypage--profile h3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mypage--profile .button-cont .button-item {
    width: 100%;
    flex: 1;
  }

  .mypage--sub-container {
    padding: 0 16px;
  }

  .mypage--sub-index .top-text {
    margin: 76px 0 20px;
  }

  .mypage--sub-index .sub-title-box {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  .mypage--sub-index .sub-title-box .sub-title {
    height: auto;
    min-height: 48px;
    padding: 12px;
    justify-content: start;
  }

  .mypage--sub-index .sub-title-box .sub-title label {
    text-align: left;
  }

  .mypage--sub-index .show-btn-box {
    margin-top: 20px;
  }

  .mypage--sub-index .edit-btn-box.floating {
    padding: 0 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
  }

  .mypage--sub-index .edit-btn-box.floating .edit-cancle-btn,
  .mypage--sub-index .edit-btn-box.floating .edit-delete-btn {
    box-shadow: 0 4px 4px 0 #00000026;
    margin-bottom: 16px;
  }

  .mypage--sub-index .edit-cancle-btn,
  .mypage--sub-index .edit-delete-btn {
    width: 100%;
  }

  .mypage--sub-index .edit-delete-btn {
    margin-left: 8px;
  }

  .mypage--sub-content .my-news--list {
    padding-top: 0;
  }

  .mypage--sub-content .my-news--item {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .mypage--sub-content .my-news--image img {
    width: 97px;
    height: 72px;
  }

  .mypage--sub-content .my-news--content {
    margin-left: 0;
    margin-right: 16px;
  }

  .mypage--sub-content .my-news--content .tag {
    max-width: 140px;
  }

  .modalPost-layer {
    width: auto;
    margin: 0 16px;
    padding: 30px 20px;
  }

  .modalPost-layer .close-button svg {
    height: 20px;
    width: 20px;
  }

  .modalPost-layer .modal-option .daum-modal-style {
    position: relative;
  }

  .mypage_top-distance {
    margin-top: 32px;
    padding: 0 16px;
  }

  .level-box__member-info.stop p {
    align-items: initial;
    font-size: 20px;
  }

  .level-box__member-info.stop p svg {
    width: 26px;
    height: 26px;
  }

  .level-box__member-info.stop .read br {
    display: none;
  }

  .level-modal-bg {
    background-color: transparent;
  }

  #subIndexMoreBtn:hover,
  #subIndexGoTopBtn:hover {
    background: unset;
  }

  .search-bar {
    border: none;
    width: 100%;
  }

  .search-bar--wrap {
    margin: 16px 0;
  }

  .search-bar--input {
    padding: 8px;
    font-size: 18px;
  }

  .search-bar--submit {
    padding: 0 8px;
    min-width: 40px;
  }

  .search-bar--submit svg {
    width: 24px;
    height: 24px;
  }

  .search-option {
    margin-top: 0;
  }

  .search-option--bar {
    padding: 12px 8px;
  }

  .search-option--bar .link-wrap {
    justify-content: space-between;
  }

  .search-option--bar .link-wrap .menu-link {
    position: static;
    margin-right: 0;
  }

  .search-option--bar .keep-wrap {
    position: absolute;
    top: 55px;
    right: 0;
  }

  .search-option--menu {
    flex-flow: wrap;
    width: 100%;
    top: 44px;
    left: 0;
  }

  .search-option--menu .check-option {
    width: 50%;
  }

  .search-state {
    padding-left: 8px;
    padding-right: 8px;
  }

  .search-feed {
    margin: 16px 0 24px;
  }

  .search-feed .story-card-left {
    padding-right: 6px;
  }

  .search-feed .story-card-right {
    padding-left: 6px;
  }

  .search-feed .story-card__headline .paper-button {
    top: 1px;
  }

  .search-feed .story-card__divider {
    margin: 12px 0;
  }

  .search-feed .story-card__art-video-badge {
    margin: 4px;
  }

  .search-feed .story-card__art-video-badge svg {
    width: 12px;
    height: 12px;
  }

  .search-author {
    margin-top: 0;
  }

  .search-author .heading-container {
    padding: 0;
    border: 0;
  }

  .search-author .author-card--content {
    flex-wrap: wrap;
  }

  .search-author .author-card--content-image {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
  }

  .search-author .author-card--content-image figure {
    width: auto;
    padding-right: 16px;
  }

  .search-author .author-card .bullet {
    align-self: flex-start;
    margin-top: 8px;
  }

  .search-author .author-card .author-link {
    justify-content: flex-start;
  }

  .search-option--bar .link-wrap .menu-link:first-child .search-option--menu {
    left: 0;
  }

  .buttonx {
    width: 20px;
  }

  .opt-box {
    top: 40px;
  }

  .author-card-list .author-card--content-header .author-name-box .byline {
    font-size: 16px;
    line-height: 24px;
  }

  .author-card-list .author-card--content-right {
    padding: 0 8px 0 12px;
  }

  .layout__article-col-wide {
    padding: 0 16px;
  }

  .cs-wide .fullwidth.article-body__content-image {
    max-width: 616px;
  }

  .cs-wide .article-body__content--align-left.article-body__content-image {
    margin-left: 0;
    margin-right: 16px;
  }

  .cs-wide .article-body__content--align-right.article-body__content-image {
    margin-left: 16px;
    margin-right: 0;
  }

  .layout__art-wide .article-header__breadcrumb {
    padding-bottom: 8px;
  }

  .layout__art-wide .article-header__lead-art figcaption {
    padding-right: 16px;
  }

  .layout__art-wide .article-header__headline {
    margin-top: 0;
  }

  .layout__art-wide .article-byline {
    padding-bottom: 0;
  }

  .layout__art-wide .article-byline__container {
    padding-top: 16px;
  }

  .live-blog {
    margin-top: 32px;
    padding-bottom: 28px;
  }

  .live-blog-trig {
    top: 48px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
  }

  .live-blog-trig svg {
    width: 24px;
    height: 24px;
  }

  .live-blog-trig.scroll-show {
    display: flex;
  }

  .live-blog-trig.native {
    top: 0;
  }

  .live-blog-modalbg {
    position: fixed;
    left: 0;
    top: 0;
    height: 200vh;
    width: 100%;
    touch-action: none;
    background: #000;
    opacity: 0.4;
    z-index: 9;
    display: none;
  }

  .live-blog-modalbg.layer-show {
    display: block;
  }

  .lb-head {
    margin-bottom: 12px;
  }

  .lb-anchor {
    top: -100px;
  }

  .lb-article-body {
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  .live-blog-timeline {
    display: none;
    top: auto;
    bottom: -10px;
    width: 100%;
    height: 40vh;
    transition: ease all 0.4s;
  }

  .live-blog-timeline.layer-show {
    display: block;
    z-index: 10;
    bottom: 0;
  }

  .live-blog-timeline .live-blog-sublist {
    height: calc(40vh - 54px);
    overflow-y: auto;
  }

  .live-blog-timeline .live-blog-subhead {
    height: 48px;
  }

  .lb-sub {
    justify-content: flex-start;
    margin-top: -4px;
    margin-bottom: 24px;
    padding: 0 11px 11px;
  }

  .lb-sub-tit {
    margin-right: 8px;
  }

  .lb-sub-tit {
    font-size: 16px;
  }

  .sub-card-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-bottom: 32px;
  }

  .sub-card-btn {
    font-family: "NotoSansKR-Bold";
    font-size: 12px;
    width: 55px;
    padding: 4px 8px;
  }

  .sub-card-horizon {
    padding: 16px;
    margin-bottom: 20px;
  }

  .sub-card-horizon-content {
    padding: 0 8px;
  }

  .sub-card-horizon-content.no-img {
    padding-left: 0;
  }

  .sub-card-horizon-image img {
    width: 52px;
    height: 52px;
  }

  .sub-card-horizon-right {
    padding-left: 12px;
  }

  .sub-card-grid,
  .sub-card-grid.max {
    padding: 16px;
    height: auto;
  }

  .sub-card-grid:hover,
  .sub-card-grid.max:hover {
    box-shadow: unset;
  }

  .sub-card-grid__title,
  .sub-card-grid.max__title {
    line-height: 27px;
    -webkit-line-clamp: 2;
  }

  .sub-card-grid__related-container,
  .sub-card-grid.max__related-container {
    height: auto;
  }

  .sub-card-grid.author-subscribe,
  .sub-card-grid.author-subscribe.max {
    height: auto;
  }

  .sub-category-body .category-index,
  .sub-author-body .category-index,
  .sub-issue-body .category-index {
    margin: 16px 0;
  }

  .sub-category-body .category-tab,
  .sub-author-body .category-tab,
  .sub-issue-body .category-tab {
    margin-bottom: 0;
  }

  .sub-category-body .category-scroll-outer + .category-index,
  .sub-author-body .category-scroll-outer + .category-index,
  .sub-issue-body .category-scroll-outer + .category-index {
    margin: 20px 0 16px;
  }

  .layout-main {
    min-height: calc(100vh - 160px);
    padding-left: 16px;
    padding-right: 16px;
  }

  .layout-main-none {
    padding-left: 0;
    padding-right: 0;
  }

  .layout__article-header {
    padding-bottom: 16px;
  }

  .layout__article-header:has(.lb-sub) .article-header__headline-container {
    text-align: left;
  }

  .layout__comment {
    padding: 16px 16px 56px;
  }

  .layout__section {
    padding-top: 16px;
  }

  .layout__section-header {
    margin-bottom: 8px;
  }

  .layout__section--last {
    padding-bottom: 56px;
  }

  .layout--mypage {
    padding-bottom: 56px;
  }

  .layout__art-wide {
    padding-top: 16px;
  }

  .hp-main .layout-main {
    padding-top: 16px;
  }

  ul.link-list {
    margin: 24px auto;
  }

  ul.link-list li.content-list-item .box--margin-right-sm {
    margin-right: 8px;
  }

  .article-body__content-rawhtml:has(script[src*="cdn.flowplayer"]) {
    min-height: 64px;
  }

  .is-audio-player.show-controls-only {
    height: 64px !important;
    margin-bottom: -10px;
  }

  .flowplayer {
    height: 64px;
    margin-bottom: -10px;
  }

  .flowplayer .fp-ui .fp-middle:after {
    font-size: 16px;
    line-height: 1.37em;
    word-break: keep-all;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1em;
  }

  .fp-controls {
    height: 64px !important;
  }

  .fp-play-3 {
    margin-top: 14px !important;
  }

  .is-tiny.is-starting:not(.is-waiting) .fp-switch {
    transform: scale(1) !important;
  }
}

@media print {
  .article-print-sty1 {
    padding-bottom: 0 !important;
  }

  .article-print-sty2 {
    position: inherit !important;
  }

  .article .grid,
  .article .flex,
  .article .box--display-flex,
  .article .box--display-inline-flex,
  .article figure.article-body__content--align-center {
    display: block;
  }

  .article .article-byline__container,
  .article .author-card,
  .article .author-card--content-image,
  .article .heading-container,
  .article .heading-container h3,
  .article .author-card--content-social {
    display: inline-block;
  }

  .article .nav,
  .article .footer,
  .article .layout__article-right-rail,
  .article .article-control-bar,
  .article .article-menu-bar,
  .article .article-related-content,
  .article .article-tags,
  .article .dfpAd,
  .article .arcad,
  .article .comment-feed,
  .article .raw-html,
  .article .flex-chain-wrapper,
  .article .sitemap,
  .article .author-card--bio {
    display: none;
  }

  .article .layout__article-header,
  .article .author-card {
    width: 100%;
  }

  .article .layout__article-main {
    border-right: 0;
  }

  .article .article-header__breadcrumb {
    margin-top: 0;
    padding: 16px 16px 0;
  }

  .article .article-header__breadcrumb svg {
    position: relative;
    top: 4px;
  }

  .article .article-body__content-image {
    display: table;
    max-width: 80%;
    margin: 0 auto;
  }

  .article .article-body__content-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }

  .article .IconAreaBg {
    visibility: hidden;
  }

  .article .heading-container {
    height: 33px;
  }

  .article .separator-container {
    padding: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .nav__dropdown-menu-eng {
    display: none;
  }

  .nav__arrow-icon-eng {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .nav__dropdown-menu-eng {
    display: none;
  }

  .signup_complete {
    width: 328px;
  }

  .signup_complete_textbox {
    padding-left: 8px;
    padding-right: 8px;
  }

  .signup_alert {
    width: 328px;
  }

  .unlink-modal .unlink-modal-box {
    width: 328px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .unlink-modal .unlink-modal-box .modal-exit-btn {
    margin-right: -8px;
  }
}

@media only screen and (max-width: 985px) {
  .level-user-wrap {
    padding: 0 20px 8px;
  }

  .level-user-wrap .level-box__member-medal {
    margin: 0;
  }

  .level-box {
    padding: 20px;
  }

  .level-box__notice span {
    display: none;
  }

  .level-box__member {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
  }

  .level-box__member-medal {
    margin: 0;
  }

  .level-box__member-info p {
    margin-top: 20px;
    font-size: 24px;
  }

  .level-box__member-info .bar-box {
    max-width: 100%;
  }

  .level-box__member-info .grade-txt {
    max-width: 100%;
  }

  .level-box__grade {
    flex-wrap: wrap;
    padding-top: 12px;
  }

  .level-box__grade .item {
    flex: 1 1 30%;
    padding-top: 12px;
  }

  .level-box__grade .item strong {
    padding-top: 4px;
  }

  .tooltip-box {
    right: 0;
    margin: 0 20px;
  }

  .level-box__member-info.not {
    text-align: center;
  }

  .level-box__member-info.not p {
    font-size: 20px;
  }
}

.trc_user_exclude_btn {
  background: url("../index/f539211219b796ffbb49949997c764f0.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 12px;
  height: 12px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 9000;
  cursor: pointer;
  visibility: hidden;
}

.trc_exclude_undo_btn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  color: #36c;
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0 1px;
  z-index: 11000;
  visibility: hidden;
}

.videoCube:hover .trc_user_exclude_btn,
.videoCube_hover .trc_user_exclude_btn,
.trc_user_excluded.videoCube:hover .trc_exclude_undo_btn,
.trc_user_excluded.videoCube_hover .trc_exclude_undo_btn,
.trc_exclude_undo_btn.trc_exclude_undo_btn_visible {
  visibility: visible;
}

.videoCube.trc_user_excluded .trc_user_exclude_btn {
  visibility: hidden;
}

.trc_fade {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition:
    opacity 500ms 0s,
    visibility 0s 500ms;
  -webkit-transition:
    opacity 500ms 0s,
    visibility 0s 500ms;
}

.trc_fade.trc_in,
.trc_user_excluded .trc_exclude_overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  transition-delay: 0s, 0s;
  -webkit-transition-delay: 0s, 0s;
}

.trc_excludable .trc_exclude_overlay {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  background-color: #fff;
}

.videoCube.trc_user_excluded .trc_exclude_overlay {
  visibility: visible;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.videoCube.trc_user_excluded .thumbBlock {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.videoCube.trc_user_excluded:hover a .video-label-box .video-title,
.videoCube_hover.trc_user_excluded a .video-label-box .video-title {
  text-decoration: none;
}

.videoCube.trc_user_excluded a .video-label-box *,
.videoCube.trc_user_excluded:hover a .video-label-box *,
.videoCube_hover.trc_user_excluded a .video-label-box * {
  color: #000;
  overflow: hidden;
  transition: color 500ms 0s;
  -webkit-transition: color 500ms 0s;
}

.trc_popover {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  cursor: default;
  top: 0;
  right: 0;
  z-index: 12000;
  width: 180px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  -webkit-background-clip: padding;
  box-sizing: content-box;
}

.trc_popover.trc_bottom {
  margin-top: 10px;
}

.trc_popover.trc_bottom .trc_popover_arrow {
  top: -11px;
  right: 11px;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.trc_popover.trc_bottom .trc_popover_arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0;
}

.trc_popover iframe {
  width: 100%;
}

.trc_popover .trc_popover_arrow,
.trc_popover .trc_popover_arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid rgba(0, 0, 0, 0);
}

.trc_popover .trc_popover_arrow {
  border-width: 11px;
}

.trc_popover .trc_popover_arrow:after {
  border-width: 10px;
  content: "";
}

.trc_popover_fade {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition:
    opacity 500ms 0s,
    visibility 0s 500ms;
  -webkit-transition:
    opacity 500ms 0s,
    visibility 0s 500ms;
}

.trc_popover_fade.trc_popover_show {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  transition-delay: 0s, 0s;
  -webkit-transition-delay: 0s, 0s;
}

.popupContentWrapper {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}

.popupContentWrapper .trc_popover_title_wrapper {
  padding: 8px 14px;
  margin: 0;
  font-weight: bold;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popupContentWrapper .trc_popover_title {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.popupContentWrapper .trc_popover_content_wrapper {
  display: inline-block;
  float: left;
  padding: 9px 14px;
}

.popupContentWrapper .trc_popover_content_wrapper .trc_questionnaire_container label {
  float: left;
  clear: left;
  width: 100%;
  cursor: pointer;
  line-height: 20px;
  text-align: left;
}

.popupContentWrapper .trc_popover_content {
  width: 100%;
}

.popupContentWrapper .trc_questionnaire_container .trc_questionnaire_title {
  margin: 0 0 3px;
}

.popupContentWrapper .trc_questionnaire_container input[type="radio"] {
  float: left;
  cursor: pointer;
  margin: 3px 4px 0 5px;
}

.popupContentWrapper .trc_questionnaire_container_ie.trc_questionnaire_container input[type="radio"] {
  margin: 0 2px 0 0;
}

.trc_rbox_container {
  direction: ltr;
  text-align: left;
}

/*override bootstrap default css */
.trc_rbox_container [class*="span"] {
  float: none;
  margin-left: 0;
}

/*------------- Multi-widget -------------*/
.trc_multi_widget_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.trc_multi_widget_container .trc_rbox_div {
  margin: 0;
}

/*----------------------------------------*/
.trc_rbox_header {
  border: 0 solid;
  overflow: hidden;
  vertical-align: middle;
}

.trc_rbox_container .trc_img {
  display: inline-block !important;
}

.trc_rbox_header_icon_div {
  display: table-cell;
  vertical-align: baseline;
}

.trc_rbox_header .trc_rbox_header_icon_div .trc_rbox_header_icon_img {
  vertical-align: middle;
  width: auto;
}

.trc_rbox_header_icon_span {
  display: inline-table;
}

.in_trc_header {
  position: relative !important;
  float: right;
  margin: 0;
}

#trc_rbox_css_loaded {
  overflow: hidden;
  width: 0;
  height: 0;
}

.trc_rbox {
  margin-top: 0;
}

.trc_rbox_div {
  margin: 0 0 3px;
  direction: ltr;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
  position: relative;
  width: auto;
  border: solid #ccc 1px;
}

.loading-animation span {
  display: block;
}

.videoCube {
  zoom: 1;
  cursor: pointer;
  float: none;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div.videoCube:hover,
.videoCube_hover {
  cursor: pointer;
}

.videoCube span.video-title:hover,
.videoCube_hover span.video-title {
  text-decoration: underline;
}

.videoCube a {
  text-decoration: none;
  border: 0;
  color: black;
  cursor: pointer;
}

.videoCube a:hover,
.videoCube_hover a,
.videoCube a:link,
.videoCube a {
  text-decoration: none !important;
  outline: none;
}

.videoCube a .thumbBlock {
  float: left;
  display: block;
  overflow: hidden !important;
}

.videoCube a img,
.videoCube img {
  border: 0;
  display: block;
  margin: 0;
  height: auto;
  width: auto;
}

.videoCube .video-label {
  display: block;
  overflow: hidden;
}

.videoCube .video-label {
  width: auto !important;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.videoCube .video-label-box.label-box-with-title-icon {
  display: table;
}

.video-icon-container {
  float: left;
  display: table-cell;
  vertical-align: baseline;
}

.video-icon-img {
  vertical-align: middle;
}

.videoCube .video-duration {
  height: 0;
  float: left;
  position: relative;
  color: white;
  font-size: 11px;
}

.videoCube .video-duration dt {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* browser native line-clamp */
.videoCube span.video-label.trc_ellipsis {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.videoCube span.video-label.trc-smart-ellipsis {
  position: relative;
  overflow: hidden;
}

.videoCube span.video-label.trc-smart-ellipsis ins {
  display: inline-block;
  text-decoration: inherit;
}

.videoCube span.video-label.trc-smart-ellipsis.tbl-ltr-label {
  direction: ltr;
}

.videoCube span.video-label.trc-smart-ellipsis.tbl-ltr-label ins {
  float: left;
  margin-right: 5px;
  direction: ltr;
}

.videoCube span.video-label.trc_ellipsis.tbl-rtl-label {
  direction: rtl;
  text-align: right;
  width: auto !important;
}

.videoCube span.video-label.trc-smart-ellipsis.tbl-rtl-label {
  float: right;
  direction: rtl;
  width: auto !important;
}

.videoCube span.video-label.trc-smart-ellipsis.tbl-rtl-label ins {
  float: right;
  margin-left: 5px;
  direction: rtl;
}

.videoCube span.video-label.trc-smart-ellipsis ins.lastLineEllipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}

.video-duration.video-duration-detail div {
  color: white;
}

.trc_rbox .sponsored {
  position: relative;
  display: block;
  overflow: visible;
  height: auto;
  width: auto;
  padding-right: 0;
  text-align: right;
  font-size: 9px;
}

/* Configuration defaults */
.trc_rbox_div {
  height: 410px;
}

.videoCube {
  direction: ltr;
  font-size: 11px;
  margin: 0;
  color: black;
  border-width: 0;
}

.videoCube.vertical:first-child {
  border-top: 0;
  margin-top: 0;
}

.videoCube.horizontal:first-child {
  border-left: 0;
  margin-left: 0;
}

div.videoCube:hover,
.videoCube_hover {
  background-color: #ebf0ff;
  color: black;
}

.videoCube .thumbBlock {
  margin: 0;
  border-style: solid;
}

.videoCube a img,
.videoCube img {
  border-color: #ececec;
}

.videoCube .video-label-box {
  margin-left: 81px;
}

.videoCube .video-label dt {
  font-weight: bold;
}

.videoCube .video-title {
  height: auto;
  margin-bottom: 3px;
  white-space: normal;
}

.videoCube .trc_inline_detail_spacer {
  display: inline-block;
  white-space: pre;
}

.loading-animation {
  font-family: sans;
  font-size: 1.5em;
  text-align: center;
  color: gray;
  height: 100%;
}

.trc_rbox_header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.trc_header_right_part {
  position: absolute;
  left: 50%;
  top: 0;
}

.branding_div {
  overflow: visible;
  float: right;
}

.branding_div img {
  height: 20px;
}

.videoCube .branding .logoDiv {
  font-size: inherit;
  line-height: inherit;
  background: none;
  margin: 0;
  padding: 0;
}

.videoCube .branding .logoDiv a {
  vertical-align: inherit;
  color: inherit;
  line-height: inherit;
}

.videoCube .branding .logoDiv a span {
  vertical-align: inherit;
}

.trc_related_container .videoCube .branding .attribution-disclosure-link-sponsored {
  display: inline-block;
  float: none;
}

.trc_related_container .videoCube .branding .attribution-disclosure-link-sponsored.align-disclosure-right {
  float: right;
  margin-left: auto;
  padding-left: 2px;
}

.videoCube .video-label-box .branding.composite-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.branding.composite-branding > * {
  display: inline-block;
  vertical-align: bottom;
}

.branding .branding-separator {
  margin: 0 2px;
  font-weight: normal;
}

.branding .branding-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.video-label-box span.branding.inline-branding {
  display: inline-block;
}

/* Support for Horizontal mode */
.trc_related_container div.horizontal {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Support for thumbnail position */
.trc_related_container DIV.videoCube.thumbnail_top .thumbBlock,
.trc_related_container DIV.videoCube.thumbnail_bottom .thumbBlock {
  float: none;
}

/* SEO blocks should be hidden once R-Box loads */
.vidiscovery-note {
  display: none;
}

.videoCube .thumbBlock .trc_sponsored_overlay_base {
  display: block;
  width: auto;
  margin-left: 0;
  position: absolute;
  color: white !important;
}

.videoCube .thumbBlock .trc_sponsored_overlay {
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: block;
  position: absolute;
}

.videoCube .thumbBlock .trc_sponsored_overlay_base .sponsored {
  position: relative;
  display: block;
  overflow: visible;
  width: auto;
  text-align: center;
  padding: 0 5px;
  margin-top: 0;
}

.videoCube .thumbBlock .trc_sponsored_overlay_base.round .trc_sponsored_overlay {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.videoCube .thumbBlock .trc_sponsored_overlay_base.round {
  margin-left: 4px;
}

.thumbnail-emblem,
.videoCube .thumbnail-overlay,
.videoCube:hover .thumbnail-overlay,
.videoCube_hover .thumbnail-overlay {
  position: absolute;
  background: transparent no-repeat;
  background-size: contain;
  z-index: 50;
}

.thumbnail_bottom {
  padding-bottom: 8px;
}

.trc_related_container .logoDiv {
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  font-size: 9px;
}

.trc_related_container .logoDiv a {
  font-size: 9px;
  text-decoration: none !important;
  color: black;
  margin-right: 1px; /* don't allow focus line to cause overflow */
  vertical-align: text-bottom;
}

.logoDiv a span:hover {
  text-decoration: underline;
}

.trc_rbox_header .logoDiv {
  font-size: 1em;
}

/* text-link widgets*/
.trc_tl .trc_rbox_header .logoDiv {
  position: relative;
  z-index: 1;
}

.trc_tl .trc_rbox_header_span .trc_header_right_column {
  position: absolute;
  width: 48%;
  left: 52%;
  top: 0;
}

.trc_tl .trc_rbox_div .videoCube.horizontal {
  clear: left;
}

.trc_tl .trc_rbox_div .videoCube.trc_tl_right_col {
  float: none;
  clear: right;
  margin-left: auto;
}

.trc_tl .videoCube .video-title .branding {
  line-height: 1.3em;
}

.trc_tl .videoCube:hover span.branding,
.trc_tl .videoCube_hover span.branding {
  text-decoration: none;
}

.trc_tl .trc_rbox_div .videoCube.thumbnail_none a {
  vertical-align: top;
  overflow: visible;
}

.trc_tl .videoCube .video-label-box {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

/* text-link widgets - end*/
.trc_rbox_container.trc_expandable {
  overflow: hidden;
  max-height: 0;
  transition-property: max-height;
  -webkit-transition-property: max-height;
  -moz-transition-property: max-height;
  -o-transition-property: max-height;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.trc_related_container .videoCube .thumbBlock .branding {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.syndicatedItem .branding {
  margin: 0;
}

.trc-inplayer-rbox {
  background: #333;
  background: rgba(30, 30, 30, 0.9);
  bottom: 0;
  position: absolute;
  height: 300px;
  text-align: center;
}

.trc-inplayer-rbox .trc_rbox_container {
  margin: 50px auto 0;
  width: 640px;
}

.trc_rbox.trc-auto-size {
  width: 100%;
  height: 100%;
}

.videoCube.thumbnail_under .video-title {
  min-height: 2.58em;
}

.videoCube.thumbnail_under .tbl-text-over-container {
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  min-height: 66%;
  max-height: 66%;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.25em;
}

.videoCube.thumbnail_under .tbl-text-over-container .tbl-text-over {
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#CC000000, GradientType=0);
}

.videoCube.thumbnail_under .tbl-text-over-container span.video-title,
.videoCube.thumbnail_under .tbl-text-over-container span.video-description,
.videoCube.thumbnail_under .tbl-text-over-container span.branding {
  position: relative;
  z-index: 1;
  padding: 0 8px;
  margin: 0;
}

.videoCube.thumbnail_under .tbl-text-over-container span.video-title {
  margin-bottom: 6px;
  min-height: auto;
}

.videoCube.thumbnail_under .tbl-text-over-container .video-label-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 8px 6px 8px;
  min-height: auto;
  box-sizing: border-box;
}

.trc-auto-size .trc_rbox_outer .trc_rbox_div {
  height: auto;
  width: auto;
}

.trc-auto-size .trc_rbox_div .videoCube {
  height: auto;
}

.trc-auto-size .trc_rbox_div .videoCube.trc-first-recommendation {
  margin-top: 0;
}

.trc_rbox .trc_rbox_outer .trc_rbox_div .videoCube.trc-first-in-row {
  margin-left: 0;
}

.trc_elastic .trc_rbox {
  width: auto;
}

.trc_elastic .videoCube {
  overflow: hidden;
}

.trc_elastic .videoCube .thumbBlock {
  background: transparent no-repeat center center;
  background-size: cover;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}

.trc_elastic .thumbBlock_holder {
  position: relative;
  width: 100%;
}

.trc_elastic .thumbnail_start .thumbBlock_holder {
  float: left;
  margin-right: 10px;
}

.trc_elastic .thumbnail_start.item-has-pre-label .thumbBlock_holder {
  margin-right: 0;
}

.trc_elastic .videoCube_aspect {
  width: 1px;
}

.trc_elastic .trc_rbox .trc_rbox_div {
  height: auto;
}

.trc_elastic .thumbnail_start .trc-pre-label {
  float: left;
  padding-right: 10px;
}

.trc_elastic .thumbnail_start.trc-split-label .trc-main-label {
  float: left;
  padding-left: 10px;
}

.trc_elastic .video-label-box {
  display: block;
}

.trc_elastic .thumbnail_start .video-label-box {
  box-sizing: border-box;
}

/** USER Ad-Choice **/
.trc_user_adChoice_btn {
  background: url("../index/c5ef96bc-30ab-456a-b3d5-a84f367c6a46.svg") no-repeat scroll 0 0 rgba(255, 255, 255, 1);
  border-radius: 0 0 0 5px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9000;
  cursor: pointer;
  border-width: 2px 0 2px 4px;
  border-style: solid;
  border-color: #fff;
  opacity: 0.7;
  background-size: contain;
  visibility: hidden;
}

.videoCube:hover .trc_user_adChoice_btn,
.videoCube_hover .trc_user_adChoice_btn {
  visibility: visible;
}

.videoCube .trc_user_adChoice_btn_static {
  visibility: visible;
}

.p-video-overlay-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
}

.p-video-overlay.p-video-overlay-show {
  display: flex;
}

.p-video-overlay {
  display: none;
  background-color: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.p-video-overlay-action {
  color: #fff;
  width: 100%;
  direction: ltr;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.p-video-overlay-action.p-video-back-action {
  height: 34%;
}

.p-video-back-action-label {
  font-family:
    Helvetica Neue,
    serif;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 1px;
}

.p-video-overlay-action.p-video-goto-action {
  height: 66%;
}

.p-video-goto-action-url {
  font-family:
    Helvetica Neue,
    serif;
  font-size: 24px;
  font-weight: 400;
  text-decoration: underline;
  margin-top: 5px;
}

.p-video-goto-action-label {
  font-family:
    Helvetica Neue,
    serif;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 1px;
}

.trc_related_container .trc_clearer {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

/* Ad Choices */
.link-adc {
  float: right !important;
}

.trc-widget-footer .logoDiv {
  line-height: normal;
  padding-bottom: 5px;
}

.trc-widget-footer .link-adc a .trc_adc_wrapper,
.trc_header_ext .link-adc a .trc_adc_wrapper {
  height: 12px;
  width: 18px;
  display: inline-block;
  padding-left: 1px;
  margin-bottom: 2px;
}

.trc-widget-footer .link-adc a .trc_adc_s_logo,
.trc_header_ext .link-adc a .trc_adc_s_logo,
.trc-widget-footer .link-adc a .trc_adc_b_logo,
.trc_header_ext .link-adc a .trc_adc_b_logo {
  vertical-align: middle;
  height: 15px;
  display: inline-block;
  margin-top: -1px; /**fix v align of adc logo - compensate for link underline */
}

.trc-widget-footer .link-adc a .trc_adc_s_logo,
.trc_header_ext .link-adc a .trc_adc_s_logo {
  width: 12px;
  height: 14px;
  background: url("../index/c5ef96bc-30ab-456a-b3d5-a84f367c6a46.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.trc-widget-footer .link-adc a .trc_adc_b_logo,
.trc_header_ext .link-adc a .trc_adc_b_logo {
  width: 77px;
  background: #ffffff url("../index/0781f9c5a8637d1e162874f157460048.png") no-repeat !important;
  right: -1px;
  display: none;
  position: absolute;
}

/* Attribution och Disclosure */
.logoDiv .trc_mobile_disclosure_link,
.logoDiv .trc_mobile_attribution_link,
.logoDiv .trc_mobile_adc_link {
  display: none;
}

.logoDiv .trc_desktop_disclosure_link,
.logoDiv .trc_desktop_attribution_link,
.logoDiv .trc_desktop_adc_link {
  display: inline;
}

@media screen and (max-width: 767px) {
  .logoDiv .trc_mobile_disclosure_link {
    display: inline;
  }

  .logoDiv .trc_mobile_attribution_link {
    display: inline;
  }

  .logoDiv .trc_mobile_adc_link {
    display: inline;
  }

  .logoDiv .trc_desktop_disclosure_link {
    display: none;
  }

  .logoDiv .trc_desktop_attribution_link {
    display: none;
  }

  .logoDiv .trc_desktop_adc_link {
    display: none;
  }
}

.trc_in_iframe .logoDiv .trc_mobile_attribution_link,
.trc_in_iframe .logoDiv .trc_mobile_disclosure_link {
  display: inline;
}

.trc_in_iframe .logoDiv .trc_desktop_attribution_link,
.trc_in_iframe .logoDiv .trc_desktop_disclosure_link {
  display: none;
}

.trc_related_container .logoDiv,
.trc_related_container .trc_header_ext .logoDiv {
  float: right;
}

.trc_related_container .logoDiv + .logoDiv {
  margin-right: 2px;
}

.trc_related_container .attribution-disclosure-link-sponsored,
.trc_related_container .attribution-disclosure-link-hybrid {
  display: none;
}

.trc_related_container .trc-content-sponsored .attribution-disclosure-link-sponsored,
.trc-w2f.trc-content-sponsored .attribution-disclosure-link-sponsored {
  display: block;
}

.trc_related_container .trc-content-hybrid .attribution-disclosure-link-hybrid,
.trc-w2f.trc-content-hybrid .attribution-disclosure-link-hybrid {
  display: block;
}

.trc_related_container .trc-widget-footer:hover a span,
.trc_related_container .trc_header_ext:hover a span {
  text-decoration: underline !important;
}

/* this span makes sure that all logos (attribution + adc + disclosure) are vertically aligned - especially when the attribution font-size is smaller than the adc logo height (15px) */
.logoDiv a span.trc_logos_v_align {
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1em !important;
  width: 0 !important;
}

.trc_related_container .trc_header_ext:hover a span.trc_logos_v_align,
.trc_related_container .trc_header_ext:hover a span.trc_adc_wrapper,
.trc_related_container .trc-widget-footer:hover a span.trc_logos_v_align,
.trc_related_container .trc-widget-footer:hover a span.trc_adc_wrapper {
  text-decoration: none !important;
}

.trc_related_container .trc_rbox_header_span .trc_header_right_column {
  display: none;
}

.trc_related_container img {
  max-width: none;
}

.trc_related_container * {
  pointer-events: auto;
}

.trc_related_container {
  clear: both;
}

.tbl-loading-spinner {
  width: 100%;
  height: 40px;
  background: url("../index/91a25024-792d-4b52-84e6-ad1478c3f552.gif") center center no-repeat;
  background-size: 40px;
}

.tbl-hidden {
  display: none !important;
}

.tbl-invisible {
  opacity: 0;
  pointer-events: none;
}

.tbl-batch-anchor {
  width: 100%;
  height: 1px;
}

.videoCube .video-logo + .branding.composite-branding {
  display: inline-block;
  vertical-align: middle;
}

.videoCube .video-logo {
  margin-right: 4px;
}

.videoCube .video-logo .branding {
  margin: auto auto auto 25px;
}

.videoCube .video-logo img {
  padding: 0;
  max-height: 14px;
  width: auto;
  max-width: 100px;
  display: inline-block;
}

/* Support for integrated widget frame */
.iw_video_frame .trc_rbox_div {
  overflow: hidden;
}

.trc-w2f .trc_rbox .trc_rbox_header,
.trc-w2f .trc_rbox .trc-widget-footer {
  display: none !important;
}

.videoCube .tbl-organic-video-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  background-color: transparent;
  background-size: auto;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 3;
  opacity: 0;
}

.videoCube .tbl-o-video-loaded .tbl-organic-video-wrapper {
  opacity: 1;
}

.videoCube .tbl-o-video-loaded .thumbBlock {
  display: none;
}

.videoCube .tbl-organic-video-wrapper .tbl-o-vertical-video {
  height: 100%;
}

.videoCube .tbl-organic-video {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: 50% 50%;
  -o-object-fit: contain;
  -o-object-position: 50% 50%;
  background-color: black;
  pointer-events: none;
}

.videoCube .tbl-accessibility-title {
  font: -apple-system-headline !important;
}

.videoCube .tbl-accessibility-description {
  font: -apple-system-subheadline !important;
}

.videoCube .tbl-accessibility-branding {
  font: -apple-system-caption1 !important;
}

.thumbnails-a {
  width: 300px;
  _width: 300px;
  border-width: 0px 0px 0px 0px;
  border-style: solid solid solid solid;
  border-color: #dfdfdf;
  padding: 0px 0px 0px 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
}

.thumbnails-a vignette {
  xbuttoncolor: #fff;
  backgroundcolor: #fff;
  backgroundopacity: 0.8;
  xbuttonbgcolor: #000;
}

.thumbnails-a .playerCube .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .tbl-reco-reel-slider {
  z-index: 99999;
  margin: initial;
  top: 50%;
}

.thumbnails-a .trc_lightbox_overlay {
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.thumbnails-a .tbl-recommendation-reel .tbl-text-under-branding-background {
  background-color: #ebebeb;
}

.thumbnails-a div.syndicatedItem:hover,
.thumbnails-a div.syndicatedItem.videoCube_hover {
  background-color: transparent;
}

.thumbnails-a .playerCube div.videoCube:hover,
.thumbnails-a div.videoCube_hover {
  background-color: transparent;
}

.thumbnails-a .trc_pager_prev:hover,
.thumbnails-a .trc_pager_next:hover {
  color: #6497ed;
}

.thumbnails-a .trc_rbox_border_elm {
  border-color: darkgray;
}

.thumbnails-a .syndicatedItem .video-views {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .syndicatedItem .video-category {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .tbl-vignette-close-btn-wrp {
  height: 15;
  background: #000;
}

.thumbnails-a .syndicatedItem .sponsored {
  color: #9c9a9c;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .pager_disabled {
  color: #7d898f;
}

.thumbnails-a .playerCube .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .syndicatedItem .video-uploader {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .videoCube.thumbnail_start .thumbBlock_holder {
  width: 40%;
  _width: 40%;
}

.thumbnails-a .playerCube .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .trc_sponsored_overlay {
  background-color: black;
}

.thumbnails-a .syndicatedItem .video-external-data {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .trc_rbox_header {
  font-family: "Malgun Gothic";
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #222222;
  border-width: 0;
  background: transparent;
  border-style: none;
  border-color: #d6d5d3;
  padding: 0px 0px 20px 0px;
  line-height: 1.44em;
  display: block;
  margin: 5px 0px 0px 0px;
  position: relative;
  background-color: transparent;
  box-sizing: initial;
  width: auto;
  _width: auto;
  letter-spacing: -0.75px;
}

.thumbnails-a .syndicatedItem .video-rating {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .videoCube.vertical {
  border-style: solid none none none;
}

.thumbnails-a .trc_pager_unselected {
  color: #7d898f;
}

.thumbnails-a .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
  display: inherit;
}

.thumbnails-a .syndicatedItem {
  background-color: transparent;
}

.thumbnails-a .syndicatedItem .video-duration-detail {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .playerCube .videoCube.horizontal {
  border-style: none none none none;
}

.thumbnails-a .videoCube.syndicatedItem .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-a .videoCube.syndicatedItem.vertical {
  border-style: solid none none none;
}

.thumbnails-a .sponsored {
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  color: #9c9a9c;
}

.thumbnails-a .videoCube.syndicatedItem .thumbBlock {
  border-color: darkgray;
  border-width: 0px;
}

.thumbnails-a .videoCube.syndicatedItem .thumbBlock .static-text {
  text-align: left;
  background-color: black;
  display: block;
  color: white;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  font-family: "Malgun Gothic";
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.thumbnails-a .videoCube.thumbnail_start.trc-split-label .trc-pre-label {
  width: 30%;
  _width: 30%;
}

.thumbnails-a .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .thumbnail-emblem {
  background-position: 5% 5%;
  width: 35;
  _width: 35;
  height: 35;
}

.thumbnails-a .tbl-vignette-background-screen {
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.thumbnails-a .syndicatedItem .video-description {
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  text-decoration: none;
}

.thumbnails-a .tbl-cta-style .cta-button:hover {
  color: inherit;
  border-color: #999990;
}

.thumbnails-a .playerCube .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .videoCube:hover .thumbnail-overlay,
.thumbnails-a .videoCube_hover .thumbnail-overlay {
  background-image: null;
}

.thumbnails-a .video-label-box.trc-pre-label {
  height: 0px;
}

.thumbnails-a .videoCube.thumbnail_start .trc-pre-label {
  width: 60%;
  _width: 60%;
}

.thumbnails-a .syndicatedItem .video-title {
  max-height: 40px;
  *height: 40px;
  color: #222222;
  font-family: "Malgun Gothic";
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
  min-height: 40px;
}

.thumbnails-a .playerCube:hover .thumbnail-overlay,
.thumbnails-a .playerCube_hover .thumbnail-overlay {
  background-image: null;
}

.thumbnails-a .videoCube.thumbnail_start.trc-split-label .trc-main-label {
  width: 30%;
  _width: 30%;
}

.thumbnails-a .videoCube {
  width: auto;
  _width: auto;
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-color: #e4e4e4;
  padding: 0px 0px 0px 0px;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-style: SOLID;
  margin: 0 0 2% 2%;
}

.thumbnails-a .sponsored-default .video-description {
  max-height: 2.2em;
  *height: 2.2em;
}

.thumbnails-a .tbl-vignette-attribution {
  color: #6b6666;
  font-size: 15px;
}

.thumbnails-a .playerCube .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  font-weight: normal;
  text-decoration: none;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
}

.thumbnails-a .playerCube .videoCube .video-label-box {
  margin-left: 81px;
  margin-right: 0px;
}

.thumbnails-a .videoCube.syndicatedItem .thumbBlock .branding {
  text-align: left;
  background-color: transparent;
  display: none;
  left: 0px;
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  background-image: null;
}

.thumbnails-a div.videoCube:hover,
.thumbnails-a div.videoCube_hover {
  background-color: transparent;
}

.thumbnails-a .videoCube .story-widget.story-widget-text-under .tbl-ui-line {
  background-color: #333333;
}

.thumbnails-a .videoCube .sponsored {
  margin-top: -7px;
}

.thumbnails-a .trc_pager_pages div {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .sponsored-url {
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
  color: green;
}

.thumbnails-a .playerCube .video-title {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 14px;
  line-height: 17.5px;
  font-weight: bold;
  max-height: 2.58em;
  *height: 2.58em;
  color: black;
}

.thumbnails-a .trc_rbox_header_icon_img {
  margin: 0px;
  height: 18px;
}

.thumbnails-a .tbl-recommendation-reel .tbl-text-under-title-background {
  background-color: #ebebeb;
}

.thumbnails-a .tbl-recommendation-reel .tbl-ui-line {
  background-color: #333333;
}

.thumbnails-a .videoCube.syndicatedItem.horizontal {
  border-style: none;
}

.thumbnails-a .videoCube .thumbBlock .static-text {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  background-color: #a30202;
  display: block;
  color: #ffffff;
  text-align: left;
}

.thumbnails-a .video-title {
  font-family: "Malgun Gothic";
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  max-height: 40px;
  *height: 40px;
  color: #222222;
  text-decoration: none;
  margin: 0 0 3px 0;
  min-height: 40px;
}

.thumbnails-a .video-label,
.thumbnails-a .sponsored,
.thumbnails-a .sponsored-url {
  font-family: "Malgun Gothic";
}

.thumbnails-a .playerCube .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .syndicatedItem .branding {
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  font-family: "Malgun Gothic";
  background-image: null;
  text-align: left;
  line-height: 1.33em;
  letter-spacing: -0.25px;
}

.thumbnails-a .trc_pager_selected {
  color: #0056b3;
}

.thumbnails-a .videoCube.syndicatedItem {
  background-color: transparent;
  border-color: #e4e4e4;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-width: 0px 0px 0px 0px;
  border-style: SOLID;
  margin: 0 0 2% 2%;
}

.thumbnails-a .videoCube .video-label-box.trc-pre-label {
  margin: 0px 0px 5px 0px;
}

.thumbnails-a .branding div.logoDiv {
  font-family: inherit;
}

.thumbnails-a .trc_rbox_div {
  width: auto;
  _width: 99%;
  height: 410px;
  border-width: 0;
  padding: 0;
}

.thumbnails-a .playerCube .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .trc_pager div {
  font-family: serif;
}

.thumbnails-a .syndicatedItem .video-label-box.trc-pre-label {
  height: 0px;
}

.thumbnails-a recommendationReel {
  min-adx-line-color: #2abfd5;
  min-adx-progress-color: #fff;
}

.thumbnails-a .videoCube.horizontal {
  border-style: none;
}

.thumbnails-a div.trc_pager_pages div:hover {
  color: #6497ed;
}

.thumbnails-a .pager_enabled {
  color: #0056b3;
}

.thumbnails-a .playerCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-a .videoCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-a .playerCube .videoCube .video-duration {
  display: block;
  left: 36px;
}

.thumbnails-a .syndicatedItem .video-published-date {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  display: inherit;
}

.thumbnails-a .syndicatedItem .sponsored-url {
  color: green;
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
}

.thumbnails-a .playerCube .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
}

.thumbnails-a .playerCube .video-label-box {
  text-align: left;
}

.thumbnails-a div.sponsored-default:hover,
.thumbnails-a div.sponsored-default.videoCube_hover {
  background-color: inherit;
}

.thumbnails-a .videoCube .story-widget.story-widget-text-under .tbl-text-under-title-background {
  background-color: #ebebeb;
}

.thumbnails-a .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .trc_pager_prev,
.thumbnails-a .trc_pager_next {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-a .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
}

.thumbnails-a .videoCube.syndicatedItem .video-duration {
  display: none;
  left: 36px;
}

.thumbnails-a .sponsored-default .video-title {
  max-height: 2.58em;
  *height: 2.58em;
}

.thumbnails-a .branding {
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  font-family: "Malgun Gothic";
  background-image: null;
  text-align: left;
  line-height: 1.5em;
  letter-spacing: -0.25px;
}

.thumbnails-a .sponsored-default {
  background-color: #f7f6c6;
}

.thumbnails-a .playerCube .videoCube {
  background-color: transparent;
  border-color: #d6d5d3;
  border-width: 1px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin-left: 0px;
  margin-top: 0px;
  padding: 3px;
}

.thumbnails-a .branding .logoDiv a span {
  color: inherit;
  font-size: inherit;
}

.thumbnails-a .video-label-box {
  text-align: left;
  height: 71px;
  margin: 5px 0px 0px 0px;
}

.thumbnails-a .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  text-decoration: none;
}

.thumbnails-a .videoCube .video-duration {
  left: 36px;
  display: none;
}

.thumbnails-a div.syndicatedItem:hover .thumbBlock {
  border-color: inherit;
}

.thumbnails-a .trc_pager_counter {
  color: #000000;
}

.thumbnails-a .whatsThisSyndicated {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: black;
  text-decoration: none;
  padding: 0;
}

.thumbnails-a .playerCube .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a div.videoCube:hover .thumbBlock {
  border-color: inherit;
}

.thumbnails-a .video-icon-img {
  margin: 0px;
  height: 18px;
}

.thumbnails-a .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-a .tbl-cta-style .cta-button {
  font-family: Helvetica, Arial, sans-serif;
  background-color: transparent;
  border-color: #999990;
  color: #333333;
}

.thumbnails-a .videoCube .video-label-box {
  margin-left: 0;
  margin-right: 0px;
}

.thumbnails-a .videoCube.syndicatedItem .video-label-box {
  margin-left: 2%;
}

.thumbnails-a .syndicatedItem .video-label-box {
  height: 71px;
  margin: 5px 0px 0px 0px;
}

.thumbnails-a .logoDiv a span {
  font-size: 11px;
  color: #707070;
  display: inline;
  font-weight: normal;
  letter-spacing: 0;
}

.thumbnails-a .videoCube .video-label-box .video-title {
  text-decoration: none;
}

.thumbnails-a .videoCube:hover .video-label-box .video-title {
  text-decoration: none;
}

.thumbnails-a .videoCube:hover .video-label-box .video-description {
  text-decoration: underline;
}

.thumbnails-a .video-label-box .branding {
  display: block;
}

.thumbnails-a .trc_header_left_column {
  width: 48%;
  _width: 48%;
  display: inline-block;
  height: auto;
  background-color: transparent;
}

.thumbnails-a .trc_rbox_header .trc_header_ext {
  position: relative;
  top: auto;
  right: auto;
}

.thumbnails-a .logoDiv a {
  font-size: 100%;
}

.thumbnails-a .videoCube a {
  padding: 0;
}

.thumbnails-a .trc_rbox_header .logoDiv {
  line-height: normal;
}

.thumbnails-a .trc_rbox_header_span .trc_header_right_column {
  background: transparent;
  height: auto;
}

/* s-split-thumbnails-a */
.thumbnails-a .videoCube.syndicatedItem .thumbBlock .static-text {
  padding: 3px;
}

/* e-split-thumbnails-a */
@media screen and (min-width: 0px) and (max-width: 985px) {
  .trc_elastic_thumbnails-a .trc_rbox_outer .videoCube .video-label-box {
    height: auto;
  }

  .trc_elastic_thumbnails-a .trc_rbox_outer .videoCube {
    margin-bottom: 10px;
  }

  .trc_elastic_thumbnails-a .trc_rbox_outer {
    margin-left: -2%;
  }

  .trc_elastic_thumbnails-a .videoCube_aspect {
    padding-bottom: 56.52173913043478%;
    width: 100%;
  }

  .trc_elastic_thumbnails-a .videoCube {
    width: 97.99%;
    position: relative;
    float: left;
    margin: 0 0 2% 0;
    margin-left: 2%;
  }

  .trc_elastic_thumbnails-a div.videoCube:nth-of-type(-n + 6) {
    display: block;
    visibility: visible;
  }

  .trc_elastic_thumbnails-a div.videoCube:nth-of-type(n + 7) {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 986px) {
  .trc_elastic_thumbnails-a .trc_rbox_outer {
    margin-left: -2%;
  }

  .trc_elastic_thumbnails-a .videoCube_aspect {
    padding-bottom: 56.52173913043478%;
    width: 100%;
  }

  .trc_elastic_thumbnails-a .videoCube {
    width: 31.33%;
    position: relative;
    float: left;
    margin: 0 0 2% 0;
    margin-left: 2%;
  }

  .trc_elastic_thumbnails-a :nth-child(3n + 1 of .videoCube):not(:nth-child(1 of .videoCube)) {
    clear: both;
  }

  .trc_elastic_thumbnails-a div.videoCube:nth-of-type(-n + 6) {
    display: block;
    visibility: visible;
  }

  .trc_elastic_thumbnails-a div.videoCube:nth-of-type(n + 7) {
    display: none;
    visibility: hidden;
  }
}

.thumbnails-b {
  width: 300px;
  _width: 300px;
  border-width: 0px 0px 0px 0px;
  border-style: solid solid solid solid;
  border-color: #dfdfdf;
  padding: 0px 0px 0px 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
}

.thumbnails-b vignette {
  xbuttoncolor: #fff;
  backgroundcolor: #fff;
  backgroundopacity: 0.8;
  xbuttonbgcolor: #000;
}

.thumbnails-b .playerCube .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .tbl-reco-reel-slider {
  z-index: 99999;
  margin: initial;
  top: 50%;
}

.thumbnails-b .trc_lightbox_overlay {
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.thumbnails-b .tbl-recommendation-reel .tbl-text-under-branding-background {
  background-color: #ebebeb;
}

.thumbnails-b div.syndicatedItem:hover,
.thumbnails-b div.syndicatedItem.videoCube_hover {
  background-color: transparent;
}

.thumbnails-b .playerCube div.videoCube:hover,
.thumbnails-b div.videoCube_hover {
  background-color: transparent;
}

.thumbnails-b .trc_pager_prev:hover,
.thumbnails-b .trc_pager_next:hover {
  color: #6497ed;
}

.thumbnails-b .trc_rbox_border_elm {
  border-color: darkgray;
}

.thumbnails-b .syndicatedItem .video-views {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .syndicatedItem .video-category {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .tbl-vignette-close-btn-wrp {
  height: 15;
  background: #000;
}

.thumbnails-b .syndicatedItem .sponsored {
  color: #9c9a9c;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .pager_disabled {
  color: #7d898f;
}

.thumbnails-b .playerCube .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .syndicatedItem .video-uploader {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .videoCube.thumbnail_start .thumbBlock_holder {
  width: 40%;
  _width: 40%;
}

.thumbnails-b .playerCube .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .video-uploader {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .trc_sponsored_overlay {
  background-color: black;
}

.thumbnails-b .syndicatedItem .video-external-data {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .trc_rbox_header {
  font-family: "Malgun Gothic";
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #222222;
  border-width: 0;
  background: transparent;
  border-style: none;
  border-color: #d6d5d3;
  padding: 0px 0px 20px 0px;
  line-height: 1.44em;
  display: block;
  margin: 0px 0px 0px 0px;
  position: relative;
  background-color: transparent;
  box-sizing: initial;
  width: auto;
  _width: auto;
  letter-spacing: -0.75px;
}

.thumbnails-b .syndicatedItem .video-rating {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .videoCube.vertical {
  border-style: solid none none none;
}

.thumbnails-b .trc_pager_unselected {
  color: #7d898f;
}

.thumbnails-b .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
  display: inherit;
}

.thumbnails-b .syndicatedItem {
  background-color: transparent;
}

.thumbnails-b .syndicatedItem .video-duration-detail {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .playerCube .videoCube.horizontal {
  border-style: none none none none;
}

.thumbnails-b .videoCube.syndicatedItem .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-b .videoCube.syndicatedItem.vertical {
  border-style: solid none none none;
}

.thumbnails-b .sponsored {
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  color: #9c9a9c;
}

.thumbnails-b .videoCube.syndicatedItem .thumbBlock {
  border-color: darkgray;
  border-width: 0px;
}

.thumbnails-b .videoCube.syndicatedItem .thumbBlock .static-text {
  text-align: left;
  background-color: black;
  display: block;
  color: white;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  font-family: "Malgun Gothic";
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.thumbnails-b .videoCube.thumbnail_start.trc-split-label .trc-pre-label {
  width: 30%;
  _width: 30%;
}

.thumbnails-b .video-category {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .thumbnail-emblem {
  background-position: 5% 5%;
  width: 35;
  _width: 35;
  height: 35;
}

.thumbnails-b .tbl-vignette-background-screen {
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.thumbnails-b .syndicatedItem .video-description {
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  text-decoration: none;
}

.thumbnails-b .tbl-cta-style .cta-button:hover {
  color: inherit;
  border-color: #999990;
}

.thumbnails-b .playerCube .video-published-date {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .videoCube:hover .thumbnail-overlay,
.thumbnails-b .videoCube_hover .thumbnail-overlay {
  background-image: null;
}

.thumbnails-b .video-label-box.trc-pre-label {
  height: 0px;
}

.thumbnails-b .videoCube.thumbnail_start .trc-pre-label {
  width: 60%;
  _width: 60%;
}

.thumbnails-b .syndicatedItem .video-title {
  max-height: 40px;
  *height: 40px;
  color: #222222;
  font-family: "Malgun Gothic";
  font-size: 15px;
  line-height: 1.44em;
  font-weight: 400;
  text-decoration: none;
  padding: 0;
  min-height: 40px;
}

.thumbnails-b .playerCube:hover .thumbnail-overlay,
.thumbnails-b .playerCube_hover .thumbnail-overlay {
  background-image: null;
}

.thumbnails-b .videoCube.thumbnail_start.trc-split-label .trc-main-label {
  width: 30%;
  _width: 30%;
}

.thumbnails-b .videoCube {
  width: auto;
  _width: auto;
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-color: #e4e4e4;
  padding: 0px 0px 0px 0px;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-style: SOLID;
  margin: 0 0 2% 2%;
}

.thumbnails-b .sponsored-default .video-description {
  max-height: 2.2em;
  *height: 2.2em;
}

.thumbnails-b .tbl-vignette-attribution {
  color: #6b6666;
  font-size: 15px;
}

.thumbnails-b .playerCube .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  font-weight: normal;
  text-decoration: none;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
}

.thumbnails-b .playerCube .videoCube .video-label-box {
  margin-left: 81px;
  margin-right: 0px;
}

.thumbnails-b .videoCube.syndicatedItem .thumbBlock .branding {
  text-align: left;
  background-color: transparent;
  display: none;
  left: 0px;
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  background-image: null;
}

.thumbnails-b div.videoCube:hover,
.thumbnails-b div.videoCube_hover {
  background-color: transparent;
}

.thumbnails-b .videoCube .story-widget.story-widget-text-under .tbl-ui-line {
  background-color: #333333;
}

.thumbnails-b .videoCube .sponsored {
  margin-top: -7px;
}

.thumbnails-b .trc_pager_pages div {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .sponsored-url {
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
  color: green;
}

.thumbnails-b .playerCube .video-title {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 14px;
  line-height: 17.5px;
  font-weight: bold;
  max-height: 2.58em;
  *height: 2.58em;
  color: black;
}

.thumbnails-b .trc_rbox_header_icon_img {
  margin: 0px;
  height: 18px;
}

.thumbnails-b .tbl-recommendation-reel .tbl-text-under-title-background {
  background-color: #ebebeb;
}

.thumbnails-b .tbl-recommendation-reel .tbl-ui-line {
  background-color: #333333;
}

.thumbnails-b .videoCube.syndicatedItem.horizontal {
  border-style: none;
}

.thumbnails-b .videoCube .thumbBlock .static-text {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  background-color: #a30202;
  display: block;
  color: #ffffff;
  text-align: left;
}

.thumbnails-b .video-title {
  font-family: "Malgun Gothic";
  font-size: 15px;
  line-height: 1.44em;
  font-weight: 400;
  max-height: 60px;
  *height: 60px;
  color: #222222;
  text-decoration: none;
  margin: 0 0 3px 0;
}

.thumbnails-b .video-label,
.thumbnails-b .sponsored,
.thumbnails-b .sponsored-url {
  font-family: "Malgun Gothic";
}

.thumbnails-b .playerCube .video-rating {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .syndicatedItem .branding {
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  font-family: "Malgun Gothic";
  background-image: null;
  text-align: left;
  line-height: 1.33em;
  letter-spacing: -0.25px;
}

.thumbnails-b .trc_pager_selected {
  color: #0056b3;
}

.thumbnails-b .videoCube.syndicatedItem {
  background-color: transparent;
  border-color: #e4e4e4;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-width: 0px 0px 0px 0px;
  border-style: SOLID;
  margin: 0 0 2% 2%;
}

.thumbnails-b .videoCube .video-label-box.trc-pre-label {
  margin: 0px 0px 5px 0px;
}

.thumbnails-b .branding div.logoDiv {
  font-family: inherit;
}

.thumbnails-b .trc_rbox_div {
  width: auto;
  _width: 99%;
  height: 410px;
  border-width: 0;
  padding: 0;
}

.thumbnails-b .playerCube .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .trc_pager div {
  font-family: serif;
}

.thumbnails-b .syndicatedItem .video-label-box.trc-pre-label {
  height: 0px;
}

.thumbnails-b recommendationReel {
  min-adx-line-color: #2abfd5;
  min-adx-progress-color: #fff;
}

.thumbnails-b .videoCube.horizontal {
  border-style: none;
}

.thumbnails-b div.trc_pager_pages div:hover {
  color: #6497ed;
}

.thumbnails-b .pager_enabled {
  color: #0056b3;
}

.thumbnails-b .playerCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-b .videoCube .thumbnail-overlay {
  background-image: null;
  background-position: 5% 5%;
}

.thumbnails-b .playerCube .videoCube .video-duration {
  display: block;
  left: 36px;
}

.thumbnails-b .syndicatedItem .video-published-date {
  color: black;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  display: inherit;
}

.thumbnails-b .syndicatedItem .sponsored-url {
  color: green;
  font-size: 9px;
  font-weight: bold;
  text-decoration: underline;
}

.thumbnails-b .playerCube .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
}

.thumbnails-b .playerCube .video-label-box {
  text-align: left;
}

.thumbnails-b div.sponsored-default:hover,
.thumbnails-b div.sponsored-default.videoCube_hover {
  background-color: inherit;
}

.thumbnails-b .videoCube .story-widget.story-widget-text-under .tbl-text-under-title-background {
  background-color: #ebebeb;
}

.thumbnails-b .video-external-data {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .trc_pager_prev,
.thumbnails-b .trc_pager_next {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.thumbnails-b .videoCube .thumbBlock {
  border-width: 0px;
  border-color: darkgray;
}

.thumbnails-b .videoCube.syndicatedItem .video-duration {
  display: none;
  left: 36px;
}

.thumbnails-b .sponsored-default .video-title {
  max-height: 2.58em;
  *height: 2.58em;
}

.thumbnails-b .branding {
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  font-family: "Malgun Gothic";
  background-image: null;
  text-align: left;
  line-height: 1.5em;
  letter-spacing: -0.25px;
}

.thumbnails-b .sponsored-default {
  background-color: #f7f6c6;
}

.thumbnails-b .playerCube .videoCube {
  background-color: transparent;
  border-color: #d6d5d3;
  border-width: 1px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin-left: 0px;
  margin-top: 0px;
  padding: 3px;
}

.thumbnails-b .branding .logoDiv a span {
  color: inherit;
  font-size: inherit;
}

.thumbnails-b .video-label-box {
  text-align: left;
  height: 60px;
  margin: 5px 0px 0px 0px;
}

.thumbnails-b .video-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  max-height: 2.2em;
  *height: 2.2em;
  color: black;
  text-decoration: none;
}

.thumbnails-b .videoCube .video-duration {
  left: 36px;
  display: none;
}

.thumbnails-b div.syndicatedItem:hover .thumbBlock {
  border-color: inherit;
}

.thumbnails-b .trc_pager_counter {
  color: #000000;
}

.thumbnails-b .whatsThisSyndicated {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: black;
  text-decoration: none;
  padding: 0;
}

.thumbnails-b .playerCube .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .video-duration-detail {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b div.videoCube:hover .thumbBlock {
  border-color: inherit;
}

.thumbnails-b .video-icon-img {
  margin: 0px;
  height: 18px;
}

.thumbnails-b .video-views {
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

.thumbnails-b .tbl-cta-style .cta-button {
  font-family: Helvetica, Arial, sans-serif;
  background-color: transparent;
  border-color: #999990;
  color: #333333;
}

.thumbnails-b .videoCube .video-label-box {
  margin-left: 0;
  margin-right: 0px;
}

.thumbnails-b .videoCube.syndicatedItem .video-label-box {
  margin-left: 2%;
}

.thumbnails-b .syndicatedItem .video-label-box {
  height: 60px;
  margin: 5px 0px 0px 0px;
}

.thumbnails-b .logoDiv a span {
  font-size: 11px;
  color: #707070;
  display: inline;
  font-weight: normal;
  letter-spacing: 0;
}

.thumbnails-b .videoCube .video-label-box .video-title {
  text-decoration: none;
}

.thumbnails-b .videoCube:hover .video-label-box .video-title {
  text-decoration: none;
}

.thumbnails-b .videoCube:hover .video-label-box .video-description {
  text-decoration: underline;
}

.thumbnails-b .video-label-box .branding {
  display: block;
}

.thumbnails-b .trc_header_left_column {
  width: 48%;
  _width: 48%;
  display: inline-block;
  height: auto;
  background-color: transparent;
}

.thumbnails-b .trc_rbox_header .trc_header_ext {
  position: relative;
  top: auto;
  right: auto;
}

.thumbnails-b .logoDiv a {
  font-size: 100%;
}

.thumbnails-b .videoCube a {
  padding: 0;
}

.thumbnails-b .trc_rbox_header .logoDiv {
  line-height: normal;
}

.thumbnails-b .trc_rbox_header_span .trc_header_right_column {
  background: transparent;
  height: auto;
}

/* s-split-thumbnails-b */
.thumbnails-b .videoCube.syndicatedItem .thumbBlock .static-text {
  padding: 3px;
}

/* e-split-thumbnails-b */
@media screen and (min-width: 0px) and (max-width: 985px) {
  .trc_elastic_thumbnails-b .trc_rbox_outer .videoCube .video-label-box {
    height: auto;
  }

  .trc_elastic_thumbnails-b .trc_rbox_outer .videoCube {
    margin-bottom: 10px;
  }

  .trc_elastic_thumbnails-b .trc_rbox_outer {
    margin-left: -2%;
  }

  .trc_elastic_thumbnails-b .videoCube_aspect {
    padding-bottom: 56.52173913043478%;
    width: 100%;
  }

  .trc_elastic_thumbnails-b .videoCube {
    width: 97.99%;
    position: relative;
    float: left;
    margin: 0 0 2% 0;
    margin-left: 2%;
  }

  .trc_elastic_thumbnails-b div.videoCube:nth-of-type(-n + 6) {
    display: block;
    visibility: visible;
  }

  .trc_elastic_thumbnails-b div.videoCube:nth-of-type(n + 7) {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 986px) {
  .trc_elastic_thumbnails-b .trc_rbox_outer {
    margin-left: -2%;
  }

  .trc_elastic_thumbnails-b .videoCube_aspect {
    padding-bottom: 56.52173913043478%;
    width: 100%;
  }

  .trc_elastic_thumbnails-b .videoCube {
    width: 31.33%;
    position: relative;
    float: left;
    margin: 0 0 2% 0;
    margin-left: 2%;
  }

  .trc_elastic_thumbnails-b :nth-child(3n + 1 of .videoCube):not(:nth-child(1 of .videoCube)) {
    clear: both;
  }

  .trc_elastic_thumbnails-b div.videoCube:nth-of-type(-n + 6) {
    display: block;
    visibility: visible;
  }

  .trc_elastic_thumbnails-b div.videoCube:nth-of-type(n + 7) {
    display: none;
    visibility: hidden;
  }
}

.thumbnail-emblem {
  height: 35px;
  width: 35px;
}

.trc_related_container .thumbnail-emblem.bottom-right,
.trc_related_container .static-text.bottom-right {
  bottom: 0;
  right: 0;
  background-position: bottom;
}

.trc_related_container .thumbnail-emblem.top-right,
.trc_related_container .static-text.top-right {
  top: 0;
  right: 0;
  background-position: top;
}

.trc_related_container .thumbnail-emblem.bottom-left,
.trc_related_container .static-text.bottom-left {
  bottom: 0;
  left: 0;
  background-position: bottom;
}

.trc_related_container .thumbnail-emblem.top-left,
.trc_related_container .static-text.top-left {
  top: 0;
  left: 0;
  background-position: top;
}

.trc_related_container .thumbnail-emblem.top,
.trc_related_container .static-text.top {
  width: 100%;
  top: 0;
}

.trc_related_container .thumbnail-emblem.bottom,
.trc_related_container .static-text.bottom {
  width: 100%;
  bottom: 0;
  padding: 2px 0;
}

.trc_related_container .videoCube .thumbBlock .static-text {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 5px;
  display: block;
  opacity: 0.7;
}

.trc_related_container .videoCube .thumbBlock .static-text.tbl-fixed-label {
  opacity: 1;
  padding: 0 5px;
  text-align: center;
}

.trc_related_container .videoCube .thumbBlock .static-text.tbl-fixed-label.tbl-small-label {
  min-width: 107px;
  min-height: 27px;
  line-height: 27px;
  letter-spacing: 0.31px;
}

.trc_related_container .videoCube .thumbBlock .static-text.tbl-fixed-label.tbl-big-label {
  min-width: 140px;
  min-height: 33px;
  font-size: 14px;
  line-height: 33px;
  letter-spacing: 0.39px;
}

.trc_related_container .thumbnail-emblem {
  background-position-x: center;
}

.videoCube a.tbl-text-over-container span.video-label-box.video-label-box-cta {
  position: inherit;
}

.videoCube a.video-cta-style {
  width: 100%;
}

.videoCube a.video-cta-style .video-label-box.video-label-box-cta {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-content: flex-start;
  align-items: center;
}

.videoCube a.video-cta-style .video-label-box.video-label-box-cta.video-label-box-cta-non-ie {
  justify-content: space-between;
}

.videoCube a.video-cta-style .video-label-flex-cta-item {
  flex-basis: 100%;
}

.videoCube a.video-cta-style .video-branding-flex-cta-item {
  margin-top: 1px;
  flex-grow: 1;
  flex-basis: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.videoCube .video-cta-href {
  display: inline-block;
  margin-top: 1px;
  margin-inline-start: 2px;
  padding: 0;
  max-width: 100%;
  min-width: 72px;
  min-width: min(100%, 72px);
  bottom: 0;
  vertical-align: top;
  position: relative;
  box-sizing: content-box;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 13.2px;
}

.videoCube .video-cta-href button.video-cta-button {
  margin: 0;
  height: 24px;
  font-size: 10px;
  line-height: 13.2px;
  border-radius: 4px;
  border: 1px solid #000;
  background-color: inherit;
  text-transform: none;
  letter-spacing: normal;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: Helvetica;
  padding: 1px 4px;
  width: 100%;
  min-width: 1px;
  opacity: 1;
  box-shadow: none;
  user-select: none;
  transition: none;
  text-decoration: none;
  transform: none;
  font-weight: bold;
}

.videoCube .video-cta-href button.video-cta-button:hover {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  letter-spacing: normal;
}

.qJTHM {
  -webkit-user-select: none;
  color: #202124;
  direction: ltr;
  -webkit-touch-callout: none;
  font-family: "Roboto-Regular", arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}

.ynRLnc {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.L6cTce {
  display: none;
}

.bltWBb {
  word-break: break-all;
}

.hSRGPd {
  color: #1a73e8;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}

.Bz112c-W3lGp {
  height: 16px;
  width: 16px;
}

.Bz112c-E3DyYd {
  height: 20px;
  width: 20px;
}

.Bz112c-r9oPif {
  height: 24px;
  width: 24px;
}

.Bz112c-uaxL4e {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.LgbsSe-Bz112c {
  display: block;
}

.S9gUrf-YoZ4jf,
.S9gUrf-YoZ4jf * {
  border: none;
  margin: 0;
  padding: 0;
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
  border-color: #4285f4;
}

.P1ekSe-ZMv3u > div:nth-child(1) {
  background-color: #1a73e8 !important;
}

.P1ekSe-ZMv3u > div:nth-child(2),
.P1ekSe-ZMv3u > div:nth-child(3) {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    linear-gradient(to right, #1a73e8, #1a73e8) !important;
}

.haAclf {
  display: inline-block;
}

.nsm7Bb-HzV7m-LgbsSe {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition:
    background-color 0.218s,
    border-color 0.218s;
  transition:
    background-color 0.218s,
    border-color 0.218s;
  -webkit-user-select: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadce0;
  color: #3c4043;
  cursor: pointer;
  font-family: "Google Sans", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

@media screen and (-ms-high-contrast: active) {
  .nsm7Bb-HzV7m-LgbsSe {
    border: 2px solid windowText;
    color: windowText;
  }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
  font-size: 14px;
  height: 32px;
  letter-spacing: 0.25px;
  padding: 0 10px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
  font-size: 11px;
  height: 20px;
  letter-spacing: 0.3px;
  padding: 0 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
  padding: 0;
  width: 40px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
  width: 32px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
  border: none;
  color: #fff;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
  background-color: #1a73e8;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
  background-color: #202124;
  color: #e8eaed;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 18px;
  margin-right: 8px;
  min-width: 18px;
  width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 14px;
  min-width: 14px;
  width: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 10px;
  min-width: 10px;
  width: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-left: 8px;
  margin-right: -4px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 4px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  height: 36px;
  margin-left: -10px;
  margin-right: 12px;
  min-width: 36px;
  width: 36px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height: 28px;
  margin-left: -8px;
  margin-right: 10px;
  min-width: 28px;
  width: 28px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height: 16px;
  margin-left: -6px;
  margin-right: 8px;
  min-width: 16px;
  width: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 14px;
  border-radius: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
  width: 100%;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
  justify-content: center;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-weight: 300;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  -webkit-transition: background-color 0.218s;
  transition: background-color 0.218s;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2e3fc;
  outline: none;
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(66, 133, 244, 0.04);
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(66, 133, 244, 0.1);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(255, 255, 255, 0.24);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(255, 255, 255, 0.32);
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 20px;
  margin-left: -4px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-family: "Roboto";
  font-size: 12px;
  text-align: left;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #5f6368;
  fill: #5f6368;
  font-size: 11px;
  font-weight: 400;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color: #e8eaed;
  fill: #e8eaed;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
  height: 18px;
  margin: -3px -3px -3px 2px;
  min-width: 18px;
  width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: 12px;
  margin-right: -10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.L5Fo6c-sM5MNb {
  border: 0;
  display: block;
  left: 0;
  position: relative;
  top: 0;
}

.L5Fo6c-bF1uUb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.L5Fo6c-bF1uUb:focus {
  border: none;
  outline: none;
}

sentinel {
}

/*==============CHECK==============*/

.check {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif !important;
}

.check__wrapper {
  padding: 0.5rem;
}

.check__top {
}

.check__iban {
  margin-bottom: 1rem;
  display: block;
  font-weight: 500;
}

.check__top-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.check__top-col-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

.check__top-col-1-row {
  display: flex;
  flex-direction: column;
}

.bank__logo {
}

.check__top-col-title {
}

.check__top-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.check__bot {
  border-bottom: 3px solid #000;
}

.check__bot-grid {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr 1fr 1fr;
}

.check__bot-grid-col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #000;
}

.check__bot-grid-col-title {
  font-weight: 500;
  background-color: rgba(128, 128, 128, 0.39);
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
  padding-left: 2px;
}

.check__thanks {
  text-align: right;
  display: block;
  margin: 0.5rem 2rem;
}

.block-info {
  color: rgb(50, 50, 50);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.comment {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.comment-content {
  display: flex;
  flex-direction: column;
}

.comment-block {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid rgba(118, 125, 132, 0.235);
  padding-top: 0.5rem;
}

.comment-block-answer {
  margin-left: 4rem;
}

.block-avatar {
  margin-right: 1rem;
}

.block-avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.block-info {
  width: 100%;
}

.block-info-comment {
  position: relative;
}

.block-info-comment__svg {
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  font-size: 10px;
}

.block-info-comment__svg svg {
  background-color: rgba(98, 98, 98, 0.216);
  border-radius: 50%;
  fill: rgb(48, 48, 48);
  width: 20px;
  padding: 5px;
}

.block-info-comment__name {
  font-weight: 700;
  color: #1327a9;
  padding-bottom: 1rem;
}

.block-info-comment__name span {
  font-size: 0.8rem;
  font-weight: normal;
  color: rgba(48, 48, 48, 0.576);
  padding-left: 0.5rem;
}

.block-info-line {
  display: flex;
  flex-direction: column;
}

.block-info-line__like {
  display: flex;
  justify-content: flex-end;
  color: rgb(98, 98, 98);
  font-weight: normal;
  font-size: 0.7rem;
}
.comm_image {
  width: 230px;
}

@media (max-width: 710px) {
  .comment-block-answer .block-info-comment {
    width: 83%;
  }

  .comment-block-answer {
    margin-left: 1.6rem;
  }

  .block-info-comment__name {
    font-size: 0.85rem;
  }

  .comment-block-answer img {
    width: 100%;
  }

  .comment-block-answer .block-info-comment__svg {
    margin-right: -2rem;
  }

  .comment-block-answer .comm {
    width: 75%;
  }

  .block-info-comment__name span {
    padding-left: 0px;
    display: block;
  }
}

.block-info {
  font-weight: 400;
}