@media (min-width: 769px) {
body { font-family: 'Pretendard', var(--mwzd-font); }
.single-post .mwzd-singular-content-wrap { padding-inline: 21px; }
.inside-article .post-navigation { margin: var(--space-5) -25px !important; width: calc(100% + 50px) !important; box-sizing: border-box !important; }
.main-navigation .inside-navigation { padding-inline: 21px; }
:is(.menu-toggle, .main-navigation.mwzd-stuck .menu-toggle, .main-navigation .menu-bar-item>a, .menu-bar-item.search-item) { display: none !important; }
#right-sidebar { position: relative !important; top: 0; bottom: auto; height: auto !important; background-color: var(--site-content-color); width: calc(30% - 1px); }
.site-content .content-area { width: 70%; background-color: var(--site-content-color); }
body.mwzd-content-only-template .site-content .content-area, body.mwzd-content-only-template .site-content .site-main, body.mwzd-content-only-template .site-content article.page, body.mwzd-content-only-template .site-content .inside-article, body.mwzd-content-only-template .site-content .entry-content { width: 100% !important; max-width: none !important; box-sizing: border-box; }
body.mwzd-content-only-template .site-content .content-area { flex: 1 1 100%; }
body.mwzd-content-only-template .site-content .entry-content { padding-bottom: 25px; }
.inside-right-sidebar { position: sticky !important; top: 40px !important; z-index: 10; height: fit-content !important; margin-block-start: 10px; }
.inside-navigation { display: flex !important; align-items: flex-end !important; justify-content: space-between; position: relative; z-index: 100; padding-block-end: 0 !important; min-height: 0 !important; }
.navigation-branding { height: 100%; display: flex !important; align-items: flex-end !important; margin-inline-end: auto; align-self: stretch; }
.navigation-branding .main-title, .navigation-branding .main-title a { height: 100%; display: flex; align-items: flex-end; margin: 0; }
.navigation-branding .main-title>:is(.marketwzd-text-logo-container, div.marketwzd-text-logo-container) { align-items: flex-end !important; }
.main-navigation { .main-nav>ul { display: flex !important; align-items: flex-start; position: relative !important; margin-block-end: 0 !important; >li { border: none !important; width: auto !important; >a { display: flex !important; align-items: center !important; }
}
}
&:is(.is_stuck, .is-sticky) .main-nav>ul { position: static; margin-block-end: 0 !important; }
ul ul { display: block !important; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out; pointer-events: none; left: 0; }
ul li:hover>ul, ul li.sfHover>ul { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
&:not(.mwzd-stuck) .main-nav .dropdown-menu-toggle { display: inline-flex !important; align-items: center !important; line-height: 0 !important; margin-block-start: 0 !important; padding-block: 0 !important; }
&:not(.mwzd-stuck) .gp-icon svg { top: 0 !important; display: block !important; }
&.mwzd-stuck { background: transparent !important; box-shadow: none !important; border: 0 !important; overflow: visible !important; .inside-navigation { max-width: var(--mwzd-container-width, 1250px) !important; background: var(--lighter-bg) !important; border: 1px solid var(--border-color) !important; border-block-start: 0 !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; overflow: visible !important; align-items: center !important; }
.main-nav { height: 100% !important; align-items: stretch !important; >ul { height: 100% !important; align-items: stretch !important; margin: 0 !important; >li { height: 100% !important; display: flex !important; align-items: center !important; position: relative !important; >a { height: 100% !important; display: flex !important; align-items: center !important; padding-block: 0 !important; }
}
}
.dropdown-menu-toggle { display: inline-flex !important; align-items: center !important; align-self: center !important; line-height: 0 !important; margin-block-start: 0 !important; padding-block: 0 !important; }
ul ul { top: var(--mwzd-nav-height, 45px) !important; }
}
}
&.is_stuck .main-nav>ul { >li, >li>a { height: 100% !important; }
>li { position: relative !important; >a { display: flex !important; align-items: center !important; }
>ul { top: 100% !important; }
}
}
}
.sticky-enabled .main-navigation.is_stuck { border-inline: 1px solid var(--border-color); border-block-end: 1px solid var(--border-color); box-shadow: 0 5px 15px rgba(0, 0, 0, .1); }
:is(.single .featured-image.page-header-image-single, .page .featured-image.page-header-image) { aspect-ratio: auto !important; height: auto !important; margin-inline: auto !important; display: block !important; }
:is(.single .featured-image.page-header-image-single img, .page .featured-image.page-header-image img) { width: 100%; max-width: 1250px !important; height: 320px !important; object-fit: cover; object-position: center; margin-inline: auto; display: block; aspect-ratio: 1250 / 320; }
.resize-featured-image .post-image a>img, :is(.archive, .blog, .home, .search):is(.featured-image a>img, .post-image a>img) { border: 1px solid var(--light-border) !important; border-radius: 2px; display: block; }
body.home.blog:not(.paged) .site-main { display: block; padding: 0 !important; width: 100%; box-sizing: border-box;:is(.paging-navigation, .wp-pagenavi) { width: 100%; border-block-start: none; padding-block-start: 0; display: flex; justify-content: flex-start; padding-inline: 0; box-sizing: border-box; }
}
.mwzd-front-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--featured-gap); width: 100%; margin-block: 0 auto !important; padding: 0 var(--space-20) var(--space-30) !important; box-sizing: border-box; contain: layout; background: 0 0 !important; border-block-end: var(--border-double) !important; border-radius: 0; article { background: 0 0 !important; border-radius: 3px; overflow: hidden; display: flex; flex-direction: column; width: 100% !important; height: 100% !important; margin: 0 !important; box-shadow: none !important; &.mwzd-front-hero { grid-column: 1 / -1; margin-inline: -20px !important; width: calc(100% + 40px) !important; padding: 21px var(--space-20) 3px !important; border: none !important; border-block-end: var(--border-double) !important; border-radius: 0; .post-image img { aspect-ratio: 1250 / 420; max-height: 400px; width: 100%; object-fit: cover; border: 1px solid var(--light-border) !important; border-radius: 3px !important; }
.entry-summary p:not(.read-more-container), .entry-header { padding-inline: 3px !important; }
.entry-header h2.entry-title { font-size: 185%; }
.entry-header .entry-meta { padding: 0 !important; margin-block-start: 5px; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start; }
footer.entry-meta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; margin-block-start: 5px !important; >span { display: block !important; width: 100%; margin: 0 !important; }
}
.read-more { margin-block: 15px 3px !important; }
}
.inside-article { padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; background: 0 0 !important; }
.post-image { margin-block-end: 0 !important; }
.entry-header { padding: 9px var(--space-15) 0 !important; margin: 0; }
.entry-title { line-height: 1.35; font-weight: 700; margin: 0; border: none !important; text-align: left; a { color: var(--text-color); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-wrap: wrap; word-break: break-all; overflow-wrap: anywhere; line-break: auto; hyphens: manual; text-overflow: ellipsis; width: 100%; &:hover { color: var(--primary-color); text-decoration: underline; }
}
}
.entry-summary { color: var(--text-color); line-height: 1.5; padding: 0 var(--space-15) var(--space-5) !important; height: auto; overflow: visible; flex-grow: 1; display: flex; flex-direction: column; p:not(.read-more-container) { margin-block-start: 0 !important; margin-block-end: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; font-size: 1.1rem; }
}
}
}
body.home.blog:not(.paged) .mwzd-front-grid-wrapper article.mwzd-front-hero .entry-summary { padding-inline: 3px !important; }
body.home.blog:not(.paged) .mwzd-front-grid-wrapper article.mwzd-front-hero .entry-summary p:not(.read-more-container) { padding-inline: 0 !important; }
.mwzd-front-grid-item { border: 1px solid var(--border-color) !important; border-radius: 3px; .post-image { border-block-end: 1px solid var(--border-color) !important; border-radius: 0 !important; position: relative; overflow: hidden; z-index: 1; img { aspect-ratio: 2.35 / 1 !important; width: 100%; object-fit: cover; border: 0 !important; border-radius: 0 !important; transition: transform .4s ease !important; }
}
&:hover .post-image { border-block-end: 1px solid var(--border-color) !important; img { transform: scale(1.03); border: 0 !important; }
}
.entry-title { font-size: 1.35rem; }
.entry-meta { display: inline-flex !important; border-block-start: none; margin-block-start: 5px; font-size: .85em; text-align: left; margin-block-end: 0;:is(.byline, .comments-link) { display: none !important; }
}
footer.entry-meta { display: none !important; }
.read-more { margin-block: 9px 3px !important; }
.entry-summary p.read-more-container:is(a.read-more, a.more-link, a.wp-block-post-excerpt__more-link) { min-height: 32px; }
.mwzd-post-views-injected { display: none !important; }
}
:is(.blog.paged, .archive, .search) article.post .inside-article { padding-block-start: 21px !important; }
:is(.blog.paged, .archive, .search) article.has-post-thumbnail .inside-article { display: grid; grid-template-columns: minmax(0, 1fr) 280px; grid-template-rows: auto 1fr auto; grid-template-areas: "header header" "summary image" "footer footer"; gap: 0 var(--space-15); align-items: start; >* { min-width: 0; }
.entry-header { grid-area: header; margin-block-end: 10px; width: 100%; }
.entry-summary { grid-area: summary; margin: 0; width: 100%; }
.entry-meta { grid-area: footer; width: 100%; border-block-start: none !important; }
.post-image { grid-area: image; margin: 0 !important; width: 100%; height: auto !important; aspect-ratio: 600 / 338 !important; align-self: start; overflow: hidden !important; border: 1px solid var(--light-border) !important; border-radius: 3px; box-sizing: border-box; img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 0; border: 0 !important; box-sizing: border-box; }
}
}
:is(.blog.paged, .archive, .search) article .entry-summary p:not(.read-more-container) { line-height: 1.75em; }
:is(.blog.paged, .archive, .search) article .entry-summary p:not(.read-more-container) { margin-block-end: 0; }
:is(.blog.paged, .archive, .search) article .entry-summary p.read-more-container { margin-block-start: 1.55em; }
body.single footer.entry-meta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; >span { width: 100%; display: block; margin-block-end: 3px; }
}
.wp-pagenavi { padding-inline-start: 0 !important; margin: 21px 0 21px 21px !important; }
.marketwzd-visitor-counter-mobile-only { display: none !important; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter { width: 100%; display: block; box-sizing: border-box; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi { display: flex; flex-direction: column; width: 100%; }
.widget_marketwzd_visitor_counter_widget .marketwzd-counter-number { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; color: #333; transition: color .3s ease; }
.widget_marketwzd_visitor_counter_widget .marketwzd-counter-label { color: #666; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split { gap: 0; padding: 5px 0; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-item { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04); line-height: 1.35; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-item:last-child { border-bottom: none; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-label { flex: 1 1 auto; min-width: 0; font-size: 16px; font-weight: 400; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget_marketwzd_visitor_counter_widget .marketwzd-visitor-counter-multi.minimal-split .marketwzd-counter-number { flex: 0 0 auto; font-size: 21px; line-height: 1; text-align: right; white-space: nowrap; }
.mwzd-featured-related-grid { grid-template-columns: repeat(2, 1fr); }
.rank-math-html-sitemap { h2::before { content: none !important; display: none !important; }
__list { list-style: none !important; padding-inline-start: 0 !important; margin-inline-start: 0 !important; margin-block-end: 0 !important; .rank-math-html-sitemap__item { display: flex !important; align-items: center; justify-content: space-between; padding-block: 2.75px; border-block-end: none !important; position: relative; padding-inline-start: 15px; transition: background-color .2s; margin: 0 0 8px .25em !important; &:hover { background-color: var(--light-bg); .rank-math-html-sitemap__link { color: var(--primary-color) !important; }
}
&::before { content: "\2022"; color: var(--primary-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 1; font-size: 1.2em; }
}
}
__link { font-size: 1rem !important; font-weight: 400; color: var(--text-color) !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; margin-inline-end: 10px; transition: color .2s ease; &::after { content: ''; position: absolute; inset: 0; z-index: 1; }
}
__date { font-size: .85rem !important; color: #888; white-space: nowrap; flex-shrink: 0; }
}
.mwzd-related-title-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-inline-end: 10px; }
.mwzd-related-post-date { font-size: .75em; color: #666; white-space: nowrap; font-weight: 400; flex-shrink: 0; }
:is(.home, .blog, .archive, .search) .entry-meta span.tags-links { max-width: 91% !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
#mobile-header { display: none !important; }
.main-navigation:not(#mobile-header) { display: block !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .inside-navigation { width: 100% !important; max-width: var(--mwzd-container-width, 1250px) !important; margin-inline: auto !important; padding-inline-start: 21px !important; padding-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav { flex: 0 0 auto !important; margin-inline-start: auto !important; margin-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav>ul { justify-content: flex-end !important; margin-inline-end: 0 !important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 769px) and (max-width: 1366px) {
#mobile-header { display: none !important; }
.main-navigation:not(#mobile-header) { display: block !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .inside-navigation { width: 100% !important; max-width: var(--mwzd-container-width, 1250px) !important; margin-inline: auto !important; padding-inline-start: 21px !important; padding-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav { flex: 0 0 auto !important; margin-inline-start: auto !important; margin-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav>ul { justify-content: flex-end !important; margin-inline-end: 0 !important; }
}
@media (min-width: 769px) {
:is(.no-sidebar, .mwzd-content-only-template) .entry-content .alignfull { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: 100vw !important; max-width: 100vw !important; }
:is(.no-sidebar, .mwzd-content-only-template) .entry-content .alignwide { margin-left: min(0px, calc(50% - 600px)) !important; margin-right: min(0px, calc(50% - 600px)) !important; width: auto !important; max-width: 1200px !important; }
}
@media (min-width: 769px) {
body { font-family: 'Pretendard', var(--mwzd-font); }
:is(body.single, body.page):is(.entry-header, .entry-content) { padding-inline: 15px; }
.main-navigation .inside-navigation { padding-inline: 21px; }
:is(.menu-toggle, .main-navigation.mwzd-stuck .menu-toggle, .main-navigation .menu-bar-item>a, .menu-bar-item.search-item) { display: none !important; }
#right-sidebar { position: relative !important; top: 0; bottom: auto; height: auto !important; background-color: var(--site-content-color); width: calc(30% - 1px); }
.site-content .content-area { width: 70%; background-color: var(--site-content-color); }
body.mwzd-content-only-template .site-content .content-area, body.mwzd-content-only-template .site-content .site-main, body.mwzd-content-only-template .site-content article.page, body.mwzd-content-only-template .site-content .inside-article, body.mwzd-content-only-template .site-content .entry-content { width: 100% !important; max-width: none !important; box-sizing: border-box; }
body.mwzd-content-only-template .site-content .content-area { flex: 1 1 100%; }
body.mwzd-content-only-template .site-content .entry-content { padding-bottom: 25px; }
.inside-right-sidebar { position: sticky !important; top: 40px !important; z-index: 10; height: fit-content !important; margin-block-start: 10px; }
.inside-navigation { display: flex !important; align-items: flex-end !important; justify-content: space-between; position: relative; z-index: 100; padding-block-end: 0 !important; min-height: 0 !important; }
.navigation-branding { height: 100%; display: flex !important; align-items: flex-end !important; margin-inline-end: auto; align-self: stretch; }
.navigation-branding .main-title, .navigation-branding .main-title a { height: 100%; display: flex; align-items: flex-end; margin: 0; }
.navigation-branding .main-title>:is(.marketwzd-text-logo-container, div.marketwzd-text-logo-container) { align-items: flex-end !important; }
.main-navigation .main-nav>ul { display: flex !important; align-items: flex-start; position: relative !important; margin-block-end: 0 !important; }
.main-navigation .main-nav>ul>li { border: none !important; width: auto !important; }
.main-navigation .main-nav>ul>li>a { display: flex !important; align-items: center !important; }
.main-navigation ul ul { display: block !important; opacity: 0; visibility: hidden; transform: translateY(-10px); pointer-events: none; left: 0; }
.main-navigation ul li:hover>ul, .main-navigation ul li.sfHover>ul { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.resize-featured-image .post-image a>img, :is(.archive, .blog, .home, .search):is(.featured-image a>img, .post-image a>img) { border: 1px solid var(--light-border) !important; border-radius: 2px; display: block; }
}
@media (min-width: 769px) and (max-width: 1024px) {
#mobile-header { display: none !important; }
.main-navigation:not(#mobile-header) { display: block !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .inside-navigation { width: 100% !important; max-width: var(--mwzd-container-width, 1250px) !important; margin-inline: auto !important; padding-inline-start: 21px !important; padding-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav { flex: 0 0 auto !important; margin-inline-start: auto !important; margin-inline-end: 0 !important; }
.main-navigation:not(#mobile-header):not(.mwzd-stuck) .main-nav>ul { justify-content: flex-end !important; margin-inline-end: 0 !important; }
}
@media (min-width: 769px) {
.mwzd-smart-reading-bar { left: 35% !important; transform: translateX(-50%) translateY(100px) !important; }
.mwzd-smart-reading-bar.is-visible { transform: translateX(-50%) translateY(0) !important; }
}