@charset "utf-8";

body.notice-page .ety-main{display:none!important;height:0!important;margin:0!important;padding:0!important;}
body.notice-page{background:#eff6ff;}

.ntc-page{
    padding-top:80px;min-height:calc(100vh - 64px);
    font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
    color:#111827;
    background:linear-gradient(to bottom right,#eff6ff 0%,#eef2ff 50%,#faf5ff 100%);
}
@media (min-width:640px){.ntc-page{padding-top:96px;}}
.ntc-page *,.ntc-page *::before,.ntc-page *::after{box-sizing:border-box;}
.ntc-page a{text-decoration:none;color:inherit;}
.ntc-page button{font-family:inherit;}

.ntc-container{max-width:768px;margin:0 auto;padding:24px 12px 32px;}
@media (min-width:640px){.ntc-container{padding:24px 16px 32px;}}
.ntc-container--view{max-width:896px;}

.ntc-hero{text-align:center;margin-bottom:32px;}
.ntc-hero-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;}
.ntc-hero-icon{
    width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;
    background:#2563eb;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);
}
.ntc-hero-icon svg{width:20px;height:20px;}
.ntc-hero-title{margin:0;font-size:24px;line-height:1.25;font-weight:700;color:#1f2937;}
@media (min-width:640px){.ntc-hero-title{font-size:30px;}}
.ntc-hero-sub{margin:0;font-size:15px;color:#4b5563;}

.ntc-toolbar{
    background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);
    border:1px solid #f3f4f6;padding:16px;margin-bottom:24px;
}
.ntc-search-form{margin-bottom:12px;}
@media (min-width:640px){.ntc-toolbar{display:flex;gap:12px;align-items:flex-start;}.ntc-search-form{flex:1;margin-bottom:0;}}
.ntc-search-wrap{position:relative;}
.ntc-search-icon{
    position:absolute;left:12px;top:50%;transform:translateY(-50%);
    width:16px;height:16px;color:#9ca3af;display:flex;align-items:center;justify-content:center;pointer-events:none;
}
.ntc-search-icon svg{width:16px;height:16px;}
.ntc-search-input{
    width:100%;padding:8px 16px 8px 40px;border:1px solid #e5e7eb;border-radius:8px;
    font-size:14px;color:#111827;background:#fff;transition:box-shadow .2s,border-color .2s;
}
.ntc-search-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #3b82f6;}
.ntc-search-input::placeholder{color:#9ca3af;}

.ntc-tags{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;}
@media (min-width:640px){.ntc-tags{padding-bottom:0;flex-wrap:wrap;overflow:visible;}}
.ntc-tag-btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;
    background:#f3f4f6;color:#4b5563;border:1px solid transparent;transition:all .2s;
}
.ntc-tag-btn:hover{background:#e5e7eb;color:#374151;}
.ntc-tag-btn.is-active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);}

.ntc-pinned-section{margin-bottom:16px;}
.ntc-section-title{
    display:flex;align-items:center;gap:8px;margin:0 0 12px;
    font-size:14px;font-weight:700;color:#374151;
}
.ntc-section-title svg{width:16px;height:16px;color:#eab308;flex-shrink:0;}

.ntc-list{display:flex;flex-direction:column;gap:8px;}
.ntc-card{
    display:block;background:#fff;border-radius:8px;
    box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #f3f4f6;
    transition:box-shadow .2s,border-color .2s;
}
.ntc-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);}
.ntc-card--pinned{border-color:#fde68a;}
.ntc-card--pinned:hover{border-color:#fcd34d;}
.ntc-card-body{padding:12px;}
.ntc-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;}
.ntc-badge{
    display:inline-flex;align-items:center;gap:4px;
    padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:700;border:1px solid transparent;
}
.ntc-badge svg{width:12px;height:12px;}
.ntc-badge--pinned{background:#fef9c3;color:#a16207;border-color:#fde68a;}
.ntc-badge--tag{border-width:1px;}
.ntc-card-title{
    margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937;line-height:1.5;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s;
}
.ntc-card:hover .ntc-card-title{color:#2563eb;}
.ntc-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;}
.ntc-card-meta span{display:inline-flex;align-items:center;gap:4px;}
.ntc-card-meta svg{width:12px;height:12px;flex-shrink:0;}

.ntc-pager{margin-top:24px;display:flex;justify-content:center;}
@media (min-width:640px){.ntc-pager{margin-top:32px;}}
.ntc-pager-box{
    display:flex;align-items:center;gap:4px;padding:12px 16px;
    background:rgba(255,255,255,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
    border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5);
}
@media (min-width:640px){.ntc-pager-box{gap:8px;}}
.ntc-pager-btn,.ntc-pager-num{
    display:inline-flex;align-items:center;justify-content:center;gap:4px;
    min-height:36px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;
    border:1px solid #e5e7eb;background:#fff;color:#4b5563;transition:all .2s;
}
@media (min-width:640px){.ntc-pager-btn,.ntc-pager-num{font-size:14px;}}
.ntc-pager-btn svg{width:16px;height:16px;}
.ntc-pager-btn:hover{background:#f9fafb;color:#374151;}
.ntc-pager-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;}
.ntc-pager-num{min-width:36px;padding:8px;}
.ntc-pager-num:hover{background:#eff6ff;color:#2563eb;border-color:#dbeafe;}
.ntc-pager-num.is-active{background:#3b82f6;color:#fff;border-color:#3b82f6;}

.ntc-empty{text-align:center;padding:48px 16px;}
.ntc-empty-icon{
    width:48px;height:48px;margin:0 auto 16px;color:#9ca3af;
    display:flex;align-items:center;justify-content:center;
}
.ntc-empty-icon svg{width:48px;height:48px;}
.ntc-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#4b5563;}
.ntc-empty p{margin:0;font-size:15px;color:#6b7280;}

.ntc-back{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;margin-bottom:24px;background:#fff;color:#4b5563!important;
    border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;
    box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s,background .2s;
}
.ntc-back svg{width:16px;height:16px;}
.ntc-back:hover{background:#f9fafb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);}

.ntc-view-head-card,.ntc-view-content-card,.ntc-view-footer{
    background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);
    border:1px solid #f3f4f6;margin-bottom:24px;overflow:hidden;
}
.ntc-view-head-card{padding:24px 32px;}
@media (max-width:639px){.ntc-view-head-card{padding:24px;}}
.ntc-view-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.ntc-view-title{margin:0 0 16px;font-size:20px;line-height:1.35;font-weight:700;color:#1f2937;}
@media (min-width:640px){.ntc-view-title{font-size:24px;}}
@media (min-width:1024px){.ntc-view-title{font-size:30px;}}
.ntc-view-meta{
    display:flex;flex-wrap:wrap;gap:16px;padding-bottom:16px;margin-bottom:24px;
    border-bottom:1px solid #f3f4f6;font-size:14px;color:#6b7280;
}
.ntc-view-meta span{display:inline-flex;align-items:center;gap:4px;}
.ntc-view-meta svg{width:16px;height:16px;}

.ntc-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.ntc-btn-share{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;border-radius:8px;border:0;cursor:pointer;
    background:#2563eb;color:#fff!important;font-size:14px;font-weight:500;
    box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background .2s;
}
.ntc-btn-share:hover{background:#1d4ed8;}
.ntc-btn-share.is-copied{background:#16a34a;}
.ntc-btn-share svg{width:16px;height:16px;}
.ntc-btn-sns{
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;padding:8px;border:0;border-radius:8px;cursor:pointer;
    background:#f3f4f6;color:#4b5563;transition:background .2s;
}
.ntc-btn-sns:hover{background:#e5e7eb;}
.ntc-btn-sns svg{width:16px;height:16px;}

.ntc-view-content-card{padding:16px 24px;}
@media (min-width:640px){.ntc-view-content-card{padding:24px;}}
.notice-content{line-height:1.8;font-size:16px;color:#374151;word-break:break-word;}
.notice-content h1,.notice-content h2,.notice-content h3,.notice-content h4{font-weight:600;margin:1.5em 0 .5em;color:#1f2937;line-height:1.4;}
.notice-content h1{font-size:1.875rem;}
.notice-content h2{font-size:1.5rem;}
.notice-content h3{font-size:1.25rem;}
.notice-content h4{font-size:1.125rem;}
.notice-content p{margin:0 0 1em;}
.notice-content ul,.notice-content ol{margin:0 0 1em;padding-left:1.5em;}
.notice-content li{margin-bottom:.5em;line-height:1.6;}
.notice-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:block;}
.notice-content blockquote{
    border-left:4px solid #3b82f6;padding:1em;margin:1em 0;
    background:#f8fafc;border-radius:0 8px 8px 0;font-style:italic;color:#6b7280;
}
.notice-content code{background:#f3f4f6;padding:.125em .25em;border-radius:.25rem;font-size:.875em;color:#dc2626;}
.notice-content pre{background:#f9fafb;padding:1em;border-radius:.5rem;overflow-x:auto;margin:1em 0;border:1px solid #e5e7eb;}
.notice-content table{width:100%;border-collapse:collapse;margin:1em 0;}
.notice-content th,.notice-content td{border:1px solid #e5e7eb;padding:.5em;text-align:left;}
.notice-content th{background:#f9fafb;font-weight:600;}
.notice-content a{color:#3b82f6;text-decoration:underline;}
.notice-content a:hover{color:#2563eb;}
.notice-content strong{font-weight:600;}

.ntc-view-footer{
    padding:24px;display:flex;flex-direction:column;gap:16px;
}
@media (min-width:640px){
    .ntc-view-footer{flex-direction:row;align-items:center;justify-content:flex-end;}
}
.ntc-view-updated{font-size:14px;color:#6b7280;margin-right:auto;}
.ntc-view-footer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;}
.ntc-btn-share--secondary{background:#2563eb;}
.ntc-btn-list{
    display:inline-flex;align-items:center;justify-content:center;
    padding:8px 16px;border-radius:8px;background:#f3f4f6;color:#4b5563!important;
    font-size:14px;font-weight:500;transition:background .2s;
}
.ntc-btn-list:hover{background:#e5e7eb;}

.ntc-toast{
    position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
    padding:12px 20px;border-radius:8px;background:#111827;color:#fff;font-size:14px;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .25s;z-index:9999;
}
.ntc-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0);}