.yk-map{min-width:0;color:var(--ink)}
.yk-map-viewport{position:relative;height:420px;min-height:420px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-sizing:border-box}.yk-map-canvas{width:100%;height:100%;overflow:hidden}.yk-map-canvas img{max-width:none!important}
.yk-map-example{position:absolute;inset:0;overflow:hidden;background-color:var(--surface);background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:32px 32px}.yk-map-example[hidden]{display:none}.yk-map-example-land{position:absolute;inset:0;width:100%;height:100%;fill:var(--soft);stroke:var(--faint);stroke-opacity:.3;stroke-width:1;opacity:.6}.yk-map-example-points{position:absolute;inset:0}.yk-map-example-point{position:absolute;z-index:1;border:0;padding:0;transform:translate(-50%,-50%);background:none;color:var(--ink);font:inherit;cursor:pointer}.yk-map-example-point>i{display:block;width:18px;height:18px;box-sizing:border-box;background:#9478c8;border:2px solid var(--surface);border-radius:50%;box-shadow:0 1px 3px #0002}.yk-map-example-point>span{display:none;position:absolute;top:22px;left:50%;transform:translateX(-50%);padding:0 4px;border:1px solid var(--border);border-radius:3px;background:var(--surface);font-size:11px;line-height:16px;font-weight:400;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis}.yk-map-example-point.show-label>span,.yk-map-example-point:hover>span,.yk-map-example-point:focus-visible>span{display:block}.yk-map-example-point:hover,.yk-map-example-point:focus-visible{z-index:3}.yk-map-example-point:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:50%}
.yk-map-example-note{position:absolute;top:8px;left:8px;z-index:4;max-width:calc(100% - 116px);border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font:inherit;font-size:11.5px;line-height:17px;font-weight:400;padding:4px 8px;text-align:left;cursor:pointer}.yk-map-example-note:hover{color:var(--ink);border-color:var(--faint)}.yk-map-tools{position:absolute;z-index:5;right:8px;top:8px;display:flex;gap:5px}.yk-map-tools .btn{height:27px!important;min-height:27px!important;padding:0 8px!important;font-size:11.5px!important;line-height:17px!important;border-radius:6px!important;background:var(--surface)!important;color:var(--muted)!important}.yk-map-summary{position:absolute;z-index:3;left:8px;top:8px;max-width:calc(100% - 246px);padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:11.5px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.is-example>.yk-map-summary{left:auto;right:8px;top:auto;bottom:7px;max-width:calc(100% - 16px);padding:0;background:transparent;border:0;color:var(--faint);font-size:10px;line-height:15px}
.yk-map-feedback{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(100% - 75px);overflow:auto;padding:15px 17px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 10px #0000000b;color:var(--muted);text-align:center}.yk-map-feedback strong{font-size:13.5px;line-height:21px;color:var(--ink);font-weight:600}.yk-map-feedback p{font-size:12px;line-height:19px;margin:7px 0 0}.yk-map-feedback>div{display:flex;justify-content:center;gap:7px;margin-top:12px}.yk-map-feedback .btn{height:29px!important;min-height:29px!important;font-size:12px!important;padding:0 10px!important}.yk-map-feedback.error strong{color:var(--danger,#c34942)}.yk-map-feedback.loading strong:before{content:'';display:inline-block;width:11px;height:11px;vertical-align:-1px;border:2px solid var(--border);border-top-color:var(--ink);border-radius:50%;margin-right:7px;animation:yk-spin 1s linear infinite}.yk-map-feedback.is-hidden{display:none}
.yk-map-addresses{margin-top:12px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.yk-map-address-list{padding:0;margin:0;list-style:none}.yk-map-address-list li{display:flex;align-items:center;gap:12px;min-height:58px;box-sizing:border-box;padding:8px 12px;border-bottom:1px solid var(--border)}.yk-map-address-list li:last-child{border-bottom:0}.yk-map-partner-dot{display:block;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#9478c8}.yk-map-address-list li>div{flex:1;min-width:0}.yk-map-partner{display:block;max-width:100%;border:0;padding:0;background:none;color:var(--ink);font:inherit;font-size:13.5px;line-height:20.25px;font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yk-map-partner:hover{text-decoration:underline}.yk-map-address-list li>div>small{display:block;margin-top:1px;font-size:12.5px;line-height:18.75px;color:var(--faint);overflow-wrap:anywhere}.yk-map-directions{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;border:0;border-radius:4px;padding:4px 6px;background:none;color:var(--muted);font:inherit;font-size:12px;line-height:18px;font-weight:400;white-space:nowrap;text-decoration:none}.yk-map-directions svg{width:14px;height:14px;flex-shrink:0}.yk-map-directions:hover{color:var(--ink);background:var(--soft)}.yk-map-directions:disabled{color:var(--faint);opacity:.55;cursor:not-allowed;background:none}.yk-map-empty-list{padding:16px;font-size:13px;line-height:21px;color:var(--muted);margin:0}.yk-map-info{padding:10px 12px;max-width:250px;color:#222;background:white;font-family:inherit}.yk-map-info strong{display:block;font-size:13px;line-height:20px}.yk-map-info span{display:block;font-size:11px;line-height:17px;margin-top:3px;white-space:normal;overflow-wrap:anywhere}

.dialog.yk-settings-dialog{width:min(660px,96vw);max-width:660px}.yk-settings{font-size:13px;line-height:21px}.yk-settings>p:first-child{margin-top:0}.yk-settings p{color:var(--muted)}.yk-settings p b,.yk-settings li b{color:var(--ink);font-weight:600}.yk-settings ol{padding-left:20px;margin:15px 0 21px}.yk-settings li{padding-left:3px;margin:7px 0;color:var(--muted)}.yk-settings a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.yk-settings-label{display:block;font-size:12px;color:var(--ink);font-weight:600;margin:17px 0 6px}.yk-settings-origin{display:flex;gap:7px}.yk-settings-origin .control{flex:1;min-width:0;font-size:12px;height:34px}.yk-settings-origin .btn{height:34px;font-size:12px;white-space:nowrap}.yk-settings small{display:block;color:var(--faint);font-size:11px;line-height:18px;margin-top:6px}.yk-settings #yk-javascript-key{width:100%;height:38px;font-family:ui-monospace,monospace;font-size:13px}.yk-settings-result{padding:11px 13px;border:1px solid var(--border);background:var(--soft);border-radius:6px;color:var(--muted);font-size:12px;line-height:20px;margin-top:18px;overflow-wrap:anywhere}.yk-settings-result.error{border-color:#c8554b66;color:var(--danger,#bd4941);background:#c8554b0b}.yk-settings-result.success{border-color:#43835d66;color:#397253;background:#43835d0b}.yk-settings-storage{font-size:11px;line-height:18px;margin:13px 0}.yk-settings-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;margin-bottom:0}.yk-settings-test{margin-top:16px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.yk-settings-test[hidden]{display:none}.yk-settings-test>strong{display:block;font-size:12px;font-weight:600;padding:9px 11px;border-bottom:1px solid var(--border)}#yk-settings-test-map{height:210px;width:100%}#yk-settings-test-map img{max-width:none!important}.yk-settings-dialog .dialog-footer{flex-wrap:wrap}.yk-settings-dialog .dialog-footer .danger{margin-right:auto}.yk-settings-dialog .dialog-footer .btn{font-size:12px}
@keyframes yk-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.yk-map-feedback.loading strong:before{animation:none}}
@media(max-width:640px){.yk-map-viewport{height:360px;min-height:360px}.yk-map-example-note{max-width:calc(100% - 95px);font-size:10.5px;line-height:16px;padding:4px 6px}.yk-map-tools .btn{padding:0 6px!important;font-size:10.5px!important}.yk-map-summary{font-size:10px;max-width:calc(100% - 210px);padding:4px 6px}.yk-map-address-list li{gap:10px;padding:8px 10px}.yk-map-partner-dot{width:18px;height:18px;flex-basis:18px}.yk-map-partner{font-size:13px}.yk-map-address-list li>div>small{font-size:12px;line-height:18px}.yk-map-directions{font-size:11px;padding:4px}.yk-map-directions svg{width:12px;height:12px}.yk-map-example-point>span{max-width:170px;font-size:10px}.yk-settings-origin{flex-wrap:wrap}.yk-settings-origin .control{flex-basis:100%}.yk-settings-origin .btn{margin-left:auto}.yk-settings-dialog .dialog-footer{gap:6px}.yk-settings-dialog .dialog-footer .btn{font-size:11px;padding:0 9px}}

/* B2B route mode shares the SDK/geocoder without changing partner map layout. */
.yk-route-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.yk-route .yk-map-viewport{height:380px;min-height:380px;border-radius:8px}.yk-route .yk-map-summary{top:42px;left:8px;right:8px;max-width:none;font-size:11.5px;line-height:17px}.yk-route-aside{min-width:0}.yk-route-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.yk-route-kpis>article{min-width:0;border:1px solid var(--border);border-radius:7px;padding:8px 12px}.yk-route-kpis small{display:block;font-size:11.5px;line-height:17.25px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yk-route-kpis strong{display:block;font-size:16px;line-height:24px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yk-route-addresses{border:1px solid var(--border);border-radius:8px;overflow:hidden}.yk-route-address-list{padding:0;margin:0;list-style:none}.yk-route-address-list>li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.yk-route-address-list>li:last-child{border-bottom:0}.yk-route-address-list>li.is-selected{background:var(--soft);box-shadow:inset 3px 0 #5e9c7f}.yk-route-address-list>li>i{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;font-size:12px;font-style:normal;background:#5e9c7f;color:white}.yk-route-address-list>li.is-warehouse>i{border-radius:5px;background:var(--ink);color:var(--surface)}.yk-route-address-list>li>i svg{width:14px;height:14px}.yk-route-place{display:block;min-width:0;flex:1;border:0;background:none;padding:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.yk-route-place>b{display:block;font-size:12.5px;line-height:18.75px;font-weight:500;overflow-wrap:anywhere}.yk-route-place>small{display:block;font-size:12px;line-height:18px;color:var(--muted);overflow-wrap:anywhere}.yk-route-place>em{display:block;font-size:11px;line-height:16.5px;font-style:normal;color:var(--faint);overflow-wrap:anywhere}.yk-route-place>em.is-ready{color:var(--source-text-green,#5e9c7f)}.yk-route-place>em.is-unresolved{color:var(--source-text-orange,#ba7226)}.yk-route-notice{font-size:12px;line-height:19.5px;margin:8px 0 0;color:var(--muted);overflow-wrap:anywhere}.yk-route .yk-map-directions{font-size:12px;color:var(--muted);padding:4px 0}.yk-route .yk-map-directions svg{width:12px;height:12px}.yk-route-marker{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--ink);font:inherit;cursor:pointer}.yk-route-marker>i{display:grid;place-items:center;width:26px;height:26px;background:#5e9c7f;color:white;border:1px solid white;border-radius:50%;font-size:12px;font-style:normal;font-weight:600;box-shadow:0 1px 3px #0002}.yk-route-marker.is-warehouse>i{width:30px;height:30px;background:var(--ink);color:var(--surface);border-radius:7px}.yk-route-marker>i svg{width:16px;height:16px}.yk-route-marker>span{max-width:150px;padding:0 4px;border:1px solid var(--border);border-radius:3px;font-size:10.5px;line-height:15px;background:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yk-route-marker.is-selected>i{outline:3px solid #5e9c7f80;outline-offset:2px}.source-light .yk-route-marker.is-warehouse>i,.source-light .yk-route-address-list>li.is-warehouse>i{background:#141413;color:white}.source-light .yk-route-marker>span{background:rgba(255,255,255,.92);color:#2f2e2b}
@media(min-width:1024px){.yk-route-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:639.98px){.yk-route .yk-map-tools{gap:4px}.yk-route .yk-map-summary{font-size:10.5px;line-height:16px}.yk-route-address-list>li{padding:10px;gap:8px}.yk-route .yk-map-viewport{height:380px;min-height:380px}}

/* Keep route markers clipped without focus scrolling the SDK canvas. */
@supports(overflow:clip){.yk-route .yk-map-canvas,.yk-route .yk-map-viewport{overflow:clip!important}}
/* Ready addresses are already listed beside the map; keep the map free of a status band. */
.yk-route[data-kakao-geocoding-complete="true"][data-kakao-tiles-ready="true"] .yk-map-summary{display:none}