@charset "utf-8";
/* ────────────────────────────────────────────────────────────────────────────
   테마가 모든 사이트에 공통으로 그리는 요소.
   head.sub.php · tail.php 가 출력하므로 사이트별 style.css 가 아니라 여기서 책임진다.
   사이트 고유 디자인은 images/{ac_no}/assets/style.css 가 담당한다.
──────────────────────────────────────────────────────────────────────────── */

/* 스크린리더 전용 텍스트 : 화면에서만 감춘다 */
.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 로그인 안내 · SEO 키워드 : 화면에 보이지 않는다 */
#hd_login_msg{position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.website_footer{overflow:hidden;position:relative;left:0;top:0;width:0;height:0;font-size:0;opacity:0}
.website_footer p{position:absolute;left:0;top:0;margin:0;padding:0;width:0;height:0;line-height:0;background:none;border:none;font-size:0;opacity:0}

/* 개인정보처리방침 팝업 : tail.php 가 #content 밖에 출력한다 */
.mainquickcs_privacy{display:none;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.7)}
.mainquickcs_privacy > .inner{overflow:auto;position:absolute;left:50%;top:50%;z-index:5;padding:30px;width:500px;height:400px;max-width:90%;max-height:70%;background:#fff;border-radius:10px;color:#333;font-size:15px;line-height:1.5;text-align:left;transform:translate(-50%,-50%)}
.mainquickcs_privacy .btn_close{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:20%;z-index:10;width:93.75%;max-width:200px;height:38px;background:#222;border:none;border-radius:5px;color:#fff;font-size:16px;transform:translate(-50%,0);cursor:pointer}

/* 팝업레이어 : gocompany/popup.inc.php — 화면 고정 · 어두운 배경 (js/common.js · 10-18)
   PC(769 이상): 여러 개를 가운데에 나란히 — 관리자 좌표의 왼쪽 → 오른쪽 순서대로(order 는 js 가 매긴다) · 자리가 모자라면 다음 줄
   폰(768 이하): 한 번에 하나씩 차례로 · 화면 폭에 맞춤
   관리자 좌표(pu_left · pu_top)와 높이(pu_height)는 쓰지 않는다. 폭(pu_width)은 최대 폭 · 화면보다 길면 배경 안에서 스크롤
   사이트 style.css 의 옛 #hd_pop 규칙보다 앞서도록 html body 로 세기를 올렸다 */
html body #hd_pop{position:fixed !important;inset:0 !important;z-index:10000 !important;display:none;flex-flow:row wrap;justify-content:center;align-items:flex-start;align-content:flex-start;align-content:safe center;gap:16px;width:auto !important;height:auto !important;margin:0 !important;padding:24px 16px;background:rgba(0,0,0,.65);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
html body #hd_pop.is-open,html body #hd_pop:has(> .hd_pops:not([style*="display: none"])){display:flex}
html body #hd_pop.is-closed{display:none !important}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
html body #hd_pop .hd_pops{position:relative !important;top:auto !important;left:auto !important;right:auto !important;width:auto !important;max-width:100% !important;margin:0 !important;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35);box-sizing:border-box}
html body #hd_pop .hd_pops:focus{outline:none}
html body #hd_pop .hd_pops_con{max-width:100% !important;height:auto !important;overflow:hidden}
html body #hd_pop .hd_pops_con img{display:block;max-width:100% !important;height:auto !important}
@media (max-width:768px){
    html body #hd_pop{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}
    html body #hd_pop .hd_pops{margin:auto 0 !important}
    html body #hd_pop.is-sequence .hd_pops:not(.is-current){display:none !important}
    html body #hd_pop .hd_pops_con img{width:100% !important}
}
.hd_pops_footer{display:flex;position:relative;padding:0;background:#fff;border-top:solid 1px #ddd;color:#555;text-align:left}
.hd_pops_footer button{min-height:48px;padding:0 16px;border:none;background:none;color:#555;font-size:15px;cursor:pointer}
.hd_pops_footer .hd_pops_reject{flex:1;text-align:left}
.hd_pops_footer .hd_pops_close{flex:none;border-left:solid 1px #ddd;font-weight:600;text-align:center}
.hd_pops_footer button:hover{background:#f4f4f4}
html.hd-pop-open{overflow:hidden}