:root{--ad-ink:#24323d;--ad-muted:#6d7a84;--ad-line:#d9e1e5;--ad-soft:#f1f6f7;--ad-accent:#397b82;--ad-dark:#2d646b}
body.advertiser-portal-page{color:var(--ad-ink);font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;letter-spacing:-.15px}
body.advertiser-portal-page .logo{background-image:url("../images/icon/kgmusic-logo-advertiser.svg")!important}
body.advertiser-portal-page #box{border-top-color:var(--ad-accent)!important}
body.advertiser-portal-page #sidebar .menu.on,body.advertiser-portal-page #sidebar .menu:hover{border-left-color:#79b5b9!important;background:rgba(28,45,54,.78)!important}
body.advertiser-portal-page #sidebar .side-icon{color:#b9d9da!important}
body.advertiser-portal-page .nav .active-nav{border-color:#bfd7d9!important;background:#edf5f5!important;color:var(--ad-dark)!important}
body.advertiser-portal-page .advertiser-profile-emoji{border-color:#cddbdd!important;background:#edf5f5!important;color:var(--ad-dark)!important;font-family:Arial,sans-serif!important;font-size:15px!important}
body.advertiser-portal-page h1,body.advertiser-portal-page h2,body.advertiser-portal-page h3{color:var(--ad-ink);letter-spacing:-.6px;line-height:1.4}
body.advertiser-portal-page .ad-portal,body.advertiser-portal-page .ad-form-wrap{box-sizing:border-box;padding:34px 28px 40px!important}
body.advertiser-portal-page .ad-form-wrap>h2,body.advertiser-portal-page .paybox>h1,body.advertiser-portal-page .ar>h1{text-align:center;margin:0 0 9px;font-size:25px}
body.advertiser-portal-page .ad-portal>p{text-align:right;margin:0 0 14px}
body.advertiser-portal-page .ad-title{text-align:center;margin-bottom:25px}
body.advertiser-portal-page .ad-title h2{margin:0 0 8px;font-size:24px}
body.advertiser-portal-page .ad-title h2:before{content:''!important;display:inline-block;width:7px;height:7px;margin:0 10px 3px 0;border-radius:50%;background:var(--ad-accent)!important}
body.advertiser-portal-page .ad-title p{margin:0;color:var(--ad-muted);font-size:13px;line-height:1.75}
body.advertiser-portal-page .ad-btn,body.advertiser-portal-page .ad-form button,body.advertiser-portal-page .paybox button,body.advertiser-portal-page .paybox .btnx,body.advertiser-portal-page .ar-filter button{border:0!important;border-radius:7px!important;background:var(--ad-accent)!important;color:#fff!important;white-space:nowrap;text-decoration:none}
body.advertiser-portal-page .ad-btn:hover,body.advertiser-portal-page .ad-form button:hover,body.advertiser-portal-page .paybox .btnx:hover{background:var(--ad-dark)!important}
body.advertiser-portal-page .ad-card,body.advertiser-portal-page .ad-product,body.advertiser-portal-page .ad-form,body.advertiser-portal-page .paybox,body.advertiser-portal-page .ar-filter,body.advertiser-portal-page .ar-metrics{border-color:var(--ad-line)!important;box-shadow:0 4px 14px rgba(42,65,76,.05)}
body.advertiser-portal-page .ad-card strong,body.advertiser-portal-page .ad-product strong,body.advertiser-portal-page .paytotal,body.advertiser-portal-page .ar-metrics strong{color:var(--ad-accent)!important}
body.advertiser-portal-page .ad-card{color:#53616b;font-size:13px;line-height:1.7}
body.advertiser-portal-page .ad-note{margin:0 0 22px!important;padding:15px 18px!important;border-left-color:var(--ad-accent)!important;background:#edf5f5!important;color:#53636d;line-height:1.75}
body.advertiser-portal-page .ad-product{min-height:112px;color:#53616b;line-height:1.6}body.advertiser-portal-page .ad-product b{font-size:14px}body.advertiser-portal-page .ad-product span{color:var(--ad-muted)}
body.advertiser-portal-page .ad-form label{margin:18px 0 7px!important;color:#42515b;font-size:13px;line-height:1.55}
body.advertiser-portal-page .ad-form input,body.advertiser-portal-page .ad-form textarea,body.advertiser-portal-page .ad-form select,body.advertiser-portal-page .ar-filter input,body.advertiser-portal-page .ar-filter select{box-sizing:border-box;min-height:42px;border:1px solid #cfd9de;border-radius:6px;background:#fff;color:var(--ad-ink);font-size:13px;line-height:1.55}
body.advertiser-portal-page .ad-form textarea{min-height:90px;resize:vertical}body.advertiser-portal-page .ad-form small{display:block;margin-top:7px;color:#77858e;font-weight:normal;line-height:1.6}
body.advertiser-portal-page .ad-table,body.advertiser-portal-page .ad-orders-table,body.advertiser-portal-page .ar-table{border:1px solid var(--ad-line)!important;background:#fff;font-size:12px;line-height:1.6}
body.advertiser-portal-page .ad-table th,body.advertiser-portal-page .ad-orders-table th,body.advertiser-portal-page .ar-table th{padding:13px 10px!important;border-color:var(--ad-line)!important;background:#edf3f5;color:#42515b;font-weight:700;white-space:nowrap}
body.advertiser-portal-page .ad-table td,body.advertiser-portal-page .ad-orders-table td,body.advertiser-portal-page .ar-table td{padding:13px 10px!important;border-color:#e4eaed!important;color:#53616b;vertical-align:middle}
body.advertiser-portal-page .ad-standalone{box-sizing:border-box;width:950px;max-width:calc(100% - 32px);min-height:420px;margin:34px auto 55px;padding:34px;border:1px solid var(--ad-line);border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(42,65,76,.07)}
body.advertiser-portal-page #doc>div[style*="max-width:900px"]{box-sizing:border-box!important;width:950px!important;max-width:calc(100% - 32px)!important;min-height:420px;margin:34px auto 55px!important;padding:34px!important;border:1px solid var(--ad-line);border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(42,65,76,.07)}
body.advertiser-portal-page #doc>div[style*="max-width:900px"]>h1{text-align:center;margin:0 0 27px;font-size:25px}
body.advertiser-portal-page #doc>div[style*="max-width:900px"]>p{line-height:1.7}
body.advertiser-portal-page #doc>div[style*="max-width:900px"] table{width:100%!important;border:1px solid var(--ad-line)!important;border-collapse:collapse;background:#fff;font-size:12px;line-height:1.6}
body.advertiser-portal-page #doc>div[style*="max-width:900px"] th{padding:13px 10px;background:#edf3f5;color:#42515b;white-space:nowrap}
body.advertiser-portal-page #doc>div[style*="max-width:900px"] td{padding:13px 10px!important;border-color:#e4eaed!important;color:#53616b;vertical-align:middle}
body.advertiser-portal-page .ad-page-title{text-align:center;margin:0 0 27px}body.advertiser-portal-page .ad-page-title h1{margin:0 0 8px;font-size:25px}body.advertiser-portal-page .ad-page-title p{margin:0;color:var(--ad-muted);font-size:13px;line-height:1.7}
body.advertiser-portal-page .ad-success{padding:14px 17px;border-left:4px solid var(--ad-accent);border-radius:5px;background:#edf5f5;color:#40545c;line-height:1.7}
body.advertiser-portal-page .ar{box-sizing:border-box;width:950px;max-width:calc(100% - 32px);margin:34px auto 55px;padding:34px!important;border:1px solid var(--ad-line);border-radius:14px;background:#f8fafb;box-shadow:0 9px 28px rgba(42,65,76,.07)}
body.advertiser-portal-page .ar-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:18px!important}body.advertiser-portal-page .ar-filter a{color:var(--ad-dark);font-weight:700;text-decoration:none;white-space:nowrap}
body.advertiser-portal-page .ar-metrics{gap:0;padding:0!important;overflow:hidden}body.advertiser-portal-page .ar-metrics div{padding:18px 8px;border-right:1px solid var(--ad-line);color:#62717a;line-height:1.55}body.advertiser-portal-page .ar-metrics div:last-child{border-right:0}
body.advertiser-portal-page .paybox{box-sizing:border-box;margin-top:42px!important;padding:34px!important}body.advertiser-portal-page .payrow{align-items:center;gap:20px;line-height:1.65}
@media(max-width:760px){
html,body.advertiser-portal-page{width:100%;min-width:0;overflow-x:hidden}
body.advertiser-portal-page #header{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:104px}
body.advertiser-portal-page #headerContainer{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-height:104px;padding:5px 10px 8px}
body.advertiser-portal-page #headerContainer>a{display:block;height:48px}
body.advertiser-portal-page .logo{float:none;width:205px;height:38px;margin:5px auto;background-size:contain}
body.advertiser-portal-page .nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;width:100%;height:auto;margin:1px 0 0}
body.advertiser-portal-page .nav li{height:31px}
body.advertiser-portal-page .nav li .menu{height:31px;padding:0 7px;font-size:11px;white-space:nowrap}
body.advertiser-portal-page #doc{width:100%;min-width:0}
body.advertiser-portal-page #page-outer,body.advertiser-portal-page #page-wrap,body.advertiser-portal-page #page-container{float:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0}
body.advertiser-portal-page #box-top{box-sizing:border-box;width:100%;height:auto;min-height:40px;padding:0 10px;overflow:hidden}
body.advertiser-portal-page #display{max-width:58%;overflow:hidden;white-space:nowrap}
body.advertiser-portal-page #box{display:block;box-sizing:border-box;width:100%;min-width:0;border-top-width:4px}
body.advertiser-portal-page #sidebar{float:none;width:100%;max-height:none;min-height:0;overflow:visible}
body.advertiser-portal-page #sidebar .advertiser-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}
body.advertiser-portal-page #sidebar .advertiser-side .menu0{grid-column:1/-1;height:42px;background-position:center top}
body.advertiser-portal-page #sidebar .advertiser-side .menu{min-width:0}
body.advertiser-portal-page #sidebar .advertiser-side .menu a{box-sizing:border-box;width:100%;margin:0;padding:0 13px;font-size:13px;white-space:nowrap}
body.advertiser-portal-page #inbox-outer,body.advertiser-portal-page #inbox{float:none;box-sizing:border-box;width:100%;min-width:0}
body.advertiser-portal-page .ad-cards,body.advertiser-portal-page .ad-products{grid-template-columns:1fr!important}
body.advertiser-portal-page .ad-portal,body.advertiser-portal-page .ad-form-wrap{padding:24px 16px 30px!important;overflow-x:auto}
body.advertiser-portal-page .ad-form{padding:18px!important}
body.advertiser-portal-page .ad-form input,body.advertiser-portal-page .ad-form textarea,body.advertiser-portal-page .ad-form select{width:100%;font-size:16px}
body.advertiser-portal-page .ad-standalone,body.advertiser-portal-page .ar,body.advertiser-portal-page #doc>div[style*="max-width:900px"]{width:auto!important;max-width:calc(100% - 20px)!important;min-height:0;margin:15px auto 30px!important;padding:20px!important;overflow-x:auto}
body.advertiser-portal-page .ar-metrics{grid-template-columns:repeat(2,1fr)!important}
body.advertiser-portal-page .ad-table,body.advertiser-portal-page .ad-orders-table,body.advertiser-portal-page .ar-table,body.advertiser-portal-page #doc>div[style*="max-width:900px"] table{min-width:680px}
body.advertiser-portal-page .paybox{box-sizing:border-box;width:calc(100% - 24px);max-width:none;margin:18px auto!important;padding:22px 18px!important}
body.advertiser-portal-page .payrow{gap:12px}.payrow b{text-align:right;word-break:break-word}
body.advertiser-portal-page .advertiser-login-stage{width:100%;min-width:0;min-height:calc(100svh - 104px);padding:22px 14px 38px!important}
body.advertiser-portal-page .advertiser-login-shell{flex:0 1 auto;width:calc(100vw - 28px)!important;min-width:0;max-width:390px!important;padding:30px 22px!important}
body.advertiser-portal-page .advertiser-login-shell form,body.advertiser-portal-page .advertiser-login-shell input{box-sizing:border-box;min-width:0;max-width:100%;font-size:16px!important}
body.advertiser-portal-page #doc.advertiser-auth-doc{background-position:10% center!important}
body.advertiser-portal-page .advertiser-register-shell{width:calc(100vw - 20px)!important;min-width:0;max-width:720px!important;margin:14px auto 28px!important}
body.advertiser-portal-page .advertiser-register,body.advertiser-portal-page .advertiser-brand,body.advertiser-portal-page .advertiser-form-panel{min-width:0}
body.advertiser-portal-page .advertiser-brand{padding:30px 22px!important}
body.advertiser-portal-page .advertiser-brand h1{font-size:26px!important}
body.advertiser-portal-page .advertiser-brand .lead,body.advertiser-portal-page .advertiser-point span{overflow-wrap:anywhere;word-break:keep-all}
body.advertiser-portal-page .advertiser-form-panel{padding:30px 22px 34px!important}
body.advertiser-portal-page .advertiser-form-panel form,body.advertiser-portal-page .advertiser-form-panel input{box-sizing:border-box;min-width:0;max-width:100%;font-size:16px}
}
@media print{body.advertiser-portal-page .ar{border:0;box-shadow:none;background:#fff}}