/* db-sitefooter-box */
.db-motion-card.selected{border-color:#4f46e5; box-shadow:0 0 0 3px color-mix(in srgb, #4f46e5 25%, transparent);}
.db-sitefooter-box *,.db-sitefooter-box *::before,.db-sitefooter-box *::after{box-sizing: border-box;}
.db-sitefooter-box{font-family: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;}
.db-sitefooter-box{font-family: "Pretendard", sans-serif;}
.db-sitefooter-box a{color: inherit; text-decoration: none; transition: color .15s, opacity .15s;}
.db-sitefooter-box .ft-brand-logo img,.db-sitefooter-box .ft-logo img,.db-sitefooter-box .ft-gov-logo img{height: 34px; width: auto; max-width: 100%; object-fit: contain; display: inline-block; vertical-align: middle;}
.db-sitefooter-box ul{list-style: none;}
.db-sitefooter-box .wrap{max-width: 1180px; margin: 0 auto; padding: 0 32px;}
.db-sitefooter-box .ft-sns{display: flex; flex-wrap: wrap; gap: 10px; --cw-gap:10px; font-size: 17px; max-width: calc(var(--sns-per-row) * (var(--sns-chip-w, 36px) + 10px));}
.db-sitefooter-box .ft-sns a{width: 36px; height: 36px; border-radius: 50%;
    display: grid; place-items: center;
    transition: transform .15s, background .2s, border-color .2s;}
.db-sitefooter-box .ft-sns a:hover{transform: translateY(-2px);}
.db-sitefooter-box .ft-sns svg{width: 1em; height: 1em;}
.db-sitefooter-box .ft-sns .sns-ico{display: inline-block; width: 1em; height: 1em; background-color: currentColor;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
    -webkit-mask-size: contain; mask-size: contain;}
.db-sitefooter-box .ft-sns a.sns-ph{pointer-events: none; cursor: default;}
.db-sitefooter-box .ft-fam-select{appearance: none; -webkit-appearance: none;
    font-family: inherit; font-size: 13px; cursor: pointer;
    border-radius: 8px; padding: 10px 38px 10px 14px;
    background-repeat: no-repeat; background-position: right 12px center; background-size: 12px;}
헤더 위젯 · header-4 (스플릿 — 흑백 · 대문자 · 에이전시) ---------------------------------------------------------------------------- 작성 규칙은 header-1 과 같다(변수 없이 한 줄 · 전체 경로 · !important 금지). 흑백(#111) · 대문자 · 넓은 자간 · 모서리 0 · 액션 앞 세로 구분선 구분선은 빈 요소가 아니라 .hd-actions 의 왼쪽 테두리로 낸다. 기기 구간 — 경계값은 실측 pc 1240px 이상 로고 110 + 메뉴 459 + 액션 540 + 간격 48 + 여백 64 = 1221 tablet 760~1239px 로고 · 메뉴 · 햄버거 mobile 759px 이하 로고 · 햄버거 기기 구간 — 경계값은 실측 pc 1240px 이상 로고 · 메뉴 · 검색 · 언어 · 마이 · 버튼 110 + 459 + 540 + 간격 48 + 여백 64 = 1221 tablet 760~1239px 로고 · 메뉴 · 햄버거 (검색·언어·마이·버튼은 서랍) 110 + 459 + 40 + 간격 48 + 여백 48 = 705 mobile 759px 이하 로고 · 햄버거 (메뉴까지 전부 서랍) ========================================================================== */ 헤더 위젯 · header-5 (플로팅 캡슐 — SaaS · 스타트업) ---------------------------------------------------------------------------- 작성 규칙은 header-1 과 같다(변수 없이 한 줄 · 전체 경로 · !important 금지). 보라(#6d4aff) · 캡슐(999px) · 그림자 · 위아래 여백 캡슐 모양은 래퍼를 더 만들지 않고 .container 에 배경·둥글기·그림자를 줘서 낸다. 폭·여백 설정이 원래 .container 를 겨냥하므로 규칙과 어긋나지 않는다. 기기 구간 — 경계값은 실측 pc 1240px 이상 로고 · 메뉴 · 검색 · 언어 · 마이 · 버튼 tablet 760~1239px 로고 · 메뉴 · 햄버거 mobile 759px 이하 로고 · 햄버거 기기 구간 — 경계값은 실측 pc 1240px 이상 로고 · 메뉴 · 검색 · 언어 · 마이 · 버튼 110 + 459 + 540 + 간격 48 + 여백 64 = 1221 tablet 760~1239px 로고 · 메뉴 · 햄버거 (검색·언어·마이·버튼은 서랍) 110 + 459 + 40 + 간격 48 + 여백 48 = 705 mobile 759px 이하 로고 · 햄버거 (메뉴까지 전부 서랍) ========================================================================== */ .thumb-inner .db-sitefooter-box > [class^="sitefooter-"]{margin-top:0 !important;}
.db-sitefooter-box .ft-fcol > .ft-acc-p-wrap{display: contents;}
@media (max-width: 900px){
.db-sitefooter-box .wrap{padding: 0 22px;}
}
.db-sitefooter-box .ft-fcol > .ft-acc-t{position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none;}
.db-sitefooter-box .ft-fcol > .ft-acc-t:focus-visible ~ label{outline: 2px solid var(--color-active, #4f46e5); outline-offset: 2px; border-radius: 3px;}
.db-sitefooter-box .ft-fcol > label{display: block; cursor: pointer; list-style: none; user-select: none;}
@media (min-width: 561px){
.db-sitefooter-box .ft-fcol > label{pointer-events: none;}
}
@media (max-width: 560px){
.db-sitefooter-box .ft-fcol{border-bottom: 1px solid rgba(140,140,140,.18);}
.db-sitefooter-box .ft-fcol:last-child{border-bottom: none;}
.db-sitefooter-box .ft-fcol > label{display: flex; align-items: center; justify-content: space-between;
      margin: 0 !important; padding: 15px 2px; gap: 12px; --cw-gap:12px;}
.db-sitefooter-box .ft-fcol > label::after{content: "+"; font-size: 20px; font-weight: 300; opacity: .55; line-height: 1;}
.db-sitefooter-box .ft-fcol > .ft-acc-t:checked ~ label::after{content: "\2212";}
.db-sitefooter-box .ft-fcol > .ft-acc-p{max-height: 0; overflow: hidden; transition: max-height .3s ease; margin: 0;}
.db-sitefooter-box .ft-fcol > .ft-acc-t:checked ~ .ft-acc-p{max-height: 640px; padding-top: 4px !important; padding-bottom: 16px !important;}
.db-sitefooter-box .ft-fcol > .ft-acc-p li:last-child{margin-bottom: 0;}
.db-sitefooter-box .ft-fcol > .ft-acc-p-wrap{display: none;}
.db-sitefooter-box .ft-fcol > .ft-acc-t:checked ~ .ft-acc-p-wrap{display: block; padding-top: 4px; padding-bottom: 16px;}
.db-sitefooter-box .ft-fcol > .ft-acc-p-wrap > .ft-acc-p{margin: 0;}
}
@media (max-width: 380px){
.db-sitefooter-box .wrap{padding: 0 18px;}
}
.container:has(> .db-sitefooter-box){max-width:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important;}
.widget-content:has(> .container > .db-sitefooter-box){padding-left:0 !important; padding-right:0 !important;}
.db-sitefooter-box .wrap{max-width: var(--site-max-width, 1200px); padding-left: var(--container-padding, 24px); padding-right: var(--container-padding, 24px);}
.db-sitefooter-box .ft-sns:empty{display:none;}
.db-sitefooter-box .ft-foot-end:not(:has(.ft-sns:not(:empty))){display:none;}