/* ─────────────────────────────────────────────────────────────
문성전자 — 푸터 + 플로팅 상담바 (ms-ft / ms-fxbar / ms-mbar / ms-sheet)
시안: docs/design/footer-dock-draft.html (2026-09-08 2차 확정)
- 푸터: 밝은 회색 바탕 + 윗선에 걸친 흰 CS 카드 (가이드에 규격 없음 → 자유 설계). 마크업 extend/ms.footer.php
- 플로팅 상담바: 삼성 SOP 가이드 ⑦ (파랑 그라데이션 · 하단 고정 · 문구 고정) 준수. 케이디엘 마크업 그대로,
css/sop-main.css 의 .fxbar 알약 규칙(!important)을 .fxbar.ms-fxbar 로 덮어 전체 폭 띠로 바꾼다
───────────────────────────────────────────────────────────── */
#ft.ms-ft{--mf-navy:#0f1c6e;--mf-navy2:#142a8f;--mf-ink:#1b2440;--mf-mute:#5d6680;--mf-line:#e6e9f2;--mf-blue:#1a6ad0;--mf-soft:#eaf3ff;--mf-g50:#f6f8fc;--mf-en:'Samsung Sharp Sans','Samsung One Korean',sans-serif;
margin-top:110px;padding:0 0 110px !important;background:var(--mf-g50) !important;border-top:1px solid var(--mf-line);position:relative;overflow:visible !important;color:var(--mf-ink);font-size:13px;line-height:1.5;animation:none !important}
#ft.ms-ft *{box-sizing:border-box}
#ft.ms-ft a{text-decoration:none !important}
#ft.ms-ft .in{width:1200px;margin:0 auto;padding:0 0 34px}
/* CS 카드 — 푸터 윗선에 걸쳐 떠 있는 흰 카드 */
#ft.ms-ft .ms-ft-cs{position:relative;margin-top:-56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:22px 28px 22px 26px;background:#fff;border:1px solid var(--mf-line);border-radius:22px;box-shadow:0 18px 40px rgba(15,28,110,.08)}
#ft.ms-ft .ms-ft-cs .tel{display:flex;align-items:center;gap:14px;color:var(--mf-navy)}
#ft.ms-ft .ms-ft-cs .tel i{width:50px;height:50px;border-radius:16px;background:var(--mf-blue);display:grid;place-items:center;flex:none}
#ft.ms-ft .ms-ft-cs .tel i svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#ft.ms-ft .ms-ft-cs .tel small{display:block;font-size:12px;color:var(--mf-mute);font-weight:700;letter-spacing:.02em}
#ft.ms-ft .ms-ft-cs .tel b{display:block;font-family:var(--mf-en);font-size:30px;line-height:1.1;color:var(--mf-navy);letter-spacing:.01em}
#ft.ms-ft .ms-ft-cs .hrs{display:flex;gap:8px;flex-wrap:wrap}
#ft.ms-ft .ms-ft-cs .hrs span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9999px;background:var(--mf-g50);border:1px solid var(--mf-line);font-size:12.5px;color:var(--mf-ink);white-space:nowrap}
#ft.ms-ft .ms-ft-cs .hrs span em{font-style:normal;color:var(--mf-mute)}
#ft.ms-ft .ms-ft-cs .hrs span.off{color:var(--mf-mute)}
#ft.ms-ft .ms-ft-cs .hrs span.on:before{content:'';width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
#ft.ms-ft .ms-ft-cs .acts{display:flex;gap:8px}
#ft.ms-ft .ms-ft-cs .acts a{height:40px;padding:0 18px;border-radius:9999px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;border:1.5px solid var(--mf-line);color:var(--mf-navy);transition:border-color .15s,background .15s;white-space:nowrap}
#ft.ms-ft .ms-ft-cs .acts a.pri{background:var(--mf-navy);border-color:var(--mf-navy);color:#fff}
#ft.ms-ft .ms-ft-cs .acts a.pri:hover{background:var(--mf-navy2)}
/* 본문 3열 */
#ft.ms-ft .ms-ft-body{display:grid;grid-template-columns:1.35fr .6fr .6fr;gap:40px;padding:44px 0 34px}
#ft.ms-ft .ms-ft-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
#ft.ms-ft .ms-ft-brand .mark{width:44px;height:44px;border-radius:50%;background:var(--mf-navy);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1.1;text-align:center;letter-spacing:-.02em;flex:none}
#ft.ms-ft .ms-ft-brand b{display:block;font-size:16px;color:var(--mf-navy);line-height:1.3}
#ft.ms-ft .ms-ft-brand small{display:block;font-size:12.5px;color:var(--mf-mute)}
#ft.ms-ft .ms-ft-brand .pt{margin-left:8px;align-self:flex-start;font-size:11px;color:#a06a00;background:#fff6e0;border-radius:9999px;padding:3px 9px;font-weight:700;font-family:var(--mf-en);letter-spacing:.04em}
#ft.ms-ft .ms-ft-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px;font-size:13px}
#ft.ms-ft .ms-ft-info div{display:flex;gap:10px;line-height:1.6}
#ft.ms-ft .ms-ft-info dt{flex:none;width:96px;color:var(--mf-mute)}
#ft.ms-ft .ms-ft-info dd{color:var(--mf-ink);min-width:0;margin:0}
#ft.ms-ft .ms-ft-info dd a.chk{font-size:11px;color:var(--mf-blue);border:1px solid #c9dcf7;border-radius:6px;padding:1px 7px;margin-left:6px;vertical-align:1px;background:#fff}
#ft.ms-ft .ms-ft-info .wide{grid-column:1/-1}
#ft.ms-ft h4{font-size:12px;letter-spacing:.12em;color:var(--mf-mute);font-family:var(--mf-en);margin-bottom:14px;font-weight:700}
#ft.ms-ft .ms-ft-links{margin:0;padding:0}
#ft.ms-ft .ms-ft-links li{list-style:none;margin:0 0 9px;float:none}
#ft.ms-ft .ms-ft-links a{font-size:14px;color:var(--mf-ink);display:inline-flex;align-items:center;gap:6px;line-height:1.4}
#ft.ms-ft .ms-ft-links a:hover{color:var(--mf-blue)}
#ft.ms-ft .ms-ft-links a.st{font-weight:700;color:var(--mf-navy)}
#ft.ms-ft .ms-ft-links a .ic{width:16px;height:16px;display:inline-grid;place-items:center;color:var(--mf-blue)}
#ft.ms-ft .ms-ft-links a .ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* 하단 줄 */
#ft.ms-ft .ms-ft-bot{border-top:1px solid var(--mf-line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--mf-mute)}
#ft.ms-ft .ms-ft-bot .legal{max-width:760px;line-height:1.6}
#ft.ms-ft .ms-ft-bot .legal b{color:var(--mf-ink);font-weight:400}
#ft.ms-ft .ms-ft-bot .soc{display:flex;gap:8px}
#ft.ms-ft .ms-ft-bot .soc a{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--mf-line);display:grid;place-items:center;color:var(--mf-navy)}
#ft.ms-ft .ms-ft-bot .soc a:hover{border-color:var(--mf-blue);color:var(--mf-blue)}
#ft.ms-ft .ms-ft-bot .soc svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ft.ms-ft .ms-ft-bot .soc .svg{display:contents}
/* ───────── PC 플로팅 상담바 — 가이드 ⑦ 준수, 형태만 전체 폭 띠 ───────── */
.fxbar.ms-fxbar{left:0 !important;right:0 !important;bottom:0 !important;transform:none !important;width:auto !important;max-width:none !important;min-width:0 !important;border-radius:0 !important;padding:0 !important;
background:linear-gradient(90deg,#0f1c6e 0%,#142a8f 55%,#1a4fd6 100%) !important;box-shadow:0 -12px 40px rgba(15,28,110,.18) !important;z-index:9200 !important}
.fxbar.ms-fxbar:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#63a9ff,#1a6ad0 40%,#8ec5ff);opacity:.9;pointer-events:none}
.fxbar.ms-fxbar .fxbar_cont{width:1200px !important;max-width:calc(100% - 48px) !important;margin:0 auto !important;height:72px !important;gap:18px !important;padding:0 !important}
/* 전화 — 원형 아이콘 + 라벨/번호 2줄 */
.fxbar.ms-fxbar .cstel{display:grid !important;grid-template-columns:40px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center !important;padding-right:18px !important;border-right:1px solid rgba(255,255,255,.18)}
.fxbar.ms-fxbar .cstel:before{content:'';grid-row:1/3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml;utf8,") center/18px no-repeat}
.fxbar.ms-fxbar .cstel .stxt{grid-column:2;font-size:12px !important;opacity:.85;line-height:1.2 !important}
.fxbar.ms-fxbar .cstel .tel{grid-column:2;font-size:22px !important;letter-spacing:.02em;line-height:1.2 !important}
/* 동의 · 입력 · 버튼 */
.fxbar.ms-fxbar .fxagree{font-size:12.5px !important;gap:6px}
.fxbar.ms-fxbar .fxagree input[type=checkbox]{width:16px;height:16px}
.fxbar.ms-fxbar .wrtbx input[type=text]{height:44px !important;line-height:44px !important;border-radius:12px !important;background:#fff !important;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}
.fxbar.ms-fxbar .wrtbx input[type=text]:focus{box-shadow:inset 0 0 0 2px #8ec5ff}
.fxbar.ms-fxbar .formbx .formbtn{height:44px !important;line-height:44px !important;font-size:15px !important;padding:0 26px !important;color:#0f1c6e !important;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.fxbar.ms-fxbar .formbx .formbtn:hover{background:#eaf3ff !important}
/* ───────── 모바일 푸터 ───────── */
footer#ft.ms-ft,#ft.ms-ft.m{margin-top:70px;padding:0 16px 150px !important} /* 하단 바(66px) + 카톡·TOP 원형 버튼 자리 */
#ft.ms-ft.m .ms-ft-cs{margin-top:-46px;grid-template-columns:1fr;gap:12px;padding:16px;border-radius:18px}
#ft.ms-ft.m .ms-ft-cs .tel b{font-size:26px}
#ft.ms-ft.m .ms-ft-cs .hrs span{height:28px;font-size:11.5px;padding:0 10px}
#ft.ms-ft.m .ms-ft-cs .acts a{flex:1;justify-content:center;height:40px;font-size:13.5px}
#ft.ms-ft.m .ms-ft-brand{margin:22px 0 14px}
#ft.ms-ft.m .ms-ft-links{display:flex;flex-wrap:wrap;gap:6px 0;margin-bottom:16px;position:static}
#ft.ms-ft.m .ms-ft-links li{margin:0;float:none}
#ft.ms-ft.m .ms-ft-links li:not(:last-child):after{content:'';display:inline-block;width:1px;height:10px;background:#cfd5e3;margin:0 10px;vertical-align:-1px}
#ft.ms-ft.m .ms-ft-links a{font-size:13px;color:var(--mf-ink)}
#ft.ms-ft.m .acc{border:1px solid var(--mf-line);border-radius:14px;background:#fff;overflow:hidden}
#ft.ms-ft.m .acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:700;color:var(--mf-navy);cursor:pointer}
#ft.ms-ft.m .acc summary::-webkit-details-marker{display:none}
#ft.ms-ft.m .acc summary svg{width:14px;height:14px;stroke:var(--mf-mute);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
#ft.ms-ft.m .acc[open] summary svg{transform:rotate(180deg)}
#ft.ms-ft.m .acc .ms-ft-info{grid-template-columns:1fr;gap:6px;padding:0 14px 14px;font-size:12.5px}
#ft.ms-ft.m .acc .ms-ft-info dt{width:88px}
#ft.ms-ft.m .ms-ft-bot{flex-direction:column;align-items:flex-start;gap:10px;padding-top:14px;margin-top:16px;font-size:11.5px}
/* ───────── 모바일 하단 바 — 같은 그라데이션 띠, 빠른신청(흰 알약) · 전화상담(테두리 알약) ───────── */
.fxMenu.ms-mbar{background:linear-gradient(90deg,#0f1c6e 0%,#142a8f 55%,#1a4fd6 100%) !important;box-shadow:0 -10px 30px rgba(15,28,110,.18);padding:9px 12px 10px;gap:8px;position:fixed;left:0;right:0;bottom:0;box-sizing:border-box}
.fxMenu.ms-mbar:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#63a9ff,#1a6ad0 40%,#8ec5ff);opacity:.9;pointer-events:none}
.fxMenu.ms-mbar > div{height:46px;border-left:0;flex:1}
.fxMenu.ms-mbar > div:first-child{flex:1.3}
.fxMenu.ms-mbar > div .btn_adv{height:46px;line-height:46px;border-radius:9999px;background:#fff;color:#0f1c6e;font-weight:700;font-size:15px;box-shadow:0 6px 16px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;gap:8px}
.fxMenu.ms-mbar > div .btn_adv:before{content:'';width:16px;height:16px;background:url("data:image/svg+xml;utf8,") center/16px no-repeat}
.fxMenu.ms-mbar > div.fxtel a{height:46px;line-height:44px;border-radius:9999px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box}
.fxMenu.ms-mbar > div.fxtel a img{display:none}
.fxMenu.ms-mbar > div.fxtel a:before{content:'';width:16px;height:16px;background:url("data:image/svg+xml;utf8,") center/16px no-repeat}
.fxMenu.ms-mbar > div.fxai{border-radius:9999px;flex:0 0 46px;height:46px}
.fxMenu.ms-mbar > div.fxai .btn_ai{height:46px;line-height:46px}
/* 카톡·TOP 원형 버튼 */
#qcrM.ms-mq{bottom:80px;right:14px}
#qcrM.ms-mq.active{bottom:14px}
#qcrM.ms-mq ul li{width:44px;height:44px;margin-top:8px;box-shadow:0 10px 24px rgba(15,28,110,.22)}
#qcrM.ms-mq ul li a{width:44px;height:44px;border-radius:50%;background:#fff !important}
#qcrM.ms-mq ul li.qbtn_bx{background:#0f1c6e;color:#fff;font-family:'Samsung Sharp Sans','Samsung One Korean',sans-serif;font-size:10px;font-weight:700;padding:9px 0 0}
#qcrM.ms-mq ul li.qbtn_bx:before{font-size:16px;margin:0 0 2px}
/* 바텀시트 — 손잡이 · 제목 · 둥근 입력칸 · 파란 버튼 (문구는 tail.skin.php에서 가이드 ⑦ 그대로) */
.advPop.ms-sheet .advBg{background:rgba(10,19,48,.5)}
.advPop.ms-sheet dl{padding:10px 20px 24px;border-radius:24px 24px 0 0;bottom:-420px}
.advPop.ms-sheet.active dl{bottom:0}
.advPop.ms-sheet dl:before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:#d7dcea;margin:0 auto 14px}
.advPop.ms-sheet dl dt{text-align:left;font-size:18px;color:#0f1c6e;margin:0 0 4px;font-weight:700}
.advPop.ms-sheet dl dt b{font-family:'Samsung Sharp Sans','Samsung One Korean',sans-serif;color:#1a6ad0;font-weight:700}
.advPop.ms-sheet dl dt small{display:block;font-size:12.5px;color:#5d6680;font-weight:400;margin-top:2px}
.advPop.ms-sheet dl dd.advinp{height:46px;line-height:46px;background:#fff;border:1.5px solid #e6e9f2;border-radius:12px;padding:0 0 0 76px;margin-top:10px;box-sizing:border-box}
.advPop.ms-sheet dl dd.advinp:before{left:66px;background:#e6e9f2}
.advPop.ms-sheet dl dd.advinp span{left:14px;font-size:13px;color:#5d6680;font-weight:700;line-height:43px}
.advPop.ms-sheet dl dd.advinp input{line-height:43px;height:43px;padding:0 14px;width:100%;box-sizing:border-box;background:transparent;font-size:15px}
.advPop.ms-sheet dl dd.adv_agree{margin:14px 0 14px;font-size:12.5px;display:flex;align-items:center;gap:8px}
.advPop.ms-sheet dl dd.adv_agree a{margin-left:auto;color:#1a6ad0;text-decoration:underline !important;font-size:12px}
.advPop.ms-sheet dl dd.adv_btn .formbtn{height:50px;line-height:50px;border-radius:9999px;background:#1a6ad0 !important;color:#fff;font-size:15.5px;font-weight:700;border:0;box-shadow:0 10px 24px rgba(31,124,240,.3)}
.advPop.ms-sheet .advClosed{top:10px;left:auto;right:14px;margin:0;width:32px;height:32px;border-radius:50%;background:#eef1f7;z-index:11}
.advPop.ms-sheet .advClosed:before{font-size:18px;line-height:32px;color:#5d6680}
@media (prefers-reduced-motion:reduce){.advPop.ms-sheet dl{transition:none}}
/* ── PC 맨 위로 버튼(sop-totop) 문성 색 — 네이비→블루 그라데이션, GNB·플로팅바와 동일 (2026-09-10) ── */
/* sop-totop.css 가 tail 에서 나중에 로드되므로 선택자 우선순위를 한 단계 올림(a.) */
a.sop-totop{background:linear-gradient(135deg,#0f1c6e,#1a6ad0);bottom:96px}
a.sop-totop:hover{background:linear-gradient(135deg,#142a8f,#1a6ad0)}
/* ═══════════════════════════════════════════════════════════════
반응형 (2026-09-29) — 1024 이하에서는 PC 상담바(3줄 132px) 대신 모바일 스킨과 같은 하단 바(약 65px)
마크업 theme/basic/tail.skin.php .ms-pcm. 모양은 위 .ms-mbar/.ms-sheet/.ms-mq 가 그대로 입히고,
여기에는 PC 스킨에 없는 기본 규칙(m/theme/basic/style.css·m/css/sop-mobile.css 에서 옮김)과 전환만 둔다.
케이디엘(css/sop-mbar.css)·평강(pk-footer.css .pk-pcm)과 같은 구조
═══════════════════════════════════════════════════════════════ */
.fxMenu.ms-pcm,#qcrM.ms-pcm{display:none}
@media (max-width:1024px){
.fxbar.ms-fxbar{display:none !important}
a.sop-totop{display:none !important} /* TOP 은 바 위 동그란 버튼(#qcrM) */
html #ft.ms-ft{padding-bottom:110px !important} /* 바(65) + 여유. ms-responsive 의 160(3줄 상담바 기준)을 덮는다 */
/* 바 */
.fxMenu.ms-pcm{display:flex;width:100%;justify-content:space-between;align-items:center;z-index:9200;transition:transform .15s}
.fxMenu.ms-pcm.ms-hide{transform:translateY(115%)}
.fxMenu.ms-pcm > div a,.fxMenu.ms-pcm > div .btn_adv{text-align:center;text-decoration:none !important;cursor:pointer}
.fxMenu.ms-pcm > div.fxai{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf4ff 0%,#bfdbfe 100%)}
.fxMenu.ms-pcm > div.fxai .btn_ai{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:0;cursor:pointer}
.fxMenu.ms-pcm > div.fxai .btn_ai i{width:24px;height:24px;border-radius:50%;background:conic-gradient(from 210deg,#1428a0,#2189ff,#7dd3fc,#1428a0);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}
/* 카톡·TOP — 바 위 오른쪽 (sop-main.css 의 #qcrM{display:none !important} 를 이긴다) */
#qcrM.ms-mq.ms-pcm{display:block !important;position:fixed;z-index:9150;transition:bottom .2s}
#qcrM.ms-pcm ul{margin:0;padding:0;list-style:none}
#qcrM.ms-pcm ul li{border-radius:50%;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;list-style:none;overflow:hidden}
#qcrM.ms-pcm ul li:first-child{margin-top:0 !important}
#qcrM.ms-pcm ul li a{display:block;overflow:hidden;padding:0;text-decoration:none !important}
#qcrM.ms-pcm ul li.bnimg img{width:100%;height:100%;object-fit:cover;display:block}
#qcrM.ms-pcm ul li.qbtn_bx{letter-spacing:.5px}
#qcrM.ms-pcm ul li.qbtn_bx:before{font-family:'Ionicons';line-height:10px;display:block;content:'\f3d8'}
}
/* 빠른신청 창(.advPop.ms-pcm) — 모든 폭에서 쓴다. 1024 이하는 하단 바 '빠른신청'·푸터 '상담 신청'이 바텀시트로,
1025 이상은 푸터 '상담 신청'이 화면 가운데 팝업으로 연다(2026-09-29 — 평강 백미란님 제보와 같은 증상 "눌러도 아무것도 안 뜬다":
종전 PC 는 하단 상담바 이름 칸에 커서만 옮겨 눈에 띄는 변화가 없었다). 열고 닫기는 theme/basic/tail.skin.php sheet() */
.advPop.ms-pcm{display:block;width:100%;position:fixed;top:0;bottom:0;left:0;z-index:9400;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.advPop.ms-pcm.active{opacity:1;visibility:visible}
.advPop.ms-pcm .advBg{position:absolute;top:0;bottom:0;left:0;right:0}
.advPop.ms-pcm dl{margin:0;background:#fff;left:0;right:0;z-index:10;position:absolute;transition:bottom .4s}
.advPop.ms-pcm dl dd{margin:0;position:relative}
.advPop.ms-pcm dl dd.advinp:before{width:1px;height:20px;margin-top:-10px;display:block;content:'';position:absolute;top:50%}
.advPop.ms-pcm dl dd.advinp input{border:0;outline:none;font-size:16px} /* 16px — 아이폰 입력칸 확대 방지 */
.advPop.ms-pcm dl dd.advinp span{position:absolute;top:0}
.advPop.ms-pcm dl dd.adv_btn .formbtn{width:100%;display:block;text-align:center;cursor:pointer}
.advPop.ms-pcm .advClosed{text-align:center;cursor:pointer;position:absolute}
.advPop.ms-pcm .advClosed:before{font-family:'Ionicons';content:'\f405'}
html.ms-sheet-lock,html.ms-sheet-lock body{overflow:hidden}
@media (min-width:1025px){
.advPop.ms-sheet dl,.advPop.ms-sheet.active dl{left:50%;right:auto;top:50%;bottom:auto;width:420px;transform:translate(-50%,-50%);border-radius:20px;padding:28px;box-shadow:0 24px 60px rgba(10,19,48,.22);transition:none}
.advPop.ms-sheet dl:before{display:none} /* 바텀시트 손잡이 막대 */
.advPop.ms-sheet .advClosed{top:16px}
}