/********************************************** note : design custom style page **********************************************/ /* 멀리기능성 배너 */ #rollBanner-1.rolling-bn .roll-btns, #rollBanner-2.rolling-bn .roll-btns {z-index:99} #rollBanner-2.rolling-bn .roll-btns {color:#fff;background:#1f4ca0} #rollBanner-2 {margin-bottom:3.5rem} #rollBanner-2 .banner_box img {width:250px;height:150px} /********************************************** * 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%} } }