.of-picker{clear:both;margin:10px 0 25px;padding:24px;border:1px solid #e3e6e8;border-radius:12px;background:#fff;color:#26363b;box-sizing:border-box}
.of-picker-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.of-picker .of-picker-top h2{margin:0;font-size:20px;letter-spacing:-.5px}.of-picker-top h2 small{margin-left:7px;font-size:11px;color:#77868b;font-weight:400}.of-picker input{width:230px;max-width:100%;padding:10px 13px;border:1px solid #dce2e4;border-radius:7px;font:inherit;background:#f8fafb;color:#283d44}.of-factories{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:230px;overflow:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin}.of-factories a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #e5e9eb;border-radius:6px;background:#fafbfc;color:#354a52;font-size:12px;text-decoration:none;line-height:1.4}.of-factories a small{color:#839198;font-size:10px;font-variant-numeric:tabular-nums}.of-factories a:hover,.of-factories a[aria-current=page]{background:#203f49;border-color:#203f49;color:#fff}.of-factories a:hover small,.of-factories a[aria-current=page] small{color:#c2d7dd}.of-factories a:focus-visible,.of-picker input:focus-visible{outline:2px solid #2e7a82;outline-offset:2px}.of-factories a[hidden],.of-empty[hidden]{display:none}.of-empty{padding:20px 0;margin:0;color:#7b878d;font-size:12px}
#gnb .oerep-factory-menu .gnb_2dul{width:560px;max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:10px;background:#fff;box-shadow:0 8px 25px #0002;border-radius:0 0 10px 10px;left:auto;right:0}
#gnb .oerep-factory-menu.gnb_1dli_over .gnb_2dul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#gnb .oerep-factory-menu .gnb_2dli{float:none;width:100%;min-height:0}#gnb .oerep-factory-menu .gnb_2dli a{display:block;padding:8px 12px;font-size:12px;line-height:1.4;white-space:nowrap;color:#354a52}#gnb .oerep-factory-menu .gnb_2dli a:hover{background:#edf3f5;color:#183842}
@media(max-width:760px){.of-picker{padding:18px 14px;margin:10px 0 20px}.of-picker-top{display:block}.of-picker .of-picker-top h2{font-size:18px}.of-picker-top label{display:block;margin-top:12px}.of-picker input{width:100%;font-size:14px}.of-factories{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:250px}.of-factories a{padding:9px 7px;font-size:11px;gap:4px;overflow-wrap:anywhere}.of-factories a small{font-size:9px}}