.font--primary {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400
}

.font--primary b,
.font--primary-bold {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.font--secondary {
    font-family: "Noto Sans KR", sans-serif;
}

.font--secondary b,
.font--secondary-bold {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.visual__image img {
    width: 100%
}

body,
figure {
    width: 100%;
    margin: 0;
    /* word-break: keep-all; */
    font-family: "Noto Sans KR", sans-serif;
}

input,input::placeholder,::placeholder,div,input:placeholder-shown, input div {
    font-family: "Noto Sans KR", sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    font-family: "Noto Sans KR", sans-serif;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: unset;
    font-weight: 400
}

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-smm {
    padding: 4px 13px;
    font-size: 14px
}

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

.btn--line-lg {
    padding: 9px 14px;
    font-size: 15px;
    font-weight: 700;
    font-family: "Noto Sans KR"
}

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

.btn--fill {
    background-color: #222;
    color: #fff;
    font-weight: 700;
    font-family: "Noto Sans KR"
}

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

.btn--mypage-myinfo {
    background-color: #F7F7F7;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #222222;
    float: right;
    width: 64px;
    height: 28px;
    padding: 4px 18px;
    margin-top: 16px;
}

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

.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:1264px;
}

.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: 20px;
    line-height: 1.4
}

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

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

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

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

.h5 {
    font-size: 14px;
    line-height: 1.44
}

.h6 {
    font-size: 12px;
    line-height: 1.44
}

.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: -webkit-sticky;
    position: sticky;
    top: 0
}

.quote {
    line-height: 1.4
}

.text--white {
    color: #FFFFFF
}

.text--black {
    color: #222222
}

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

.text--grey-60 {
    color: #999999
}

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

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

.text--red {
    color: #EA4848
}

.text--blue {
    color: #007AFF
}

.text--blue-point {
    color: #007AFF
}

.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:hover {
    text-decoration: underline
}

.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: #0162ab;
    border-bottom: 1px solid #c8c8c8
}

.text__link--styled:visited,
.text__link--styled:active {
    color: #0162ab
}

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

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

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

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

.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--only-left {
    float: left;
}

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

.box--bg {
    background: #f7f7f7
}

.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: #999999
}

.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: #222222
}

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

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

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

.box--bg-red {
    background-color: #EA4848
}

.box--bg-blue {
    background-color: #0162ab
}

.box--bg-skyblue {
    background: #F3F8FB
}

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

.box--border-serach{
    border: 1px;
    border-color: #222222;
    border-style: solid;
    border-radius: 60px
}

.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: #ffffff
}

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

.box--border-blue {
    border-color: #0162ab
}

.box--border-red {
    border-color: #c51a18
}

.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-auto {
    margin: auto;
}

.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-5 {
    margin-top: 48px
}

.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-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-15 {
    margin-bottom: 120px
}

.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-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-6 {
    padding-top: 64px
}

.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-right-xxl-5 {
    padding-right: 48px
}

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

.box--hidden {
    display: none
}

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

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

.width-inherit {
    width: inherit;
}

.width--100 {
    width: 100%
}

.width--71-form {
    width: 71%;
}

.width--27-form {
    width: 27%;
}

.width--33-first-log {
    width: 33%;
}

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

.width--65-mypage-info {
    width: 65%
}

.width--webkit-fill-available {
    width: -webkit-fill-available;
}

.height--100 {
    height: 100%
}

.height--fill {
    height: -webkit-fill-available;
}

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

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

.visual__image img {
    width: 100%
}

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

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

.ad-amp-only {
    display: none
}

.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 .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 :first-child {
    margin-top: 0
}

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

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

.article-body a:visited,
.article-body a:active {
    color: #0162ab
}

.article-body a:hover {
    color: #017fde
}

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

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

.article-body__content-image {
    width: unset
}

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

.article-body .a2-native iframe {
    max-width: 340px;
    height: 280px;
    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__lead-art img {
    display: block
}

.article-byline {
    padding-bottom: 8px
}

.article-dateline {
    flex-direction: column;
    margin-bottom: 12px;
    align-items: flex-start
}

.article-control-bar-wrap .article-control-bar-menu {
    right: auto;
    left: 0;
    top: 44px
}

.article-time {
    padding-bottom: 16px
}

.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-menu {
    top: 48px;
    right: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

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

.article-control-bar-menu-font {
    width: 208px;
    height: 96px
}

.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-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 a {
    line-height: 26px;
    white-space: nowrap
}

.article-tags a:hover {
    border-bottom: solid 1px #c8c8c8
}

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

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

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

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

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

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

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

.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: #f7f7f7
}

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

.nav__bar {
    min-height: 68px;
    max-height: 68px;
    padding: 0;
    background-color: #FFFFFF;
    border-color: #c51a18
}

.nav_signup .signip_li {
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    margin-right: -4px;
    text-align: center;
    background: #D7D7D7;
    border-radius: 100%;
}

.nav_signup-text{
    top: -10px;
    left: -3px;
    position: relative;
}

.nav_signup ul li .num {
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    background: #D7D7D7;
    border-radius: 100%;
}

.nav_signup .mid-line {
    display: inline-block;
    width: 105px;
    height: 1px;
    line-height: 48px;
    text-align: center;
}

.nav_signup ul li hr {
    display: inline-block;
    width: 110px;
    height: 1px;
    color: #D7D7D7;
    text-align: center;
    background: #D7D7D7;
    border: none;
}

.nav_signup ul li .num.on {
    background: #EA4848;
    color: #ffffff;
}
.nav_signup ul li:before {
    content: none;
}

.nav__bar .scroll-logo {
    display: none
}

.nav__bar-center {
    margin: 0 auto
}

.nav__bar-center-link {
    padding: 0 14px;
    white-space: nowrap;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif
}

/* .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-weight: 700;
    font-family: "Noto Sans KR", sans-serif
}

.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: 2px solid #222222; */
    /* position: absolute; */
    bottom: -9px;
    left: 0;
    width: 100%
}

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

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

.nav .menu-overlay {
    width: 0
}

.nav .side-menu-container {
    width: 292px;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.nav .mypage-side-menu-container {
    width: 162px;
    position: fixed;
    background-color: #FFFFFF;
    right: 24px;
    z-index: 9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.nav .mypage-side-menu-container ul {
    /* height: calc(100vh - 782px);  */
    padding-bottom: 0px;
}

.mypage-shop-list {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-top: 1px solid #222222;
    margin-bottom: 13px;
}

.mypage-info-list {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-top: 1px solid #222222;
    margin-bottom: 13px;
}

.mypage-shop-list th{
    font-size: 15px;
    font-weight: 700;
    padding: 13px 0 13px 0;
    background: #F3F7FA;
    color: #222222;
    border-bottom: 1px solid #EAEAEA;
    /* border-right: 1px solid #DDDDDD; */
    text-align: center;
    position: relative;
}

.mypage-shop-list td{
    font-size: 15px;
    font-weight: 400;
    padding: 13px 0px 13px 0px;
    border-bottom: 1px solid #EAEAEA;
    /* border-right: 1px solid #DDDDDD; */
    text-align: center;
    color: #222222;
    position: relative;
}

.mypage-shop-list td a {
    color: #222222;
    border-bottom: 1px solid #222222;
}

.mypage-shop-list .payment_cancel td{
    font-size: 15px;
    font-weight: 400;
    padding: 13px 0px 13px 0px;
    border-bottom: 1px solid #EAEAEA;
    background: #F7F7F7;
    /* border-right: 1px solid #DDDDDD; */
    text-align: center;
    color: #999999;
}

.mypage-info-list td{
    border-bottom: 1px solid #EAEAEA;
    /* border-right: 1px solid #DDDDDD; */
}

.myInfo-left-cell{
    font-size: 14px;
    font-weight: 700;
    padding: 13px 24px;
    background: #F3F7FA;
    color: #222222;
    /* border-bottom: 1px solid #EAEAEA; */
    /* border-right: 1px solid #DDDDDD; */
    text-align: left;
}

.myInfo-right-cell{
    font-size: 15px;
    font-weight: 400;
    padding: 13px 16px;
    color: #222222;
    /* border-bottom: 1px solid #EAEAEA; */
    /* border-right: 1px solid #DDDDDD; */
    text-align: left;
}

.nav__side-menu {
    position: relative;
}

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

.nav__side-menu.isAmp .hamburger-close {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srpbabzlpubfha.pbz%2Schoyvfuvat%2Snffreg%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2724%27%20urvtug%3Q%2724%27%20ivrjObk%3Q%270%200%2024%2024%27%253R%253Pt%20svyy%3Q%27abar%27%20svyyEhyr%3Q%27rirabqq%27%20fgebxr%3Q%27%2523222%27%20fgebxrJvqgu%3Q%272%27%253R%253Pcngu%20q%3Q%27Z3.999%203.999Y20.001%2020.001Z20.001%203.999Y3.999%2020.001%27%2S%253R%253P%2St%253R%253P%2Sfit%253R");
    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: 0px 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: #222222;
    display: block;
    width: 100%
}

.nav__side-menu div {
    color: #999999;
    display: block;
    width: 100%
}

.nav__side-menu li:last-child div {
    height: 50px;
}

.nav__side-menu-item>div {
    padding: 10px 8px 10px 16px;
    width: 85%;
}

.nav__side-menu-item-social>div {
    padding: 11px 8px 11px 16px;
    width: 85%;
} 

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

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

.nav__side-menu-item:hover {
    background: #f7f7f7;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif
}

.nav__side-menu-mypage-item:hover {
    background: #f7f7f7;
    font-weight: 700;
    font-family: "Noto Sans KR" ,sans-serif
}

.nav__side-menu-item>a {
    padding: 11px 8px 11px 16px;
    width: 85%
}

.nav__side-menu-item-social>a {
    padding: 11px 8px 11px 16px;
    width: 85%
}

.nav__side-menu-mypage-item>a {
    padding: 10px 8px 10px 12px;
    width: 85%
}

.side-menu-item_bottom {
    position: relative;
    top: -5px;
}

.nav__side-menu-item>a:hover {
    font-family: "Noto Sans KR",sans-serif;
    font-weight: 700
}

.nav__side-menu-mypage-item>a:hover {
    font-family: "Noto Sans KR",sans-serif;
    font-weight: 700
}

.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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srpbabzlpubfha.pbz%2Schoyvfuvat%2Snffreg%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2720%27%20urvtug%3Q%2720%27%20ivrjObk%3Q%270%200%2020%2020%27%253R%253Pcngu%20svyy%3Q%27%2523Q7Q7Q7%27%20q%3Q%27Z14.285%206.667Y15.463%207.845%2010.232%2013.076%205%207.845%206.178%206.667%2010.232%2010.719m%27%2S%253R%253P%2Sfit%253R")
}

.nav__side-menu-item.isAmp i.amp-arrow-down.amp-arrow-up {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srpbabzlpubfha.pbz%2Schoyvfuvat%2Snffreg%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2720%27%20urvtug%3Q%2720%27%20ivrjObk%3Q%270%200%2020%2020%27%253R%253Pcngu%20svyy%3Q%27%2523222%27%20q%3Q%27Z14.285%206.667Y15.463%207.845%2010.232%2013.076%205%207.845%206.178%206.667%2010.232%2010.719m%27%20genafsbez%3Q%27zngevk%281%200%200%20-1%200%2019.743")'/%3E%3C/svg%3E")
}

.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-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: "Noto Sans KR",sans-serif
}

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

.nav__side-menu-child-item:hover {
    background: #f7f7f7;
    font-weight: 700;
    font-family: "Noto Sans KR"
}

.nav.scroll {
    position: fixed;
    height: 68px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: 100%;
    /* border-bottom: 1px solid #222; */
    filter: drop-shadow(4px 4px 14px rgba(0, 0, 0, 0.04));
    background-color: #FFFFFF
}

.nav.not_scroll {
    /* position: fixed; */
    height: 68px;
    top: 0;
    /* transform: translateX(-50%); */
    max-width: 100%;
    /* border-bottom: 1px solid #222; */
    filter: drop-shadow(4px 4px 14px rgba(0, 0, 0, 0.04));
    background-color: #FFFFFF
}

.nav.scroll .nav__masthead {
    display: flex
}

.nav.scroll .nav__bar {
    max-width: 1920px;
    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.not_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: 68px;
    max-width: 200px
}

.nav.scroll .nav__bar .nav__bar-center .nav__bar-center-link {
    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: "Noto Sans KR", sans-serif
}

.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-weight: 700;
    font-family: "Noto Sans KR", sans-serif
}

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

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

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

.nav__auth-menu {
    width: 140px;
    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 .search-bar--wrap {
    margin: 0;
    margin-left: -8px;
    width: 264px;
    height: 34px
}

.search-bar {
    margin: auto;
}

/* .nav .search-bar--wrap:focus-within {
    border-color: #fff
} */

.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--close svg {
    width: 24px;
    height: 24px;
    padding: 3px 3px 3px 3px;
    /* margin-right: 10px; */
}

.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;
    background-color: #f7f7f7
}

.nav .search-bar--side .search-bar--input {
    padding: 8px;
    font-size: 18px;
    background-color: #f7f7f7
}

.relcop-nav__bar {
    height: 68px
}

.relcop-nav__logo svg {
    height: 25px
}

.footer.isAmp {
    max-height: 76px
}

.footer__container {
    padding-top: 24px
}

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

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

.footer__dropdown-list a {
    cursor: default;
    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: #f7f7f7
}

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

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

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

.relcop-gnb-dropdown {
    min-width: 150px;
    max-width: 150px;
    margin-right: 6px
}

.relcop-gnb-dropdown .footer__dropdown-list {
    left: 0;
    bottom: 1px;
    z-index: 1
}

.breaking-news-biz {
    height: 50px
}

.breaking-news-biz__headline-text {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.44em
}

.stock-currency__btns a:hover {
    background-color: #eaeaea
}

.stock-currency .updown:before {
    display: inline-block;
    margin-right: 2px
}

.stock-currency .updown.u-value {
    color: #c51a18
}

.stock-currency .updown.u-value:before {
    content: "\25b2"
}

.stock-currency .updown.d-value {
    color: #0162ab
}

.stock-currency .updown.d-value:before {
    content: "\25bc"
}

.author-card {
    padding: 20px;
    border: 1px solid #eaeaea
}

.author-card.columnist-mode h3 {
    font-size: 16px;
    line-height: 26px
}

.author-card.columnist-mode .author-role {
    display: none
}

.author-card.columnist-mode .author-card--content-image img {
    height: 32px;
    width: 32px
}

.author-card.columnist-mode .heading-container {
    padding-left: 8px
}

.author-card.columnist-mode .author-card--content-social,
.author-card.columnist-mode .author-card--bio {
    display: none
}

.author-card--content .heading-container {
    padding-left: 16px;
    flex-grow: 1
}

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

.author-card--content h3 {
    display: inline;
    font-size: 24px;
    line-height: 32px;
    margin-right: 15px
}

.author-card--content span {
    font-size: 15px;
    line-height: 20px
}

.author-card--content-image {
    text-align: center
}

.author-card--content-image img {
    border-radius: 100%
}

.author-card--content-social a {
    padding: 0 4px
}

.author-card--bio {
    padding-top: 8px
}

.author-card--bio .bio-text {
    font-size: 14px
}

.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);
    border-radius: 3px;
    right: 0
}

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

.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: 13
}

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

.Toastify__toast--success {
    background: #0162ab
}

.Toastify__toast--error {
    background: #c51a18
}

.Toastify__toast--info {
    background: #424242
}

.Toastify__toast.fadeIn {
    -webkit-animation: fadeIn;
    animation: fadeIn
}

.Toastify__toast.fadeOut {
    -webkit-animation: fadeOut;
    animation: fadeOut
}

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

.Toastify__close-button {
    display: none
}

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

@-webkit-keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(0)
    }
}

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

    100% {
        transform: scaleX(0)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.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-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: 100%;
    min-height: 1px
}

.slick-slide>div {
    display: flex;
    margin-bottom: 8px
}

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

[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: "Noto Sans KR", sans-serif
}

.comment-feed--writeForm textarea:-ms-input-placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

.comment-feed--writeForm textarea::placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

.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: #f2f2f2
}

.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: #0162ab;
    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
}

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

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

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

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

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

.story-card-container .story-card__heading {
    padding-bottom: 12px
}

.story-card-container .story-card-wrapper.story-card--sm.story-card-wrapper--hero .story-card-block--art-100 .story-card__art {
    margin-left: -16px;
    margin-right: -16px
}

.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;
    padding-top: 12px
}

.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+.story-card__separator {
    padding: 0 0 12px 0
}

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

.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__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: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-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--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 .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-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-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.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 :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--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-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 .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: 12px
}

.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--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--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--art-below-head,
.story-card-container .story-card-wrapper--module .story-card--art-above-head {
    padding-top: 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 {
    width: 300px;
    height: 250px
}

.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: "Noto Sans KR", sans-serif
}

input:-ms-input-placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

input::placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

input:focus {
    border-color: #222222;
    outline: none
}

input:hover {
    border-color: #222222;
    outline: none
}

.identity-wrapper {
    padding: 100px 16px;
    max-width: 480px
}

.identity-header {
    margin-bottom: 40px;
    line-height: 1.36
}

.identity-header-signup {
    margin-bottom: 32px;
    line-height: 1.36
}

.identity-header-complete {
    margin-bottom: 16px;
    line-height: 1.36
}

.identity-header-pwSet {
    margin-bottom: 24px;
    line-height: 58px;
}

.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: 8px;
    width: 931px;
    height: 612px;
    z-index: 12
}

.identity-modal--term-content {
    padding-right: 56px
}

.identity-modal--term-content::-webkit-scrollbar {
    width: 6px;
}

.identity-modal--term-content::-webkit-scrollbar-thumb {
    width: 6px;
    color: #999999;
    height: 112px;
    background-color: #999999;
    border-radius: 40px;
}

.identity-modal--term-content::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}

.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-emailModal {
    padding: 56px 40px
}

.identity-newPwModal {
    padding: 52px 137px
}

.identity-modalemailcontent {
    top: 15px;
    left: 50px;
    width: 480px;
    height: auto;
    z-index: 12
}

.identity-emailModalInstruction {
    padding: 24px;
}

.identity-signupmodal-header {
    font-size: 23px;
    margin-bottom: 16px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 1.43
}

.identity-signinmodal-header {
    font-size: 23px;
    margin-bottom: 24px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    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.3);
    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: 1px;
}

/* .identity-scrap {
    position: absolute;
    right: -9px;
    top: -8px;
} */

.identity-chkLabel-text {
    padding-left: 25px;
}

.identity-labelClasses {
    font-size: 14px;
    cursor: pointer;
    position: relative;
    line-height: 1.43;
    color: #222222
}

.identity-resetPw-btn {
    padding-top: 15px;
    padding-bottom: 15px;
    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: #222222;
    color: #fff
}

.identity-mypage-btn-memberUp {
    padding: 6px 12px;
    font-size: 14px;
    margin-top: 12px;
    background-color: #EA4848;
    color: #FFFFFF;
    height: 32px;
    width: 147px;
}

.identity-findID-boxwrap {
    margin-top: 23px;
    font-size: 23px
}

.identity-findID-box {
    padding: 24px 26px;
    width: 100%;
    background-color: #F7F7F7;
}

.identity-mypage-box {
    padding: 47px 201px 45px 201px;
    width: 100%;
    background-color: #F3F7FA;
    border-radius: 8px;
}

.identity-findID-ID {
    font-size: 15px;
    color: #222222;
    vertical-align: middle;
    text-align: center
}

.layout-main-pan .pan-box .story-card__headline {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.66em
}

.layout-main-pan .pan-box .story-card-container .story-card-block.story-card-block--art-100:empty:after {
    background: center/cover url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzntr.pubfha.pbz%2Snep%2Soynax.fit");
    margin: -12px -16px 12px;
    width: calc(100% + 32px);
    content: " ";
    display: block;
    aspect-ratio: 16/9
}

.layout-main-pan .pan-box .emptyPlace .image-wrapper {
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzntr.pubfha.pbz%2Snep%2Soynax.fit");
    min-height: 164px;
    background-size: cover
}

.layout-main-pan .pan-box .emptyPlace .image-wrapper img {
    display: none
}

.story-feed__timeline {
    max-height: 362px
}

.story-feed__timeline-bullet {
    transform: translate(3.4px, -12px)
}

.story-feed__timeline-time,
.story-feed__timeline-title {
    transform: translateY(-5px)
}

.mypage--menu-tab {
    overflow: auto;
    margin-left: auto;
}

.mypage--menu-tab .nav__bar-mypage {
    padding: 13px 0;
    max-height: 68px;
    /* 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 0 0 40px;
}

.mypage--menu-tab .nav__bar-category-link {
    padding: 0 0 0 24px;
}

.mypage--menu-tab .nav__bar .link-text:hover {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.mypage--menu-tab .nav__bar .link-text:hover:after {
    bottom: -13px;
    border-bottom: 2px solid #222
}

.mypage--menu-tab .nav__bar-mypage .active {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.nav__bar-category-link .active {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.mypage--menu-tab .nav__bar .active:after {
    bottom: -13px;
    border-bottom: 2px solid #222
}

/* 텝메뉴 활성화 */
.mypage--menu {
	display: none;
}

.mypage--menu.active{
	display: inherit;
}

.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--top-promotion {
    padding: 42px 0 43px 56px;
    height: 160px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzntr.pubfha.pbz%2Spubfhaovm%2Snep%2Scebzbgvba-ot-j.wct");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.mypage--top-promotion h1 {
    font-size: 32px
}

.mypage--top-promotion span {
    color: rgba(255, 255, 255, 0.7)
}

.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: 30px;
    width: 30px;
    cursor: pointer
}

.modalPost-layer--top-promotion {
    padding: 42px 0 43px 56px;
    height: 160px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzntr.pubfha.pbz%2Spubfhaovm%2Snep%2Scebzbgvba-ot-j.wct");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.modalPost-layer--top-promotion h1 {
    font-size: 32px
}

.modalPost-layer--top-promotion span {
    color: rgba(255, 255, 255, 0.7)
}

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

.author-vip-card img {
    width: 100%;
    max-width: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    border-bottom: 1px solid #222
}

.author-vip-card h5 {
    margin: 0;
    font-size: 16px
}

.search-bar input::-moz-placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

.search-bar input:-ms-input-placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

.search-bar input::placeholder {
    color: #999;
    font-family: "Noto Sans KR", sans-serif
}

.search-bar--wrap {
    margin: 10px 0 40px
}

.search-bar--wrap:focus-within {
    border-color: #222222
}

.search-bar--input {
    padding: 12px;
    font-size: 28px;
    font-family: "Noto Sans KR", sans-serif
}

.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 80px
}

.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: #0162ab
}

.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 {
    margin: 15px 0
}

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

.search-author .author-card--content-image figure img {
    vertical-align: bottom
}

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

.parent {
    margin-bottom: 48px;
    height: 24px
}

.parent .prev,
.parent .next {
    height: 24px
}

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

.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: 15px
}

.set_calendar ul li:hover {
    background-color: #f7f7f7;
    font-family: "Noto Sans KR", sans-serif;
    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: #0162ab;
    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
}

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

.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 .author-card {
    margin: 0
}

.author-card-list .author-card .author-role {
    display: none
}

.author-card-list .author-card.only {
    padding: 12px 16px
}

.author-card-list .author-card.nth {
    padding: 12px 16px;
    border-top: 0;
    border-bottom: 0
}

.author-card-list .author-card.first {
    padding: 16px 16px 12px 16px;
    border-bottom: 0
}

.author-card-list .author-card.last {
    padding: 12px 16px 12px 16px;
    border-top: 0
}

.author-card-list .author-card--content-image img {
    height: 44px;
    width: 44px
}

.author-card-list .author-card--bio {
    padding-top: 4px
}

.author-card-list .bio-text {
    color: #707070
}

.author-card-list .bio-text .author-role {
    display: none
}

.author-card-list .author-card--content {
    margin: 0
}

.author-card-list .author-card--content h3 {
    font-size: 16px;
    line-height: 1.5
}

.author-card-list .heading-container h3 a {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700
}

.layout--bg.biz-wide {
    padding: 0
}

.biz-wide .article-dateline {
    max-width: 616px;
    flex-basis: 616px;
    margin: 0 auto 24px
}

.biz-wide .article-body .h1,
.biz-wide .article-body .h2,
.biz-wide .article-body .h3,
.biz-wide .article-body .h4,
.biz-wide .article-body .h5,
.biz-wide .article-body .h6 {
    max-width: 616px;
    flex-basis: 616px;
    margin-left: auto;
    margin-right: auto
}

.biz-wide .article-body__content-image,
.biz-wide .article-body__content-text,
.biz-wide .article-body__content-list,
.biz-wide .article-body__content-blockquote,
.biz-wide .article-body__content-pullquote,
.biz-wide .article-body__content-video,
.biz-wide .article-body__content-rawhtml,
.biz-wide .article-body__content .oembed {
    max-width: 616px;
    flex-basis: 616px;
    margin-left: auto;
    margin-right: auto
}

.biz-wide .article-body__content-rawhtml {
    text-align: center
}

.biz-wide .article-control-bar {
    transform: translateX(0)
}

.biz-wide .fullwidth.article-body__content-image {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%
}

.biz-wide .article-body__content.article-body-table-dimensions,
.biz-wide .wide-oembed {
    max-width: 616px;
    flex-basis: 616px;
    margin-left: auto;
    margin-right: auto
}

.biz-wide .article-body__content--align-left.box--float-left.font--primary {
    float: none;
    text-align: left
}

.biz-wide .article-body__content--align-right.box--float-right.font--primary {
    float: none;
    text-align: right
}

.biz-wide .article-body__content--align-center {
    text-align: center
}

.biz-wide .article-body__content--align-left.article-body__content-image {
    width: 34%;
    max-width: 210px;
    min-width: 210px;
    margin-right: 24px;
    margin-left: 25%
}

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

.biz-k-login {
    max-width: 588px;
    margin: 0 auto;
    padding: 320px 0
}

.form-header {
    margin-bottom: 80px
}

.form-header .logo {
    width: 382px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 28px;
    font-size: 0
}

.form-header .logo img {
    display: block;
    width: 100%
}

.form-header p {
    margin: 0 auto;
    font-size: 36px;
    line-height: 1.39;
    font-family: "Noto Sans KR", sans-serif;
    text-align: center
}

.form-content .form-group {
    margin-top: 24px;
    font-family: "Noto Sans KR", sans-serif
}

.form-content .form-group label {
    display: block;
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 1.4
}

.form-content .form-group input {
    width: 100%;
    height: 64px;
    padding: 14px 12px;
    font-size: 18px;
    line-height: 1.44;
    font-weight: 700;
    border: 1px solid #d7d7d7;
    box-sizing: border-box
}

.form-content .form-group input:focus,
.form-content .form-group input:hover {
    outline: none;
    border: 1px solid #222
}

.form-content .form-group button {
    width: 100%;
    height: 86px;
    padding: 0;
    color: #fff;
    font-size: 23px;
    line-height: 1.39;
    font-weight: 700;
    text-align: center;
    background: #222;
    box-sizing: border-box;
    border: 0;
    cursor: pointer
}

.form-info span:after {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 16px;
    background: #eaeaea
}

.layout-main {
    min-height: calc(100vh - 340px)
}

.layout-main-pan {
    max-width: 1312px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
}

.layout-main-pan dt {
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 16px;
    justify-content: space-between;
    margin-top: 32px
}

.layout-main-pan dt .pan-box {
    width: 100%
}

.layout-main-pan dt .pan-box img {
    width: 100%;
    display: block
}

.layout-main-pan dt:nth-child(1),
.layout-main-pan dt:nth-child(2),
.layout-main-pan dt:nth-child(3),
.layout-main-pan dt:nth-child(4) {
    margin-top: 0
}

.layout--bg {
    background-color: #FFFFFF;
}

.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: 16px
}

.layout__comment {
    padding: 32px 0 80px
}

.layout__search {
    padding-bottom: 40px
}

.layout--mypage {
    padding-bottom: 80px
}

.layout__art-wide {
    background-color: #f7f7f7;
    padding-top: 24px
}

.secion-special {
    overflow-x: hidden
}

ul {
    padding-left: 10px
}

.ul_horizontal-social {
    list-style:none;
    margin: 0px;
    padding: 0px;
    float: right;
}

.item__social_a {
    margin: 0px;
    padding: 0px;
}

.nav__side-menu-item-social>div.social__width {
    width: 100%;
}

.nav__side-menu-item-social>a.item__social_a {
    padding: 0px 16px 0px 0px;
}

.side-menu-item_bottom_social {
    position: relative;
    top: 2px;
}

ul.link-list {
    padding-left: 0
}

ul.link-list li:before {
    display: none
}

ul.link-list li.content-list-item a {
    border: 0
}

ul.link-list li.content-list-item a>span {
    border-bottom: 1px solid #c8c8c8
}

ul.link-list li.content-list-item figure img {
    height: 52px
}

ul li:before {
    content: "•";
    color: #999;
    padding-right: 4px
}

ol {
    counter-reset: item;
    padding-left: 10px
}

ol li:before {
    font-weight: 700;
    color: #222;
    content: counter(item) ". ";
    counter-increment: item;
    font-family: "Noto Sans KR", sans-serif
}

li {
    display: block
}

.event_none {
    pointer-events: none;
}

.box--margin-right-auto {
    margin: auto;
    margin-right: 0;
}

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

.memberChk-line {
    width: 443px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.book-mork-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.buybook-btn-disabled {
    color: #999999;
    background: #D7D7D7;
    cursor: auto;
}

/* .keep__login_checked input[type=checkbox]:checked + label svg path{
    fill: #222222;
    d: M18 18H0V0H18V18ZM14.257 5.18103L15.106 6.03003L7.89404 13.242L2.89404 8.24203L3.74204 7.39303L7.89404 11.545L14.257 5.18103Z;
} */
@media only screen and (min-width: 1024px) {
    #header {
        position: relative;
        z-index: 99;
    }

    .header-main {
        top: 40px
    }

    .font--size-md-52 {
        font-size: 52px
    }

    .font--size-md-40 {
        font-size: 40px
    }

    .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.39;
        letter-spacing: -1px
    }

    .hs2 {
        font-size: 56px;
        line-height: 1.4;
        letter-spacing: -1px
    }

    .hs3 {
        font-size: 28px
    }

    .h1 {
        font-size: 40px;
        line-height: 1.4;
        letter-spacing: -1px
    }

    .h2 {
        font-size: 36px;
        line-height: 1.39;
        letter-spacing: -1px
    }

    .h3 {
        font-size: 23px
    }

    .h4 {
        font-size: 20px
    }

    .h5 {
        font-size: 18px;
        line-height: 1.44
    }

    .h6 {
        font-size: 15px;
        line-height: 1.33
    }

    .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-md {
        margin-top: 16px
    }

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

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

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

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

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

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

    .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--margin-right-xxl-2 {
        margin-right: 32px;
    }

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

    .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: "Noto Sans KR", sans-serif;
        font-weight: 700;
        font-size: 40px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 0
    }

    .article-header__headline+p {
        margin-top: 24px
    }

    .article-dateline {
        flex-direction: initial;
        align-items: center;
        margin-bottom: 24px
    }

    .article-control-bar-wrap .article-control-bar-menu {
        right: 6px;
        left: auto;
        top: 48px
    }

    .article-time {
        padding-bottom: 0
    }

    .article-control-bar-menu {
        top: 60px;
        right: 0
    }

    .article-control-bar-menu-share {
        width: 188px;
        top: 0;
        left: 66px
    }

    .article-control-bar-menu-font {
        top: 58px;
        left: 66px
    }

    .article-tags a {
        line-height: 20px
    }

    .article-menu-bar svg path {
        fill: #999
    }

    .article-menu-bar svg.active path {
        fill: #222
    }

    .article-menu-bar svg:hover path {
        fill: #222
    }

    .fixed-placeholder {
        min-height: 134px
    }

    .fixed-placeholder.isFixed {
        min-height: 40px
    }

    .nav {
        height: 134px
    }

    .nav__masthead {
        padding: 0 16px
    }

    .nav__masthead-center svg {
        width: 190px;
        height: 60px
    }

    .nav.scroll .nav__masthead-center svg {
        width: 111px;
        height: 34px
    }

    .nav.scroll .nav__bar .nav__bar-center .scroll-logo svg {
        width: 202px;
        height: 18px
    }

    .nav.not_scroll .nav__bar .nav__bar-center .scroll-logo svg {
        width: 202px;
        height: 18px
    }

    .relcop-nav__bar {
        padding: 0 10px
    }

    .footer {
        padding-bottom: 36px
    }

    .author-card.columnist-mode h3 {
        font-size: 18px
    }

    .author-card.columnist-mode .author-role {
        display: block;
        font-size: 14px;
        color: #707070;
        margin-top: 4px
    }

    .author-card.columnist-mode .author-card--content-image img {
        height: 56px;
        width: 56px
    }

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

    .tag-header h1 {
        line-height: 38px;
        margin-bottom: 24px
    }

    .slick-slide>div {
        margin-left: -12px;
        margin-right: -12px
    }

    .slick-slide--item {
        padding-left: 12px;
        padding-right: 12px
    }

    .story-card-container .story-card-wrapper.story-card--sm {
        display: none
    }

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

    .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_616X250_340X280 {
        width: auto;
        height: 280px
    }

    .arcad-wrapper.size_500X250_300X250 {
        width: auto;
        height: 250px
    }

    .identity-wrapper {
        padding: 100px 0;
        max-width: 400px
    }

    .identity-wrapper-complete {
        padding: 204px 0;
        max-width: 640px
    }

    .identity-wrapper-auth-complete {
        padding: 257px 0;
        max-width: 640px
    }

    .identity-wrapper-first-log {
        padding: 120px 0 225px;
        max-width: 560px
    }

    .identity-wrapper-emailchk {
        padding: 120px 0 203px;
        max-width: 400px
    }

    .identity-wrapper-newPw-complete {
        padding: 192px 0;
        max-width: 400px
    }

    .identity-mypage-ID {
        font-size: 20px;
        color: #222222;
        vertical-align: middle;
        text-align: center
    }

    .layout-main-pan .pan-box .emptyPlace .image-wrapper {
        min-height: 121px
    }

    .author-vip-card img {
        max-width: 136px
    }

    .author-vip-card h5 {
        font-size: 18px
    }

    .search-option .hover-option:hover {
        background-color: #f7f7f7;
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 700
    }

    .author-card-list .separator-container {
        padding: 0 16px
    }

    .author-card-list .author-card--content-image img {
        height: 60px;
        width: 60px
    }

    .author-card-list .heading-container h3 {
        font-size: 15px;
        line-height: 1.33
    }

    .author-card-list .heading-container .bio-text {
        font-size: 14px;
        line-height: 1.43
    }

    .layout__article-col-wide {
        width: 616px;
        max-width: 616px;
        flex-basis: 616px;
        padding: 0
    }

    .biz-wide>div [class*="GalleryDiv"] {
        max-width: auto
    }

    .biz-wide .article-body__content--align-left.article-body__content-image {
        margin-left: 0;
        margin-right: 24px
    }

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

    .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: 24px
    }

    .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: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
        position: relative
    }

    .layout__art-wide {
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        left: 50%;
        right: 50%;
        position: relative
    }

    .one__line {
        white-space:nowrap;
    }

    .pc--btn-none {
        display: none;
    }

    .width--md-14 {
        width: 14%;
    }

    .width--md-29-complete {
        width: 29%;
    }

    .text-width-relative {
        position: relative;
        width: 582px;
        right: 89px;
    }

    .pc-login-btn {
        padding: 13px 32px;
        gap: 10px;
        width: 184px;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        margin-right: 32px;
    }

    .pc-login-btn:last-child {
        margin-right: 0;
    }

    .signin-modal-btn {
        width: 400px;
        padding: 12px 48px; 
    }

    .agreeIn {
        width: 100%;
    }

    .img-radius-50 {
        width: 184px;
        height: 184px;
        margin: auto;
        border-radius: 50%;
        object-fit: cover;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
    .font--size-md-52 {
        font-size: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box--hidden-md-only {
        display: none
    }

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

    .article-header__breadcrumb {
        padding: 0;
        width: 616px;
        margin: auto;
        padding-top: 24px
    }

    .article-header__headline-container {
        padding: 0;
        width: 616px;
        margin: auto;
        padding-top: 12px
    }

    .article-header__headline-native {
        padding-top: 24px
    }

    .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 svg path {
        fill: #222
    }

    .nav__masthead-left,
    .nav__masthead-right {
        padding: 8px 0;
        height: 48px
    }

    .nav__masthead .search-bar--wrap {
        width: 200px
    }

    .nav__bar-center {
        margin-bottom: 0;
        padding: 8px 0;
        justify-content: center
    }

    .nav__bar-center-link .link-text {
        font-size: 15px
    }

    .stock-currency {
        display: flex
    }

    .stock-currency__stock {
        padding-right: 12px
    }

    .stock-currency__currency {
        border-left: 1px solid #eaeaea;
        padding-left: 12px
    }

    .story-card-container .story-card-wrapper.story-card--lg {
        display: none
    }

    .arcad {
        margin: 0 -36px
    }

    .biz-wide .article-control-bar {
        transform: none;
        left: 0
    }

    .layout-main-pan {
        max-width: 768px;
        padding-left: 22px;
        padding-right: 22px
    }

    .layout-main-pan dt {
        flex-basis: 33.3%;
        max-width: 33.3%;
        padding: 0 13px;
        margin-top: 24px
    }

    .layout-main-pan dt:nth-child(1),
    .layout-main-pan dt:nth-child(2),
    .layout-main-pan dt:nth-child(3) {
        margin-top: 0
    }

    .layout-main-pan dt:nth-child(4) {
        margin-top: 24px
    }

    .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 (min-width: 1024px) {
    .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 {
        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-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-xs {
        padding-right: 8px
    }

    .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: -webkit-min-content;
        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%
    }

    .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__headline-native {
        padding-top: 24px
    }

    .article-header__lead-art-caption {
        padding-left: 0
    }

    .powa+.article-header__lead-art-caption {
        justify-content: left
    }

    .article-control-bar {
        transform: translateX(-76px)
    }

    .nav__masthead {
        padding: 0
    }

    .nav__masthead-center svg {
        width: 236px;
        height: 74px
    }

    .nav.scroll {
        height: 68px;
    }

    .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: 202px;
        height: 18px
    }

    .nav.not_scroll .nav__bar .nav__bar-center .scroll-logo svg {
        width: 202px;
        height: 18px
    }

    .relcop-nav__bar {
        padding: 0
    }

    .breaking-news-biz__headline {
        margin-top: 3px
    }

    .breaking-news-biz__headline-text {
        max-width: 700px
    }

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

    .arcad-wrapper.size_616X250_340X280 {
        width: auto;
        height: 250px
    }

    .layout-main-pan .pan-box .emptyPlace .image-wrapper {
        min-height: 124px
    }

    .author-vip-card img {
        max-width: 184px
    }

    .biz-wide>div [class*="GalleryDiv"] {
        max-width: 616px;
        margin: auto
    }

    .biz-wide .article-body__content--align-left.article-body__content-image {
        margin-left: calc(34% - 108px)
    }

    .biz-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 {
        padding-left: 0;
        padding-right: 0
    }

    .layout--bg {
        padding: 0 8px
    }

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

    .footer__logo-economy {
        margin-top: 19px;
    }

    .member-cancel {
        margin-left: auto;
    }
}

@media only screen and (min-width: 1024px) 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-header__headline-native {
        padding-top: 24px
    }

    .article-control-bar {
        transform: translateX(-116px)
    }

    .layout-main-pan .pan-box .emptyPlace .image-wrapper {
        min-height: 164px
    }

    .biz-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: 0 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: 1023px) {
    .font--size-sm-36 {
        font-size: 36px
    }

    .font--size-sm-28 {
        font-size: 28px
    }

    .font--size-sm-24 {
        font-size: 24px
    }

    .font--size-sm-23 {
        font-size: 23px
    }

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

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

    .box-md--top-xs {
        padding-top: 8px
    }

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

    .box--sm-margin-right-xs {
        margin-right: 16px;
    }

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

    .box--hidden-sm {
        display: none
    }

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

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

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

    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
    }

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

    .nav__masthead-center .cover-logo {
        max-height: 48px;
        max-width: 240px
    }

    .nav__masthead-center svg {
        width: 111px;
        height: 34px
    }

    .nav__bar {
        overflow: hidden;
        min-height: 48px;
        max-height: 48px;
    }

    .nav.not_scroll {
        height: 48px;
    }
    
    .nav__bar-left {
        max-width: 36px;
    }

    .nav__bar-center {
        height: 38px;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .nav__bar-center-main {
        width: 434px;
        padding-left: 12px;
    }

    .nav__bar-center::-webkit-scrollbar {
        display: none
    }

    .nav .menu-overlay.active {
        width: 100%;
        /* 모바일 화면 늘어짐 현상으로 삭제 */
        /* height: 100vh; */
        position: absolute;
        top: 89px;
        background: rgba(0, 0, 0, 0.4);
        z-index: 9
    }

    .nav__side-menu {
        width: 304px;
        overflow: auto
    }

    .nav .mypage-side-menu-container ul {
        /* height: calc(100vh - 665px);  */
        height: 178px;
        padding-bottom: 0px;
    }

    .nav__side-menu-item:hover {
        background: none
    }

    .nav__side-menu-child-menu {
        background: #f7f7f7;
        width: 100%;
        position: static;
        right: unset;
        box-shadow: unset;
        max-height: 0
    }

    .nav__side-menu-child-item {
        display: inline-block;
        width: 50%
    }

    .nav.scroll .nav__masthead-center svg {
        width: 111px;
        height: 34px
    }

    .nav.scroll .nav__bar .nav__bar-center .scroll-logo svg {
        width: 202px;
        height: 18px
    }

    .nav.not_scroll .nav__bar .nav__bar-center .scroll-logo svg {
        width: 144px;
        height: 16px
    }

    .nav.scroll .menu-overlay.active {
        top: 48px
    }

    .nav__dropdown-menu {
        display: none
    }

    .nav .search-bar--wrap {
        margin: 6px 10px;
        width: 100%;
        height: 40px;
        padding-left: 12px;
    }

    .nav .search-bar--input {
        padding: 7px 0
    }

    .nav .search-bar--input::placeholder {
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        color: #222222;
        background: #ffffff;
    }

    .nav .search-bar--input:focus {
        background: #ffffff;
    }

    .nav .search-bar--submit {
        padding: 0;
        /* min-width: auto */
        margin-left: 12px;
        margin-right: 6px;
    }

    .relcop-nav__bar {
        padding: 0 10px
    }

    .relcop-nav__biArea {
        display: none
    }

    .relcop-nav__logo svg {
        width: 75px;
        height: 16px
    }

    .relcop-gnb-dropdown {
        display: none
    }

    .breaking-news-biz {
        height: 42px
    }

    .author-card {
        display: block;
        margin-top: 12px;
        margin-bottom: 16px
    }

    .author-card--content {
        margin: auto 0
    }

    .author-card--content .heading-container {
        margin: auto 0
    }

    .author-card--content-header {
        display: table-cell
    }

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

    .author-card--content-social a:first-child {
        padding-left: 0
    }

    .Toastify__toast-container {
        left: 0;
        bottom: 0;
        transform: translateX(0);
        padding: 16px;
        width: 100%
    }

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

    .comment-card__commentcontent {
        line-height: 1.5
    }

    .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-wrapper.story-card--md {
        display: none
    }

    .story-card-container .story-card-wrapper.story-card--lg {
        display: none
    }

    .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_616X250_340X280 {
        width: 340px;
        height: 280px
    }

    .arcad-wrapper.size_500X250_300X250 {
        width: 300px;
        height: 250px
    }

    .arcad-wrapper.article-body__content {
        margin-bottom: 18px
    }

    .identity-header {
        margin-bottom: 32px;
        line-height: 1.42
    }

    .identity-modal--term {
        /* width: 328px;
        height: 576px;
        padding-left: 12px;
        padding-right: 8px */
        /* 풀페이지 모달로 변경 */
        width: 100%;
        height: 100%;
        padding: 0;
        padding-top: 52px;
    }

    .identity-modal--term-content {
        padding-right: 16px
    }

    .identity-emailModal {
        padding: 56px 20px
    }

    .identity-newPwModal {
        padding: 40px 30px 36px 24px
    }

    .identity-modalemailcontent {
        width: 100%;
        box-sizing: border-box;
        margin: 0 16px;
        height: auto
    }

    .identity-emailModalInstruction {
        padding: 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
    }

    .layout-main-pan .pan-box .story-card__headline {
        height: 2.88em
    }

    .layout-main-pan .pan-box .story-card-container .story-card-block.story-card-block--art-100:empty:after {
        content: none
    }

    .layout-main-pan .pan-box .emptyPlace .image-wrapper {
        min-height: 190px
    }

    .mypage--menu-tab .nav__bar {
        padding: 9px 0 10px
    }

    .mypage--menu-tab .nav__bar-center {
        padding: 0
    }

    .mypage--menu-tab .nav__bar-center-link {
        padding: 0px 24px 0px 0px;
    }

    .mypage--profile .sub-header {
        margin-left: 0;
    }

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

    .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--top-promotion {
        padding: 24px 0;
        height: 115px;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzntr.pubfha.pbz%2Spubfhaovm%2Snep%2Scebzbgvba-ot-z.wct");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center
    }

    .mypage--top-promotion h1 {
        font-size: 16px
    }

    .mypage--top-promotion span {
        display: block;
        margin: auto;
        max-width: 168px
    }

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

    .modalPost-layer--top-promotion {
        margin-top: 16px;
        padding: 24px 0;
        height: 115px;
        background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzntr.pubfha.pbz%2Spubfhaovm%2Snep%2Scebzbgvba-ot-z.wct");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center
    }

    .modalPost-layer--top-promotion h1 {
        font-size: 16px
    }

    .modalPost-layer--top-promotion span {
        display: block;
        margin: auto;
        max-width: 168px
    }

    .mypage_top-distance {
        margin-top: 32px;
        padding: 0 16px
    }

    .search-bar {
        border: none
    }

    .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 56px
    }

    .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 {
        display: flex
    }

    .layout__article-col-wide {
        padding: 0 16px
    }

    .biz-wide .fullwidth.article-body__content-image {
        max-width: 616px
    }

    .biz-wide .article-body__content--align-left.article-body__content-image {
        margin-left: 0;
        margin-right: 16px
    }

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

    .biz-k-login {
        max-width: 400px;
        padding: 128px 16px
    }

    .form-header {
        margin-bottom: 40px
    }

    .form-header .logo {
        width: 229px;
        height: 48px;
        margin-bottom: 16px
    }

    .form-header p {
        font-size: 18px;
        line-height: 1.44
    }

    .form-content .form-group {
        margin-top: 16px
    }

    .form-content .form-group label {
        font-size: 15px;
        line-height: 1.33
    }

    .form-content .form-group input {
        height: 48px;
        font-size: 15px;
        line-height: 1.33
    }

    .form-content .form-group button {
        height: 56px;
        font-size: 18px;
        line-height: 1.44
    }

    .layout-main {
        min-height: calc(100vh - 160px);
        padding-left: 16px;
        padding-right: 16px
    }

    .layout-main-none {
        padding-left: 0;
        padding-right: 0
    }

    .layout-main-pan {
        max-width: 100%
    }

    .layout-main-pan dt {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 16px
    }

    .layout-main-pan dt:nth-child(1) {
        margin-top: 0
    }

    .layout-main-pan dt:nth-child(2),
    .layout-main-pan dt:nth-child(3),
    .layout-main-pan dt:nth-child(4) {
        margin-top: 16px
    }

    .layout__comment {
        padding: 16px 16px 56px
    }

    .layout__section {
        padding-top: 16px
    }

    .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 li.content-list-item .box--margin-right-sm {
        margin-right: 8px
    }

    .identity-wrapper {
        padding: 24px 13px;
        max-width: 480px
    }

    .identity-wrapper-complete {
        padding: 154px 13px;
        max-width: 480px
    }

    .identity-wrapper-auth-complete {
        padding: 224px 13px;
        max-width: 480px
    }

    .identity-wrapper-first-log {
        padding: 40px 16px;
        max-width: 480px
    }

    .identity-wrapper-emailchk {
        padding: 40px 16px;
        max-width: 480px
    }

    .identity-wrapper-newPw-complete {
        padding: 204px 16px;
        max-width: 480px;
    }

    .identity-wrapper-mypage {
        padding: 24px 16px;
        max-width: 740px
    }

    .width--33-first-log {
        width: 51%;
    }
    
    .identity-mypage-box {
        padding: 18px 32px 18px 32px;
        width: 100%;
        background-color: #F3F7FA;
        border-radius: 8px;
    }

    .identity-mypage-ID {
        font-size: 15px;
        color: #222222;
        vertical-align: middle;
        text-align: center;
    }

    .box--pad-top-xxl-6 {
        padding-top: 0;
    }

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

    .box--sm-margin-bottom-ss {
        margin-bottom: 6px;
    }

    .box--sm-margin-bottom-se {
        margin-bottom: 8px;
    }

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

    .box--sm-margin-bottom-xs {
        margin-bottom: 16px;
    }

    .box--margin-top-xxl-5 {
        margin-top: 24px;
    }

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

    .mypage--menu-tab {
        overflow: auto;
        margin-left: 0;
    }

    .mypage--menu-tab-scrap {
        overflow: auto;
        margin-left: auto;
    }

    .mypage--menu-tab .nav__bar-mypage {
        padding: 16px 34px 16px 0;
    }

    .identity-mypage-ID .identity-mypage-mark {
        display: block;
        margin: 0px auto 8px;
    }
    
    .none-subscribe {
        margin-bottom: 8px; 
        font-size: 15px; 
        display: block;
    }

    .myInfo-left-cell {
        font-size: 14px;
        font-weight: 700;
        padding: 13px 9px;
        background: #F3F7FA;
        color: #222222;
        /* border-bottom: 1px solid #EAEAEA; */
        /* border-right: 1px solid #DDDDDD; */
        text-align: left;
    }

    .myInfo-right-cell{
        font-size: 14px;
        font-weight: 400;
        padding: 13px 16px;
        color: #222222;
        /* border-bottom: 1px solid #EAEAEA; */
        /* border-right: 1px solid #DDDDDD; */
        text-align: left;
    }

    .width--65-mypage-info {
        width: 100%;
    }

    .mo--btn--mypage-myinfo {
        background-color: #F7F7F7;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #222222;
        float: left;
        width: 48px;
        height: 28px;
        padding: 4px 11px;
        margin-top: 12px;
    }

    .width--53-myinfo {
        width: 53%;
    }

    .width--47-myinfo {
        width: 53%;
    }

    .width--35-sm-btn {
        width: 35%;
    }

    .mo--btn-none {
        display: none;
    }

    .nav_signup .signip_li {
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        color: #ffffff;
        margin-right: -4px;
        text-align: center;
        background: #D7D7D7;
        border-radius: 100%;
    }

    .nav_signup ul li .num {
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        color: #ffffff;
        text-align: center;
        background: #D7D7D7;
        border-radius: 100%;
    }

    .nav_signup .mid-line {
        display: inline-block;
        width: 100px;
        height: 1px;
        line-height: 32px;
        text-align: center;
    }

    .nav_signup ul li hr {
        display: inline-block;
        width: 100px;
        height: 1px;
        color: #D7D7D7;
        text-align: center;
        background: #D7D7D7;
        border: none;
    }

    .nav_signup-text {
        top: -4px;
        left: -8px;
        position: relative;
        word-break: keep-all;
    }

    .width--sm-40-complete {
        width: 40%;
    }

    .delete-moBtn {
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 95%;
    }

    .btn-mo-height {
        height: 48px;
    }

    .economy-mo-none {
        display: none;
    }

    .mo-footer-custom {
        padding-top: 0;
    }
    
    .mo-login-btn{
        padding: 13px 32px;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        margin-right: 8px;
        width: 160px;
    }

    .agreeIn {
        width: 328px;
    }

    .signin-modal-btn {
        width: 282px;
        padding: 12px 48px;
    }

    .img-radius-50 {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
    }

    .nav__side-menu ul {
        height: calc(100vh - 100px);
    }

    .sm-block {
        display: block;
    }
}

@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 .relcop-nav__bar,
    .article .dfpAd,
    .article .arcad,
    .article .comment-feed,
    .article .raw-html,
    .article .flex-chain-wrapper,
    .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 img {
        margin: 0 auto
    }

    .article .heading-container {
        height: 33px
    }

    .article .separator-container {
        padding: 0
    }
}

@media only screen and (max-width: 1023px) {
    .layout-main-left {
        border: 0;
        padding: 0
    }

    .layout-main-right {
        padding-left: 0
    }
}