/* 천사온 디자인 보정 — 정렬·높이·가독성·사진. 기존 스타일 뒤에 불러옵니다. 기능·계산·저장 로직과 무관한 표시 전용 규칙입니다. */
body.con-site{--con-control-h:48px}
body.con-site :is(h1,h2,h3,h4,p,li,dd,dt,label,strong,.con-lead){word-break:keep-all;overflow-wrap:anywhere}
body.con-site :is(.con-btn,.con-mini-btn,.con-pill,.con-eyebrow,.con-tiny-label,.con-card-meta,.con-read-link,.con-plan-status){white-space:nowrap}
/* ---------- 공통: 한 줄 컨트롤은 같은 높이 ---------- */
body.con-site :is(.con-notes-search,.con-connect-search) :is(input,select){height:var(--con-control-h)!important;min-height:var(--con-control-h)!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;line-height:normal}
body.con-site :is(.con-notes-search,.con-connect-search) :is(button,.con-btn,.con-mini-btn){height:var(--con-control-h)!important;min-height:var(--con-control-h)!important;box-sizing:border-box;margin:0!important;padding:0 20px!important;font-size:15px!important;font-weight:700;white-space:nowrap;flex:0 0 auto}
/* 실행 노트 검색 */
body.con-site .con-notes-search{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;margin:8px 0 32px;padding:16px;border:1px solid var(--con-line);border-radius:16px;background:var(--con-surface)}
body.con-site .con-notes-search .con-field{margin:0!important;gap:8px;font-size:14px;color:var(--con-muted)}
body.con-site .con-notes-search .con-field:first-child{flex:0 0 180px}
body.con-site .con-notes-search .con-field:nth-child(2){flex:1 1 auto}
body.con-site .con-notes-search select{padding-left:14px!important;padding-right:36px!important}
body.con-site .con-notes-search input{padding-left:44px!important}
body.con-site .con-notes-search>button{background:var(--con-brand-strong);border-color:var(--con-brand-strong);color:#fff}
body.con-site .con-notes-search>button:hover{color:#fff;filter:brightness(.95)}
/* 전문가 연결·캠페인 검색 */
body.con-site .con-connect-search{gap:10px;align-items:flex-end}
body.con-site .con-connect-search .con-field{margin:0!important}
body.con-site .con-connect-search :is(input,select){padding-left:14px!important;padding-right:14px!important;font-size:16px!important}
body.con-site .con-connect-search select{padding-right:34px!important}
/* ---------- 입력 라벨과 단위 표시 ---------- */
body.con-site .con-field:has(>small){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:8px}
body.con-site .con-field:has(>small)>:is(input,select,textarea,div){flex:1 0 100%}
body.con-site .con-field:has(>small)>:is(input,select){height:50px;box-sizing:border-box}
body.con-site .con-field>small{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:999px;background:var(--con-surface);border:1px solid var(--con-line);font-size:13px!important;font-weight:600;line-height:1.4!important;color:var(--con-muted);white-space:normal;max-width:100%}
body.con-site .con-form-grid{column-gap:20px}
/* 계산기 안내문: 좁고 긴 문단 대신 정돈된 안내 상자 */
body.con-site .con-calculator-note{display:block;max-width:none!important;margin:20px 0 8px!important;padding:16px 20px 16px 18px;border:1px solid var(--con-line);border-left:4px solid var(--con-brand,#E08600);border-radius:12px;background:var(--con-surface);font-size:14px!important;line-height:1.8!important;color:var(--con-muted)}
/* 가치 분석: 확인 버튼과 안내문 간격 */
body.con-site #con-audit-site{margin:2px 0 10px;min-height:var(--con-control-h);padding:0 18px}
body.con-site #con-audit-status{margin:0 0 24px!important;font-size:14px!important}
body.con-site .con-valuation-form .con-field{margin-bottom:22px}
/* ---------- 실행 노트 카드: 사진 표지 + 제목 두 줄 ---------- */
body.con-site .con-cover.con-cover-photo{position:relative;height:auto;aspect-ratio:16/9;padding:0;overflow:hidden;background:var(--con-surface)}
body.con-site .con-cover.con-cover-photo .con-cover-media{position:absolute;inset:0;margin:0}
body.con-site .con-cover.con-cover-photo .con-cover-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
body.con-site .con-editorial-card:hover .con-cover-media img{transform:scale(1.03)}
body.con-site .con-cover.con-cover-photo>span{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--con-ink);font-size:13px!important;font-weight:700;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.08)}
body.con-site .con-editorial-card>a{display:flex;flex-direction:column;height:100%}
body.con-site .con-editorial-body{display:flex;flex-direction:column;flex:1}
body.con-site .con-editorial-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
body.con-site .con-editorial-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.con-site .con-editorial-body .con-read-link{margin-top:auto;padding-top:6px}
body.con-site .con-card-meta{font-size:13px!important}
/* ---------- 페이지 머리 사진 ---------- */
body.con-site .con-page-heading.con-has-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-template-rows:1fr auto auto auto 1fr;column-gap:56px;align-items:start;max-width:none}
body.con-site .con-page-heading.con-has-photo>:not(figure){grid-column:1}
body.con-site .con-page-heading.con-has-photo>.con-eyebrow{justify-self:start}
body.con-site .con-page-heading.con-has-photo>.con-lead{max-width:640px;margin-bottom:0}
@media(min-width:851px){
body.con-site .con-page-heading.con-has-photo>.con-eyebrow{grid-row:2}
body.con-site .con-page-heading.con-has-photo>h1{grid-row:3}
body.con-site .con-page-heading.con-has-photo>.con-lead{grid-row:4}
}
body.con-site .con-heading-photo{grid-column:2;grid-row:1 / -1;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--con-surface);box-shadow:var(--con-shadow)}
body.con-site :is(.con-heading-photo,.con-method-photo,.con-card-photo,.con-connect-photo,.con-desk-photo,.con-hero-photo) img{display:block;width:100%;height:100%;object-fit:cover}
/* 홈 히어로 사진: 계획 카드·안내 캐릭터는 그대로 위에 */
body.con-site .con-hero-visual{position:relative}
body.con-site .con-hero-photo{position:absolute;inset:0 20px 0 30px;margin:0;border-radius:28px;overflow:hidden;z-index:0}
body.con-site .con-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 55%)}
body.con-site .con-hero-photo img{object-position:70% 40%}
body.con-site .con-hero-visual>:not(.con-hero-photo,.con-visual-orbit){position:relative;z-index:1}
body.con-site .con-hero-visual>.con-mascot{position:absolute;z-index:2}
body.con-site .con-hero-visual>.con-floating-tag{position:absolute;z-index:2}
/* 홈 진행 방식 사진 */
body.con-site .con-method-photo{margin:0 0 6px;border-radius:16px;overflow:hidden;aspect-ratio:16/7}
/* 홈 연결 카드 사진 */
body.con-site .con-connect-card .con-card-photo{margin:-28px -28px 18px;aspect-ratio:16/7;overflow:hidden;border-radius:20px 20px 0 0}
body.con-site .con-connect-card:has(.con-card-photo)::before{z-index:1}
/* 전문가 연결·캠페인 머리: 사진 위에 안내 캐릭터 */
body.con-site .con-connect-heading{position:relative}
body.con-site .con-connect-photo{flex:0 0 340px;margin:0;aspect-ratio:4/3;border-radius:20px;overflow:hidden;box-shadow:var(--con-shadow)}
body.con-site .con-connect-heading:has(.con-connect-photo)>img{position:absolute;right:-8px;bottom:18px;width:104px!important;height:104px!important;margin:0!important;filter:drop-shadow(0 6px 12px rgba(16,24,40,.12))}
/* 내 보드 머리 */
@media(min-width:851px){
body.con-site .con-desk-hero{display:flex;align-items:center;gap:24px}
body.con-site .con-desk-hero>div{flex:1 1 auto;min-width:0}
body.con-site .con-desk-photo{flex:0 0 220px;margin:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
body.con-site .con-desk-hero:has(.con-desk-photo)>img{position:absolute;right:16px;bottom:10px;width:84px!important;height:84px!important;margin:0!important;z-index:1}
}
/* ---------- 커뮤니티(KBoard forum-one) 목록 ---------- */
body.con-site .con-community #kboard-forum-one-list{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;font-size:15px}
body.con-site .con-community #kboard-forum-one-list>*{flex:1 1 100%;min-width:0;float:none}
body.con-site .con-community #kboard-forum-one-list>form{flex:1 1 360px}
body.con-site .con-community #kboard-forum-one-list>.kboard-control{flex:0 0 auto;margin:16px 0 0!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list-header{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin:0 0 14px!important;padding:0;border:0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-header>*{display:block;float:none;width:auto;padding:0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-header .kboard-left{font-size:15px;font-weight:700;color:var(--con-ink);white-space:nowrap}
body.con-site .con-community #kboard-forum-one-list .kboard-list-header form{margin:0}
body.con-site .con-community #kboard-forum-one-list select{height:var(--con-control-h)!important;min-height:var(--con-control-h)!important;box-sizing:border-box!important;padding:0 34px 0 14px!important;font-size:15px!important;line-height:normal;width:auto;min-width:120px}
body.con-site .con-community #kboard-forum-one-list .kboard-list{display:block;list-style:none;margin:0;padding:0;overflow:visible;border:1px solid var(--con-line);border-radius:16px;background:#fff}
body.con-site .con-community #kboard-forum-one-list .kboard-list>li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"detail group more";align-items:center;gap:20px;position:relative;margin:0;padding:18px 22px;min-height:0;border:0;border-bottom:1px solid var(--con-line);background:#fff;float:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list>li:first-child{border-radius:16px 16px 0 0}
body.con-site .con-community #kboard-forum-one-list .kboard-list>li:last-child{border-bottom:0;border-radius:0 0 16px 16px}
body.con-site .con-community #kboard-forum-one-list .kboard-list>li.kboard-list-notice{background:var(--con-brand-tint,#FFF6EA)}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail{grid-area:detail;float:none;height:auto;margin:0;width:auto}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail>a{display:flex;gap:6px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item{float:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;height:auto;margin:0;padding:4px 2px;font-size:13px!important;line-height:1.45;color:var(--con-subtle);white-space:nowrap}
body.con-site .con-community #kboard-forum-one-list .kboard-list-group{grid-area:group;margin:0!important;height:auto;min-width:0;float:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list-title{font-size:17px!important;font-weight:700;line-height:1.5;height:auto;margin:0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-title a{display:block!important;min-height:44px;padding:9px 0;line-height:26px;color:var(--con-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.con-site .con-community #kboard-forum-one-list .kboard-list-title a:hover{color:var(--con-brand-strong)}
body.con-site .con-community #kboard-forum-one-list .kboard-list-content{margin:0;font-size:14px!important;line-height:1.6;color:var(--con-muted);height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo{grid-area:more;position:static!important;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:none;width:auto;margin:0;float:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .kboard-list-item{float:none;display:inline-flex;align-items:center;gap:6px;width:auto!important;max-width:220px;height:auto;margin:0;padding:0;font-size:13px!important;line-height:1.5;color:var(--con-subtle);white-space:nowrap;text-align:right}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author{min-height:44px;font-size:14px!important;font-weight:600;color:var(--con-ink);overflow:hidden;text-overflow:ellipsis}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author img{width:24px;height:24px;border-radius:50%;flex:0 0 24px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date br{display:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date{gap:0}
body.con-site .con-community #kboard-forum-one-list .kboard-pagination{margin:20px 0 4px}
body.con-site .con-community #kboard-forum-one-list .kboard-pagination ul{margin:0}
/* 목록 검색: 분류·검색어·검색 버튼 한 줄 */
body.con-site .con-community #kboard-forum-one-list .kboard-search{display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;margin:16px 0 0!important;float:none;width:auto;text-align:left}
body.con-site .con-community #kboard-forum-one-list .kboard-search select{flex:0 0 120px;width:120px!important;float:none;margin:0!important}
body.con-site .con-community #kboard-forum-one-list .kboard-search input[type=text]{flex:1 1 auto;width:auto!important;max-width:420px;height:var(--con-control-h)!important;min-height:var(--con-control-h)!important;box-sizing:border-box!important;padding:0 14px!important;margin:0!important;float:none;font-size:16px!important}
body.con-site .con-community #kboard-forum-one-list .kboard-forum-one-button-search{flex:0 0 var(--con-control-h);display:inline-flex!important;align-items:center;justify-content:center;width:var(--con-control-h)!important;height:var(--con-control-h)!important;min-height:var(--con-control-h);box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--con-brand-strong)!important;float:none;cursor:pointer}
body.con-site .con-community #kboard-forum-one-list .kboard-forum-one-button-search img{width:24px;height:24px;margin:0}
body.con-site .con-community #kboard-forum-one-list .kboard-control{display:flex!important;justify-content:flex-end;float:none;width:auto}
body.con-site .con-community :is(#kboard-forum-one-list,#kboard-forum-one-document) :is(.kboard-forum-one-button-small,.kboard-forum-one-button-white,.kboard-forum-one-button-gray){display:inline-flex!important;align-items:center;justify-content:center;height:var(--con-control-h);min-height:var(--con-control-h)!important;box-sizing:border-box;padding:0 20px!important;border-radius:10px!important;font-size:15px!important;font-weight:700;line-height:1;white-space:nowrap;vertical-align:middle;text-decoration:none}
/* ---------- 커뮤니티 글 보기 ---------- */
body.con-site .con-community #kboard-forum-one-document{font-size:16px}
body.con-site .con-community #kboard-forum-one-document .kboard-header{margin:0 0 18px}
body.con-site .con-community #kboard-forum-one-document .kboard-control{display:flex!important;justify-content:flex-end;margin:0!important;float:none}
body.con-site .con-community #kboard-forum-one-document .kboard-control :is(.left,.right){display:flex;flex-wrap:wrap;gap:8px;float:none}
body.con-site .con-community #kboard-forum-one-document .kboard-forum-one-button-gray{background:#fff!important;color:var(--con-ink)!important;border:1px solid var(--con-line-strong)!important}
body.con-site .con-community #kboard-forum-one-document .kboard-forum-one-button-gray:hover{border-color:var(--con-brand-strong)!important;color:var(--con-brand-strong)!important}
body.con-site .con-community #kboard-forum-one-document .kboard-title{padding:0!important;margin:0 0 10px}
body.con-site .con-community #kboard-forum-one-document .kboard-title :is(h1,p){margin:0;font-size:28px!important;line-height:1.4!important;font-weight:800;color:var(--con-ink)}
body.con-site .con-community #kboard-forum-one-document .kboard-detail{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:0 0 16px;margin:0 0 22px;border-bottom:1px solid var(--con-line);font-size:14px!important;color:var(--con-muted)}
body.con-site .con-community #kboard-forum-one-document .kboard-detail .detail-attr{float:none;margin:0;padding:0;white-space:nowrap;font-size:14px!important}
body.con-site .con-community #kboard-forum-one-document .kboard-detail a.detail-writer{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--con-ink);font-weight:600}
body.con-site .con-community #kboard-forum-one-document .kboard-detail img{width:24px;height:24px;border-radius:50%}
body.con-site .con-community #kboard-forum-one-document .kboard-content{padding:0;font-size:17px;line-height:1.9}
body.con-site .con-community #kboard-forum-one-document .kboard-document-action{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:28px 0;padding:16px 0;border-top:1px solid var(--con-line);border-bottom:1px solid var(--con-line);overflow:visible}
body.con-site .con-community #kboard-forum-one-document .kboard-document-action :is(.left,.right){display:flex;flex-wrap:wrap;gap:8px;float:none}
body.con-site .con-community #kboard-forum-one-document .kboard-button-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:0 16px!important;border:1px solid var(--con-line-strong)!important;border-radius:999px!important;background:#fff!important;color:var(--con-ink)!important;font-size:14px!important;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}
body.con-site .con-community #kboard-forum-one-document .kboard-button-action:hover{border-color:var(--con-brand-strong)!important;color:var(--con-brand-strong)!important}
body.con-site .con-community #kboard-forum-one-document .kboard-button-action span{font-size:14px!important;font-weight:800;color:var(--con-brand-strong)}
body.con-site .con-community #kboard-forum-one-document .kboard-document-navi{margin:24px 0 0;border-top:1px solid var(--con-line)}
body.con-site .con-community #kboard-forum-one-document .kboard-document-navi a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 0;font-size:15px;color:var(--con-muted)}
body.con-site .con-community #kboard-forum-one-document .kboard-document-navi :is(.kboard-prev-document,.kboard-next-document){float:none;width:auto}
/* 댓글 */
body.con-site .con-community .kboard-comments-default{font-size:15px}
body.con-site .con-community .kboard-comments-default .comments-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
body.con-site .con-community .kboard-comments-default .comments-header hr{flex:1 1 100%;margin:4px 0 0;border:0;border-top:1px solid var(--con-line)}
body.con-site .con-community .kboard-comments-default .comments-count{float:none;font-size:15px;font-weight:700}
body.con-site .con-community .kboard-comments-default .comments-sort{float:none}
body.con-site .con-community .kboard-comments-default .comments-sort select{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:0 32px 0 12px!important;font-size:15px!important}
body.con-site .con-community .kboard-comments-default textarea{width:100%;min-height:120px;box-sizing:border-box;padding:12px 14px;border:1px solid var(--con-line-strong);border-radius:12px;font-size:16px;line-height:1.7}
body.con-site .con-community .kboard-comments-default .comments-submit-button{float:none;display:flex;justify-content:flex-end;margin-top:10px}
body.con-site .con-community .kboard-comments-default .comments-submit-button :is(input[type=submit],button){height:var(--con-control-h);min-width:96px;padding:0 22px;border:0;border-radius:10px;background:var(--con-brand-strong);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
body.con-site .con-community .kboard-comments-default :is(.comments-list-username,.comments-list-create,.comments-list-controller,.comment-option){font-size:13px}
body.con-site .con-community .kboard-comments-default .comments-button-action{min-height:36px;padding:6px 12px;font-size:13px;border-radius:999px}
/* ---------- 반응형 ---------- */
@media(max-width:1050px){
body.con-site .con-page-heading.con-has-photo{grid-template-columns:minmax(0,1fr) minmax(240px,340px);column-gap:36px}
body.con-site .con-connect-photo{flex-basis:280px}
}
@media(max-width:850px){
body.con-site .con-page-heading.con-has-photo{grid-template-columns:1fr;grid-template-rows:none}
body.con-site .con-heading-photo{grid-column:1;grid-row:auto;aspect-ratio:16/9;margin-top:18px;border-radius:16px}
body.con-site .con-connect-heading{flex-wrap:wrap}
body.con-site .con-connect-photo{flex:1 1 100%;order:2;aspect-ratio:16/8}
body.con-site .con-connect-heading:has(.con-connect-photo)>img{bottom:auto;top:-6px;right:0;width:84px!important;height:84px!important}
body.con-site .con-connect-heading:has(.con-connect-photo)>div{padding-right:84px}
body.con-site .con-desk-photo{display:none}
}
@media(max-width:760px){
body.con-site .con-notes-search{flex-wrap:wrap;padding:12px}
body.con-site .con-notes-search .con-field:first-child,body.con-site .con-notes-search .con-field:nth-child(2){flex:1 1 100%}
body.con-site .con-notes-search>button{flex:1 1 100%;width:100%}
body.con-site .con-hero-photo{display:none}
body.con-site .con-method-photo{aspect-ratio:16/8}
}
@media(max-width:600px){
body.con-site .con-panel.con-community{padding:16px 14px!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list>li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"group group" "detail more";gap:6px 12px;padding:14px 16px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-title{font-size:16px!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list-title a{white-space:normal;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;padding:8px 0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item{flex-direction:row;gap:4px;min-width:0;padding:0 6px 0 0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item br{display:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item::after{content:""}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail>a{gap:10px;min-height:44px;align-items:center}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo{flex-direction:row;align-items:center;gap:10px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author{display:inline-flex!important;max-width:150px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date{display:none}
body.con-site .con-community #kboard-forum-one-list>form{flex:1 1 100%}
body.con-site .con-community #kboard-forum-one-list .kboard-search select{flex-basis:96px;width:96px!important;min-width:0}
body.con-site .con-community #kboard-forum-one-list .kboard-search input[type=text]{max-width:none;min-width:0}
body.con-site .con-community #kboard-forum-one-list>.kboard-control{flex:1 1 100%}
body.con-site .con-community #kboard-forum-one-list>.kboard-control a{width:100%}
body.con-site .con-community #kboard-forum-one-document .kboard-control{justify-content:stretch}
body.con-site .con-community #kboard-forum-one-document .kboard-control :is(.left,.right){width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
body.con-site .con-community #kboard-forum-one-document .kboard-forum-one-button-gray{padding:0 8px!important}
body.con-site .con-community #kboard-forum-one-document .kboard-title :is(h1,p){font-size:23px!important}
body.con-site .con-connect-card .con-card-photo{margin:-28px -22px 16px}
}
@media(max-width:360px){
body.con-site .con-connect-heading:has(.con-connect-photo)>img{display:none}
body.con-site .con-connect-heading:has(.con-connect-photo)>div{padding-right:0}
}
/* =====================================================================
v2 보강 — 로고 여백 · 메뉴 아이콘 · 페이지 머리 · 홈 히어로 · 패밀리 배너 · 하단 · 움직임
===================================================================== */
body.con-site{overflow-x:clip}
/* ---------- 머리글: 로고 숨 쉴 여백 + 메뉴 아이콘 ---------- */
body.con-site .con-header-inner{min-height:0;padding-top:16px;padding-bottom:16px;align-items:center}
body.con-site .con-logo.con-logo-image{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;padding:2px 0}
body.con-site .con-logo.con-logo-image img{display:block}
body.con-site .con-nav{align-items:center;flex-wrap:nowrap}
body.con-site .con-nav a{gap:8px;white-space:nowrap;transition:color .3s ease,background-color .3s ease}
body.con-site .con-nav-icon{width:20px;height:20px;flex:0 0 20px;color:#7A838E;transition:color .3s ease,transform .3s ease}
body.con-site .con-nav a:hover{background:#FFF8EF;color:var(--con-ink)}
body.con-site .con-nav a:hover .con-nav-icon,body.con-site .con-nav a:focus-visible .con-nav-icon,body.con-site .con-nav a[aria-current] .con-nav-icon{color:#E08600}
body.con-site .con-nav a:hover .con-nav-icon{transform:translateY(-1px)}
body.con-site .con-nav a[aria-current]{background:#FFF3E2;color:var(--con-brand-strong);border-radius:999px}
body.con-site .con-nav a[aria-current]::after{left:42px;right:16px;bottom:6px;height:2px;background:linear-gradient(90deg,#E08600,rgba(224,134,0,.25))}
@media(min-width:851px){body.con-site .con-nav a{border-radius:999px}}
@media(min-width:851px) and (max-width:1240px){
body.con-site .con-header-inner{gap:14px}
body.con-site .con-nav{gap:0;font-size:15px}
body.con-site .con-nav a{padding:8px 10px;gap:6px}
body.con-site .con-nav-icon{width:18px;height:18px;flex-basis:18px}
body.con-site .con-nav a[aria-current]::after{left:34px;right:10px}
body.con-site .con-logo.con-logo-image img{width:124px}
}
@media(min-width:851px) and (max-width:1060px){
body.con-site .con-nav{font-size:14px}
body.con-site .con-nav a{padding:8px 8px}
body.con-site .con-logo.con-logo-image img{width:112px}
body.con-site .con-logo-tagline{display:none}
body.con-site .con-header-cta{padding:10px 12px}
}
@media(max-width:850px){
body.con-site .con-header-inner{padding-top:11px;padding-bottom:11px}
body.con-site .con-nav{top:100%!important}
body.con-site .con-nav a{gap:12px;border-radius:0}
body.con-site .con-nav a[aria-current]{background:#FFF8EF;border-radius:10px;padding-left:12px}
body.con-site .con-nav a[aria-current]::after{left:auto;right:10px}
}
/* 하단 로고도 같은 균형 */
body.con-site .con-footer .con-logo.con-logo-image{gap:4px}
/* ---------- 페이지 머리: 사진 배너 + 따뜻한 띠 + 혜택 칩 ---------- */
body.con-site .con-page-heading.con-heading-band{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:none;column-gap:56px;align-items:center;max-width:none;padding:40px 0 52px;margin-bottom:36px}
body.con-site .con-page-heading.con-heading-band::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(900px 360px at 12% 0%,#FFF1DC 0,rgba(255,241,220,0) 70%),linear-gradient(180deg,#FFF9F1 0,#FFFCF8 72%,#fff 100%);border-bottom:1px solid #F5E6D0}
body.con-site .con-heading-deco{position:absolute;z-index:-1;right:-18px;top:18px;width:180px;height:140px;background-image:radial-gradient(rgba(224,134,0,.35) 1.6px,transparent 1.8px);background-size:14px 14px;opacity:.8;pointer-events:none}
body.con-site .con-heading-band .con-heading-copy{grid-column:1;min-width:0}
body.con-site .con-heading-band .con-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px}
body.con-site .con-heading-band .con-eyebrow i{display:inline-block;width:28px;height:3px;border-radius:3px;background:#E08600}
body.con-site .con-heading-band h1{margin:14px 0 16px!important;font-size:clamp(34px,3.4vw,48px)!important;line-height:1.25!important;letter-spacing:-.035em;color:var(--con-ink)}
body.con-site .con-heading-band .con-lead{max-width:560px;margin:0;font-size:18px;line-height:1.8;color:var(--con-muted)}
body.con-site .con-heading-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
body.con-site .con-heading-chips li{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0;padding:6px 14px 6px 10px;border:1px solid var(--con-brand-line);border-radius:999px;background:rgba(255,255,255,.92);color:var(--con-ink);font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 1px 2px rgba(138,75,0,.06)}
body.con-site .con-heading-chips li svg{width:16px;height:16px;flex:0 0 16px;color:var(--con-brand-strong)}
body.con-site .con-heading-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
body.con-site .con-heading-band .con-heading-photo{grid-column:2;grid-row:1;position:relative;margin:0;aspect-ratio:16/10;border-radius:24px;overflow:hidden;box-shadow:0 2px 6px rgba(60,30,0,.06),0 26px 50px -18px rgba(60,30,0,.32)}
body.con-site .con-heading-band .con-heading-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,238,.18) 0,rgba(255,248,238,0) 40%),linear-gradient(0deg,rgba(40,22,6,.22) 0,rgba(40,22,6,0) 40%);pointer-events:none}
body.con-site .con-heading-band .con-heading-photo::before{content:"";position:absolute;z-index:1;left:24px;bottom:22px;width:56px;height:4px;border-radius:4px;background:#E08600;box-shadow:0 1px 3px rgba(0,0,0,.2)}
@media(max-width:1050px){body.con-site .con-page-heading.con-heading-band{column-gap:36px}}
@media(max-width:850px){
body.con-site .con-page-heading.con-heading-band{grid-template-columns:1fr;row-gap:22px;padding:18px 0 32px;margin-bottom:24px}
body.con-site .con-heading-band .con-heading-photo{grid-column:1;grid-row:1;aspect-ratio:16/9;margin:0;border-radius:18px}
body.con-site .con-heading-band .con-heading-copy{grid-row:2}
body.con-site .con-heading-deco{top:auto;bottom:10px;right:-8px;width:120px;height:90px}
body.con-site .con-heading-band h1{font-size:30px!important;margin:10px 0 12px!important}
body.con-site .con-heading-band .con-lead{font-size:16px}
body.con-site .con-heading-actions .con-btn{width:100%;justify-content:center}
}
@media(max-width:380px){body.con-site .con-heading-chips li{font-size:13px;padding:5px 12px 5px 8px}}
/* 전문가 연결·캠페인 머리도 같은 띠 */
body.con-site .con-connect-heading.con-heading-band-connect{position:relative;isolation:isolate;align-items:center;gap:48px;padding:40px 0 52px;margin-bottom:36px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.con-site .con-connect-heading.con-heading-band-connect::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(900px 360px at 12% 0%,#FFF1DC 0,rgba(255,241,220,0) 70%),linear-gradient(180deg,#FFF9F1 0,#FFFCF8 72%,#fff 100%);border-bottom:1px solid #F5E6D0}
body.con-site .con-heading-band-connect h1{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.25!important}
body.con-site .con-heading-band-connect p{font-size:18px;line-height:1.8;color:var(--con-muted)}
body.con-site .con-heading-band-connect .con-connect-photo{flex:0 0 48%;aspect-ratio:16/10;border-radius:24px;box-shadow:0 2px 6px rgba(60,30,0,.06),0 26px 50px -18px rgba(60,30,0,.32)}
@media(max-width:850px){
body.con-site .con-connect-heading.con-heading-band-connect{gap:20px;padding:18px 0 32px}
body.con-site .con-heading-band-connect .con-connect-photo{order:-1;flex:1 1 100%;aspect-ratio:16/9;border-radius:18px}
body.con-site .con-heading-band-connect h1{font-size:30px!important}
body.con-site .con-heading-band-connect p{font-size:16px}
body.con-site .con-connect-heading.con-heading-band-connect>img{top:auto!important;bottom:-14px!important}
}
/* 내 보드 머리 */
body.con-site .con-desk-photo img{object-position:50% 50%}
/* ---------- 홈 히어로: 인물은 오른쪽, 카드는 왼쪽 여백 위 ---------- */
body.con-site .con-hero-photo{inset:0 0 0 20px;border-radius:28px;box-shadow:0 30px 60px -24px rgba(60,30,0,.35)}
body.con-site .con-hero-photo img{object-position:78% 35%}
body.con-site .con-hero-photo::after{background:linear-gradient(90deg,rgba(255,250,243,.55) 0,rgba(255,250,243,.12) 45%,rgba(255,250,243,0) 62%),linear-gradient(0deg,rgba(40,22,6,.28) 0,rgba(40,22,6,0) 35%)}
body.con-site .con-visual-orbit{display:none}
body.con-site .con-plan-card{box-shadow:0 2px 6px rgba(16,24,40,.06),0 28px 56px -20px rgba(40,24,8,.38)}
body.con-site .con-hero-visual>.con-floating-tag{top:auto;bottom:18px;right:auto;left:calc(min(390px,70%) - 40px);box-shadow:0 10px 24px -8px rgba(60,30,0,.35)}
@media(min-width:851px){body.con-site .con-hero-visual{padding:44px 190px 56px 0}}
@media(max-width:760px){
body.con-site .con-hero-photo{display:block;inset:0 0 auto 0;height:210px;border-radius:22px}
body.con-site .con-hero-photo img{object-position:80% 30%}
body.con-site .con-hero-photo::after{background:linear-gradient(0deg,rgba(255,255,255,.0) 0,rgba(255,255,255,0) 100%)}
body.con-site .con-hero-visual{padding:150px 14px 8px!important;max-width:460px}
body.con-site .con-hero-visual>.con-floating-tag{top:14px;left:14px;bottom:auto}
body.con-site .con-hero-visual>.con-mascot{top:auto!important;bottom:-12px!important;right:-4px!important;width:96px!important;height:96px!important}
}
/* ---------- 홈 패밀리 사이트 배너 ---------- */
body.con-site .con-family-banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
body.con-site .con-service-links a.con-family-banner{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:220px;padding:24px;border:0;border-radius:20px;overflow:hidden;color:#fff;background:#2A2118;box-shadow:0 18px 36px -20px rgba(40,24,8,.55);transition:transform .4s ease,box-shadow .4s ease}
body.con-site .con-family-banner .con-family-photo{position:absolute;inset:0;z-index:-2;margin:0}
body.con-site .con-family-banner .con-family-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
body.con-site .con-family-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,16,8,.08) 0,rgba(24,16,8,.55) 48%,rgba(24,16,8,.9) 100%)}
body.con-site .con-family-text{display:flex;flex-direction:column;gap:4px;min-width:0}
body.con-site .con-family-text small{font-size:13px;font-weight:700;color:#FFD9A6;letter-spacing:0}
body.con-site .con-family-text strong{font-size:26px;font-weight:800;line-height:1.2;color:#fff}
body.con-site .con-family-text em{font-style:normal;font-size:15px;color:#F3EAE0}
body.con-site .con-service-links .con-family-banner span{font-size:inherit}
body.con-site .con-family-cta{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--con-ink);font-size:18px!important;font-weight:800;transition:background .3s,color .3s,transform .3s}
body.con-site .con-service-links a.con-family-banner:hover{transform:translateY(-4px);box-shadow:0 28px 48px -22px rgba(40,24,8,.6);border:0}
body.con-site .con-family-banner:hover .con-family-photo img{transform:scale(1.05)}
body.con-site .con-family-banner:hover .con-family-cta{background:#E08600;color:#fff;transform:translate(2px,-2px)}
@media(min-width:851px){body.con-site .con-brand-strip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:40px;align-items:center}}
@media(max-width:850px){body.con-site .con-family-banners{grid-template-columns:1fr;width:100%}body.con-site .con-service-links a.con-family-banner{min-height:180px;padding:20px}}
/* ---------- 하단 CTA 띠 ---------- */
body.con-site .con-cta-band{position:relative;isolation:isolate;overflow:hidden;margin-top:96px;padding:80px 0;background:#2A2118;color:#fff}
body.con-site .con-cta-band-photo{position:absolute;inset:0;z-index:-2;margin:0}
body.con-site .con-cta-band-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
body.con-site .con-cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,20,12,.94) 0,rgba(28,20,12,.82) 45%,rgba(28,20,12,.4) 100%)}
body.con-site .con-cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
body.con-site .con-cta-band .con-eyebrow{color:#FFC680;font-size:15px}
body.con-site .con-cta-band h2{margin:10px 0 10px!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.3!important;color:#fff!important}
body.con-site .con-cta-band p{margin:0;font-size:17px;line-height:1.8;color:#F1E7DC}
body.con-site .con-cta-band .con-btn{flex:0 0 auto;background:#E08600;border-color:#E08600;color:#1B1208!important;box-shadow:0 12px 28px -10px rgba(224,134,0,.7)}
body.con-site .con-cta-band .con-btn:hover{background:#F29A1A;border-color:#F29A1A}
@media(max-width:760px){body.con-site .con-cta-band{margin-top:64px;padding:52px 0}body.con-site .con-cta-band-inner{flex-direction:column;align-items:stretch;text-align:left}body.con-site .con-cta-band .con-btn{justify-content:center}body.con-site .con-cta-band::before{background:linear-gradient(180deg,rgba(28,20,12,.86) 0,rgba(28,20,12,.92) 100%)}}
/* ---------- 하단: 깊은 웜 뉴트럴 ---------- */
body.con-site footer.con-footer{margin-top:0;padding:64px 0 28px;border-top:0;background:#1F1A15!important;color:#D8CEC3}
body.con-site .con-cta-band+footer.con-footer{margin-top:0}
body.con-site main+footer.con-footer{margin-top:96px}
body.con-site .con-footer .con-logo.con-logo-image{padding:12px 16px 10px;border-radius:14px;background:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
body.con-site .con-footer .con-logo-tagline{color:#3A2E24}
body.con-site .con-footer-top{gap:40px}
body.con-site .con-footer-top p{margin-top:18px;font-size:15px;line-height:1.8;color:#CFC4B8}
body.con-site .con-footer-top>div>strong{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;color:#fff}
body.con-site .con-footer-top>div>strong::before{content:"";width:14px;height:3px;border-radius:3px;background:#E08600}
body.con-site .con-footer-top>div>a:not(.con-logo){gap:8px;font-size:15px;color:#D8CEC3;transition:color .25s,transform .25s}
body.con-site .con-footer-top>div>a:not(.con-logo):hover{color:#FFC680;transform:translateX(2px)}
body.con-site .con-footer-icon{width:18px;height:18px;flex:0 0 18px;color:#FFB54D}
body.con-site .con-footer .con-operator{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;line-height:1.9;color:#BDB2A6}
body.con-site .con-footer .con-operator strong{color:#F3EAE0}
body.con-site .con-footer .con-operator span{margin-left:14px}
body.con-site .con-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#ADA196}
body.con-site .con-footer-bottom a.con-to-top{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#EDE4DA;font-size:14px;transition:border-color .25s,color .25s}
body.con-site .con-footer-bottom a.con-to-top:hover{border-color:#FFC680;color:#FFC680}
@media(max-width:850px){body.con-site .con-footer-top{grid-template-columns:1fr 1fr!important;gap:28px 20px}body.con-site .con-footer-top>div:first-child{grid-column:1 / -1}}
@media(max-width:620px){body.con-site main+footer.con-footer{margin-top:64px}body.con-site footer.con-footer{padding:44px 0 24px}body.con-site .con-footer .con-operator{font-size:13px}body.con-site .con-footer .con-operator span{display:inline-block;margin:0 12px 0 0}body.con-site .con-footer-bottom{flex-direction:column;align-items:flex-start}}
/* ---------- 커뮤니티 목록: 작성자·작성일을 가운데 정렬된 작은 묶음으로 ---------- */
body.con-site .con-community #kboard-forum-one-list .kboard-list>li{align-items:center;padding:19px 22px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo{align-self:center;justify-content:center;align-items:flex-end;gap:4px;text-align:right}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author{min-height:32px;line-height:1.3}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date{min-height:0;line-height:1.4;justify-content:flex-end}
@media(max-width:600px){body.con-site .con-community #kboard-forum-one-list .kboard-list>li{padding:16px}body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author{min-height:44px}}
/* ---------- 움직임 (JS가 html.con-motion을 붙였을 때만 숨김) ---------- */
body.con-site :is(.con-btn,.con-mini-btn,.con-header-cta){transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease}
body.con-site :is(.con-btn,.con-header-cta):hover{transform:translateY(-2px)}
body.con-site .con-btn:hover{box-shadow:0 10px 22px -10px rgba(138,75,0,.55)}
body.con-site :is(.con-editorial-card,.con-connect-card,.con-quick>a){transition:transform .4s ease,box-shadow .4s ease,border-color .3s ease}
body.con-site :is(.con-editorial-card,.con-connect-card,.con-quick>a):hover{transform:translateY(-4px);box-shadow:var(--con-shadow-lift)}
html.con-motion body.con-site .con-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
html.con-motion body.con-site .con-reveal.is-in{opacity:1;transform:none}
html.con-motion body.con-site :is(.con-editorial-card,.con-connect-card,.con-quick>a,.con-family-banner).con-reveal.is-in:hover{transform:translateY(-4px)}
/* 히어로 */
html.con-motion body.con-site .con-hero-copy>*{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>*{opacity:1;transform:none}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(2){transition-delay:.08s}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(3){transition-delay:.9s}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(4){transition-delay:1.02s}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(5){transition-delay:1.14s}
html.con-motion body.con-site .con-hero-photo{opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .7s ease}
html.con-motion body.con-site .con-hero.is-in .con-hero-photo{opacity:1;transform:none}
html.con-motion body.con-site .con-hero-visual>.con-plan-card{opacity:0;transform:translateX(28px);transition:opacity .7s ease .25s,transform .7s cubic-bezier(.2,.7,.2,1) .25s}
html.con-motion body.con-site .con-hero.is-in .con-hero-visual>.con-plan-card{opacity:1;transform:none}
html.con-motion body.con-site .con-hero-visual>.con-floating-tag{opacity:0;transform:translateY(10px);transition:opacity .5s ease .7s,transform .5s ease .7s}
html.con-motion body.con-site .con-hero.is-in .con-hero-visual>.con-floating-tag{opacity:1;transform:none}
html.con-motion body.con-site .con-plan-progress span{transform-origin:left center}
html.con-motion body.con-site .con-plan-progress span:nth-child(-n+3){transform:scaleX(0);transition:transform .5s ease}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(1){transform:none;transition-delay:.9s}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(2){transform:none;transition-delay:1.15s}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(3){transform:none;transition-delay:1.4s}
html.con-motion body.con-site .con-hero.is-in .con-hero-visual>.con-mascot{animation:con-float 4s ease-in-out 1.2s infinite alternate}
@keyframes con-float{from{transform:translateY(0)}to{transform:translateY(-8px)}}
/* 타이핑 */
html.con-motion body.con-site .con-hero h1 em{background-size:0% 100%;background-repeat:no-repeat;transition:background-size .7s cubic-bezier(.2,.7,.2,1)}
html.con-motion body.con-site .con-hero h1 em.con-typed{background-size:100% 100%}
html.con-motion body.con-site .con-hero h1 em .con-ch{visibility:hidden}
html.con-motion body.con-site .con-hero h1 em .con-ch.on{visibility:visible}
body.con-site .con-caret{position:relative;display:inline-block;width:0;height:1em;vertical-align:-.12em}
body.con-site .con-caret::after{content:"";position:absolute;left:2px;top:0;width:3px;height:1.05em;border-radius:2px;background:#E08600;animation:con-blink .9s steps(1) infinite}
body.con-site .con-caret.is-done::after{animation:con-blink .9s steps(1) 2 forwards;opacity:0;transition:opacity .4s ease 1.8s}
@keyframes con-blink{0%{opacity:1}50%{opacity:0}}
@media(prefers-reduced-motion:reduce){
html.con-motion body.con-site :is(.con-reveal,.con-hero-copy>*,.con-hero-photo,.con-hero-visual>*,.con-plan-progress span){opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
html.con-motion body.con-site .con-hero h1 em .con-ch{visibility:visible}
body.con-site .con-caret{display:none}
body.con-site :is(.con-btn,.con-editorial-card,.con-connect-card,.con-quick>a,.con-family-banner,.con-header-cta):hover{transform:none!important}
}
@media(max-width:620px){body.con-site .con-logo-tagline{font-size:13px!important;letter-spacing:-.04em;white-space:nowrap}}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date{display:flex;align-items:center;column-gap:4px;font-size:13px;color:#6B7280}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date br{display:none}
/* ---------- 아이콘 타일 (텍스트 위주 영역 보강, 장식용) ---------- */
body.con-site .con-icon-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#FFF3E2,#FFE8CC);box-shadow:inset 0 0 0 1px rgba(224,134,0,.18);color:#A85800}
body.con-site .con-icon-tile svg{width:22px!important;height:22px!important;flex:0 0 22px;color:#A85800!important}
body.con-site .con-heading-band .con-eyebrow,body.con-site .con-heading-band-connect .con-eyebrow{display:inline-flex;align-items:center;gap:12px}
body.con-site .con-heading-band .con-eyebrow i:not(.con-icon-tile){display:none}
body.con-site .con-section-head .con-eyebrow,body.con-site .con-section-head>h2{display:inline-flex;align-items:center;gap:10px}
body.con-site .con-section-head .con-eyebrow::before,body.con-site .con-section-head>h2::before{content:"";flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#FFF1DE url("data:image/svg+xml,") center/20px no-repeat;box-shadow:inset 0 0 0 1px rgba(224,134,0,.16)}
body.con-site .con-section-head:has(+ .con-editorial-grid) .con-eyebrow::before,body.con-site .con-section-head:has(+ .con-editorial-grid)>h2::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-section-head:has(+ .con-connect-grid) .con-eyebrow::before,body.con-site .con-section-head:has(+ .con-connect-grid)>h2::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-section-head:has(+ .con-pack-grid) .con-eyebrow::before,body.con-site .con-section-head:has(+ .con-pack-grid)>h2::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-section-head:has(+ .con-listing-grid) .con-eyebrow::before,body.con-site .con-section-head:has(+ .con-listing-grid)>h2::before{background-image:url("data:image/svg+xml,")}
body.con-site :is(.con-notice,.con-market-notice,.con-intake-info,.con-callout){position:relative;padding-left:64px!important;min-height:56px}
body.con-site :is(.con-notice,.con-market-notice,.con-intake-info,.con-callout)::before{content:"";position:absolute;left:16px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:12px;background:#FFF1DE url("data:image/svg+xml,") center/20px no-repeat;box-shadow:inset 0 0 0 1px rgba(224,134,0,.16)}
body.con-site .con-callout::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-intake-info::before{top:20px;margin-top:0;background-image:url("data:image/svg+xml,")}
body.con-site :is(.con-desk-empty,.con-result-empty){text-align:center}
body.con-site :is(.con-desk-empty,.con-result-empty)::before{content:"";display:block;width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:#FFF1DE url("data:image/svg+xml,") center/26px no-repeat;box-shadow:inset 0 0 0 1px rgba(224,134,0,.16)}
body.con-site .con-footer-top>div>strong::before{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(255,181,77,.14) center/16px no-repeat}
body.con-site .con-footer-top>div:nth-child(2)>strong::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-footer-top>div:nth-child(3)>strong::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-footer-top>div:nth-child(4)>strong::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-cta-band .con-eyebrow{display:inline-flex;align-items:center;gap:10px}
body.con-site .con-cta-band .con-eyebrow::before{content:"";width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:rgba(255,198,128,.16) url("data:image/svg+xml,") center/18px no-repeat}
body.con-site .con-split-feature .con-eyebrow,body.con-site .con-brand-strip .con-eyebrow{display:inline-flex;align-items:center;gap:10px}
body.con-site .con-split-feature .con-eyebrow::before,body.con-site .con-brand-strip .con-eyebrow::before{content:"";flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#FFF1DE url("data:image/svg+xml,") center/20px no-repeat;box-shadow:inset 0 0 0 1px rgba(224,134,0,.16)}
body.con-site .con-brand-strip .con-eyebrow::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-panel>h2{display:flex;align-items:center;gap:10px}
body.con-site .con-panel>h2::before{content:"";flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#FFF1DE url("data:image/svg+xml,") center/20px no-repeat;box-shadow:inset 0 0 0 1px rgba(224,134,0,.16)}
@media(max-width:620px){body.con-site .con-icon-tile{flex-basis:40px;width:40px;height:40px;border-radius:12px}body.con-site :is(.con-notice,.con-market-notice,.con-intake-info,.con-callout){padding-left:60px!important}}
body.con-site :is(.con-heading-band,.con-heading-band-connect) .con-eyebrow i.con-icon-tile{display:inline-flex;width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#FFF3E2,#FFE8CC)}
@media(max-width:620px){body.con-site :is(.con-heading-band,.con-heading-band-connect) .con-eyebrow i.con-icon-tile{width:40px;height:40px;border-radius:12px}}
/* ---------- 가독성 보강: 작은 글자 키우기 · 회색 대비 ---------- */
/* 본문·안내·법적 문단 */
body.con-site :is(.con-notice,.con-intake-info .con-notice,.con-panel>.con-notice){font-size:16px!important;line-height:1.75!important;color:#2F3A46}
body.con-site :is(.con-panel,.con-wrap,.con-comparables,.con-desk-card-heading,.con-section-head)>.con-small,body.con-site .con-small{font-size:15px!important;line-height:1.7!important;color:#56616D}
body.con-site .con-section-head>.con-small,body.con-site .con-desk-card-heading>.con-small{font-size:14px!important}
body.con-site .con-brand-strip small,body.con-site .con-reveal>small{font-size:15px!important;color:#56616D}
body.con-site .con-desk-content p,body.con-site .con-board-card p{font-size:15px!important;line-height:1.7}
body.con-site #kboard-forum-one-list .kboard-list-content{font-size:15px!important;line-height:1.65;color:#56616D}
/* 도움말 */
body.con-site :is(.con-field small,.con-desk-mode-hint,.con-desk-help,.con-small a){font-size:14px!important;line-height:1.6}
/* 라벨 */
body.con-site :is(.con-tiny-label,.con-desk-mode-label,.con-notes-search .con-field,.con-field>span:first-child,.con-field>label){font-size:15px!important}
body.con-site .con-plan-top .con-tiny-label{font-size:14px!important}
/* 메타·날짜·칩 */
body.con-site :is(.con-card-meta,.con-pill,.con-desk-status,.con-desk-record-top time,.con-desk-breadcrumb,.con-plan-status,.con-cover>span,.con-desk-facts span,.con-offer-facts span,.con-market-flow span,.con-connect-principles span){font-size:14px!important}
body.con-site .con-card-meta,body.con-site .con-desk-record-top time,body.con-site .con-desk-breadcrumb{color:#56616D}
body.con-site #kboard-forum-one-list :is(.kboard-list-item,.kboard-list-moreinfo .date){font-size:14px!important}
body.con-site .con-quick small,body.con-site .con-plan-task small,body.con-site .con-plan-task span,body.con-site .con-plan-card>p{font-size:14px!important;color:#56616D}
body.con-site :is(.con-eyebrow,.con-read-link,.con-text-link,.con-hero-notes span,.con-floating-tag){font-size:15px!important}
body.con-site .con-plan-task b{font-size:15px!important}
body.con-site .con-output-line span{font-size:15px!important}
body.con-site .con-tools pre,body.con-site pre{font-size:15px!important;line-height:1.7}
/* 체크 아이콘 */
body.con-site :is(.con-hero-notes,.con-heading-chips,.con-check-list,.con-plan-task) svg{width:16px!important;height:16px!important;min-width:16px}
/* 시장·가치 안내 상자 */
body.con-site .con-market-notice{position:relative;padding:22px 24px 22px 76px!important;font-size:16px!important;line-height:1.75!important;color:#2F3A46}
body.con-site .con-market-notice::before{top:22px!important;left:22px!important;margin-top:0!important;width:40px!important;height:40px!important}
body.con-site .con-market-notice>strong{display:block;margin:6px 0 10px;font-size:18px!important;color:#1B2430}
body.con-site .con-market-notice p{max-width:70ch;margin:0 0 12px;font-size:16px!important;line-height:1.75;overflow-wrap:anywhere;word-break:keep-all;white-space:normal}
body.con-site .con-market-notice small{display:block;max-width:70ch;margin-top:4px;padding-top:12px;border-top:1px dashed #E3D6C4;font-size:15px!important;line-height:1.7;color:#56616D}
@media(max-width:620px){
body.con-site .con-market-notice{padding:20px 18px!important}
body.con-site .con-market-notice::before{position:static!important;display:block;margin:0 0 10px!important}
body.con-site :is(.con-notice,.con-market-notice p){font-size:15px!important}
body.con-site .con-plan-top .con-tiny-label,body.con-site .con-plan-status{font-size:14px!important}
}
body.con-site .con-desk-layout :is(small,a>span,li>span,.con-desk-identity small){font-size:14px!important}
body.con-site .con-editorial-card .con-cover>span,body.con-site .con-cover>span{font-size:14px!important}
body.con-site .con-community #kboard-forum-one-list :is(.kboard-list-detail .kboard-list-item,.kboard-list-moreinfo .kboard-list-item,.kboard-list-item span){font-size:14px!important}
@media(max-width:380px){body.con-site .con-heading-chips li{font-size:14px!important}body.con-site .con-header-cta{font-size:14px!important}}
/* ---------- v3: 로고 문구 · 히어로 카피 · 빠른 도입 ---------- */
body.con-site .con-hero h1{word-break:keep-all}
body.con-site .con-hero h1 em{white-space:nowrap}
body.con-site .con-hero-copy>p{word-break:keep-all}
@media(max-width:620px){
body.con-site .con-hero h1{font-size:clamp(26px,8vw,34px)!important;letter-spacing:-.045em}
body.con-site .con-hero-copy>p br.con-desktop-break{display:none}
}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(3){transition-delay:.4s}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(4){transition-delay:.5s}
html.con-motion body.con-site .con-hero.is-in .con-hero-copy>:nth-child(5){transition-delay:.6s}
html.con-motion body.con-site .con-hero-copy>*{transition-duration:.5s}
html.con-motion body.con-site .con-hero-visual>.con-plan-card{transition-delay:.15s,.15s;transition-duration:.6s,.6s}
html.con-motion body.con-site .con-hero-visual>.con-floating-tag{transition-delay:.5s,.5s}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(1){transition-delay:.55s}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(2){transition-delay:.7s}
html.con-motion body.con-site .con-hero.is-in .con-plan-progress span:nth-child(3){transition-delay:.85s}
html.con-motion body.con-site .con-hero h1 em{transition-duration:.5s}
html.con-motion body.con-site .con-hero.is-in .con-hero-visual>.con-mascot{animation-delay:.8s}
body.con-site .con-caret.is-done::after{animation:none;opacity:0;transition:opacity .3s ease .2s}
/* ---------- v3: 히어로 칩·온이 겹침 해소 ---------- */
body.con-site .con-hero-photo{box-shadow:0 30px 60px -28px rgba(16,24,40,.28)}
body.con-site .con-hero-photo::after{background:linear-gradient(90deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.1) 40%,rgba(255,255,255,0) 58%)}
body.con-site .con-hero-photo img{object-position:72% 40%}
body.con-site .con-plan-card{box-shadow:0 2px 6px rgba(16,24,40,.06),0 28px 56px -22px rgba(16,24,40,.28)}
body.con-site .con-hero-visual>.con-floating-tag{top:18px;right:18px;bottom:auto;left:auto;box-shadow:0 10px 24px -10px rgba(16,24,40,.3)}
@media(max-width:620px){
body.con-site .con-hero-visual>.con-floating-tag{top:12px;right:12px;left:auto;bottom:auto}
}
/* ---------- v3: 밝은 CTA 띠 ---------- */
body.con-site .con-cta-band{background:linear-gradient(115deg,#FFF4E4 0,#FFFBF5 48%,#F2F5F9 100%);color:#1F2328;border-top:1px solid #EFE7DA}
body.con-site .con-cta-band::before,body.con-site .con-cta-band::after{content:none!important;background:none!important}
body.con-site .con-cta-band-photo{display:none}
body.con-site .con-cta-band .con-eyebrow{color:#9A5200}
body.con-site .con-cta-band .con-eyebrow::before{background:#FFE9C9 center/18px no-repeat;background-image:url("data:image/svg+xml,")}
body.con-site .con-cta-band h2{color:#1F2328!important}
body.con-site .con-cta-band p{color:#56616D}
body.con-site .con-cta-band .con-btn{box-shadow:0 12px 26px -12px rgba(224,134,0,.6)}
/* ---------- v3: 밝은 푸터 ---------- */
body.con-site footer.con-footer{background:#F7F6F3!important;color:#56616D;border-top:1px solid #E6E2DA;padding:72px 0 32px}
body.con-site .con-footer .con-logo.con-logo-image{padding:0;border-radius:0;background:none;box-shadow:none;gap:6px}
body.con-site .con-footer .con-logo-tagline{color:#3D4652}
body.con-site .con-footer-top{gap:48px}
body.con-site .con-footer-top p{color:#56616D}
body.con-site .con-footer-top>div>strong{color:#1F2328;font-size:16px;margin-bottom:10px;gap:8px}
body.con-site .con-footer-top>div>strong::before{width:18px;height:18px;flex:0 0 18px;border-radius:0;background-color:transparent;background-size:18px}
body.con-site .con-footer-top>div:first-child>strong::before{content:none}
body.con-site .con-footer-top>div>a:not(.con-logo){color:#56616D;font-size:15px}
body.con-site .con-footer-top>div>a:not(.con-logo):hover{color:#9A5200}
body.con-site .con-footer-icon{color:#B86A00}
body.con-site .con-footer .con-operator{border-top:1px solid #E6E2DA;color:#56616D}
body.con-site .con-footer .con-operator strong{color:#1F2328}
body.con-site .con-footer-bottom{border-top:1px solid #E6E2DA;color:#56616D}
body.con-site .con-footer-bottom a{color:#3D4652}
body.con-site .con-footer-bottom a.con-to-top{border-color:#D8D3CA;color:#1F2328}
body.con-site .con-footer-bottom a.con-to-top:hover{border-color:#E08600;color:#9A5200}
body.con-site .con-footer-top>div:nth-child(2)>strong::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-footer-top>div:nth-child(3)>strong::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-footer-top>div:nth-child(4)>strong::before{background-image:url("data:image/svg+xml,")}
/* ---------- v3: 밝은 패밀리 배너 ---------- */
body.con-site .con-service-links a.con-family-banner{background:#F3F4F6;color:#1F2328;box-shadow:0 1px 2px rgba(16,24,40,.05),0 18px 36px -24px rgba(16,24,40,.3);border:1px solid #E6E8EC}
body.con-site .con-family-banner::before{background:linear-gradient(180deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.82) 62%,rgba(255,255,255,.96) 100%)}
body.con-site .con-family-text small{color:#9A5200}
body.con-site .con-family-text strong{color:#1F2328}
body.con-site .con-family-text em{color:#3D4652}
body.con-site .con-family-cta{background:#1F2328;color:#fff}
body.con-site .con-service-links a.con-family-banner:hover{box-shadow:0 2px 4px rgba(16,24,40,.06),0 26px 44px -24px rgba(16,24,40,.38);border:1px solid #E6E8EC}
body.con-site .con-hero-visual>.con-floating-tag{top:-18px;right:24px}
@media(max-width:620px){
body.con-site .con-hero-visual>.con-floating-tag{top:12px;right:12px}
body.con-site .con-hero-visual>.con-mascot{top:10px!important;left:8px!important;right:auto!important;bottom:auto!important;width:84px!important;height:84px!important}
}
/* ---------- v3: 저작권 줄 ---------- */
body.con-site .con-footer-bottom .con-copyright{font-size:14px;line-height:1.7;color:#56616D;letter-spacing:-.01em}
/* ---------- v3: 실행 노트 보기 ---------- */
body.con-site .con-note-view{padding-bottom:24px}
body.con-site .con-note-hero{position:relative;padding-top:24px}
body.con-site .con-note-hero-photo{margin:0 auto;width:calc(100% - 48px);max-width:1392px;height:360px;border-radius:28px;overflow:hidden}
body.con-site .con-note-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.92) brightness(1.06)}
body.con-site .con-note-cover{position:relative;max-width:920px;margin:-150px auto 0;padding:40px 48px 36px;background:#fff;border:1px solid #ECE7DF;border-radius:24px;box-shadow:0 2px 6px rgba(16,24,40,.05),0 30px 60px -30px rgba(16,24,40,.3)}
body.con-site .con-note-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#56616D}
body.con-site .con-note-crumb a{display:inline-flex;align-items:center;min-height:44px;color:#9A5200;font-weight:700}
body.con-site .con-note-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 14px}
body.con-site .con-note-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:#FFF1DE;color:#8A4A00;font-size:14px;font-weight:800}
body.con-site .con-note-kind{font-size:14px;font-weight:700;color:#56616D}
body.con-site .con-note-cover h1{margin:0 0 14px!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.32!important;letter-spacing:-.035em;color:#1F2328}
body.con-site .con-note-cover .con-lead{margin:0 0 20px;font-size:18px!important;line-height:1.75!important;color:#3D4652}
body.con-site .con-note-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding-top:18px;border-top:1px solid #EFEAE2;font-size:14px!important;color:#56616D}
body.con-site .con-note-meta span{display:inline-flex;align-items:center;gap:6px}
body.con-site .con-note-meta svg{width:17px;height:17px;flex:0 0 17px;color:#B86A00}
body.con-site .con-note-layout{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:40px;margin-top:48px}
body.con-site .con-note-toc{padding:22px 24px;border:1px solid #ECE7DF;border-radius:18px;background:#FBFAF7}
body.con-site .con-note-toc-title{margin:0 0 6px;font-size:14px;font-weight:800;color:#8A4A00;letter-spacing:-.01em}
body.con-site .con-note-toc ol{list-style:none;margin:0;padding:0;counter-reset:contoc}
body.con-site .con-note-toc li{counter-increment:contoc}
body.con-site .con-note-toc a{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 0;font-size:15px;line-height:1.5;color:#3D4652;text-decoration:none;border-top:1px solid #EFEAE2}
body.con-site .con-note-toc li:first-child a{border-top:0}
body.con-site .con-note-toc a::before{content:counter(contoc,decimal-leading-zero);flex:0 0 auto;font-size:14px;font-weight:800;color:#9A5200;line-height:1.6}
body.con-site .con-note-toc a:hover{color:#8A4A00}
@media(min-width:1180px){
body.con-site .con-note-layout{grid-template-columns:250px minmax(0,760px);justify-content:center;align-items:start}
body.con-site .con-note-toc{position:sticky;top:110px}
body.con-site .con-note-end{max-width:1050px}
}
body.con-site .con-note-paper{position:relative;padding:56px 64px 48px 92px;border:1px solid #EDE7DC;border-radius:22px;background-color:#FFFEFA;background-image:linear-gradient(90deg,transparent 0,transparent 58px,rgba(224,134,0,.22) 58px,rgba(224,134,0,.22) 59px,transparent 59px),radial-gradient(rgba(120,90,40,.035) 1px,transparent 1px);background-size:100% 100%,6px 6px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 48px -32px rgba(16,24,40,.28)}
body.con-site .con-note-paper::before{content:"";position:absolute;left:24px;top:56px;bottom:48px;width:12px;background:radial-gradient(circle,#EDE6DA 0 4px,transparent 4.5px) center top/12px 44px repeat-y;opacity:.9}
body.con-site .con-note-paper .con-prose{font-size:18px;line-height:1.85;color:#2B323B}
body.con-site .con-note-paper .con-prose p{line-height:1.85!important;margin:0 0 18px}
body.con-site .con-note-paper .con-prose>p:first-child{font-size:19px;color:#1F2328;font-weight:500}
body.con-site .con-note-paper .con-prose>h2{display:flex;align-items:center;gap:14px;margin:44px 0 14px!important;padding-top:0!important;border-top:0!important;font-size:24px!important;line-height:1.4!important;letter-spacing:-.03em;color:#1F2328}
body.con-site .con-note-paper .con-prose>h2::before{content:"";flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#FFF1DE center/22px no-repeat}
body.con-site .con-note-paper .con-prose>h2.con-note-h-step::before{content:attr(data-step);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;letter-spacing:0;color:#9A5200}
body.con-site .con-note-paper .con-prose>h2.con-note-h-check::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-note-paper .con-prose>h2.con-note-h-record::before{background-image:url("data:image/svg+xml,")}
body.con-site .con-note-paper .con-prose ul.con-note-checklist{list-style:none;margin:8px 0 8px;padding:0}
body.con-site .con-note-paper .con-prose ul.con-note-checklist li{position:relative;margin:10px 0;padding:14px 18px 14px 54px;border:1px solid #ECE6DC;border-radius:14px;background:#fff;font-size:17px;line-height:1.65}
body.con-site .con-note-paper .con-prose ul.con-note-checklist li::before{content:"";position:absolute;left:18px;top:50%;width:22px;height:22px;margin-top:-11px;border:2px solid #E08600;border-radius:7px;background:#FFF8EC url("data:image/svg+xml,") center/16px no-repeat}
body.con-site .con-note-paper .con-prose p.con-note-record{position:relative;margin-top:8px;padding:44px 22px 18px;border:1px dashed #EBC489;border-radius:16px;background:#FFF8EC;font-size:17px;color:#2B323B}
body.con-site .con-note-paper .con-prose p.con-note-record::before{content:"예시 · 한 줄 기록 양식";position:absolute;left:22px;top:14px;font-size:14px;font-weight:800;color:#8A4A00}
body.con-site .con-note-end{max-width:920px;margin-top:48px}
body.con-site .con-note-end .con-note-cta{background:linear-gradient(120deg,#FFF4E4 0,#FFFDF8 60%,#F4F6F9 100%)!important;border:1px solid #F1DEC2;border-radius:24px}
body.con-site .con-note-cta-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:800;color:#8A4A00}
body.con-site .con-note-cta-kicker::before{content:"";width:26px;height:26px;border-radius:8px;background:#FFE2B8 url("data:image/svg+xml,") center/16px no-repeat}
body.con-site .con-note-end .con-small{margin:20px 4px 0}
body.con-site .con-note-copyright{display:flex;gap:16px;align-items:flex-start;margin:28px 0 0;padding:22px 4px 4px;border-top:1px solid #E6E2DA}
body.con-site .con-note-copyright-icon{flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#F4F2EE;color:#56616D}
body.con-site .con-note-copyright strong{display:block;font-size:15px;font-weight:800;color:#1F2328;letter-spacing:-.01em}
body.con-site .con-note-copyright p{margin:4px 0 0;font-size:15px;line-height:1.75;color:#56616D}
body.con-site .con-note-related{margin-top:56px}
body.con-site .con-note-related>h2{margin:0 0 20px!important;font-size:26px!important;letter-spacing:-.03em}
@media(max-width:760px){
body.con-site .con-note-hero{padding-top:12px}
body.con-site .con-note-hero-photo{width:calc(100% - 24px);height:200px;border-radius:20px}
body.con-site .con-note-cover{margin-top:-56px;padding:24px 20px 22px;border-radius:20px}
body.con-site .con-note-cover .con-lead{font-size:16px!important}
body.con-site .con-note-layout{margin-top:28px;gap:20px}
body.con-site .con-note-paper{padding:30px 20px 24px 34px;border-radius:18px;background-image:linear-gradient(90deg,transparent 0,transparent 18px,rgba(224,134,0,.22) 18px,rgba(224,134,0,.22) 19px,transparent 19px),radial-gradient(rgba(120,90,40,.035) 1px,transparent 1px)}
body.con-site .con-note-paper::before{display:none}
body.con-site .con-note-paper .con-prose{font-size:17px}
body.con-site .con-note-paper .con-prose>p:first-child{font-size:18px}
body.con-site .con-note-paper .con-prose>h2{font-size:21px!important;gap:12px;margin-top:36px!important}
body.con-site .con-note-paper .con-prose>h2::before{flex-basis:38px;width:38px;height:38px;border-radius:11px}
body.con-site .con-note-paper .con-prose ul.con-note-checklist li{font-size:16px;padding:12px 14px 12px 48px}
body.con-site .con-note-paper .con-prose ul.con-note-checklist li::before{left:14px}
body.con-site .con-note-paper .con-prose p.con-note-record{font-size:16px;padding:42px 16px 16px}
body.con-site .con-note-paper .con-prose p.con-note-record::before{left:16px}
body.con-site .con-note-end{margin-top:32px}
body.con-site .con-note-copyright{gap:12px}
body.con-site .con-note-related>h2{font-size:22px!important}
}
body.con-site .con-note-view .con-note-meta{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
body.con-site .con-note-view .con-note-cta::before{display:none!important}
body.con-site .con-note-hero-photo{position:relative}
body.con-site .con-note-hero-photo img{filter:saturate(.7) brightness(1.18) contrast(.95)}
body.con-site .con-note-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.35) 60%,rgba(255,255,255,.75) 100%),linear-gradient(90deg,rgba(240,244,248,.35),rgba(255,248,236,.2));pointer-events:none}
/* ---------- v3.1: 슬로건 폭 = 로고 폭 ---------- */
body.con-site .con-logo.con-logo-image{align-items:flex-start}
body.con-site .con-logo.con-logo-image img{width:150px!important;max-height:none!important;height:auto}
body.con-site .con-logo.con-logo-image .con-logo-tagline{display:block!important;white-space:nowrap;font-size:13px!important;letter-spacing:-.03em!important;line-height:1.2}
@media(max-width:1060px){
body.con-site .con-logo.con-logo-image img{width:150px!important}
body.con-site .con-logo.con-logo-image .con-logo-tagline{font-size:12px!important;letter-spacing:-.035em!important}
}
@media(max-width:620px){
body.con-site .con-logo.con-logo-image img{width:146px!important}
body.con-site .con-logo.con-logo-image .con-logo-tagline{font-size:12px!important;letter-spacing:-.05em!important}
}
/* ---------- v3.2: 고정 헤더 — 관리자 바 아래에 붙고, 로고·메뉴·버튼을 한 축에 ---------- */
/* 원인: 헤더는 position:sticky; top:0 이라 로그인 시 WP 관리자 바(고정 32px/46px)가 헤더 윗부분을 덮어, 스크롤하면 로고만 위로 붙고 메뉴·버튼은 아래로 내려간 것처럼 보였음 */
body.con-site .con-header{top:0;background:#fff!important}
body.con-site .con-header-inner{display:flex;align-items:center;box-sizing:border-box}
body.con-site .con-header-inner>:is(.con-logo,.con-nav,.con-header-cta,.con-menu-button){align-self:center;margin-top:0;margin-bottom:0}
body.con-site .con-header .con-logo.con-logo-image{justify-content:center}
body.con-site .con-header .con-logo.con-logo-image .con-logo-tagline{white-space:nowrap}
body.admin-bar.con-site .con-header{top:32px}
@media screen and (max-width:782px){body.admin-bar.con-site .con-header{top:46px}}
@media screen and (max-width:600px){body.admin-bar.con-site .con-header{top:0}}
html:has(body.con-site){scroll-padding-top:130px}
html:has(body.admin-bar.con-site){scroll-padding-top:162px}
@media screen and (max-width:850px){html:has(body.con-site){scroll-padding-top:116px}html:has(body.admin-bar.con-site){scroll-padding-top:162px}}
@media screen and (max-width:600px){html:has(body.admin-bar.con-site){scroll-padding-top:116px}}
/* ---------- v3.2: 홈 히어로 — 인물 얼굴이 카드·칩·온이에 가리지 않게 ---------- */
/* 데스크톱: 카드 오른쪽 190px 여백 안에 얼굴이 오도록 사진 오른쪽 기준으로 위치 고정, 높이는 640px 이내 */
@media(min-width:851px){
body.con-site .con-hero-photo{inset:0 0 auto 20px;height:min(100%,640px)}
body.con-site .con-hero-photo img{object-position:right -165px top 0}
}
/* 태블릿(761~850): 카드 오른쪽 170px 여백 안에 얼굴 */
@media(min-width:761px) and (max-width:850px){
body.con-site .con-hero-photo img{object-position:right -160px top 0}
}
/* 모바일: 위쪽 사진 띠에서 얼굴이 칩·온이·카드와 겹치지 않게 */
@media(max-width:760px){
body.con-site .con-hero-photo img{object-position:50% 50%}
body.con-site .con-hero-visual>.con-floating-tag{top:96px;right:12px;left:auto;bottom:auto}
}
/* ---------- v3.2: 온이 안내 상자(완료·오류) — 글과 캐릭터를 같은 세로 중심에 ---------- */
/* 원인: 상자 높이는 min-height 88px로 늘어나는데 글은 위쪽 여백(18px)부터 시작해, 한 줄일 때 글이 캐릭터 중심보다 약 13px 위에 놓였음 */
body.con-site :is(.con-success,.con-error){min-height:0;padding:31px 22px 31px 92px;line-height:1.75}
body.con-site :is(.con-success,.con-error)::before{top:50%;bottom:auto;transform:translateY(-50%);margin-top:0}
body.con-site :is(.con-success,.con-error)>:first-child{margin-top:0}
body.con-site :is(.con-success,.con-error)>:last-child{margin-bottom:0}
@media(max-width:620px){
body.con-site :is(.con-success,.con-error){padding:25px 16px 25px 74px}
body.con-site :is(.con-success,.con-error)::before{top:50%;left:14px;width:48px;height:48px;transform:translateY(-50%)}
}
/* ---------- v3.2: 가치 분석 — '분석 중' 표시 후 결과를 부드럽게 ---------- */
body.con-site .con-value-report.con-value-analyzing>:not(.con-analyzing){display:none!important}
body.con-site .con-analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:380px;padding:40px 20px;text-align:center;word-break:keep-all}
body.con-site .con-analyzing-mark{position:relative;display:block;width:120px;height:120px}
body.con-site .con-analyzing-ring{position:absolute;inset:0;border-radius:50%;border:4px solid #FCE9D2;border-top-color:#E08600;border-right-color:#F5A623;animation:con-an-spin 1s linear infinite}
body.con-site .con-analyzing-oni{position:absolute;inset:18px;background:url("characters/oni-progress.svg") center/contain no-repeat;animation:con-an-bob 1.4s ease-in-out infinite alternate}
body.con-site .con-analyzing>strong{display:block;margin-top:6px;font-size:26px!important;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#1B2430;white-space:nowrap}
body.con-site .con-analyzing-sub{display:block;max-width:30ch;font-size:17px!important;line-height:1.6;color:#56616D}
body.con-site .con-analyzing-bar{display:block;width:200px;max-width:70%;height:6px;margin-top:4px;border-radius:999px;background:#FCE9D2;overflow:hidden}
body.con-site .con-analyzing-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F5A623,#E08600);animation:con-an-fill 1.45s cubic-bezier(.3,.6,.3,1) forwards}
body.con-site .con-value-report.con-value-revealed>*{animation:con-an-reveal .7s cubic-bezier(.2,.7,.2,1) both}
body.con-site .con-value-report.con-value-revealed>:nth-child(2){animation-delay:.06s}
body.con-site .con-value-report.con-value-revealed>:nth-child(n+3){animation-delay:.12s}
@keyframes con-an-spin{to{transform:rotate(360deg)}}
@keyframes con-an-bob{from{transform:translateY(2px)}to{transform:translateY(-4px)}}
@keyframes con-an-fill{to{width:100%}}
@keyframes con-an-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:620px){
body.con-site .con-analyzing{min-height:300px;padding:32px 16px}
body.con-site .con-analyzing-mark{width:104px;height:104px}
body.con-site .con-analyzing>strong{font-size:23px!important}
body.con-site .con-analyzing-sub{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
body.con-site :is(.con-analyzing-ring,.con-analyzing-oni,.con-analyzing-bar>i){animation:none!important}
body.con-site .con-analyzing-bar>i{width:100%}
}
/* ---------- v3.3: 가치 분석 — 보고서 칸을 화면에 붙잡고, 누른 버튼에도 진행 상태 ---------- */
/* 원인: 입력 칸이 길어 맨 아래 버튼을 누르면 오른쪽 보고서(분석 중 표시)는 페이지 맨 위에 있어 화면 밖에 그려졌음 */
@media(min-width:701px){
body.con-site .con-valuation-layout>.con-value-report{position:sticky;top:138px;align-self:start}
body.con-site.admin-bar .con-valuation-layout>.con-value-report{top:170px}
}
@media(min-width:701px) and (max-width:850px){
body.con-site .con-valuation-layout>.con-value-report{top:126px}
body.con-site.admin-bar .con-valuation-layout>.con-value-report{top:158px}
}
@media(min-width:701px) and (max-width:782px){
body.con-site.admin-bar .con-valuation-layout>.con-value-report{top:172px}
}
body.con-site .con-analyzing{min-height:clamp(260px,calc(100vh - 240px),380px)}
body.con-site .con-btn.con-btn-busy{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:progress;opacity:1;filter:saturate(.9)}
body.con-site .con-btn.con-btn-busy:disabled{opacity:.92}
body.con-site .con-btn-spinner{flex:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:con-an-spin .8s linear infinite}
@media(prefers-reduced-motion:reduce){body.con-site .con-btn-spinner{animation:none;border-color:#fff;border-right-color:rgba(255,255,255,.4)}}
@media print{body.con-site .con-valuation-layout>.con-value-report{position:static}}
/* v3.4 first-registration guide (empty lists) */
body.con-site .con-first-guide{margin:8px 0 28px;padding:40px;border:1px solid var(--con-line);border-radius:24px;background:linear-gradient(180deg,#FFFBF5 0,#fff 220px);box-shadow:0 18px 40px -30px rgba(27,36,48,.35);text-align:left;word-break:keep-all;overflow-wrap:break-word}
body.con-site .con-first-guide :is(h2,h3,h4,p,li,dd,dt,strong){word-break:keep-all}
body.con-site .con-first-guide-head{display:flex;gap:20px;align-items:flex-start;max-width:860px}
body.con-site .con-first-guide-head>.con-icon-tile{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px}
body.con-site .con-first-guide-head>.con-icon-tile svg{width:26px;height:26px}
body.con-site .con-first-guide-eyebrow{display:inline-block;margin-bottom:8px;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--con-brand-strong)}
body.con-site .con-first-guide-head h2{margin:0 0 12px!important;font-size:clamp(26px,2.6vw,34px)!important;line-height:1.3!important}
body.con-site .con-first-guide-head p{margin:0!important;font-size:17px;line-height:1.8;color:var(--con-text)}
body.con-site .con-first-guide-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
body.con-site .con-first-guide-steps>li{position:relative;display:flex;gap:14px;align-items:flex-start;margin:0;padding:22px 22px 20px;border:1px solid var(--con-line);border-radius:18px;background:#fff}
body.con-site .con-first-guide-steps>li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-13px;width:10px;height:10px;border-top:2px solid var(--con-brand-line);border-right:2px solid var(--con-brand-line);transform:translateY(-50%) rotate(45deg);z-index:1}
body.con-site .con-first-guide-num{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--con-brand);color:#fff;font-size:16px;font-weight:800}
body.con-site .con-first-guide-steps strong{display:block;margin:5px 0 6px;font-size:18px;color:var(--con-ink)}
body.con-site .con-first-guide-steps p{margin:0!important;font-size:15.5px;line-height:1.7;color:var(--con-muted)}
body.con-site .con-first-guide-examples{margin-top:36px}
body.con-site .con-first-guide :is(.con-first-guide-examples,.con-first-guide-prep)>h3{margin:0 0 14px!important;font-size:20px!important}
body.con-site .con-first-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.con-site .con-first-example{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border:1.5px dashed var(--con-line-strong);border-radius:18px;background:var(--con-surface);cursor:default;user-select:none}
body.con-site .con-first-example-badge{align-self:flex-start;padding:5px 11px;border-radius:999px;background:#1B2430;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em}
body.con-site .con-first-example-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
body.con-site .con-first-example h4{margin:2px 0 0!important;font-size:18px!important;line-height:1.45;color:var(--con-ink)}
body.con-site .con-first-example>p{margin:0!important;font-size:15px;line-height:1.7;color:var(--con-muted)}
body.con-site .con-first-example-facts{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--con-line);display:grid;gap:6px}
body.con-site .con-first-example-facts>div{display:flex;gap:10px;font-size:14.5px;line-height:1.5}
body.con-site .con-first-example-facts dt{flex:0 0 3.6em;font-weight:700;color:var(--con-text)}
body.con-site .con-first-example-facts dd{margin:0;color:var(--con-subtle)}
body.con-site .con-first-guide-foot{margin-top:36px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:stretch}
body.con-site .con-first-guide-prep{padding:24px;border-radius:18px;border:1px solid var(--con-line);background:#fff}
body.con-site .con-first-guide-prep ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
body.con-site .con-first-guide-prep li{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:16px;line-height:1.6;color:var(--con-text)}
body.con-site .con-first-guide-prep li svg{flex:0 0 20px;width:20px;height:20px;margin-top:2px;padding:3px;border-radius:50%;background:var(--con-brand-tint);color:var(--con-brand-strong);box-sizing:border-box}
body.con-site .con-first-guide-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border-radius:18px;background:var(--con-brand-tint);border:1px solid var(--con-brand-line)}
body.con-site .con-first-guide-cta>strong{font-size:20px;line-height:1.4;color:var(--con-ink)}
body.con-site .con-first-guide-cta>p{margin:0 0 6px!important;font-size:15.5px;line-height:1.7;color:var(--con-text)}
body.con-site .con-first-guide-cta>.con-btn{min-height:52px;padding:0 24px;font-size:16.5px;white-space:nowrap}
body.con-site .con-first-guide-cta>.con-text-link{font-size:15px}
body.con-site .con-listing-grid+.con-first-guide,body.con-site .con-section>.con-first-guide{margin-top:4px}
@media(max-width:1050px){body.con-site .con-first-guide-cards{grid-template-columns:1fr 1fr}body.con-site .con-first-guide-cards>:nth-child(3){display:none}body.con-site .con-first-guide-foot{grid-template-columns:1fr}}
@media(max-width:760px){body.con-site .con-first-guide{padding:26px 20px;border-radius:20px}body.con-site .con-first-guide-head{flex-direction:column;gap:14px}body.con-site .con-first-guide-head p{font-size:16px}body.con-site .con-first-guide-steps{grid-template-columns:1fr;gap:12px;margin-top:24px}body.con-site .con-first-guide-steps>li{padding:18px}body.con-site .con-first-guide-steps>li:not(:last-child)::after{top:auto;bottom:-9px;right:auto;left:35px;transform:rotate(135deg)}body.con-site .con-first-guide-cards{grid-template-columns:1fr}body.con-site .con-first-guide-cards>:nth-child(n+3){display:none}body.con-site .con-first-guide-prep ul{grid-template-columns:1fr}body.con-site .con-first-guide-cta>.con-btn{width:100%;justify-content:center;white-space:normal;text-align:center}}
body.con-site .con-first-guide :is(h2,h3,h4,.con-first-guide-cta>strong){text-wrap:balance}
body.con-site .con-first-guide :is(p,li span,dd){text-wrap:pretty}
@media(max-width:760px){body.con-site .con-first-guide-head h2{font-size:24px!important}}
/* v3.6 전체 정렬·간격 다듬기 */
body.con-site :is(h1,h2,h3,h4,.con-eyebrow){text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}
body.con-site :is(main,.con-footer) :is(p,li,label,figcaption,dd,blockquote){text-wrap:pretty;word-break:keep-all;overflow-wrap:break-word}
body.con-site .con-field>small{max-width:100%;border-radius:10px}
body.con-site .con-form-grid>.con-field>:is(input,select,textarea){margin-top:auto}
body.con-site #con-value-calculate+.con-small{margin-top:12px}
body.con-site .con-connect-toolbar{align-items:center}
body.con-site .con-connect-toolbar>.con-btn{min-height:44px;height:44px;box-sizing:border-box;padding-top:0;padding-bottom:0}
body.con-site .con-connect-toolbar nav a{height:44px;box-sizing:border-box}
@media(max-width:760px){
body.con-site .con-section-head{align-items:flex-end}
body.con-site .con-section-head>.con-text-link{margin-left:auto;padding-bottom:4px;white-space:nowrap;font-size:14px;line-height:1.4}
body.con-site .con-connect-toolbar nav{padding-bottom:0;scrollbar-width:none}
body.con-site #con-value-calculate{width:100%;justify-content:center}
}
@media(max-width:480px){
body.con-site .con-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 16px}
body.con-site .con-footer-top>div>strong{font-size:15px;white-space:nowrap;gap:8px}
body.con-site .con-footer-top>div>strong::before{width:26px;height:26px;flex-basis:26px}
body.con-site .con-footer-top>div>a:not(.con-logo){font-size:14px;line-height:1.5}
}
/* v3.6 커뮤니티 글쓰기(KBoard) */
body.con-site #kboard-forum-one-editor{max-width:none}
body.con-site #kboard-forum-one-editor .kboard-form{margin:0}
body.con-site #kboard-forum-one-editor .kboard-attr-row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:8px 20px;float:none;width:auto;margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--con-line);background:none}
body.con-site #kboard-forum-one-editor .kboard-attr-row:first-of-type{padding-top:4px}
body.con-site #kboard-forum-one-editor .kboard-attr-row.kboard-attr-content{align-items:start}
body.con-site #kboard-forum-one-editor .kboard-attr-row .attr-name{float:none;display:flex;align-items:center;gap:4px;width:auto;min-height:24px;margin:0;padding:0;border:0;background:none;font-size:15px;font-weight:700;line-height:1.4;color:var(--con-ink);text-align:left}
body.con-site #kboard-forum-one-editor .kboard-attr-row.kboard-attr-content .attr-name{padding-top:12px}
body.con-site #kboard-forum-one-editor .attr-required-text{color:var(--con-brand-strong)}
body.con-site #kboard-forum-one-editor :is(.attr-value,.kboard-content){float:none;width:auto;min-width:0;margin:0;padding:0;border:0;background:none;font-size:15px;color:var(--con-text)}
body.con-site #kboard-forum-one-editor :is(input[type=text],input[type=password],input[type=email],input[type=number],select){width:100%;max-width:none;height:var(--con-control-h);min-height:var(--con-control-h);box-sizing:border-box;margin:0;padding:0 14px;border:1px solid var(--con-line-strong);border-radius:12px;background:#fff;font-size:16px;line-height:1.4;color:var(--con-ink);box-shadow:none}
body.con-site #kboard-forum-one-editor select{padding-right:36px}
body.con-site #kboard-forum-one-editor textarea{display:block;width:100%;min-height:280px;box-sizing:border-box;margin:0;padding:14px 16px;border:1px solid var(--con-line-strong);border-radius:12px;background:#fff;font-size:16px;line-height:1.7;color:var(--con-ink);resize:vertical}
body.con-site #kboard-forum-one-editor :is(input,select,textarea):focus{outline:none;border-color:var(--con-brand-strong);box-shadow:0 0 0 3px var(--con-focus,rgba(224,134,0,.25))}
body.con-site #kboard-forum-one-editor .attr-value-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 16px 0 0;font-size:15px;color:var(--con-ink);cursor:pointer}
body.con-site #kboard-forum-one-editor .attr-value-option input{width:18px;height:18px;margin:0;accent-color:var(--con-brand-strong)}
body.con-site #kboard-forum-one-editor .kboard-attr-media .attr-value>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px dashed var(--con-line-strong);border-radius:12px;font-size:15px;font-weight:600;color:var(--con-brand-strong);text-decoration:none}
body.con-site #kboard-forum-one-editor .kboard-attr-media .attr-value>a:hover{border-color:var(--con-brand-strong);background:var(--con-brand-tint,#FFF6EA)}
body.con-site #kboard-forum-one-editor input[type=file]{max-width:100%;min-height:44px;font-size:14px;color:var(--con-muted)}
body.con-site #kboard-forum-one-editor input[type=file]::file-selector-button{height:40px;margin-right:12px;padding:0 14px;border:1px solid var(--con-line-strong);border-radius:10px;background:#fff;font:inherit;font-weight:600;color:var(--con-ink);cursor:pointer}
body.con-site #kboard-forum-one-editor .kboard-control{display:flex!important;align-items:center;justify-content:space-between;gap:12px;float:none;width:auto;margin:24px 0 0!important;padding:0;overflow:visible}
body.con-site #kboard-forum-one-editor .kboard-control :is(.left,.right){display:flex;gap:8px;float:none;margin:0}
body.con-site #kboard-forum-one-editor .kboard-control .kboard-forum-one-button-small{display:inline-flex!important;align-items:center;justify-content:center;height:var(--con-control-h)!important;min-height:var(--con-control-h);min-width:112px;box-sizing:border-box;margin:0!important;padding:0 22px!important;border:1px solid var(--con-line-strong)!important;border-radius:12px!important;background:#fff!important;font-size:15px!important;font-weight:700;line-height:1!important;color:var(--con-ink)!important;text-decoration:none;cursor:pointer}
body.con-site #kboard-forum-one-editor .kboard-control .right .kboard-forum-one-button-small{min-width:132px;border-color:var(--con-brand-strong)!important;background:var(--con-brand-strong)!important;color:#fff!important}
body.con-site #kboard-forum-one-editor .kboard-control .left .kboard-forum-one-button-small:hover{border-color:var(--con-brand-strong)!important;color:var(--con-brand-strong)!important}
body.con-site #kboard-forum-one-editor .kboard-control .right .kboard-forum-one-button-small:hover{background:var(--con-brand-deep,#8A4700)!important}
@media(max-width:600px){
body.con-site #kboard-forum-one-editor .kboard-attr-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
body.con-site #kboard-forum-one-editor .kboard-attr-row.kboard-attr-content .attr-name{padding-top:0}
body.con-site #kboard-forum-one-editor textarea{min-height:220px}
body.con-site #kboard-forum-one-editor .kboard-control .left .kboard-forum-one-button-small{min-width:96px}
body.con-site #kboard-forum-one-editor .kboard-control .right{flex:1 1 auto;justify-content:flex-end}
body.con-site #kboard-forum-one-editor .kboard-control .right .kboard-forum-one-button-small{flex:1 1 auto;max-width:220px}
}
/* v3.6 가치 분석 결과 · 분석한 사이트 대표 이미지 */
body.con-site .con-value-site{position:relative;margin:18px 0 22px;border:1px solid var(--con-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--con-shadow)}
body.con-site .con-value-site-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#FFF7EC 0%,#FDEBD2 55%,#F9DDB4 100%)}
body.con-site .con-value-site-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
body.con-site .con-value-site.is-contain .con-value-site-media>img{box-sizing:border-box;padding:7%;object-fit:contain}
body.con-site .con-value-site-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.75) 0 2px,transparent 3px) 0 0/22px 22px,radial-gradient(120% 90% at 85% 10%,rgba(255,198,128,.45),transparent 60%)}
body.con-site .con-value-site-placeholder b{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(140deg,#F2A12E,#A85800);box-shadow:0 10px 24px rgba(168,88,0,.28);font-size:30px;font-weight:800;line-height:1;color:#fff}
body.con-site .con-value-site-placeholder span{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;color:#7A4A12}
body.con-site .con-value-site figcaption{display:flex;align-items:center;gap:12px;min-height:60px;box-sizing:border-box;padding:12px 16px;border-top:1px solid var(--con-line)}
body.con-site .con-value-site-icon{display:flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--con-line);border-radius:10px;background:#fff;overflow:hidden;font-size:16px;font-weight:800;line-height:1;color:var(--con-brand-strong)}
body.con-site .con-value-site-icon img{display:block;width:20px;height:20px;object-fit:contain}
body.con-site .con-value-site figcaption>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
body.con-site .con-value-site figcaption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.35;color:var(--con-ink)}
body.con-site .con-value-site figcaption small{font-size:13px;line-height:1.4;color:var(--con-muted)}
body.con-site .con-value-site.is-loading .con-value-site-media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%) 0 0/200% 100%;animation:con-value-site-shine 1.2s linear infinite}
@keyframes con-value-site-shine{from{background-position:120% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){body.con-site .con-value-site.is-loading .con-value-site-media::after{animation:none;background:rgba(255,255,255,.4)}}
@media(max-width:480px){body.con-site .con-value-site{border-radius:14px}body.con-site .con-value-site-placeholder b{width:52px;height:52px;border-radius:16px;font-size:24px}}
@media(max-width:480px){
body.con-site .con-range-tags{grid-template-columns:1fr!important}
body.con-site .con-range-tags>div{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
body.con-site .con-range-tags b{white-space:nowrap}
}
/* v3.6 히어로: 하이라이트 반복 + 사진 교차 */
@keyframes con-hl-loop{0%,80%{background-size:100% 100%;background-position:0 0}88%{background-size:0% 100%;background-position:100% 0}88.01%{background-size:0% 100%;background-position:0 0}100%{background-size:100% 100%;background-position:0 0}}
html.con-motion body.con-site .con-hero h1 em.con-typed{animation:con-hl-loop 7s ease-in-out 1s infinite}
body.con-site .con-hero-photo img.con-hero-alt{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
body.con-site .con-hero-photo img.con-hero-alt:not([src]){visibility:hidden}
html.con-motion body.con-site .con-hero-photo.con-fade-ready img.con-hero-alt{transition:opacity 1.3s ease-in-out;will-change:opacity}
html.con-motion body.con-site .con-hero-photo.is-alt img.con-hero-alt{opacity:1}
@media (prefers-reduced-motion:reduce){
html.con-motion body.con-site .con-hero h1 em{animation:none!important}
body.con-site .con-hero-photo img.con-hero-alt{display:none!important}
}
/* v3.6 KBoard: 최고관리자 작성일 칸 + 온이 아바타 */
body.con-site .kboard-attr-con-date .attr-value{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.con-site .kboard-attr-con-date input[type=datetime-local]{width:100%;max-width:280px;height:var(--con-control-h,48px);min-height:var(--con-control-h,48px);box-sizing:border-box;margin:0;padding:0 14px;border:1px solid var(--con-line-strong,#d9dde3);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--con-ink,#1d2430);box-shadow:none}
body.con-site .kboard-attr-con-date input[type=datetime-local]:focus{outline:none;border-color:var(--con-brand-strong,#e08600);box-shadow:0 0 0 3px var(--con-focus,rgba(224,134,0,.25))}
body.con-site .kboard-attr-con-date .con-kb-date-help{display:block;font-size:13px;line-height:1.5;color:var(--con-muted,#667085)}
body.con-site img.con-oni-avatar{border-radius:50%;object-fit:cover;background:#FFF4E2;vertical-align:middle}
@media (max-width:480px){body.con-site .kboard-attr-con-date input[type=datetime-local]{max-width:none}}
/* v3.6 노트 상단 배경 사진: 인물 얼굴이 잘리지 않도록 위쪽 기준 */
body.con-site .con-note-hero-photo img{object-position:50% 28%}
/* v3.6 슬로건 '내 사업의 매출을 켜다, 천사온': 로고 폭에 맞춰 양끝 정렬(글꼴 렌더링 차이와 무관하게 폭 일치) */
body.con-site .con-logo.con-logo-image .con-logo-tagline{width:150px;max-width:none;box-sizing:border-box;overflow:visible;text-align:justify;text-align-last:justify;font-size:13px!important;letter-spacing:-.015em!important}
@media(max-width:1060px){body.con-site .con-logo.con-logo-image .con-logo-tagline{width:150px;font-size:12.5px!important;letter-spacing:0!important}}
@media(max-width:620px){body.con-site .con-logo.con-logo-image .con-logo-tagline{width:146px;font-size:12.5px!important;letter-spacing:-.01em!important}}
/* ---------- v3.10: 커뮤니티 글 보기 앵커 — 제목이 고정 헤더에 가리지 않게 ---------- */
body.con-site #kboard-document{scroll-margin-top:104px}
body.admin-bar.con-site #kboard-document{scroll-margin-top:136px}
@media screen and (max-width:850px){body.con-site #kboard-document{scroll-margin-top:92px}}
@media screen and (max-width:782px){body.admin-bar.con-site #kboard-document{scroll-margin-top:138px}}
@media screen and (max-width:600px){body.admin-bar.con-site #kboard-document{scroll-margin-top:92px}}
/* ---------- v3.11: 본문 브랜드 로고 — 헤더와 같은 로고+슬로건 ---------- */
body.con-site .con-brand-logo{margin:0 0 22px;line-height:1}
/* v3.12: 모바일 커뮤니티 목록 메타 줄 겹침 수정 (작성자 · 추천/댓글/조회 · 작성일) */
@media(max-width:600px){
body.con-site .con-community #kboard-forum-one-list .kboard-list>li{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px}
body.con-site .con-community #kboard-forum-one-list .kboard-list-group{order:0;flex:1 1 100%;min-width:0}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo{display:contents!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .author{order:1;flex:0 1 auto;min-width:0;max-width:62%;min-height:40px;font-size:15px!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail{order:3;flex:1 1 100%;width:auto!important;height:auto!important;float:none!important;text-align:left}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail>a{display:flex!important;flex-wrap:nowrap;gap:14px;min-height:28px;align-items:center}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item{display:inline-flex!important;flex-direction:row;align-items:center;gap:4px;width:auto!important;min-width:0;padding:0;font-size:14px!important;white-space:nowrap;position:static!important}
body.con-site .con-community #kboard-forum-one-list .kboard-list-detail .kboard-list-item br,
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date br{display:none}
body.con-site .con-community #kboard-forum-one-list .kboard-list-moreinfo .date{order:2;display:inline-flex!important;flex:0 0 auto;margin-left:auto;gap:4px;font-size:14px!important;white-space:nowrap;min-height:0}
}
/* v3.14 — 마케팅 처방전: 데스크톱에서 입력 카드·결과 카드 위/아래 라인 맞춤 */
@media screen and (min-width:783px){
body.con-site .con-workspace{align-items:stretch}
body.con-site .con-workspace>#con-diagnosis-form,body.con-site .con-workspace>.con-result{margin-top:0;margin-bottom:0;align-self:stretch}
body.con-site .con-workspace>.con-result{display:flex;flex-direction:column}
body.con-site .con-workspace>.con-result>.con-result-empty{flex:1 1 auto}
body.con-site .con-workspace>.con-save-area{grid-column:1/-1}
}
/* ---------- v3.15→v3.19: 천사디자인 안내 배너 — 넓은 화면은 가로 카드(본문 요소와 겹치면 작은 가로 알약으로 접힘), 좁은 화면·모바일은 하단 바 ---------- */
.con-promo{--con-promo-h:0px;position:fixed;z-index:9990;right:16px;bottom:24px;width:var(--con-promo-cw,272px);max-width:calc(100vw - 32px);font-family:var(--con-font,"Paperlogy","Malgun Gothic","Apple SD Gothic Neo",sans-serif);word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.02em;line-height:1.5;opacity:0;transform:translate3d(0,16px,0);transition:opacity .38s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.con-promo[hidden]{display:none!important}
/* v3.17→v3.19: 화면 폭에 맞는 모양(카드·알약·바)이 정해지기 전에는 절대 보이지 않음 */
.con-promo:not(.is-card):not(.is-pill):not(.is-bar){display:none!important}
.con-promo.is-measure{visibility:hidden!important;transition:none!important}
.con-promo.is-in{opacity:1;transform:none;pointer-events:auto}
.con-promo .con-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.con-promo-link{display:block;position:relative;padding:16px 16px 14px;background:linear-gradient(180deg,#FFF6EA 0,#fff 46%);border:1px solid #F2D6AE;border-radius:18px;box-shadow:0 2px 6px rgba(138,75,0,.06),0 18px 40px rgba(27,36,48,.14);color:#2F3A46!important;text-decoration:none!important;overflow:hidden;transition:box-shadow .2s,transform .2s}
.con-promo-link:hover{box-shadow:0 2px 6px rgba(138,75,0,.08),0 22px 48px rgba(27,36,48,.18);transform:translateY(-2px)}
.con-promo-link:focus-visible{outline:3px solid #A85800!important;outline-offset:3px}
.con-promo-art{position:absolute;right:42px;top:6px;width:46px;height:46px;pointer-events:none}
.con-promo-art img{display:block;width:46px;height:46px;filter:drop-shadow(0 6px 10px rgba(224,134,0,.18))}
.con-promo-body{display:block;position:relative}
.con-promo-kicker{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:1px 9px;border-radius:999px;background:#fff;border:1px solid #F2D6AE;color:#A85800;font-size:12.5px;font-weight:700;line-height:1.5}
.con-promo-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#E08600}
.con-promo-title{display:block;margin:10px 0 0;color:#1B2430;font-size:18.5px;font-weight:800;line-height:1.42;letter-spacing:-.035em}
.con-promo-title>span,.con-promo-sub>span{display:inline-block}
.con-promo-sub{display:block;margin-top:6px;color:#56616D;font-size:14px;font-weight:500;line-height:1.55}
.con-promo-mtitle,.con-promo-msub,.con-promo-go{display:none}
.con-promo-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:12px;padding:8px 14px;border-radius:11px;background:#A85800;color:#fff;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 1px 2px rgba(138,75,0,.18);transition:background .15s}
.con-promo-link:hover .con-promo-cta{background:#8A4B00}
.con-promo-close{position:absolute;top:4px;right:4px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:#636D79;font-size:26px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.con-promo-close>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px #E5E8EC;transition:background .15s,color .15s}
.con-promo-close:hover>span{background:#fff;color:#1B2430}
.con-promo-close:focus-visible{outline:3px solid #A85800!important;outline-offset:-3px}
/* 선택 창(메뉴)·키보드가 열려 있거나 다른 하단 고정 요소와 겹치면 숨김 */
.con-promo.is-suppressed,body:has(.con-menu-button[aria-expanded="true"]) .con-promo{opacity:0!important;visibility:hidden;pointer-events:none!important}
@media print{.con-promo{display:none!important}}
/* v3.19: 카드 자리에 본문 요소가 있을 때 — 오른쪽 아래 작은 가로 알약(마우스를 올리거나 자리가 비면 카드로 펼침) */
.con-promo.is-pill{width:auto;max-width:calc(100vw - 32px)}
.con-promo.is-pill .con-promo-link{display:flex;align-items:center;gap:6px;height:40px;padding:0 42px 0 8px;border:0;border-radius:999px;background:linear-gradient(100deg,#A85800 0,#8A4B00 100%);box-shadow:0 2px 4px rgba(138,75,0,.16),0 10px 24px rgba(27,36,48,.2);color:#fff!important;white-space:nowrap}
.con-promo.is-pill .con-promo-link:hover{transform:none;background:#8A4B00;box-shadow:0 2px 4px rgba(138,75,0,.2),0 12px 28px rgba(27,36,48,.24)}
.con-promo.is-pill .con-promo-link:focus-visible{outline-color:#A85800!important;outline-offset:3px}
.con-promo.is-pill .con-promo-art,.con-promo.is-pill .con-promo-kicker,.con-promo.is-pill .con-promo-title,.con-promo.is-pill .con-promo-mtitle,.con-promo.is-pill .con-promo-sub,.con-promo.is-pill .con-promo-msub,.con-promo.is-pill .con-promo-cta{display:none}
.con-promo.is-pill .con-promo-body{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14.5px;font-weight:700;line-height:1;letter-spacing:-.01em}
.con-promo.is-pill .con-promo-body::before{content:"";flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E0503C' d='M12 20.5s-7.2-4.4-9.2-8.9C1.4 8.3 3.4 5 6.7 5c2 0 3.5 1.1 4.4 2.6h1.8C13.8 6.1 15.3 5 17.3 5c3.3 0 5.3 3.3 3.9 6.6-2 4.5-9.2 8.9-9.2 8.9z'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.con-promo.is-pill .con-promo-body::after{content:"천사디자인"}
.con-promo.is-pill .con-promo-go{display:inline-flex;align-items:center;font-size:14px;font-weight:800;line-height:1;color:#FFE3B8}
.con-promo.is-pill .con-promo-close{top:0;right:2px;width:38px;height:40px;color:#fff;font-size:20px}
.con-promo.is-pill .con-promo-close>span{width:24px;height:24px;background:rgba(255,255,255,.16);box-shadow:none}
.con-promo.is-pill .con-promo-close:hover>span{background:rgba(255,255,255,.3);color:#fff}
.con-promo.is-pill .con-promo-close:focus-visible{outline-color:#fff!important}
@keyframes con-promo-card-in{from{opacity:0;transform:translate3d(0,8px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes con-promo-pill-in{from{opacity:0;transform:translate3d(0,6px,0) scale(.94)}to{opacity:1;transform:none}}
.con-promo.is-in.is-card .con-promo-link{animation:con-promo-card-in .24s cubic-bezier(.2,.8,.2,1) backwards;transform-origin:100% 100%}
.con-promo.is-in.is-pill .con-promo-link{animation:con-promo-pill-in .22s cubic-bezier(.2,.8,.2,1) backwards;transform-origin:100% 100%}
/* 세로 탭: 본문 오른쪽 여백이 카드보다 좁을 때 화면 오른쪽 끝에 붙는 작은 탭 */
/* 하단 바: 모바일(782px 이하) 및 오른쪽 여백이 거의 없는 화면. 본문 아래에 같은 높이의 여백을 만들어 가리지 않음 */
.con-promo.is-bar{left:0;right:0;bottom:0;width:auto;max-width:none;transform:translate3d(0,100%,0)}
.con-promo.is-bar.is-in{transform:none}
.con-promo.is-bar .con-promo-link{display:flex;align-items:center;gap:11px;min-height:60px;padding:8px 52px calc(8px + env(safe-area-inset-bottom,0px)) 12px;border:0;border-radius:16px 16px 0 0;background:linear-gradient(100deg,#A85800 0,#8A4B00 100%);box-shadow:0 -6px 22px rgba(27,36,48,.18);color:#fff!important}
.con-promo.is-bar .con-promo-link:hover{transform:none;box-shadow:0 -6px 22px rgba(27,36,48,.18)}
.con-promo.is-bar .con-promo-link:focus-visible{outline-color:#fff!important;outline-offset:-4px}
.con-promo.is-bar .con-promo-art{position:static;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#FFF6EA;overflow:hidden}
.con-promo.is-bar .con-promo-art img{width:40px;height:40px;filter:none;transform:scale(1.25) translateY(2px)}
.con-promo.is-bar .con-promo-body{flex:1 1 auto;min-width:0;padding:0}
.con-promo.is-bar .con-promo-kicker,.con-promo.is-bar .con-promo-title,.con-promo.is-bar .con-promo-sub,.con-promo.is-bar .con-promo-cta{display:none}
.con-promo.is-bar .con-promo-mtitle{display:block;overflow:hidden;color:#fff;font-size:16px;font-weight:700;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.con-promo.is-bar .con-promo-msub{display:block;overflow:hidden;margin-top:2px;color:#FFE3B8;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.con-promo.is-bar .con-promo-go{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#8A4B00;font-size:17px;font-weight:800;line-height:1}
.con-promo.is-bar .con-promo-close{top:50%;right:4px;margin-top:calc(-22px - env(safe-area-inset-bottom,0px) / 2);color:#fff}
.con-promo.is-bar .con-promo-close>span{width:28px;height:28px;background:rgba(255,255,255,.16);box-shadow:none}
.con-promo.is-bar .con-promo-close:hover>span{background:rgba(255,255,255,.28);color:#fff}
.con-promo.is-bar .con-promo-close:focus-visible{outline-color:#fff!important}
html.con-promo-pad body{padding-bottom:var(--con-promo-h,64px)!important}
@media screen and (min-width:783px){.con-promo.is-bar .con-promo-link{justify-content:center;padding-left:56px}.con-promo.is-bar .con-promo-body{flex:0 1 auto}}
@media screen and (max-width:359px){.con-promo.is-bar .con-promo-mtitle{font-size:15px}.con-promo.is-bar .con-promo-art{flex-basis:34px;width:34px;height:34px}.con-promo.is-bar .con-promo-art img{width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.con-promo,.con-promo-link,.con-promo-cta{transition:none!important;animation:none!important}.con-promo,.con-promo.is-pill,.con-promo.is-bar{transform:none!important}.con-promo-link:hover{transform:none}}