@charset "utf-8";

#shSnb{display:flex;align-items:center;width:100%;position:absolute;bottom:0;left:0;z-index:2;width:100%;height:70px;padding-left:calc((100% - 1200px) / 2);backdrop-filter:blur(5px);background: #47ba69;font-family:var(--k-font)}
#shSnb.sticky{position:sticky;top:0;margin:0;z-index:9999}
#shSnb li{position:relative}
#shSnb li+li:before{display:inline-block;content:"";width:1px;height:12px;margin:0 30px;background:rgba(255,255,255,.25)}
#shSnb li a{opacity:.65;font-size:16px;font-weight:500;color:#fff;line-height: normal;transition:all .2s}
#shSnb li.on a{opacity:1}

/* 반응형 [s] */
@media (max-width:1380px){
#shSnb{padding-left:5%}
}
@media (max-width:900px){
#shSnb li+li:before{margin:0 16px}
}
@media (max-width:768px){
#shSnb.sticky {display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100% !important;position:static !important}
#shSnb.sticky li {flex:0 0 auto;margin-right:20px}
#shSnb::-webkit-scrollbar {display:none}
}
@media (max-width:480px){
#shSnb li+li:before{margin:0 20px}
#shSnb{justify-content:center}
#shSnb{padding-left:0;height:-webkit-fill-available}
#shSnb li a{font-size:14px}
#shSnb.sticky{padding:0 30px;border-top:1px solid rgba(255, 255, 255, 0.29);height:50px;justify-content: flex-start;}
#shSnb.sticky li{margin-right:0}
}
@media (max-width:380px){
#shSnb li a{font-size:13px}
}
/* 반응형 [e] */
