/**********************************************
note : design custom style page
**********************************************/

/* SEO 설정 @seo-modify (추후 admin.style.css에 추가분) */
.seo-guide {display:block;font-size:.875rem;line-height:1.5;color:#000}
.seo-guide:not(:only-child) {margin-top:.5rem}
.seo-guide-title {display:block;margin-bottom:.5em;color:#f44e5c}
.seo-guide-list {font-size:.9em}
.seo-guide-list small {font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-point {font-weight:bold;font-weight:var(--wgt500, 500);color:#5684ff;text-decoration:underline}
.seo-guide-more {margin:.5em 0 0;font-size:.8em;font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-link {color:#222 !important;text-decoration:underline}

/* 매체소개 */
.about-us.com-1 .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.about-us.com-1 .flex > .cell {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
.about-us.com-1 .flex > .cell.img {-ms-flex:0 0 240px;flex:0 0 240px;max-width:240px;padding-right:40px}
.about-us.com-1 .flex > .cell.img img {max-width:200px}
.about-us.com-1 .content {font-size:1.125rem;font-weight:300;line-height:1.875;letter-spacing:-.0125em}
.about-us.com-1 .content > p {margin-bottom:1rem;line-height:inherit}
@media screen and (max-width: 39.9375em) {
	.about-us.com-1 .flex {display:block}
	.about-us.com-1 .flex > .cell.img {margin-bottom:1.875rem;max-width:100%;padding-right:0;text-align:center}
    .about-us.com-1 .content {font-size:1.063rem}
}


/* 임희은 / 1486911 / 20250709 */
#article-view .article-copy {font-size:1rem;color:#000;text-align:left}

/* 배진희 / 1486798 / 20250709 */
#sticky-header .aht-wrapper > .logo {padding-right:1rem}
#article-view .quick-tool > .tool {width:40px;height:40px;font-size:1.4rem}
.article-veiw-body.view-page p {font-weight:var(--wgt400, 400)}
.article-veiw-body.view-page {font-size:1.125rem}
.article-veiw-body.view-page.font-size15 {font-size:1rem}
.article-veiw-body.view-page.font-size16 {font-size:1.063rem}
.article-veiw-body.view-page.font-size17 {font-size:1.125rem}
.article-veiw-body.view-page.font-size18 {font-size:1.188rem}
.article-veiw-body.view-page.font-size19 {font-size:1.250rem}
.article-veiw-body.view-page.font-size20 {font-size:1.313rem}
@media screen and (max-width: 39.9375em) {
    .row .article-veiw-body.view-page {font-size:1.125rem}
}
/* 최은비 / 1486788 / 20250709 */
.bbs-skin.album.for-vertical .album-tiles .image {padding-bottom:138%}
.bbs-skin.album.for-vertical .album-tiles .titles {font-size:1.125rem}
.bbs-skin.album.for-vertical .album-tiles .info-group > em {margin-left:0;font-size:.875rem}
.bbs-skin.album.for-vertical .album-tiles .info-group > em:not(:first-child) {margin-top:.313rem}

/**********************************************
* note : network-ads
**********************************************/
/* 편집 */
.panel-group > .panel-group-item.adswitch {--make-btn-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M7.03 8.08c.68.38 1.21.92 1.59 1.6.38.68.57 1.46.57 2.33s-.19 1.64-.57 2.32c-.38.68-.91 1.22-1.59 1.6s-1.45.58-2.31.58-1.63-.19-2.31-.58c-.68-.38-1.21-.92-1.59-1.6-.38-.68-.57-1.46-.57-2.32s.19-1.64.57-2.33c.38-.68.91-1.22 1.59-1.6.68-.38 1.45-.58 2.31-.58s1.63.19 2.31.58zm-.87 6.52c.41-.24.72-.58.94-1.03s.33-.97.33-1.58-.11-1.13-.33-1.58c-.22-.45-.53-.79-.94-1.03-.41-.24-.89-.36-1.44-.36s-1.03.12-1.44.36c-.41.24-.72.58-.94 1.03-.22.45-.33.97-.33 1.58s.11 1.13.33 1.58.53.79.94 1.03c.41.24.88.36 1.44.36s1.03-.12 1.44-.36zM16.37 9.1h-4.13v2.13h3.53v1.51h-3.53v3.66h-1.77V7.59h5.89V9.1zM23.74 9.1h-4.13v2.13h3.54v1.51h-3.54v3.66h-1.77V7.59h5.9V9.1z'/%3E%3C/svg%3E")}
.panel-group > .panel-group-item.adswitch::before {content:"";display:inline-block;width:1em;height:1em;line-height:1;background-color:currentColor;-webkit-mask-image:var(--make-btn-icon);mask-image:var(--make-btn-icon, unset);-webkit-mask-size:cover;mask-size:cover;vertical-align:-.125em}
.panel-group > .panel-group-item.adswitch.on {--make-btn-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9.92 8.08c.68.38 1.21.92 1.59 1.6.38.68.57 1.46.57 2.33s-.19 1.64-.57 2.32c-.38.68-.91 1.22-1.59 1.6-.68.38-1.45.58-2.31.58s-1.63-.19-2.31-.58-1.21-.92-1.59-1.6c-.38-.68-.57-1.46-.57-2.32s.19-1.64.57-2.33c.38-.68.91-1.22 1.59-1.6.68-.38 1.45-.58 2.31-.58s1.63.19 2.31.58zm-.87 6.52c.41-.24.72-.58.94-1.03s.33-.97.33-1.58-.11-1.13-.33-1.58c-.22-.45-.53-.79-.94-1.03-.41-.24-.89-.36-1.44-.36s-1.03.12-1.44.36c-.41.24-.72.58-.94 1.03-.22.45-.33.97-.33 1.58s.11 1.13.33 1.58.53.79.94 1.03c.41.24.89.36 1.44.36s1.03-.12 1.44-.36zM20.86 16.41h-2l-3.73-5.87v5.87h-1.77V7.59h2l3.73 5.88V7.59h1.77v8.81z'/%3E%3C/svg%3E");color:#fff;background-color:#13C0CB}

/* grid for ads pages (and helper classes) */
.text-breakword {word-break:break-word}
.adnet-exside-comp {display:block;margin-bottom:1rem}
.adnet-exside-comp::after {content:"";display:table;clear:both}
.adnet-exside-comp > .adnet-exside-comp-item {float:left}
.adnet-exside-comp > .adnet-exside-comp-item + .adnet-exside-comp-item {float:right}
@supports (display: flex) {
    .adnet-exside-comp {display:flex;flex-direction:row;align-items:center}
    .adnet-exside-comp::after {content:normal}
    .adnet-exside-comp > .adnet-exside-comp-item {float:none;flex:0 0 auto;width:auto;max-width: 100%}
    .adnet-exside-comp > .adnet-exside-comp-item + .adnet-exside-comp-item {float:none;margin-left:auto}
}
@supports (position: sticky) {
    .adnet-exside-comp.for-sticky {position:sticky;z-index:5;inset:0 auto auto 0}
}

/* 예상수익 */
.revenue .panel-header .float-right.text-alert {display:block;overflow:hidden;max-width:50%;text-overflow:ellipsis;white-space:nowrap}
.revenue-chart-btn-group {display:block;margin-bottom:2.5rem}
.revenue-chart-btn-group::after {content:"";display:table;clear:both}
.revenue-chart-btn {display:block;overflow:hidden;width:48px;height:48px;padding:.5rem;font-size:1.5rem;line-height:1;color:#fff !important;background-color:rgba(0,0,0,.5);border-radius:32px;text-align:center;transition:background-color .15s ease-in-out}
.revenue-chart-btn:hover {background-color:#000}
@supports (display: flex) {
    .revenue-chart-btn-group {display:flex;flex-direction:row;align-items:center}
    .revenue-chart-btn-group::after {content:normal}
    .revenue-chart-btn {display:flex;align-items:center;justify-content:center}
    .revenue-chart-btn-prev,
    .revenue-chart-btn-next {float:none}
    .revenue-chart-btn-next {margin-left:auto}
}
@media screen and (min-width: 64em) {
    .revenue-chart-btn {width:64px;height:64px;padding:1rem;font-size:2rem}
}

/* 미정산금액 */
.revenue-history {width:auto;min-width:100%;margin:0 -12px;padding:0;list-style:none}
.revenue-history::after {content:"";display:table;clear:both}
.revenue-history .revenue-history-item {float:left;width:33.33333%;padding-right:12px;padding-left:12px}
.revenue-history .revenue-history-item + .revenue-history-item {border-left:1px solid #e2e5e9}
.revenue-history .revenue-history-title {margin-bottom:.375rem;font-size:.8125rem;color:#747a8c;letter-spacing:-.05em}
.revenue-history .revenue-history-pay {overflow:hidden;font-size:1.5rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.revenue-history .revenue-history-pay small {font-size:.875rem;font-weight:400;line-height:22px;color:#4d5370}
.revenue-history .revenue-history-summary {font-size:.6875rem;font-weight:400;color:#f44e5c}
.revenue-history .revenue-history-summary.up {color:#5684ff}
.revenue-paid {text-align:center}
.revenue-paid .revenue-paid-title {margin-bottom:.25rem;font-weight:700}
.revenue-paid .revenue-paid-count {margin-bottom:1rem;font-size:3rem;font-weight:900;line-height:1.2}
.revenue-paid .revenue-paid-count > small {font-weight:normal}
.revenue-paid .revenue-paid-summary {font-size:.875rem;color:#747a8c}
.revenue-paid .revenue-paid-btn {margin-top:2rem}
@supports (display: flex) {
    .revenue-history {display:flex;flex-direction:row}
    .revenue-history::after {content:normal}
    .revenue-history .revenue-history-item {float:none;flex:0 0 auto;max-width:100%}
}
@supports (width: calc(100% / 3)) {
    .revenue-history .revenue-history-item {width:calc(100% / 3)}
}

/* 예상수익 그래프 */
.revenue-info {margin:0;padding:0;font-size:.8125rem;color:#747a8c;list-style:none}
.revenue-info::after {content:"";display:table;clear:both}
.revenue-info > .revenue-info-item {float:left}
.revenue-info > .revenue-info-item + .revenue-info-item {margin-left:1rem}
.revenue-info-item.revenuing {--revenue-info-color:rgb(0, 227, 150);--revenue-info-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.revenue-info-item.viewing {--revenue-info-color:rgb(0, 143, 251);--revenue-info-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000' stroke-width='1.5'%3E%3Crect x='16' y='3' width='5' height='18' rx='2' fill='%23000'/%3E%3Crect x='9.5' y='9' width='5' height='12' rx='2' fill='%23000'/%3E%3Crect x='3' y='16' width='5' height='5' rx='2' fill='%23000'/%3E%3C/svg%3E")}
.revenue-info-item::before {content:"";display:inline-block;width:1em;height:1em;margin-right:.25em;line-height:1;background-color:var(--revenue-info-color, currentColor);-webkit-mask-image:var(--revenue-info-icon, unset);mask-image:var(--revenue-info-icon, unset);-webkit-mask-size:cover;mask-size:cover;vertical-align:-.125em}
@supports (display: flex) {
    .revenue-info {display:flex;flex-direction:row;align-items:center;gap:1rem}
    .revenue-info::after {content:normal}
    .revenue-info > .revenue-info-item {float:none}
    .revenue-info > .revenue-info-item + .revenue-info-item {margin-left:0}
}

/* 광고정산 */
.revenue-select-group {margin-bottom:1rem}
.revenue-select-group::after {content:"";display:table;clear:both}
.revenue-select-group > .revenue-select-item {float:left}
.revenue-select-group > .revenue-select-item + .revenue-select-item {margin-left:.25rem}
@supports (display: flex) {
    .revenue-select-group {display:flex;flex-direction:row;align-items:center}
    .revenue-select-group::after {content:normal}
    .revenue-select-group > .revenue-select-item {float:none;flex:0 0 auto;width:auto;max-width:100%}
}

/* dashborad(new) */
#admin-wrap .admin-dashboard .grid-x.dash-netads > *:only-child {width:100% !important;padding-right:0 !important;padding-left:0 !important}
#admin-wrap .admin-dashboard .grid-x.dash-netads .dash-tabs .tabs-title .badge {padding-right:6px;padding-left:6px}
#admin-wrap .admin-dashboard .netads-row {display:block}
#admin-wrap .admin-dashboard .netads-row::after {content:"";display:table;clear:both}
#admin-wrap .admin-dashboard .netads-select-group {display:block;margin-bottom:1rem}
#admin-wrap .admin-dashboard .netads-select-group::after {content:"";display:table;clear:both}
#admin-wrap .admin-dashboard .netads-select-item.netads-select-helper {margin-top:.5rem;font-size:.8125rem;font-weight:400;text-align:center}
#admin-wrap .admin-dashboard .netads-notpaid-title {margin-bottom:.75rem;font-size:.875rem;font-weight:700}
#admin-wrap .admin-dashboard .netads-notpaid-money {font-size:2rem;font-weight:600;line-height:1.2}
#admin-wrap .admin-dashboard .netads-notpaid-summary {margin-top:.375rem;font-size:.8125rem;line-height:1.3;color:#747a8c}
#admin-wrap .admin-dashboard .netads-notpaid > .button {margin-top:1.5rem}
#admin-wrap .admin-dashboard .netads-latest {padding:.75rem 1.25rem;background-color:#f7f7f7;border-radius:.25rem}
#admin-wrap .admin-dashboard .netads-latest-title {margin-bottom:.5rem;font-size:.875rem;color:rgba(0,0,0,.65)}
#admin-wrap .admin-dashboard .netads-latest-money {font-size:1.5rem;font-weight:600;line-height:1.2}
#admin-wrap .admin-dashboard .netads-latest-money > small {font-size:1rem;font-weight:400;color:rgba(0,0,0,.65)}
#admin-wrap .admin-dashboard .netads-latest-updown {margin-top:.25rem;font-size:.75rem;font-weight:400;color:#f44e5c}
#admin-wrap .admin-dashboard .netads-latest-updown.to-up {color:#5684ff}
@supports (display: flex) {
    #admin-wrap .admin-dashboard .netads-row {display:flex;flex-direction:column;align-items:stretch}
    #admin-wrap .admin-dashboard .netads-row::after {content:normal}
    #admin-wrap .admin-dashboard .netads-column {flex:0 0 auto;max-width:100%}
    #admin-wrap .admin-dashboard .netads-column.side {display:flex;flex-direction:column;gap:1rem}
    #admin-wrap .admin-dashboard .netads-select-group {display:flex;flex-direction:column;align-items:stretch}
    #admin-wrap .admin-dashboard .netads-select-group::after {content:normal}
    #admin-wrap .admin-dashboard .netads-select-item {float:none;flex:0 0 auto;width:auto;max-width:100%}
    #admin-wrap .admin-dashboard .netads-select-item.netads-select-helper {float:none}
    #admin-wrap .admin-dashboard .netads-notpaid {display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-height:250px}
    #admin-wrap .admin-dashboard .netads-latest {flex:0 0 auto}
}
@media screen and (min-width: 40em) {
    #admin-wrap .admin-dashboard .netads-select-item {float:left}
    #admin-wrap .admin-dashboard .netads-select-item.netads-select-helper {float:right}
    #admin-wrap .admin-dashboard .netads-select-item.netads-select-helper {margin-top:0;text-align:right}
    @supports (display: flex) {
        #admin-wrap .admin-dashboard .netads-select-group {flex-direction:row;align-items:center}
        #admin-wrap .admin-dashboard .netads-select-item.netads-select-helper {margin-left:auto}
    }
}
@media screen and (min-width: 64em) {
    #admin-wrap .admin-dashboard .netads-row {flex-direction:row}
    #admin-wrap .admin-dashboard .netads-column {float:left;width:64%;min-height:1px;padding-right:10px}
    #admin-wrap .admin-dashboard .netads-row > :only-child {width:100% !important}
    #admin-wrap .admin-dashboard .netads-column.side {width:36%;padding-left:20px}
    @supports (display: flex) {
        #admin-wrap .admin-dashboard .netads-column {float:none;flex:0 0 auto;max-width:100%}
    }
}