/* BASIC css start */
#footer { padding: 40px 16px 80px; background-color: #F7F5EB; } 
#footer .footerInfo { display: grid; gap: 32px 0; }
#footer .footerInfo ul,
#footer .footerInfo a { color: #757f7a; font-size: 12px; }
#footer .footerInfo strong { font-weight: 600; }
#footer .top h2 { height: 34px; }
#footer .top h2 img { display: block; height: 100%; }
#footer .top ul { display: grid; margin-top: 16px; gap: 8px 0; }
#footer .top ul li { display: flex; align-items: center; gap: 0 16px; }
#footer .top span.wrap { position: relative; top: 0; left: 0; }
#footer .top span.wrap::after { content: ""; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translate(8px, -50%); background-color: #757f7a; }

#footer .middle,
#footer .middle > div,
#footer .middle ul { display: grid; }
#footer .middle { gap: 24px 0; }
#footer .middle > div { gap: 8px 0; }
#footer .middle ul { gap: 4px 0; }
#footer .middle strong.title { width: fit-content; padding-right: 20px; background: url('/design/prolana/snapskin/icon/icon_arrowRight.svg') no-repeat right center; color: #1e312f; font-size: 14px; }
#footer .middle .cs .tel { color: #1e312f; font-size: 20px; font-weight: 500; }
#footer .middle .offline ul { gap: 4px 16px; }
#footer .middle .offline ul li { position: relative; top: 0; left: 0; }
#footer .middle .offline ul li::after { content: ""; display: block; width: 1px; height: 10px; position: absolute; top: 50%; right: 0; transform: translate(8px, -50%); background-color: #757f7a; }
#footer .middle .offline ul li:last-of-type::after { display: none; }

#footer .bottom ul { gap: 8px 16px; }
#footer .bottom ul li a { color: #1e312f; font-weight: 500; }

/* ¿ìÃø ÇÏ´Ü Äü¸Þ´º */
div#bt_quick { position: fixed; right: 10px; bottom: 80px; z-index: 9; } 
div#bt_quick a { display: block; width: 40px; margin-bottom: 5px; opacity: 1; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; text-align: center; } 
div#bt_quick a img { width: 100%; } 

/* µ¶¹Ù */
.dockbar { width: 100%; min-width: 320px; max-width: 640px; border-top: 1px solid #e8e8e8; box-sizing: border-box; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #fff; text-align: center; z-index: 3; }
.dockbar li { width: 100%; }
.dockbar a { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 65px; gap: 4px 0; box-sizing: border-box; color: #888; font-size: 10px; font-weight: 500; }
.dockbar a img.on,
.dockbar li.on a img.off { display: none; }
.dockbar li.on a img.on { display: block; }
/* BASIC css end */