.transit-popup-container{display:none;position:absolute;z-index:3000;width:276px;transform:translate(-50%);bottom:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:default}.icon+.transit-popup-container{bottom:100px;left:50%}.icon+.transit-popup-container .popup-point{display:none}.transit-popup-container .popup-content-wrapper{width:100%;height:100%;background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 2px 8px #0003;padding:12px 16px}.transit-popup-container .item-content-wrapper{width:100%;height:100%;padding-bottom:12px}.transit-popup-container .popup-header{gap:12px;align-self:stretch;width:100%;flex:0 0 auto;display:flex;align-items:flex-start;position:relative}.transit-popup-container .popup-header .popup-header-content{flex-direction:column;align-items:flex-start;gap:6px;align-self:stretch;width:100%;flex:0 0 auto;display:flex;position:relative}.transit-popup-container .popup-header .item-header{display:flex;align-items:center;gap:8px;position:relative;align-self:stretch;width:100%}.transit-popup-container .popup-header .popup-header-icon-wrapper{position:relative;width:24px;height:24px;aspect-ratio:1;border-radius:100px}.transit-popup-container .popup-header .popup-header-icon{width:16px;height:16px;margin:4px}.transit-popup-container .popup-header .popup-header-icon.full{width:24px;height:24px;margin:0}.transit-popup-container .popup-header .popup-item-title-section{gap:8px;padding:2px 0 0;flex:1;flex-grow:1;display:flex;align-items:center;position:relative}.transit-popup-container .popup-header .popup-item-name{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal;text-align:left}.transit-popup-container .popup-header .popup-close-icon{width:16px;height:16px;position:relative;aspect-ratio:1;cursor:pointer}.transit-popup-container .popup-header .popup-item-address-section{align-items:center;justify-content:center;gap:10px;padding:0 0 0 28px;align-self:stretch;width:100%;flex:0 0 auto;display:flex;position:relative}.transit-popup-container .popup-header .popup-item-address{flex:1;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;line-height:16px;position:relative;letter-spacing:0px;font-style:normal;margin-top:8px;margin-bottom:4px}.transit-popup-container .popup-point{width:18px;height:18px;position:relative}.transit-popup-container .info-eta{display:flex!important;align-items:center;gap:8px;position:relative}.transit-popup-container .info-eta .view{display:flex;align-items:center;gap:4px;position:relative;flex:1;flex-grow:1}.transit-popup-container .info-eta .ico-time-fill{display:block;width:16px;height:16px}.transit-popup-container .info-eta .text-wrapper{position:relative;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;letter-spacing:0px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:inline-block;align-items:center;font-style:normal;margin-top:2px}.transit-popup-container .info-eta .other-info{color:var(--Color-Style-Grayscale-500, #6B7280);position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:400;font-size:12px;text-align:right;letter-spacing:0px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal;margin-top:2px}.transit-popup-container .transit-popup-direction{align-items:flex-start;display:flex;gap:8px;position:relative;margin-bottom:12px}.transit-popup-container .transit-popup-direction .direction-line{width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;position:relative;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transit-popup-container .transit-popup-direction .direction-view{align-items:center;justify-content:center;flex:1;flex-grow:1;display:flex;gap:8px;position:relative}.transit-popup-container .transit-popup-direction .direction-text{flex:1;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;position:relative;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-popup-container .button{display:flex;align-items:center;justify-content:center;gap:30px}.transit-popup-container .button .calendar-item-navi{display:inline-flex;align-items:center;gap:10px;padding:4px;position:relative;flex:0 0 auto}.transit-popup-container .button .img{position:relative;width:14px;height:14px;aspect-ratio:1;cursor:pointer}.transit-popup-container .popup-more-info-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 16px;position:relative;border-radius:12px;cursor:pointer;margin-top:8px}.transit-popup-container .popup-more-info-button .popup-more-info-button-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:4px;position:relative;flex:0 0 auto}.transit-popup-container .popup-more-info-button .popup-more-info-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#fff;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-popup-container .popup-bicycle-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;margin-bottom:12px}.transit-popup-container .popup-bicycle-info .bicycle-info-content{display:flex;align-items:center;gap:6px;position:relative;align-self:stretch;height:16px;width:100%;flex:0 0 auto}.transit-popup-container .popup-bicycle-info .bicycle-info-content path{fill:#30e291}.transit-popup-container .popup-bicycle-info .bicycle-type-icon{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-popup-container .popup-bicycle-info .bicycle-type-text{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-popup-container .popup-bicycle-info .bicycle-count-info{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:4px 8px;position:relative;flex:0 0 auto;background-color:#f9fafb;border-radius:12px}.transit-popup-container .popup-bicycle-info .bicycle-status-text{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#31c48d;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal;margin:0}.transit-popup-container .popup-bicycle-info .distance-text{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;letter-spacing:0px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-popup-container .pricing-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px;position:relative;background-color:#f9fafb;border-radius:8px;margin-bottom:12px}.transit-popup-container .pricing-info .pricing-item{display:flex;align-items:center;gap:8px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.transit-popup-container .pricing-info .pricing-item-content{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}.transit-popup-container .pricing-info .pricing-icon{position:relative;width:14px;height:14px;aspect-ratio:1}.transit-popup-container .pricing-info .pricing-label{flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#4b5563;position:relative;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-popup-container .pricing-info .pricing-value{width:88px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;text-align:right;position:relative;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.popup-rental-car-body .car-category-section{display:flex;align-items:center;gap:6px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;margin-bottom:12px}.popup-rental-car-body .car-category-section path{fill:#00b8ff}.popup-rental-car-body .category-label{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.popup-rental-car-body .availability-container{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:4px 8px;position:relative;flex:0 0 auto;background-color:#f9fafb;border-radius:12px}.popup-rental-car-body .availability-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#00b8ff;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-popup-container .screen{display:flex;align-items:center;gap:8px;position:relative;margin-bottom:12px}.transit-popup-container .screen .text-wrapper{font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;position:relative;flex:1;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-popup-container .screen .div{font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;text-align:right;position:relative;flex:1;margin-top:-1px;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-popup-container .multi-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px;position:relative;background-color:#f9fafb;border-radius:8px;margin-bottom:12px}.transit-popup-container .multi-info .view{gap:8px;align-self:stretch;width:100%;flex:0 0 auto;display:flex;align-items:center;position:relative}.transit-popup-container .multi-info .frame-wrapper{gap:4px;flex:1;flex-grow:1;display:flex;align-items:center;position:relative}.transit-popup-container .multi-info .frame{display:inline-flex;align-items:center;gap:2px;padding:2px .4px;position:relative;flex:0 0 auto}.transit-popup-container .multi-info .ico-train-route-fill{position:relative;width:14px;height:14px;aspect-ratio:1}.transit-popup-container .multi-info .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-popup-container .multi-info .div{font-family:Pretendard Variable,Helvetica;font-weight:600;text-align:right;position:relative;color:#4b5563;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-popup-container .multi-info .info{display:flex;align-items:center;gap:6px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.transit-popup-container .multi-info .text-wrapper-2{width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;white-space:nowrap;position:relative;color:#4b5563;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-popup-container .multi-info .divider-grey{position:relative;width:1px;height:14px;background-color:#e5e7eb}.transit-popup-container .multi-info .text-wrapper-3{flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;position:relative;color:#4b5563;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.place-marker{display:inline-flex;flex-direction:column;align-items:center;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.place-marker .frame{display:inline-flex;flex-direction:column;align-items:center;gap:2px;position:relative;flex:0 0 auto}.place-marker .ico-poi-map{position:relative;width:24px;height:24px}.place-marker .text-wrapper{color:#111928;position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:900;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#FFF}.place-marker .div{margin-left:-1px;color:#1c64f2;position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#FFF}.bicycle-marker{display:inline-flex;flex-direction:column;align-items:center;gap:2px;position:absolute}.bicycle-marker .ico-poi-map{position:relative;width:24px;height:24px}.bicycle-marker .text-wrapper{color:#111928;position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:900;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#FFF}.bicycle-marker .div{margin-left:-1px;color:#1c64f2;position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#FFF}.search-input{display:flex;flex-direction:column;padding:28px 20px 0;position:relative;margin-bottom:16px}.panel-wrap.global-mode .search-input{padding-top:20px}.search-input.disable{display:none}.search-input-container{display:flex;padding:12px 16px;align-items:center;gap:8px;width:320px;height:44px;align-self:stretch;border-radius:25px;border:2px solid var(--Color-Style-Grayscale-400, #9ca3af);background:var(--Color-Style-Grayscale-00, #fff);cursor:text;overflow:visible}.search-input-container .hamberger-btn,.search-input-container .search-icon{display:flex}.search-input-container .search-text{flex:1 0 0;color:var(--Color-Style-Grayscale-900, #111928);font-size:16px;font-style:normal;font-weight:400;line-height:22px;border:0px;outline:none;caret-color:transparent;padding-right:0;transition:padding-right .15s ease;width:200px}.search-input-container .clear-btn.active~.search-text,.search-input-container:has(.clear-btn.active) .search-text{padding-right:24px}.search-input-container .search-text:focus{caret-color:auto}.search-input-container .search-text::placeholder{color:var(--Color-Style-Grayscale-400, #9ca3af)}.search-input-container .search-text:focus::placeholder{opacity:0}.search-input-container .clear-btn{display:none;position:absolute;right:28px;background:none;border:none;cursor:pointer;padding:4px;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .15s ease}.search-input-container .clear-btn.active{display:flex}.autocomplete-container{display:none;position:absolute;top:calc(100% + 4px);width:320px;z-index:1000;max-height:620px;overflow-y:auto;flex-direction:column;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #0003;gap:8px;padding:8px}.autocomplete-container.active{display:flex}.autocomplete-keywords{display:none;flex-direction:column;align-items:flex-start}.autocomplete-keywords.active{display:flex}.recent-keywords{display:none;flex-direction:column;align-items:flex-start;gap:4px;border-radius:0 0 6px 6px;background:#fff}.recent-keywords.active{display:flex}.recent-keywords .recent-header{flex:1 0 0;display:flex;justify-content:space-between;width:100%;height:38px;color:var(--Color-Style-Grayscale-500, #6B7280);cursor:pointer;padding:10px 12px;align-items:center;align-self:stretch;border-radius:8px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.recent-keywords .recent-header .all-delete-btn{font-size:12px;color:#999;cursor:pointer;margin-left:10px;overflow:hidden;color:var(--Color-Style-Grayscale-500, #6B7280);text-align:right;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.recent-keywords .recent-header .delete-btn{cursor:pointer}.autocomplete-section button{font-size:12px;background:none;border:none;color:#007bff;cursor:pointer}ul.autocomplete-list{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;width:100%;color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}ul.autocomplete-list li{display:flex;align-items:center;align-self:stretch;height:38px;padding:10px 12px;gap:8px;overflow:hidden;color:var(--Color-Style-Grayscale-900, #111928);text-overflow:ellipsis;cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:20px}ul.autocomplete-list li .recent-keyword{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.autocomplete-list li .delete-btn{display:flex;align-items:center;justify-content:center;height:48px;cursor:pointer;flex-shrink:0;margin-left:auto}ul.autocomplete-list li:hover{background-color:#f0f0f0}ul.autocomplete-list li:has(.recent-keywords-empty):hover{background-color:transparent;cursor:default}ul.autocomplete-list .highlight{color:#7e3af2;font-weight:700}.search-input.search-page-style .search-input-container{border:2px solid var(--Color-Style-Primary-600, #7e3af2)}.search-input.search-page-style .search-input-container:hover,.search-input.search-page-style .search-input-container:hover .search-text{background:var(--Color-Style-Primary-50, #f6f5ff);cursor:pointer}.search-input.search-page-style .search-input-container:focus-within,.search-input.search-page-style .search-input-container:focus-within .search-text{background:var(--Color-Style-Grayscale-00, #fff);outline:none}.search-input.search-page-style .search-input-container.is-disabled{border:2px solid var(--Color-Style-Grayscale-300, #d1d5db);background:var(--Color-Style-Grayscale-50, #f9fafb);pointer-events:none}@media screen and (min-width: 1024px){.search-input.search-page-style .search-input-container .hamberger-btn{display:none}}@media screen and (max-width: 1023px){.search-input.search-page-style{padding:0;height:44px;margin-bottom:0;pointer-events:all}.search-input.search-page-style .search-input-container{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;width:360px;padding:13px 16px;align-items:center;gap:8px;border-radius:12px;border:unset;box-shadow:0 2px 8px #00000029}.search-input.search-page-style .search-input-container .search-icon svg path{fill:#1f2a37}.home-container .search-input.search-page-style .search-input-container{border-radius:24px}.search-input-container .clear-btn{right:4px}}.search-container{display:flex;flex-direction:column;width:360px;height:100%}.search-result{display:flex;flex-direction:column;height:100%;width:100%;min-height:0}.search-container .search-result.search-page-style{height:calc(100% - 52px)}.search-result .sort-container{display:none;padding:16px 20px;justify-content:space-between;align-items:center;cursor:pointer;width:100%}.search-result .text-highlight{color:var(--Color-Style-Grayscale-800, #1f2a37);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-result .sort-container.active{display:flex}.search-result .sort-select{position:relative;display:none}.search-result .sort-select.active{display:flex}.search-result .sort-select .sort-select-button{display:flex;padding:8px 16px;align-items:center;gap:8px;border-radius:100px;border:none;background:var(--Color-Style-Grayscale-50, #f9fafb);color:var(--Color-Style-Grayscale-500, #6b7280);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px;cursor:pointer}.search-result .sort-select .sort-select-button:hover{background:var(--Color-Style-Grayscale-100, #f3f4f6)}.search-result .sort-select .sort-select-arrow{display:flex;align-items:center;justify-content:center;text-align:center}.search-result .sort-select .sort-select-button.active .sort-select-arrow{transform:rotate(180deg);background:var(--Color-Style-Grayscale-50, #f9fafb)}.search-result .sort-container .sort-select-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-8px);display:flex;width:96px;padding:8px;margin-top:4px;flex-direction:column;align-items:center;gap:6px;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-200, #e5e7eb);background:var(--Color-Style-Grayscale-00, #fff);z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 2px 8px #0003}.search-result .sort-container .sort-select-dropdown.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.search-result .sort-container .sort-select-dropdown li{display:flex;width:80px;height:38px;padding:8px 12px;align-items:center;justify-content:center;border-radius:8px;color:var(--Color-Style-Grayscale-500, #6b7280);text-align:center;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-result .sort-container .sort-select-dropdown li:hover{background:var(--Color-Style-Grayscale-100, #f3f4f6)}.search-result .sort-container .sort-select-dropdown li.active{background:var(--Color-Style-Grayscale-200, #e5e7eb);color:var(--primitive-need-to-check-blue-500, #3f83f8)}.search-result .sort-container .result-count{margin-left:auto;color:var(--Color-Style-Grayscale-500, #6b7280);text-align:right;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-container.building-search-layer .search-result .sort-container{gap:8px;justify-content:unset}.search-container.building-search-layer .search-result .sort-container .result-count.building-result-count{margin-left:unset}.search-result .search-result-list{display:flex;flex-direction:column;flex:1;background:#fff;border-radius:0 0 24px 24px}.search-container .search-result .search-result-list{height:calc(100% - 116px);overflow-y:auto}.search-result .search-result-list .loading-animation-container{display:flex;width:360px;padding:16px 20px;justify-content:space-between;align-items:center;align-self:stretch}.search-result .search-result-list li{display:flex;position:relative;padding:16px 20px;flex-direction:row;align-items:flex-start;gap:8px;justify-content:space-between}.search-result .search-result-list li.empty{display:flex;height:180px;padding:80px 20px;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;color:var(--Color-Style-Grayscale-500, #6b7280);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-result .search-result-list .search-result-divider{height:1px;min-height:1px;background:var(--Color-Style-Grayscale-200, #e5e7eb);margin:0 20px}.search-result .search-result-list li:not(.empty):hover{background-color:var(--Color-Style-Grayscale-50, #f9fafb);cursor:pointer}.search-result .search-result-list li:not(.empty):active{background-color:var(--Color-Style-Grayscale-100, #f3f4f6);cursor:pointer}.search-result .search-result-list .result-container{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.search-result .search-result-list .name-container{display:block}.search-result .search-result-list .num-container .num{display:flex;width:24px;height:24px;padding:4px 3px;justify-content:center;align-items:center;flex-shrink:0;border-radius:100px;background:var(--Color-Style-Primary-600, #7e3af2);color:var(--Color-Style-Grayscale-00, #fff);text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.search-result .search-result-list .poi-title{display:inline;color:var(--Color-Style-Grayscale-800, #1f2a37);word-break:break-all;white-space:normal;font-size:16px;font-style:normal;font-weight:600;line-height:22px}.search-result .search-result-list .name-container .classcode{display:inline;color:var(--Color-Style-Grayscale-500, #6b7280);white-space:nowrap;margin-left:auto;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-result .search-result-list .info-container{display:none;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.search-result .search-result-list .info-container.active{display:flex}.search-result .search-result-list .info-container .star-point{display:flex;align-items:center;gap:4px}.search-result .search-result-list .info-container .star-point .star-txt{color:var(--Color-Style-Grayscale-800, #1f2a37);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-result .search-result-list .address-container{display:flex;align-items:center;min-width:0;overflow:hidden;color:var(--Color-Style-Grayscale-500, #6b7280);gap:6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-result .search-result-list .address-container .address-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.search-result .search-result-list .address-container .poi-title-type{flex-shrink:0;white-space:nowrap}.search-result .search-result-list .price-container,.search-detail-panel .price-container{display:flex;flex-direction:row;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--Color-Style-Grayscale-500, #6b7280);text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-result .search-result-list .price-container .price-item,.search-detail-panel .price-container .price-item{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--primitive-need-to-check-blue-50, #ebf5ff);color:var(--primitive-need-to-check-blue-500, #3f83f8);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-result .search-result-list .price-container .carwash-item,.search-detail-panel .price-container .carwash-item{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--Color-Style-Grayscale-100, #f3f4f6);color:var(--Color-Style-Grayscale-500, #6b7280);font-size:12px;font-style:normal;font-weight:600;line-height:16px}.search-result .search-result-list .popular-container{display:none;padding:3px 8px;justify-content:center;align-items:center;gap:4px;border-radius:6px;background:var(--Color-Style-Primary-50, #f6f5ff);color:var(--Color-Style-Primary-500, #9061f9);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-result .search-result-list .popular-container.active{display:flex}.search-result .search-result-list .hash-container{display:flex;align-items:center;gap:4px;color:var(--Color-Style-Grayscale-500, #6b7280);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-result .search-result-list .hash-container .hash-item{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--Color-Style-Grayscale-50, #f9fafb);color:var(--Color-Style-Grayscale-500, #6b7280);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-result .search-result-list .route-container{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.search-result .search-result-list .route-container .btn{display:flex;min-width:56px;padding:6px 16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:100px;background:var(--Color-Style-Grayscale-100, #f3f4f6);color:var(--Color-Style-Grayscale-500, #6b7280);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-result .search-result-list .route-container .btn.route-btn:hover,.search-result .search-result-list .route-container .btn.route-btn:active{background:var(--Color-Style-Primary-600, #7e3af2);color:var(--Color-Style-Grayscale-00, #fff)}.search-result .search-result-list .result-container.postcode{flex-direction:column;flex:1;min-width:0;max-width:100%}.search-result .search-result-list .result-container.postcode .address-container{max-width:100%;display:flex;align-items:flex-start;gap:6px;min-width:0}.search-result .search-result-list .result-container.postcode .address-container .badge{display:flex;padding:2px 6px;width:46px;justify-content:center;align-items:center;gap:4px;color:var(--Color-Style-Grayscale-700, #374151);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px;flex-shrink:0;border-radius:4px;background:var(--Color-Style-Grayscale-100, #f3f4f6)}.search-result .search-result-list .result-container.postcode .address-container .badge.highlight{border:1px solid var(--Color-Style-Primary-600, #7e3af2);background:var(--Color-Style-Primary-50, #f6f5ff);color:var(--Color-Style-Primary-600, #7e3af2);text-align:center}.search-result .search-result-list .result-container.postcode .address-container .address-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;flex:1;word-break:break-all;white-space:normal}.search-result .search-result-list .result-container.postcode .address-container .address-text.postcode{overflow:hidden;color:var(--Color-Style-Grayscale-800, #1f2a37);text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-result .search-result-list .result-container.postcode .address-container .address-text.postcode.light{color:var(--Color-Style-Grayscale-500, #6b7280);font-weight:400}.search-result .temp-title{display:flex;padding:20px 20px 16px;align-items:center;align-content:center;gap:8px;color:var(--Color-Style-Grayscale-700, #374151);border-radius:20px;font-size:20px;font-style:normal;font-weight:600;line-height:28px}.search-result .temp-title .back-btn{display:flex;cursor:pointer}.search-detail-header-sticky{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:8px;background:var(--Color-Style-Grayscale-00, #fff);box-shadow:0 3px 10px #0000000d;z-index:20;border-radius:24px 24px 0 0;opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.search-detail-panel.show-sticky-header .search-detail-header-sticky{opacity:1;transform:translateY(0);pointer-events:auto}.search-detail-header-sticky .poi-title-bar{flex:1;display:flex;align-items:center;gap:6px;width:250px}.search-detail-header-sticky .header-title{display:inline;font-size:20px;font-weight:600;width:250px}.search-detail-header-sticky .category{display:flex;align-items:center;color:var(--Color-Style-Grayscale-500, #6b7280);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-detail-header-sticky .panel-btn.back-btn,.search-detail-header-sticky .panel-btn.close-btn{z-index:21;flex-shrink:0}.search-detail-header-sticky .panel-btn.back-btn svg *,.search-detail-header-sticky .panel-btn.close-btn svg *{fill:var(--Color-Style-Grayscale-800, #1f2a37)!important;stroke:var(--Color-Style-Grayscale-800, #1f2a37)!important}@media screen and (min-width: 1024px){.search-detail-header-sticky .back-btn{display:none}.search-detail-header-sticky .close-btn{display:flex}}@media screen and (max-width: 1023px){.search-detail-header-sticky{justify-content:flex-start}.search-detail-header-sticky .poi-title-bar{margin-left:30px}.search-detail-header-sticky .back-btn{display:flex}.search-detail-header-sticky .close-btn{display:none}}.search-detail-panel .poi-scroll{flex:1;overflow-y:auto}.search-detail-panel .poi-image-header{display:flex;gap:2px;align-self:stretch;margin-bottom:20px;background:var(--Color-Style-Grayscale-300, #d1d5db);position:relative;height:240px;flex-shrink:0;overflow:hidden;color:var(--Color-Style-Grayscale-00, #fff);text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:22px;flex-direction:column;justify-content:center;background:url(./image_subscreen-Vjp5OlYm.png) center/cover no-repeat}.search-detail-panel .poi-header-buttons{position:absolute;display:flex;gap:8px;z-index:20;justify-content:space-between;width:100%;top:16px;left:0;right:0;padding:0 16px}.search-detail-panel .panel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:inherit;background:transparent;border:none;padding:0}.search-detail-panel .panel-btn svg{width:24px;height:24px}.search-detail-panel .panel-btn.back-btn{left:16px}.search-detail-panel .panel-btn.close-btn{right:16px}.search-detail-panel .poi-infos{display:flex;padding:0 20px;flex-direction:column;align-items:flex-start;gap:6px;align-self:stretch;width:100%;margin-bottom:24px}.search-detail-panel .poi-title-bar{position:sticky;top:0;flex:1;background:var(--Color-Style-Grayscale-00, #fff);z-index:10;display:flex;align-items:center;gap:6px;transition:box-shadow .3s ease}.search-detail-panel .poi-title-bar.shadow{box-shadow:0 4px 6px #0000001a}.search-detail-panel .poi-title{margin:0;flex:1;display:inline;color:var(--Color-Style-Grayscale-800, #1f2a37);font-size:20px;font-style:normal;font-weight:600;line-height:28px}.search-detail-panel .category{display:inline;color:var(--Color-Style-Grayscale-500, #6b7280);font-size:12px;line-height:16px}.search-detail-panel .address-bar,.tel-bar{display:none;flex:1 0 0;gap:2px;color:var(--Color-Style-Grayscale-600, #4b5563);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.search-detail-panel .address-bar svg,.tel-bar svg{align-self:center}.search-detail-panel .address-bar.active,.tel-bar.active{display:flex}.search-detail-panel .horizontal-divider{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;margin:8px 0;width:320px;height:1px;background:var(--Color-Style-Grayscale-200, #e5e7eb)}.search-detail-panel .horizontal-divider.active{display:flex}.search-detail-panel .poi-parking{display:none;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--Color-Style-Grayscale-50, #f9fafb);color:var(--Color-Style-Grayscale-500, #6b7280);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-detail-panel .poi-parking.active{display:flex}.search-detail-panel .poi-status{display:none;align-items:center;gap:8px}.search-detail-panel .poi-status.active{display:flex}.search-detail-panel .star-point{display:none;justify-content:center;align-items:center;gap:2px;color:var(--Color-Style-Grayscale-800, #1f2a37);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-detail-panel .star-point.active{display:flex}.search-detail-panel .divider{display:none;width:1px;height:14px;flex-shrink:0;background:var(--Color-Style-Grayscale-200, #e5e7eb)}.search-detail-panel .divider.active{display:flex}.search-detail-panel .popular-txt{display:none;padding:4px 8px;justify-content:center;align-items:center;gap:2px;border-radius:12px;background:var(--Color-Style-Primary-50, #f6f5ff);color:var(--Color-Style-Primary-500, #9061f9);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.search-detail-panel .popular-txt.active{display:flex}.search-detail-panel .poi-separator{height:15px;align-self:stretch;background:var(--Color-Style-Grayscale-50, #f9fafb)}.search-detail-panel .poi-extra{text-align:center;color:#aaa;font-size:14px;min-height:200px;//height:300px;display:flex;padding:24px 20px;flex-direction:column;gap:16px;justify-content:center}.search-detail-panel .poi-extra .price-info-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;box-sizing:border-box}.search-detail-panel .poi-extra .price-info-container .title{color:var(--Color-Style-Grayscale-800, #1f2a37);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.search-detail-panel .poi-extra .price-info-container .updateDate{color:var(--color-style-grayscale-inactive-neutral, #888e9b);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.fuel-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.fuel-table th{padding:8px;border-bottom:1px solid var(--Color-Style-Grayscale-300, #d1d5db);border-right:1px solid var(--Color-Style-Grayscale-300, #d1d5db);color:var(--Color-Style-Grayscale-800, #1f2a37);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px;background:var(--Color-Style-Grayscale-100, #f3f4f6)}.fuel-table th:last-child{border-right:none}.fuel-table td{color:var(--Color-Style-Grayscale-800, #1f2a37);text-align:center;height:52px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-bottom:1px solid var(--Color-Style-Grayscale-300, #d1d5db);border-right:1px solid var(--Color-Style-Grayscale-300, #d1d5db)}.fuel-table td:last-child{color:var(--Color-Style-Grayscale-800, #1f2a37);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px;border-right:none}.fuel-table tr:last-child td{border-bottom:none}.fuel-table td strong{font-size:15px;font-weight:700;display:block;margin-bottom:4px}.search-detail-panel .poi-report-section{display:flex;padding:24px 20px;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box}.search-detail-panel .poi-report-section .report-text{font-size:14px;line-height:20px;color:#111928;text-align:center}.search-detail-panel .poi-report-section .report-link{font-size:14px;font-weight:400;line-height:20px;color:var(--Color-Style-Primary-600, #7e3af2);text-decoration:underline;text-underline-position:from-font;text-decoration-skip-ink:none;cursor:pointer;text-align:center}.search-detail-panel .poi-actions{display:flex;height:72px;padding:12px 20px;justify-content:center;align-items:flex-start;gap:8px;flex-shrink:0;align-self:stretch;box-shadow:0 -12px 20px #0000000d}.search-detail-panel .btn-start,.search-detail-panel .btn-arrive{display:flex;padding:14px 16px;flex-direction:column;justify-content:center;align-items:center;gap:30px;flex:1 0 0;border-radius:12px;border:none;color:var(--Color-Style-Grayscale-500, #6b7280);text-align:center;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.search-detail-panel .btn-start{background:var(--Color-Style-Grayscale-100, #f3f4f6)}.search-detail-panel .btn-arrive{background:var(--Color-Style-Primary-600, #7e3af2);color:#fff}.searchpoint{position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:3px 12px;text-align:center;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--Color-Style-Grayscale-00, #fff);font-size:12px;line-height:16px}.searchpoint.start{background:var(--Color-Style-PT-Main-Start, #5850ec)}.searchpoint.goal{background:var(--Color-Style-PT-Main-Arrive, #f53838)}.searchpoint.way{background:var(--Color-Style-PT-Main-Waypoint, #ff8514)}@media screen and (max-width: 1023px){.search-container .search-result.search-page-style{height:calc(100% - 80px)}}.paging{display:none;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background-color:transparent}.paging.active{display:flex}.paging .paging-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:14px;line-height:20px;font-weight:600;color:var(--color-grayscale-400, #9ca3af);cursor:pointer;border-radius:4px;transition:all .2s;padding:0}.paging .paging-btn:hover:not(.active):not(:disabled):not(.paging-ellipsis){background-color:var(--color-grayscale-50, #f9fafb)}.paging .paging-btn.active{background-color:var(--color-grayscale-200, #e5e7eb);color:var(--color-grayscale-600, #4b5563)}.paging .paging-btn:disabled{opacity:.5;cursor:default}.paging-ellipsis{cursor:default;pointer-events:none}.paging .paging-btn:first-child svg{transform:rotate(0)}.paging .paging-btn:last-child svg{transform:rotate(0)}.map-overlay{position:fixed;left:0;right:0;bottom:0;width:100vw;z-index:11;pointer-events:none}.research-around{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:none;pointer-events:auto}.research-around-btn{display:inline-flex;height:48px;width:162px;padding:12px 16px;align-items:center;gap:6px;border-radius:100px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #00000029;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:14px;font-style:normal;font-weight:600;line-height:20px;cursor:pointer}.research-around.active,.research-around-btn span{display:flex}.panel-container{position:relative;display:flex;transform:translate(0);width:100%;height:100%;z-index:1}.drawer-container{left:0;width:100%;transition:bottom .4s ease-in-out;z-index:999;border-radius:24px;height:100%}.drawer-close-btn{display:none;height:var(--drawer-close-btn-height);padding-top:8px;flex-direction:column;align-items:center;flex-shrink:0;cursor:pointer}.drawer-close-btn .drawer-close-btn-bar{width:28px;height:4px;flex-shrink:0;border-radius:12px;background:var(--Color-Style-Grayscale-300, #D1D5DB)}.detail-panel-container{width:360px;flex-direction:column;align-items:flex-start;border-radius:24px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 12px #00000040;transition:transform .3s ease;z-index:2;margin-left:20px;display:none}.detail-panel-container.active{display:flex;height:100%}.detail-panel-container.active .search-detail-panel{display:flex;position:relative;flex-direction:column;gap:0;align-self:stretch;width:360px;height:100%;border-radius:24px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 12px #00000040;overflow:hidden}.detail-panel-container.active .route-detail-panel{display:flex;position:relative;flex-direction:column;align-self:stretch;width:360px;height:100%;border-radius:24px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 12px #00000040}.detail-panel-container.active .route-detail-panel .search-detail-panel .poi-scroll{height:calc(100% - 82px)}.panel-wrap:not(.open){transform:translate(calc(-1 * (var(--panel-width) + var(--panel-left-offset, 0px))))}.btn.panel-toggle{display:flex;width:34px;height:34px;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border-radius:8px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 0 8px #0003;position:absolute;right:-28px;top:68px;z-index:10;cursor:pointer}.btn.panel-toggle.hidden,.panel-wrap.global-mode .btn.panel-toggle{display:none}.panel-toggle img{width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1}.nearby-search{position:absolute;top:8px;left:calc(var(--panel-width) + 30px)}.nearby-search .buttons-wrapper{position:relative}.nearby-search ul{white-space:nowrap;display:flex;gap:10px}.nearby-search button{display:flex;padding:6px 8px;justify-content:center;align-items:center;gap:4px;border-radius:100px;background:var(--Color-Style-Grayscale-00, #FFF);border:unset;box-shadow:0 2px 8px #00000029;cursor:pointer}.nearby-search ul li.expand-button button{width:32px;height:32px}.nearby-search ul li.expand-button:active button{background:var(--Color-Style-Primary-600)}.nearby-search ul li.expand-button:active button svg path{fill:var(--Color-Style-Grayscale-00, #FFF)}.nearby-search button>span{color:var(--Color-Style-Grayscale-800);font-size:14px}.nearby-search .expanded-buttons.active{display:flex}.nearby-search .expanded-buttons{position:absolute;gap:4px;top:calc(100% + 12px);right:0;display:none;width:120px;padding:8px;flex-direction:column;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #0003}.nearby-search .expanded-buttons button{width:100%;border-radius:8px;padding:8px 12px;justify-content:center;box-shadow:none}button.nearby-search-hover:hover{background:var(--Color-Style-Primary-50)}.mapboxgl-popup.right-click{width:182px;z-index:9000!important}.mapboxgl-popup.right-click .mapboxgl-popup-content{display:flex;padding:12px;flex-direction:column;align-items:center;border-radius:24px;border:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #0003}.mapboxgl-popup.right-click .mapboxgl-popup-content div{width:-webkit-fill-available;text-align:center;border-radius:12px;color:var(--Color-Style-Grayscale-500, #6B7280);line-height:16px;cursor:pointer;display:flex;padding:12px 0;justify-content:center;align-items:center}.mapboxgl-popup.right-click .mapboxgl-popup-content div.route-item{gap:8px}.mapboxgl-popup.right-click .mapboxgl-popup-content div.divider{border-top:1px solid #E5E7EB;padding:unset;margin:12px 0 11px}.mapboxgl-popup.right-click .mapboxgl-popup-content div:hover{background:var(--Color-Style-Grayscale-100, #F3F4F6)}.map-click-info.mapboxgl-popup{z-index:9000!important}.map-click-info.mapboxgl-popup .mapboxgl-popup-content{display:flex;width:220px;min-height:120px;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:12px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #0003;cursor:pointer}.map-click-info.mapboxgl-popup .info-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.map-click-info.mapboxgl-popup .info-content .info-title{color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis}.map-click-info.mapboxgl-popup .info-content .info-address{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;align-self:stretch;overflow:hidden;color:var(--Color-Style-Grayscale-500, #6B7280);text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.map-click-info.mapboxgl-popup .info-actions{display:flex;flex-direction:row;gap:8px}.map-click-info.mapboxgl-popup .info-actions .info-action-btn{display:flex;width:56px;height:32px;min-width:56px;padding:6px 16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:100px;background:var(--Color-Style-Grayscale-100, #F3F4F6);color:var(--Color-Style-Grayscale-500, #6B7280);text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.map-click-info.mapboxgl-popup .info-actions .info-action-btn:hover{background:var(--Color-Style-Grayscale-300, #D1D5DB)}.map-click-info.mapboxgl-popup .info-actions .info-action-btn:active{background:var(--Color-Style-Primary-600, #7e3af2);color:#fff}.incident-popup.mapboxgl-popup{width:420px;max-width:none!important}.incident-popup.mapboxgl-popup .mapboxgl-popup-content{display:flex;width:420px;padding:24px;flex-direction:column;border-radius:24px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 12px #00000040}.incident-popup.mapboxgl-popup .popup-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.incident-popup.mapboxgl-popup .header-left{display:flex;gap:16px;align-items:center;flex:1;width:100%}.incident-popup.mapboxgl-popup .header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.incident-popup.mapboxgl-popup .header-icon svg{width:48px;height:48px}.incident-popup.mapboxgl-popup .header-texts{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.incident-popup.mapboxgl-popup .incident-title{color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:20px;font-weight:600;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-popup.mapboxgl-popup .incident-subtitle{color:var(--Color-Style-Grayscale-600, #4B5563);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.incident-popup.mapboxgl-popup .close-btn{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0;right:20px}.incident-popup.mapboxgl-popup .close-btn:hover{opacity:.7}.incident-popup.mapboxgl-popup .close-btn svg{width:20px;height:20px}.incident-popup.mapboxgl-popup .close-btn svg path{fill:var(--Color-Style-Grayscale-900)}.incident-popup.mapboxgl-popup .popup-contents{display:flex;flex-direction:column;gap:12px;margin-top:16px}.incident-popup.mapboxgl-popup .time-info{display:flex;flex-direction:column;gap:4px}.incident-popup.mapboxgl-popup .time-row{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--Color-Style-Grayscale-600, #4B5563)}.incident-popup.mapboxgl-popup .time-label{white-space:nowrap;flex-shrink:0}.incident-popup.mapboxgl-popup .time-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incident-popup.mapboxgl-popup .divider{height:1px;background:var(--Color-Style-Grayscale-100, #F3F4F6);margin:0}.incident-popup.mapboxgl-popup .incident-description{color:var(--Color-Style-Grayscale-500, #6B7280);font-size:14px;font-weight:400;line-height:20px;word-break:break-word;white-space:pre-wrap}.mapboxgl-popup.nearest-road{width:280px}.mapboxgl-popup.nearest-road .mapboxgl-popup-content{padding:16px;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 8px #0003}.mapboxgl-popup.nearest-road .mapboxgl-popup-content .addressWindow .contents{display:flex;flex-direction:column;gap:8px}.mapboxgl-popup.nearest-road .mapboxgl-popup-content .addressWindow .contents .container:first-child{width:190px;word-break:break-word;white-space:pre-wrap}.mapboxgl-popup.nearest-road .mapboxgl-popup-content .addressWindow .contents .container{display:flex;flex-direction:column;gap:4px}.mapboxgl-popup.nearest-road .mapboxgl-popup-content .addressWindow .title{width:180px;color:var(--Color-Style-Grayscale-900, #111928);font-size:14px;font-weight:600;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.mapboxgl-popup.nearest-road .mapboxgl-popup-content .addressWindow .name{color:var(--Color-Style-Grayscale-500, #6B7280);font-size:14px;line-height:20px}.mapboxgl-popup.nearest-road .btn_address_window_close{position:absolute;right:16px;top:16px;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border:none;background:none;padding:0;cursor:pointer}.mapboxgl-popup.nearest-road .btn_address_window_close svg{width:18px;height:18px}.mapboxgl-popup.nearest-road .btn_address_window_close svg path{fill:#888e9b}.mapboxgl-popup.nearest-road .mapboxgl-popup-tip,.mapboxgl-popup.right-click .mapboxgl-popup-tip{display:none}.home-container{display:flex;flex-direction:column;width:360px;height:100%;min-height:0;overflow-y:auto}.home-container .section-container{display:flex;flex-direction:column;gap:0px;height:calc(100% - var(--nav-height-tablet) + var(--drawer-close-btn-height) + 8px);overflow-y:auto}.home-container .location-info{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 4px;gap:12px;align-self:stretch;background:var(--Color-Style-Grayscale-00, #FFF)}.home-container .location-info .location{color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:18px;font-style:normal;font-weight:600;line-height:24px}.home-container .location-info .weather{display:flex;gap:4px;flex-direction:row;justify-content:center;align-items:center;width:96px;height:32px;cursor:pointer}.home-container .location-info .weather .weather-icon-emoji{display:none;width:32px;height:32px;justify-content:center;align-items:center}.home-container .location-info .weather .weather-icon-emoji[src]{display:flex}.home-container .location-info .weather .weather-temp{padding-right:8px;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.home-container .location-info .weather .weather-arrow{display:flex;width:16px;height:16px;aspect-ratio:1/1;justify-content:center;align-items:center}.home-container .event-banner-container{display:flex;padding:12px 20px 16px}.home-container .event-banner-container .event-banner{display:flex;flex-direction:row;justify-content:space-between;width:320px;height:74px;gap:8px;border-radius:12px;background:var(--primitive-need-to-check-indigo-50, #F0F5FF);cursor:pointer}.home-container .event-banner-container .event-banner-image{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.home-container .event-banner-container .event-banner .event-icon-1{display:flex;align-items:center;padding-left:8px}.home-container .event-banner-container .event-banner .event-text{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:4px;padding-left:20px;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.home-container .event-banner-container .event-banner .event-text div:first-child{color:var(--primitive-need-to-check-indigo-600, #5850EC);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.home-container .event-banner-container .event-banner .event-text div:last-child{display:flex;align-items:center;color:var(--Color-Style-Grayscale-600, #4B5563);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.home-container .event-banner-container .event-banner .event-icon-2{display:flex;align-items:center;width:80px;background:url(./ico_banner_routo_02-Cb4gvOSM.png) center/cover no-repeat}.home-container .seasonal-section{display:flex;padding:16px 20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;align-self:stretch;background:var(--Color-Style-Grayscale-00, #FFF)}.home-container .seasonal-section .seasonal-title,.home-container .world-map .world-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.home-container .seasonal-section .seasonal-title span:first-child,.home-container .world-map .world-title span:first-child{height:22px;align-self:stretch;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.home-container .card-list{display:flex;flex-direction:column;align-items:center;gap:34px;align-self:stretch}.home-container .drive-course-carousel{position:relative;width:100%;overflow:hidden;cursor:pointer}.home-container .carousel-track{display:flex;flex-direction:column;align-items:center;width:100%}.home-container .carousel-track .drive-course-card{width:100%}.home-container .drive-course-carousel .try-button{border:1px solid white;border-radius:20px;padding:2px 6px;font-size:12px;position:absolute;bottom:18px;color:#fff;left:16px;font-weight:300;display:flex;gap:4px;letter-spacing:1px}.home-container .card-list .seasonal-card{position:relative;cursor:pointer;display:flex;flex-direction:column;width:100%;border-radius:18px;transition:background-color .2s ease}.home-container .card-list .seasonal-image-wrapper{position:relative;width:100%;height:210px;overflow:hidden;border-radius:18px;background-color:#f0f0f0}.home-container .card-list .seasonal-image-overlay{position:absolute;bottom:0;right:0;object-position:bottom right}.home-container .card-list .seasonal-text-area{position:absolute;top:0;display:flex;padding:20px 12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;width:100%;border-radius:0 0 18px 18px}.home-container .card-list .seasonal-image{width:100%;height:100%;object-fit:cover;image-rendering:auto;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.home-container .card-list .seasonal-title{color:var(--Color-Style-Grayscale-00, #FFF);font-size:20px;font-weight:700;line-height:24px}.home-container .card-list .seasonal-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Color-Style-Grayscale-100, #F3F4F6);text-overflow:ellipsis;font-size:13px;line-height:20px}.home-container .card-list .modeling{cursor:pointer;width:100%}.home-container .card-list .modeling .seasonal-image-background-overlay{width:100%;height:100%;background:linear-gradient(180deg,#5521b5f2,#7839c7f2);border-radius:18px;padding:20px 16px}.home-container .card-list .modeling .modeling-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.home-container .card-list .modeling .modeling-text-area{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.home-container .card-list .modeling .modeling-subtitle{color:var(--Color-Style-Grayscale-100, #F3F4F6);font-size:12px;line-height:20px;font-weight:500;opacity:.9}.home-container .card-list .modeling .modeling-title{color:var(--Color-Style-Grayscale-00, #FFF);font-size:24px;font-weight:700;line-height:135%}.home-container .card-list .modeling .modeling-try-button{display:flex;padding:6px 8px;justify-content:center;gap:2px;align-self:flex-start;align-items:center;border-radius:100px;border:1px solid #E5E7EB;background:transparent;color:#e5e7eb;font-size:12px;font-weight:500;line-height:16px}.home-container .card-list .modeling .modeling-try-button:hover{background:#ffffff1a}.home-container .card-list .modeling .modeling-try-button:active{background:#fff3}.home-container .card-list .modeling .modeling-try-button>svg{width:12px;height:12px}.home-container .card-list .modeling .modeling-try-button>svg path{fill:#e5e7eb}.home-container .card-list .drive-course{cursor:pointer}.home-container .more-btn{cursor:pointer;display:flex;min-width:48.674px;padding:12px 16px;flex-direction:column;justify-content:center;align-items:center;gap:34px;align-self:stretch;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-300, #D1D5DB)}.home-container .world-map{display:flex;padding:16px 20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;align-self:stretch;margin-top:18px}.home-container .world-map .world-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.home-container .world-map .flag-list{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.home-container .world-map .flag-list .flag-card{display:flex;flex-direction:column;flex:1 0 0;gap:8px;justify-content:center;align-items:center;border-radius:12px;background:var(--Color-Style-Grayscale-50, #F9FAFB);cursor:pointer}.home-container .world-map .flag-list .flag-card .flag-image-wrapper{padding:12px 12px 0}.home-container .world-map .flag-title{font-size:14px;line-height:20px;padding-bottom:12px}.home-container .info-cards-section{display:flex;flex-direction:column;gap:12px;padding:16px 20px;align-self:stretch}.home-container .info-card{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.home-container .info-card:hover{background-color:var(--Color-Style-Grayscale-50, #F9FAFB);border-color:var(--Color-Style-Grayscale-300, #D1D5DB)}.home-container .info-card:active{background-color:var(--Color-Style-Grayscale-100, #F3F4F6)}.home-container .info-card-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center}.home-container .info-card-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.home-container .info-card-title{color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:16px;font-weight:600;line-height:22px}.home-container .info-card-description{color:var(--Color-Style-Grayscale-600, #4B5563);font-size:12px;font-weight:400;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.drivecourse-container .drivecourse-scrollable::-webkit-scrollbar{width:4px}.drivecourse-container .drivecourse-scrollable::-webkit-scrollbar-track{background:transparent}.drivecourse-container .drivecourse-scrollable::-webkit-scrollbar-thumb{background:var(--Color-Style-Grayscale-300, #D1D5DB);border-radius:2px}.drivecourse-container .drivecourse-scrollable::-webkit-scrollbar-thumb:hover{background:var(--Color-Style-Grayscale-400, #9CA3AF)}.drivecourse-container{display:flex;flex-direction:column;height:100%;width:var(--panel-width)}.drivecourse-container .drawer-container{height:100%}.drivecourse-container .drivecourse-header{display:flex;align-items:center;gap:8px;padding:14px 20px}.drivecourse-container .back-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s;flex-shrink:0}.drivecourse-container .back-btn:hover{opacity:.7}.drivecourse-container .back-btn svg{width:24px;height:24px}.drivecourse-container .header-title{font-family:Pretendard Variable,sans-serif;font-size:20px;font-weight:600;color:#1f2a37;margin:0;padding:0;line-height:28px}.drivecourse-container .drivecourse-content{display:flex;flex-direction:column;gap:16px;padding:16px 0;overflow:hidden;height:100%;border-radius:24px}.drivecourse-container .drivecourse-title-section{display:flex;align-items:center;gap:6px;padding:0 20px}.drivecourse-container .region-label{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;color:#374151;padding:0;margin:0}.drivecourse-container .drivecourse-region-section{display:flex;gap:6px;padding:0 20px;width:100%;height:64px;overflow:hidden;cursor:grab;align-items:center;margin:-10px 0}.drivecourse-container .drivecourse-region-section:active{cursor:grabbing}.drivecourse-container .region-btn{padding:6px 16px;border:none;border-radius:100px;background-color:#f3f4f6;font-size:14px;font-weight:400;color:#6b7280;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .2s;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drivecourse-container .region-btn:hover{background-color:#e5e7eb;color:#374151}.drivecourse-container .region-btn.active{background-color:#7e3af2;color:#fff}.drivecourse-container .drivecourse-landmark-section{background-color:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;margin:0 20px}.drivecourse-container .landmark-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.drivecourse-container .landmark-title{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;color:#1f2a37;margin:0;padding:0}.drivecourse-container .landmark-expand-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;cursor:pointer;padding:0;transition:transform .2s}.drivecourse-container .landmark-expand-btn svg{width:18px;height:18px}.drivecourse-container .landmark-expand-btn.collapsed{transform:rotate(180deg)}.drivecourse-container .drivecourse-landmark-list{display:flex;flex-direction:column;gap:10px}.drivecourse-container .landmark-content-wrapper{display:flex;flex-direction:column;gap:12px}.drivecourse-container .landmark-grid-content{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drivecourse-container .drivecourse-landmark-list.collapsed{display:none}.drivecourse-container .landmark-column{display:flex;flex-direction:column;gap:8px}.drivecourse-container .landmark-item{font-size:14px;font-weight:400;color:#6b7280;margin:0;padding:0;list-style-position:inside;cursor:pointer}.drivecourse-container .landmark-item::marker{font-size:12px}.drivecourse-container .landmark-paging{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.drivecourse-container .landmark-paging-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;color:#1f2a37;transition:all .2s}.drivecourse-container .landmark-paging-btn:hover:not(:disabled){background-color:#f3f4f6;color:#7e3af2}.drivecourse-container .landmark-paging-btn:disabled{color:silver;cursor:not-allowed}.drivecourse-container .landmark-paging-numbers{display:flex;gap:4px}.drivecourse-container .landmark-paging-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#fff;border:none;border-radius:4px;font-family:Pretendard Variable,sans-serif;font-size:12px;font-weight:600;color:#1f2a37;cursor:pointer;transition:all .2s}.drivecourse-container .landmark-paging-number:hover{background-color:#f3f4f6;color:#7e3af2}.drivecourse-container .landmark-paging-number.active{background-color:#e5e7eb;color:#1f2a37}.drivecourse-container .drivecourse-detail-list-section{display:flex;flex-direction:column;gap:12px;overflow:hidden;height:100%}.drivecourse-container .detail-list-title{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;color:#1f2a37;margin:0;padding:0}.drivecourse-container .detail-card{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background-color:#fff;cursor:pointer}.drivecourse-container .detail-card:hover{background:var(--Color-Style-Grayscale-50, #F9FAFB)}.drivecourse-container .detail-card.active{background:var(--Color-Style-Grayscale-100, #F3F4F6)}.drivecourse-container .detail-card:not(:last-child){border-bottom:1px solid var(--Color-Style-Grayscale-200, #e5e7eb);border-image:linear-gradient(to right,transparent 20px,var(--Color-Style-Grayscale-200, #e5e7eb) 20px,var(--Color-Style-Grayscale-200, #e5e7eb) calc(100% - 20px),transparent calc(100% - 20px)) 1}.drivecourse-container .detail-card-actions{display:none;flex-direction:row;gap:8px;margin-top:12px}.drivecourse-container .detail-card.active .detail-card-actions{display:flex}.drivecourse-container .detail-card-btn{flex:1;padding:14px 16px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:20px}.drivecourse-container .detail-card-btn-route{background-color:#7e2cff;color:#fff}.drivecourse-container .detail-card-btn-route:hover{background-color:#6b1ef2}.drivecourse-container .detail-card-btn-route svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.drivecourse-container .detail-card-info{display:flex;flex-direction:column;gap:8px}.drivecourse-container .detail-card-title{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;color:#1f2a37;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px}.drivecourse-container .detail-card-rating{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;color:#6b7280;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:20px}.drivecourse-container .detail-card-description{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;color:#6b7280;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:20px}.drivecourse-container .detail-card-tags{display:flex;gap:4px;flex-wrap:wrap}.drivecourse-container .detail-card-tag{background-color:#f9fafb;padding:4px 8px;border-radius:100px;font-family:Pretendard Variable,sans-serif;font-size:12px;font-weight:400;color:#6b7280;line-height:16px}.drivecourse-container .detail-card-image-wrapper{position:relative;width:100%;height:210px;overflow:hidden;border-radius:12px;background-color:#f0f0f0}.drivecourse-container .detail-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.drivecourse-container .detail-image-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:2}.drivecourse-container .detail-nav-btn{width:36px;height:36px;background-color:#11192880;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;transition:background-color .2s}.drivecourse-container .detail-nav-btn:hover{background-color:#111928b3}.drivecourse-container .detail-nav-btn svg{width:24px;height:24px;fill:#fff}.drivecourse-container .detail-list-container{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%}.drivecourse-container .detail-list-container::-webkit-scrollbar{width:4px}.drivecourse-container .detail-list-container::-webkit-scrollbar-track{background:transparent}.drivecourse-container .detail-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.drivecourse-container .detail-list-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.drive-course-infowindow .mapboxgl-popup-tip{display:none}.drive-course-infowindow .mapboxgl-popup-content{background-color:#fff;padding:0 10px 0 0;border-radius:30px;font-size:15px;position:relative;font-weight:700;word-spacing:0px;border:1px solid #454545;box-shadow:1px 2px 4px #00000040;display:flex;justify-content:center;align-items:center}.drive-course-infowindow .mapboxgl-popup-content div{vertical-align:middle;background:#7e2cff;border-radius:30px;padding:4px;scale:.7}.drive-course-infowindow .mapboxgl-popup-content div svg{vertical-align:middle}.drive-course-infowindow .mapboxgl-popup-content section{vertical-align:middle;margin-left:3px}.detail-panel-container .car-route-panel{display:flex;flex-direction:column;width:100%;height:100%}.detail-panel-container .car-route-panel .drive-route-panel{height:calc(100% - 64px);overflow:auto}.detail-panel-container.active .route-detail-panel .drive-detail{padding-bottom:10px}.detail-panel-container:not(:has(.paging.active)) .car-route-panel .drive-route-panel{padding-bottom:10px}.detail-panel-container .car-route-panel .car-route-content-container{height:100%;position:relative;overflow-y:auto;overflow-x:hidden}.detail-panel-container .car-route-panel .car-route-content-container::-webkit-scrollbar-track{margin:20px 0}.detail-panel-container .car-route-panel .search-result .search-result-list{background:unset}.detail-panel-container .car-route-panel .route-area{flex-direction:column;gap:8px}.detail-panel-container .car-route-panel .route-input-wrapper[data-type=goal]{width:100%}.detail-panel-container .car-route-panel-header{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:22px 20px 14px}.detail-panel-container .car-route-panel-header .header-title{font-size:20px;font-weight:600;line-height:28px;color:var(--Color-Style-Grayscale-800, #1F2A37);margin:0}.detail-panel-container .car-route-panel-header .header-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s}.detail-panel-container .car-route-panel-header .header-close-btn:hover{opacity:.7}.detail-panel-container .car-route-panel-header .header-close-btn:active{opacity:.5}.detail-panel-container .car-route-panel-header .header-close-btn svg{width:100%;height:100%}.detail-panel-container .recent-route-container{position:relative}.detail-panel-container .recent-route-container .recent-route-list{height:calc(100% - 54px);max-height:unset}.detail-panel-container .recent-route-container .recent-route-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px;background-clip:padding-box;border:1px solid transparent}.detail-panel-container .recent-route-container .recent-route-list::-webkit-scrollbar-track{margin:20px 0}@media (max-width: 1023px){.detail-panel-container.active:has(.car-route-panel){height:calc(100% - 28px - var(--drawer-detail-top, 20px))}.drivecourse-container .detail-list-container{height:calc(100% - var(--nav-height-tablet, 64px) - 16px)}}@media (max-width: 768px){.drivecourse-region-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.drivecourse-region-section{grid-template-columns:repeat(2,1fr)}.landmark-column{gap:4px}.landmark-item{font-size:12px}}.route-detail-panel.drive-detail .search-detail-header-sticky{border-bottom:unset;box-shadow:unset;height:56px;margin-top:8px}.route-detail-panel.drive-detail .drivecourse-detail-course-name{padding:16px 20px 0;color:var(--primitive-need-to-check-blue-500, #3F83F8);font-size:20px;font-weight:600;line-height:28px}.route-detail-panel.drive-detail .detail-description{padding-top:0}.route-detail-panel.drive-detail .detail-description .tag-row{overflow:hidden;color:var(--Color-Style-Grayscale-500, #6B7280);text-overflow:ellipsis;font-size:14px;line-height:20px}.route-container{padding-top:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:var(--panel-width);border-radius:24px}.route-container .common-scroll{height:calc(100% - 112px);overflow:unset;border-radius:24px}.route-container .car-route-content-container,.route-container .transit-route-content-container,.route-container .walk-route-content-container{height:100%;overflow:auto}.route-sticky-header{display:flex;flex-direction:column}.route-title{display:none;font-family:Pretendard Variable,sans-serif;font-size:20px;font-weight:600;line-height:28px;letter-spacing:0;color:#1f2937;padding:14px 20px;margin:0}.route-marker .icon{display:flex}.route-btn-area{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:12px}.route-container .search-result{height:unset}@media screen and (min-width: 1024px){.route-container .common-scroll:not(:has(.paging.active)){height:calc(100% - 60px);padding-bottom:10px}}@media screen and (max-width: 1023px){.route-container>.drawer-container>.route-sticky-header{position:sticky;top:0;z-index:10;height:84px;border-radius:24px 24px 0 0}.route-container .route-sticky-header .route-title{display:block}.route-container>.drawer-container>.car-route-panel,.route-container>.drawer-container>.transit-route-panel,.route-container>.drawer-container>.walk-route-panel{padding-bottom:calc(var(--nav-height-tablet, 64px));height:calc(100% - 144px)}.route-container>.drawer-container>.car-route-panel:has(.paging.active),.route-container>.drawer-container>.transit-route-panel:has(.paging.active),.route-container>.drawer-container>.walk-route-panel:has(.paging.active){height:calc(100% - 196px)}.route-container .list-container,.route-container .recent-route-list,.route-container .search-result,.route-container .search-result-list{overflow:visible!important;max-height:none!important;flex:none!important}.route-container .paging{visibility:visible!important;position:static!important;top:unset!important;bottom:unset!important;left:unset!important;right:unset!important;transform:none!important;z-index:1;background:var(--Color-Style-Grayscale-00, #fff);margin:0!important}.route-container>.drawer-container{scrollbar-width:none;-ms-overflow-style:none}.route-container>.drawer-container::-webkit-scrollbar{display:none}}.route-loading{display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.route-loading.active{display:flex}.route-loading-spinner{width:32px;height:32px;border:3px solid var(--grayscale-200, #e5e7eb);border-top-color:var(--primary-500, #7e3af2);border-radius:50%;animation:route-spin .8s linear infinite}.mapboxgl-marker.route-marker{z-index:10}.mapboxgl-marker.transit-marker{z-index:11}.mapboxgl-marker.tbt-map-marker{z-index:9}.mapboxgl-popup.right-click{z-index:12}@keyframes route-spin{to{transform:rotate(360deg)}}.route-loading-text{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;color:var(--grayscale-500, #6b7280)}.route-options-wrapper{display:flex;align-items:flex-start;justify-content:space-between;padding:0 20px;gap:12px;position:relative}.route-options-wrapper .time-dropdown{flex:1;padding:12px 0}.route-options-wrapper .drivecourse-toggle-container{position:absolute;right:20px;top:12px}.time-dropdown{width:100%;max-width:100%;border-radius:8px;padding:12px 16px;box-sizing:border-box}.time-dropdown-title{display:flex;align-items:center;justify-content:space-between}.time-dropdown-title .time-section{display:flex;align-items:center;cursor:pointer;gap:4px}.time-dropdown-title .type-section{display:flex;align-items:center;gap:4px;cursor:pointer}.time-dropdown.walk-options .type-section{margin-left:auto}.time-dropdown-text{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:var(--Color-Style-Grayscale-700)}.time-dropdown-text .time-highlight{color:#3f83f8}.time-dropdown-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.time-dropdown-icon.expanded{transform:rotate(180deg)}.time-dropdown-options{display:grid;grid-template-columns:repeat(4,auto);gap:4px;padding:12px 0}.time-dropdown-item{display:flex;align-items:center;justify-content:center;background:var(--Color-Style-Grayscale-50);border-radius:8px;padding:8px;font-size:14px;line-height:20px;font-weight:400;color:var(--Color-Style-Grayscale-500);cursor:pointer;text-align:center;min-height:36px;gap:4px;white-space:nowrap}.time-dropdown-item:hover{background:var(--Color-Style-Grayscale-100)}.time-dropdown-item.selected{background:#e5e7eb}.time-dropdown-item.realtime{background:#7e3af2;color:var(--Color-Style-Grayscale-00);display:flex;align-items:center;justify-content:center;gap:4px}.time-dropdown-item.realtime:hover{background:#6c2bd9}@media (max-width: 480px){.time-dropdown-options{gap:8px}.time-dropdown-item{min-width:60px;font-size:13px}}.drivecourse-infowindow{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px 4px 5px;background-color:#fff;border-radius:100px;box-shadow:0 2px 8px #00000029}.drivecourse-infowindow .icon-wrapper{position:relative;width:20px;height:20px;flex-shrink:0}.drivecourse-infowindow .icon-circle{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#7e3af2;border-radius:50%}.drivecourse-infowindow .icon-image{position:absolute;top:3px;left:3px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.drivecourse-infowindow .route-label{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:12px;line-height:16px;color:#1f2a37;text-align:center;white-space:nowrap;flex-shrink:0;margin:0}.mapboxgl-popup-content.drivecourse-infowindow-popup{padding:0;background:transparent;box-shadow:none}.mapboxgl-popup-content.drivecourse-infowindow-popup .mapboxgl-popup-close-button{display:none}.list-wrapper{display:flex;flex-direction:column}.list-result{padding:16px 20px;background-color:var(--color-grayscale-00, #ffffff);cursor:pointer;transition:background-color .2s}.list-result:hover{background-color:var(--color-grayscale-50, #f9fafb)}.list-result.selected{background-color:var(--color-grayscale-100, #f3f4f6)}.result-info{display:flex;flex-direction:column;gap:12px}.chips-container{display:flex;flex-wrap:wrap;gap:4px 6px}.chip{padding:2px 8px;background-color:var(--color-blue-50, #ebf5ff);color:var(--color-blue-500, #3f83f8);font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;border-radius:100px}.chip-drivecourse{background-color:unset;color:var(--color-primary-600, #3f83f8);padding:unset;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.chip-abroad{background-color:#e8f5e9;color:#2e7d32}.main-info{display:flex;padding:12px 0 8px}.list-result-drivecourse .main-info{padding:unset}.list-result-drivecourse .detail-info{margin-left:auto;gap:0}.list-result-drivecourse .detail-info .divider{margin:0 10px}.duration{font-size:20px;line-height:28px;font-weight:600;color:var(--color-grayscale-800, #1f2a37)}.detail-info{display:flex;align-items:center;font-size:14px;line-height:20px;color:var(--color-grayscale-700, #374151)}.detail-info .divider{width:1px;height:16px;background-color:var(--color-grayscale-200, #e5e7eb);margin:0 8px}.hashtags{display:flex;gap:4px;flex-wrap:wrap}.hashtag{padding:2px 8px;background-color:var(--color-grayscale-100, #f3f4f6);color:var(--color-grayscale-500, #6b7280);font-size:12px;line-height:16px;border-radius:4px}.list-result:hover .hashtag,.list-result.selected .hashtag{background-color:#f9fafb}.curation-info{display:flex;flex-direction:column;gap:12px;border-radius:12px}.curation-info .info{display:flex;flex-direction:column;gap:8px}.curation-info .title{font-weight:600;font-size:16px;line-height:22px;color:var(--color-grayscale-800, #1f2a37);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curation-info .description{font-weight:400;font-size:14px;line-height:20px;color:var(--color-grayscale-500, #6b7280);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;margin:unset;-webkit-line-clamp:2;-webkit-box-orient:vertical}.curation-info .hashtag-container{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.curation-info .hashtag{background-color:var(--color-grayscale-100, #f3f4f6);padding:4px 8px;border-radius:100px;font-weight:400;font-size:12px;line-height:16px;color:var(--color-grayscale-500, #6b7280);white-space:nowrap}.curation-info .image-container{width:100%;height:160px;border-radius:12px;overflow:hidden}.curation-info .image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.cost-info{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:var(--color-grayscale-500, #6b7280)}.cost-info .divider{width:1px;height:16px;background-color:var(--color-grayscale-200, #e5e7eb)}.divider-horizontal{height:1px;background-color:var(--color-grayscale-200, #e5e7eb);margin:0 20px}.empty-result{padding:40px 20px;text-align:center;font-size:14px;line-height:20px;color:var(--color-grayscale-500, #6b7280)}.route-container .paging{border-radius:0 0 24px 24px}.route-area{display:flex;gap:16px;align-items:center;padding:12px 20px;position:relative;z-index:4;overflow:visible;min-width:0}.route-inputs{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;overflow:visible}.route-input-wrapper{display:flex;align-items:center;gap:8px;overflow:visible;min-width:0}.route-input-field{display:flex;align-items:center;gap:2px;background-color:var(--Color-Style-Grayscale-50);border-radius:8px;padding:0 12px;cursor:text;flex:1;overflow:visible;min-width:0}.route-input-field:hover{background-color:#f3f4f6}.route-input-field.focused{background-color:#fff;box-shadow:0 0 0 2px #5850ec}.route-input-field.disabled{background-color:#fff;cursor:unset}.route-input-field.disabled:hover{background-color:unset}.route-input-field.disabled .route-icon{opacity:.5}.route-icon{width:18px;height:18px;flex:1}.route-circle{width:18px;height:18px}.route-circle img{display:block;max-width:none;width:100%;height:100%}.route-placeholder{flex:1;font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:16px;line-height:22px;color:var(--Color-Style-Grayscale-400)}.route-input-field input{padding:11px 0;border:none;background:transparent;outline:none;font-size:16px;line-height:22px;color:var(--Color-Style-Grayscale-900);width:100%}.route-input-field input::placeholder{color:var(--Color-Style-Grayscale-400)}.route-input-field .clear-btn{flex:1;display:none;width:20px;height:20px;cursor:pointer;flex-shrink:0;opacity:.8;transition:opacity .2s;right:12px}.route-input-field .clear-btn.active{display:flex;align-items:center;justify-content:center}.route-input-field .clear-btn:hover{opacity:1}.route-input-field .waypoint-remove-btn{min-width:20px;width:20px;height:20px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.route-input-field .waypoint-remove-btn:hover{opacity:1}.switch-button{width:17px;height:17px;cursor:pointer;flex-shrink:0}.switch-button img{display:block;max-width:none;width:100%;height:100%}.drag-icon{width:20px;height:20px;cursor:grab;opacity:.6;transition:opacity .2s}.drag-icon:active{cursor:grabbing}.drag-icon:hover{opacity:1}.drag-icon svg{display:block;width:100%;height:100%}.sortable-ghost{opacity:.4}.sortable-chosen{cursor:grabbing}.sortable-drag{opacity:1;box-shadow:0 4px 12px #00000026}.route-input-field .autocomplete-container{display:none;position:absolute;padding:8px;top:calc(100% + 4px);left:0;right:0;background:var(--Color-Style-Grayscale-00);border-radius:12px;box-shadow:0 2px 8px #0003;width:284px;max-height:300px;overflow-y:auto;z-index:1000;border:1px solid var(--Color-Style-Grayscale-200);max-height:620px}.route-input-field .autocomplete-container.active{display:block}.route-input-field .autocomplete-container::-webkit-scrollbar{width:8px}.route-input-field .autocomplete-container::-webkit-scrollbar-track{background:transparent;margin-right:4px}.route-input-field .autocomplete-container::-webkit-scrollbar-thumb{background-color:var(--Color-Style-Grayscale-300);border-radius:4px;border-right:3px solid transparent;background-clip:padding-box}.route-input-field .autocomplete-keywords,.route-input-field .recent-keywords{padding:8px 0}.route-input-field .autocomplete-keywords{display:none}.route-input-field .autocomplete-keywords.active{display:block;border-bottom:1px solid var(--Color-Style-Grayscale-200);border:none}.route-input-field .recent-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;font-weight:400;line-height:20px;font-style:normal;color:var(--Color-Style-Grayscale-500)}.route-input-field .all-delete-btn{cursor:pointer;color:var(--Color-Style-Grayscale-500);font-family:Pretendard Variable;font-size:14px!important;font-style:normal;font-weight:400;line-height:20px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.route-input-field .all-delete-btn:hover{color:var(--Color-Style-Grayscale-600)}.route-input-field .autocomplete-list{list-style:none;padding:0 6px;margin:0}.route-input-field .autocomplete-list li{display:flex;align-items:center;gap:4px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:20px;font-style:normal;color:var(--Color-Style-Grayscale-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-input-field .autocomplete-list li:hover{background-color:var(--Color-Style-Grayscale-100)}.route-input-field .autocomplete-list li .delete-btn{display:flex;align-items:center;justify-content:center;color:var(--Color-Style-Grayscale-400);font-size:12px;padding:2px 6px}.route-input-field .autocomplete-list li .delete-btn:hover{color:var(--Color-Style-Grayscale-600)}.route-input-field .autocomplete-list li.search-result-item{flex-direction:column;align-items:flex-start;gap:4px;padding:12px;white-space:normal}.route-input-field .autocomplete-list li.search-result-item .result-title{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--Color-Style-Grayscale-900);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-input-field .autocomplete-list li.search-result-item .result-address{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:var(--Color-Style-Grayscale-600);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-input-field .autocomplete-list li.no-results{color:var(--Color-Style-Grayscale-500);cursor:default;text-align:center}.route-input-field .autocomplete-list li.no-results:hover{background-color:transparent}.route-input-field .recent-keywords ul.autocomplete-list li span:not(.delete-btn){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-route-container{display:flex;flex-direction:column}.recent-route-header{display:flex;align-items:flex-start;gap:8px;padding:16px 20px}.recent-route-header h3{flex:1;font-size:16px;font-weight:600;line-height:22px;color:#1f2a37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.recent-route-delete-all{font-size:14px;font-weight:400;line-height:20px;color:#6b7280;text-decoration:underline;text-align:right;cursor:pointer}.recent-route-delete-all:hover{color:#374151}.recent-route-list{display:flex;flex-direction:column;max-height:calc(100vh - 420px)}.transit-route-panel .recent-route-list{max-height:calc(100vh - 450px)}.walk-route-panel .recent-route-list{max-height:calc(100vh - 380px)}.recent-route-empty{padding:32px 20px;text-align:center;font-size:14px;color:#9ca3af}.recent-route-item-wrapper{display:flex;flex-direction:column}.recent-route-item{display:flex;gap:16px;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .15s}.recent-route-item:hover{background-color:#f9fafb;border-radius:10px}.recent-route-icon{width:32px;height:32px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-route-icon svg{width:18px;height:18px}.recent-route-text{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex:1;min-width:0}.recent-route-location{font-size:14px;font-weight:400;line-height:20px;color:#111928;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.recent-route-arrow{display:flex;align-items:center;flex-shrink:0}.recent-route-arrow .icon-arrow{width:14px;height:14px}.recent-route-waypoints{font-size:12px;font-weight:400;line-height:16px;color:#6b7280;background-color:#f3f4f6;padding:2px 8px;border-radius:4px;white-space:nowrap}.recent-route-divider{height:1px;background-color:#e5e7eb;margin:0 20px}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.flatpickr-calendar{z-index:9999!important;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 24px;width:288px;box-sizing:content-box;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:50px}.flatpickr-months{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;border:none;padding:0;margin-bottom:12px}.flatpickr-current-month{flex:1;font-size:14px;font-weight:600;line-height:20px;color:#6b7280;text-align:center;padding:0;height:auto}.flatpickr-current-month .flatpickr-monthDropdown-months{font-size:14px;font-weight:600;color:#6b7280;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flatpickr-current-month .numInputWrapper{display:inline-block}.flatpickr-current-month input.cur-year{font-size:14px;font-weight:600;color:#6b7280;background:transparent;border:none;padding:0}.flatpickr-prev-month,.flatpickr-next-month{display:flex;align-items:center;justify-content:center;padding:4px;width:auto;height:auto;background:none;border:none;cursor:pointer;transition:opacity .2s;position:static;top:auto;left:auto;right:auto}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{opacity:.7;background:none}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;height:14px;fill:#6b7280}.flatpickr-weekdays{width:100%;display:flex;justify-content:space-between;padding:0 16px;margin-bottom:10px}.flatpickr-weekday{font-size:12px;font-weight:400;line-height:16px;color:#4b5563;text-align:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.flatpickr-weekday:first-child{color:#f05252}.flatpickr-days{width:100%}.dayContainer{width:100%;min-width:100%;max-width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:10px 16px;padding:0 16px}.flatpickr-day{display:flex;align-items:center;justify-content:center;width:24px;height:24px;max-width:24px;border-radius:5px;font-size:12px;font-weight:400;line-height:16px;color:#4b5563;text-decoration:none;text-align:center;border:none;padding:0;margin:0;transition:background-color .2s}.flatpickr-day:hover:not(.flatpickr-disabled){background-color:#f3f4f6;border:none}.flatpickr-day.selected,.flatpickr-day.selected:hover{background-color:#7e3af2!important;color:#fff!important;border:none}.flatpickr-day.today:not(.selected){background-color:transparent;color:#7e3af2!important;border:none}.flatpickr-day.today:hover:not(.selected){background-color:#f3f4f6;border:none}.flatpickr-day.today.selected{background-color:#7e3af2!important;color:#fff!important;border:none}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{opacity:.3}.flatpickr-day.flatpickr-disabled{color:#2f3031!important;cursor:not-allowed;opacity:.4}.flatpickr-day:nth-child(7n+1):not(.flatpickr-disabled):not(.selected){color:#f05252}.flatpickr-day:nth-child(7n+1).selected{color:#fff!important}.flatpickr-day:nth-child(7n+1).today:not(.selected){color:#7e3af2!important}.time-selector{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px;display:flex;flex-direction:column;position:absolute;z-index:1000;box-shadow:0 2px 8px #0003;max-height:280px;overflow-y:auto}.time-selector::-webkit-scrollbar{width:4px}.time-selector::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px;background-clip:padding-box;border:1px solid transparent}.time-selector::-webkit-scrollbar-track{margin:16px 0}.time-selector-item{display:flex;padding:10px 12px;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;cursor:pointer;transition:background-color .2s}.time-selector-item:hover:not(.disabled){background-color:#f3f4f6}.time-selector-item.disabled{cursor:initial;opacity:.4}.time-selector-item.selected,.time-selector-item:active:not(.disabled){background-color:#e5e7eb}.time-selector-item.highlight,.time-selector-item:active:not(.disabled){background-color:#e5e7eb}.time-selector-item span{font-size:12px;font-weight:600;line-height:16px;color:#4b5563;white-space:nowrap;text-align:center}.time-selector-item.selected span{color:#3f83f8}.time-selector-item.highlight span{color:#4b5563}.option-button{display:flex;gap:4px;align-items:center;padding:6px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.option-button:hover{background-color:#e5e7eb}.option-button.active{background-color:#ede9fe;border-color:#7e3af2}.option-button.active:hover{background-color:#ddd6fe}.option-button-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.option-button-icon svg{width:16px;height:16px}.option-button.active .option-button-icon svg path{fill:#7e3af2}.option-button-text{font-family:Pretendard Variable,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#6b7280;white-space:nowrap}.option-button.active .option-button-text{color:#7e3af2;font-weight:600}.drivecourse-toggle-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0}.drivecourse-toggle-label{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--grayscale-700, #374151)}.drivecourse-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.drivecourse-toggle-switch input{opacity:0;width:0;height:0}.drivecourse-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#9ca3af;transition:.3s;border-radius:24px}.drivecourse-toggle-switch.disabled .drivecourse-toggle-slider{background-color:#f3f4f6;cursor:initial}.drivecourse-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.drivecourse-toggle-switch input:checked+.drivecourse-toggle-slider{background-color:var(--primary-500, #7e3af2)}.drivecourse-toggle-switch input:checked+.drivecourse-toggle-slider:before{transform:translate(20px)}.drivecourse-toggle-switch:hover:not(.disabled) .drivecourse-toggle-slider{background-color:var(--grayscale-300, #d1d5db)}.drivecourse-toggle-switch input:checked:hover:not(.disabled)+.drivecourse-toggle-slider{background-color:var(--primary-600, #6c2bd9)}.route-detail-panel{display:flex;flex-direction:column;height:100%;background-color:var(--color-grayscale-00, #ffffff)}.route-detail-panel .search-detail-header-sticky{display:flex!important;opacity:1!important;transform:translateY(0)!important;position:relative;z-index:100;background-color:var(--color-grayscale-00, #ffffff)}.route-detail-panel .search-detail-header-sticky{align-items:center;justify-content:center;gap:12px;padding:14px 20px 0;box-shadow:none}.route-detail-panel .header-title{flex:1;font-weight:600;font-size:20px;line-height:28px;color:var(--color-grayscale-800, #1f2a37);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-detail-panel .chip,.transit-route-detail-panel .chip{display:flex;align-items:center;justify-content:center;padding:2px 8px;background-color:var(--color-blue-50, #ebf5ff);border-radius:100px;font-weight:400;font-size:14px;line-height:20px;color:var(--color-blue-500, #3f83f8);white-space:nowrap}.route-detail-panel .back-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;flex-shrink:0;position:relative;z-index:10;pointer-events:auto}.route-detail-panel.search-detail-panel .panel-btn.back-btn{left:auto}.route-detail-panel .back-btn:hover{opacity:.7}.route-detail-panel .btn-close{display:none;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;flex-shrink:0;padding:0;position:relative;z-index:10;pointer-events:auto}.route-detail-panel .btn-close svg{width:24px;height:24px}.route-detail-panel .btn-close:hover{opacity:.7}.route-detail-panel .detail-description{padding:0 20px 16px;display:flex;flex-direction:column}.route-detail-panel .place-name{font-size:20px;font-weight:600;line-height:28px;color:var(--color-blue-500, #3f83f8);margin-bottom:0}.route-detail-panel .route-summary-info{padding:12px 0;display:flex;flex-direction:row;gap:12px;align-items:center}.route-detail-panel .description-text{font-size:14px;font-weight:400;line-height:20px;color:var(--color-grayscale-500, #6b7280);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}.route-detail-panel .time-text{flex:1;font-size:28px;font-weight:600;line-height:38px;color:var(--color-grayscale-800, #1f2a37)}.route-detail-panel .distance-fee-wrapper{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;height:38px}.route-detail-panel .info-item span{font-size:14px;font-weight:400;line-height:20px;color:var(--color-grayscale-700, #374151);white-space:pre}.route-detail-panel .divider-grey{width:1px;height:16px;background:var(--color-grayscale-200, #e5e7eb);flex-shrink:0}.route-detail-panel .detail-separator{background:var(--color-grayscale-50, #f9fafb);height:15px}.route-detail-panel .tbt-list{flex:1;display:flex;flex-direction:column}.route-detail-panel .tbt-item{background:var(--color-grayscale-00, #ffffff);border-bottom:1px solid var(--color-grayscale-100, #f3f4f6);padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease}.route-detail-panel .tbt-item[data-index]:hover{background-color:var(--color-grayscale-50, #f9fafb)}.route-detail-panel .tbt-item.active{background-color:var(--color-blue-50, #f9fafb);border-left:3px solid var(--color-blue-500, #7e3af2);padding-left:17px}.route-detail-panel .tbt-pin{width:58px;height:58px;position:relative;flex-shrink:0}.route-detail-panel .pin-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px}.route-detail-panel .pin-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px}.route-detail-panel .tbt-marker{width:58px;height:58px;position:relative;flex-shrink:0}.route-detail-panel .arrow-icon{position:absolute;left:50%;top:0;transform:translate(-50%);width:32px;height:32px}.route-detail-panel .arrow-icon img{width:100%;height:100%}.route-detail-panel .marker-distance{position:absolute;bottom:18px;left:0;right:0;transform:translateY(100%);font-size:12px;font-weight:600;line-height:16px;color:var(--color-grayscale-600, #4b5563);text-align:center}.route-detail-panel .tbt-location{flex:1;font-size:16px;font-weight:600;line-height:22px;color:var(--color-grayscale-800, #1f2a37)}.route-detail-panel .tbt-list::-webkit-scrollbar{width:6px}.route-detail-panel .tbt-list::-webkit-scrollbar-track{background:var(--color-grayscale-100, #f3f4f6)}.route-detail-panel .tbt-list::-webkit-scrollbar-thumb{background:var(--color-grayscale-400, #9ca3af);border-radius:3px}.route-detail-panel .footer-time{padding:16px 20px;border-top:1px solid var(--color-grayscale-100, #f3f4f6);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.route-detail-panel .footer-time span{font-size:14px;font-weight:400;line-height:20px;color:var(--color-grayscale-700, #374151)}.route-detail-panel .footer-time .refresh-btn{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.route-detail-panel .footer-time .refresh-btn svg{width:20px;height:20px}.route-detail-panel .footer-time .refresh-btn svg path{transition:fill .2s ease}.route-detail-panel .footer-time .refresh-btn:hover svg path{fill:var(--color-grayscale-700, #374151)}.walk-detail-panel .header-title{color:var(--color-grayscale-700, #374151)}.walk-detail-panel .walk-tbt-item{background:var(--color-grayscale-00, #ffffff)}.walk-detail-panel .walk-tbt-item:hover{background-color:var(--color-grayscale-50, #f9fafb)}.walk-detail-panel .walk-tbt-item.active{background-color:var(--color-grayscale-100, #f3f4f6);border-left:3px solid var(--color-grayscale-500, #6b7280);padding-left:17px}.walk-detail-panel .tbt-facility{display:flex;flex-direction:column;align-items:center;justify-content:center}.walk-detail-panel .tbt-facility .facility-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-grayscale-400, #9ca3af);margin-bottom:8px}.walk-detail-panel .tbt-facility .marker-distance{position:static;transform:none}.walk-detail-panel .tbt-list{height:auto}.route-detail-panel .tag-section{display:flex;flex-direction:column;gap:12px}.route-detail-panel .tag-row{display:flex;gap:6px}.route-detail-panel .hashtag{display:flex;align-items:center;justify-content:center;padding:4px 8px;background-color:var(--color-grayscale-100, #f3f4f6);border-radius:4px;font-weight:400;font-size:12px;line-height:16px;color:var(--color-grayscale-500, #6b7280);white-space:nowrap}.route-detail-panel .fuel-info{display:flex;align-items:center}@media (min-width: 1024px){.route-detail-panel .back-btn{display:none}.route-detail-panel .btn-close{display:flex}}.weather-popup-container{position:absolute;left:calc(var(--panel-width) + 20px);top:120px;width:320px;z-index:100;pointer-events:auto;display:none}.weather-popup-container.active{display:block}.weather-popup{background:var(--Color-Style-Grayscale-00, #ffffff);border-radius:24px;box-shadow:0 2px 12px #00000040;width:100%;height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column}.weather-popup-mobile-header{display:none;align-items:center;gap:12px;padding:12px 20px 0;flex-shrink:0;background:var(--Color-Style-Grayscale-00, #ffffff)}.weather-popup-mobile-header .title{display:flex;gap:8px;align-items:center}.weather-popup-mobile-header .title .text{font-size:20px;font-weight:600;line-height:28px}.weather-mobile-back-btn{width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-text-size-adjust:100%;text-size-adjust:100%}.weather-mobile-back-btn:active{background:var(--Color-Style-Grayscale-200, #e5e7eb)}.weather-mobile-back-btn svg{width:20px;height:20px;-webkit-transform:translateZ(0);transform:translateZ(0);flex-shrink:0}.weather-mobile-header-content{margin-top:22px}.weather-mobile-detail-label{font-size:12px;font-weight:400;line-height:16px;color:var(--Color-Style-Grayscale-500, #6b7280);font-family:Pretendard Variable,sans-serif}.weather-mobile-location{font-size:16px;font-weight:600;line-height:22px;color:var(--Color-Style-Grayscale-800, #1f2a37);font-family:Pretendard,sans-serif}.weather-popup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 0;position:relative;flex-shrink:0}.weather-main-info{display:flex;gap:8px;align-items:flex-start;flex:1}#weather-popup-main-icon{width:64px;height:64px;display:none}#weather-popup-main-icon[src]{display:flex}.weather-text-wrapper{display:flex;flex-direction:column;gap:4px;flex:1;padding-top:4px}.weather-temp-row{display:flex;gap:8px;align-items:center}.weather-temp{font-size:24px;font-weight:600;line-height:32px;color:var(--Color-Style-Grayscale-800, #1f2a37);font-family:Pretendard,sans-serif}.weather-status{font-size:16px;font-weight:400;line-height:22px;color:var(--Color-Style-Grayscale-800, #1f2a37);font-family:Pretendard Variable,sans-serif}.weather-detail-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.weather-detail{font-size:14px;font-weight:400;line-height:20px;color:var(--Color-Style-Grayscale-500, #6b7280);font-family:Pretendard Variable,sans-serif}.weather-detail-value{font-size:14px;font-weight:600;line-height:20px}.dust-normal{color:var(--Color-Style-, #25B550)}.dust-good{color:#1c64f2}.dust-bad{color:#e02424}.weather-popup-close{width:16px;height:16px;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.weather-popup-close svg{width:100%;height:100%;position:relative;z-index:1}.weather-popup-divider{height:1px;background:var(--Color-Style-Grayscale-200, #e5e7eb);margin:12px 16px;flex-shrink:0}.weather-details-section{display:flex;flex-direction:column;gap:8px;padding:0;overflow-y:auto}.weather-alert-item{display:flex;gap:8px;align-items:center;padding:12px 16px;margin:0 16px;border-radius:12px;background:var(--Color-Style-Grayscale-50, #f9fafb);cursor:pointer;transition:background .2s ease;flex-shrink:0}.weather-alert-item:hover{background:var(--Color-Style-Grayscale-100, #f3f4f6)}.weather-alert-icon{width:32px;height:32px;flex-shrink:0}.weather-alert-text{flex:1;font-size:14px;font-weight:400;line-height:20px;color:var(--Color-Style-Grayscale-1000, #000000);font-family:Pretendard Variable,sans-serif}.weather-alert-arrow{width:16px;height:16px;flex-shrink:0}.weather-metrics{display:flex;gap:8px;padding:0 16px;margin:0;flex-shrink:0}.weather-metric-item{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;flex:1;padding:12px;border-radius:12px;background:var(--Color-Style-Grayscale-50, #f9fafb)}.weather-metric-icon{width:24px;height:24px}.weather-metric-header{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;width:100%}.weather-metric-header svg{width:24px;height:24px;flex-shrink:0}.weather-metric-content{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.weather-metric-label{font-size:14px;font-weight:400;line-height:20px;color:var(--Color-Style-Grayscale-1000, #000000);font-family:Pretendard Variable,sans-serif}.weather-metric-value{font-size:16px;font-weight:600;line-height:22px;color:var(--Color-Style-Grayscale-800, #1f2a37);font-family:Pretendard Variable,sans-serif}.weather-tabs{display:flex;margin-top:4px;padding:0 16px}.weather-tab{flex:1;padding:12px 8px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;line-height:20px;color:var(--Color-Style-Grayscale-400, #9ca3af);font-family:Pretendard Variable,sans-serif;transition:color .2s ease}.weather-tab:hover{color:var(--Color-Style-Grayscale-600, #4b5563)}.weather-tab-active{color:var(--Color-Style-Primary-600, #7e3af2);border-bottom-color:var(--Color-Style-Primary-600, #7e3af2)}.weather-hourly{display:flex;gap:26px;padding:16px 24px;overflow-x:auto;background:var(--Color-Style-Grayscale-00, #ffffff);min-height:100px;flex-shrink:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start}.weather-hourly::-webkit-scrollbar{height:4px}.weather-hourly::-webkit-scrollbar-track{background:transparent}.weather-hourly::-webkit-scrollbar-thumb{background:var(--Color-Style-Grayscale-300, #d1d5db);border-radius:2px}.weather-hour-item{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-start;min-width:28px;flex-shrink:0}.weather-hour-time{font-size:12px;font-weight:400;line-height:16px;color:var(--Color-Style-Grayscale-500, #6b7280);font-family:Pretendard,sans-serif}.weather-hour-icon{width:24px;height:24px;margin:2px 0}.weather-hour-temp{font-size:14px;font-weight:600;line-height:20px;color:var(--Color-Style-Grayscale-800, #1f2a37);font-family:Pretendard,sans-serif;text-align:center;min-width:28px;white-space:nowrap}.weather-popup-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px;background:var(--Color-Style-Grayscale-00, #ffffff);border-radius:0 0 24px 24px;flex-shrink:0}.weather-update-info{display:flex;flex-direction:column;gap:2px;flex:1}.weather-update-time,.weather-provider{font-size:12px;font-weight:400;line-height:16px;color:var(--Color-Style-Grayscale-500, #6b7280);font-family:Pretendard,sans-serif}.weather-provider strong{font-weight:600;color:var(--Color-Style-Grayscale-800, #1f2a37)}@media (max-width: 1023px){.weather-popup-container{left:0;top:var(--drawer-close-btn-height);width:360px;height:calc(100% + var(--nav-height-tablet))}.weather-popup-container .weather-popup{box-shadow:unset}.weather-popup-mobile-header{display:block}.weather-popup-close{display:none}.weather-hourly{gap:15px;padding:16px 24px}.weather-popup-header{padding:16px 20px 0}.weather-popup-divider{margin:12px 20px}.weather-metrics,.weather-tabs{padding:0 20px}.weather-popup-footer{padding:12px 20px}}@media (min-width: 1024px){.weather-popup-mobile-header{display:none}.weather-popup-close{display:flex}.weather-popup{background:#fff!important;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:transform,opacity}.weather-popup *,.weather-popup *:before,.weather-popup *:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}.route-tab-container{display:flex;gap:0;padding:12px 20px;box-sizing:border-box}.route-tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:6px 12px;border-radius:8px;cursor:pointer;box-sizing:border-box;background-color:transparent}.route-tab-item:hover{background-color:var(--Color-Style-Grayscale-100)}.route-tab-item.active{background-color:var(--Color-Style-Grayscale-700);color:var(--Color-Style-Grayscale-00)}.route-tab-item.active:hover{background-color:var(--Color-Style-Grayscale-700)}.route-tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.route-tab-icon svg{width:24px;height:24px;color:var(--Color-Style-Grayscale-800)}.route-tab-item.active .route-tab-icon svg{color:var(--Color-Style-Grayscale-00)}.route-tab-item.active .route-tab-icon svg path{fill:#fff}.route-tab-label{font-size:16px;font-weight:400;line-height:22px;color:var(--Color-Style-Grayscale-800);white-space:nowrap;text-align:center}.route-tab-item.active .route-tab-label{font-weight:600;color:var(--Color-Style-Grayscale-00)}.route-tab-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.route-tab-item.disabled:hover{background-color:transparent}.route-tab-item.disabled .route-tab-icon svg path{fill:var(--Color-Style-Grayscale-400)}.time-dropdown.route-options-panel{overflow:hidden}.route-result.transit{flex-direction:column;overflow-y:hidden;overflow-x:hidden}.route-result-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--Color-Style-Grayscale-500, #6b7280);font-family:Pretendard Variable,sans-serif;font-size:14px;text-align:center}.route-result-empty p{margin:0}.transit-separator{display:none;height:16px;background-color:#f9fafb}.transit-separator-detail{height:16px;width:100%;background-color:#f9fafb}.route-result.transit::-webkit-scrollbar{width:10px;height:10px}.route-result.transit::-webkit-scrollbar-track{background:transparent}.route-result.transit::-webkit-scrollbar-thumb{width:2px;border-radius:1px;background:var(--Color-Style-Grayscale-300, #D1D5DB);margin:0 auto;border-left:4px solid transparent;border-right:4px solid transparent;background-clip:content-box}.route-result.transit .route-item{padding:10px;cursor:pointer}.route-result.transit .route-item:after{content:"";position:absolute;left:10px;right:0;bottom:0;height:1px;background:#eee;width:calc(100% - 30px);margin:0 auto}.route-result.transit .route-item:last-child:after{display:none}.transit-marker-box{position:relative;height:54px}.transit-marker-box .transit-marker-group{position:fixed;z-index:100;left:50%;transform:translate(-50%);bottom:18px;height:54px;display:flex;align-items:center;flex-direction:column;gap:6px}.transit-marker-box .transit-info{display:inline-flex;height:30px;position:relative;align-items:center;justify-content:center;gap:5px;padding:4px 10px 4px 5px;background-color:#fff;border-radius:100px;box-shadow:0 2px 8px #00000029;cursor:pointer}.transit-marker-box .icon{position:relative;width:20px;height:20px;border-radius:10px}.transit-marker-box .icon .full-icon{width:20px;height:20px;margin:0;transform:none}.transit-marker-box img{height:80%;width:80%;margin-top:2px;transform:translate(12%)}.transit-marker-box .ico-car-sharing-fill{position:absolute;top:3px;left:3px;width:14px;height:14px;aspect-ratio:1}.transit-marker-box .text-wrapper{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-marker-box .point-circle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.transit-marker-box .ellipse{height:12px;width:12px;background-color:#fff;border-radius:6px;border-width:2px;border-style:solid;box-shadow:0 0 4px #6b7280}.shared-transit{display:flex;justify-content:flex-end;gap:12px;position:relative;padding:8px 20px}.shared-transit label{font-family:Pretendard Variable;align-items:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;gap:4px;-webkit-user-select:none;user-select:none}.shared-transit input{width:18px;height:18px;accent-color:#7e3af2}.shared-transit input:checked~svg path{fill:#7e3af2}.shared-transit input:checked~.text{color:#7e3af2;font-weight:600}.shared-transit svg path{fill:#6b7280}.popup-map-qr{display:flex;flex-direction:column;width:460px;align-items:center;gap:24px;padding:32px 16px 16px;position:relative;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0003}.popup-map-qr .content{display:flex;flex-direction:column;align-items:flex-start;gap:32px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.popup-map-qr .top{display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.popup-map-qr .text-wrapper{margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#6c2bd9;font-size:18px;line-height:24px;position:relative;align-self:stretch;text-align:center;letter-spacing:0px;font-style:normal}.popup-map-qr .frame{display:inline-flex;gap:102px;flex:0 0 auto;align-items:flex-start;position:relative}.popup-map-qr .div{display:inline-flex;flex-direction:column;gap:8px;flex:0 0 auto;align-items:flex-start;position:relative}.popup-map-qr .text-wrapper-2{position:relative;width:98px;height:24px;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#1f2a37;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.popup-map-qr .qr-frame{position:absolute;top:31px}.popup-map-qr .ico-qr{width:98px;height:98px}.popup-map-qr .frame-2{display:flex;flex-direction:column;width:98px;gap:8px;align-items:flex-start;position:relative}.popup-map-qr .text-wrapper-3{position:relative;align-self:stretch;height:24px;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#1f2a37;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.popup-map-qr .img{position:relative;align-self:stretch;width:100%;aspect-ratio:1}.popup-map-qr .QR{font-family:Pretendard Variable,Helvetica;font-weight:400;color:#1f2a37;font-size:16px;line-height:22px;position:relative;align-self:stretch;text-align:center;letter-spacing:0px;font-style:normal}.popup-map-qr .button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:10px 16px;width:100%;flex:0 0 auto;background-color:#7e3af2;border-radius:12px;position:relative;align-self:stretch;cursor:pointer}.popup-map-qr .button-2{margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#fff;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;position:relative;align-self:stretch;font-style:normal}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.route-input-buttons{min-width:0;width:100%}.route-result.transit .route-item{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;position:relative}.route-result.transit .route-item:hover{background-color:#f9fafb;border-radius:10px}.route-result.transit .route-item.selected{background-color:#f3f4f6;border-radius:10px}.route-result.transit .route-item .subway-step{flex-direction:column;align-items:flex-start;align-self:stretch;width:100%;flex:0 0 auto;display:flex;position:relative}.route-result.transit .route-item .chips{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 8px;position:relative;flex:0 0 auto;background-color:#ebf5ff;border-radius:100px}.route-result.transit .route-item .label{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#3f83f8;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-result.transit .route-item .list-curation{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:12px 0 8px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.route-result.transit .route-item .view{display:flex;align-items:center;justify-content:space-between;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.route-result.transit .route-item .list-curation .text-wrapper{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:20px;letter-spacing:0px;line-height:28px;white-space:nowrap;font-style:normal}.route-result.transit .route-item .list-curation .info-wrapper{width:224px;align-items:center;gap:8px;padding:8px 0;display:flex;position:relative;margin-left:10px}.route-result.transit .route-item .list-curation .divider-grey{height:16px;position:relative;width:1px;background-color:#e5e7eb}.route-result.transit .route-item .list-curation .text-wrapper-2{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.route-result.transit .route-item .list-curation .text-wrapper-3{position:relative;display:flex;align-items:center;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.subway-step .div-3{gap:8px;flex:0 0 auto;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.subway-step .ico-route-pt-simbol{position:absolute;height:100%;top:0;left:calc(50% - 12px);width:24px;display:flex;justify-content:center}.subway-step .subway{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;display:flex;border-radius:100px}.subway-step .text-wrapper-4{display:flex;align-items:center;justify-content:center;margin-top:3px;width:13px;height:18px;margin-left:5.5px;font-family:Pretendard-SemiBold,Helvetica;font-weight:600;color:#fff;font-size:12px;text-align:center;letter-spacing:0;line-height:18px;white-space:nowrap}.subway-step .frame{display:flex;align-items:center;gap:8px;position:relative;flex:1;flex-grow:1}.subway-step .text-lable{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.subway-step .div-wrapper{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 8px;position:relative;flex:0 0 auto;background-color:#fdf2f2;border-radius:100px}.subway-step .text-wrapper-5{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#e02424;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.subway-step .div-4{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.subway-step .line-wrapper{position:relative;align-self:stretch;width:24px}.subway-step .line-symbol{position:relative;height:100%;left:calc(50% - 2px);width:3px}.subway-step .text{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}.subway-step .text-wrapper-6{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#4b5563;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.subway-step .div-5{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.subway-step .line-name{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.subway-step .divider-grey-2{height:8px;position:relative;width:1px;background-color:#e5e7eb}.subway-step .text-text-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.subway-step .text-text-text-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#9ca3af;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.subway-step .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.subway-step .ico-route-pt-simbol-2{position:relative;width:24px;height:8px}.subway-step .text-lable-2{position:relative;flex:.9;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.subway-step .element{color:#3cb44a;position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-wrapper .element-wrapper{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;display:flex;border-radius:100px}.subway-step .element-2{color:#8936e0;position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-wrapper .icon{position:relative;width:24px;height:24px}.route-detail-wrapper .arrival-icon-text{display:flex;align-items:center;justify-content:center;margin-top:3px;width:13px;height:18px;margin-left:5.5px;font-family:Pretendard-SemiBold,Helvetica;font-weight:500;color:#fff;font-size:10px;text-align:center;letter-spacing:0;line-height:18px;white-space:nowrap}.route-detail-wrapper .arrival{display:flex;align-items:center;gap:9px;padding:0 0 0 6px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.route-detail-wrapper .text-text{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-info-line{position:relative;width:320px;height:20px;font-family:Pretendard Variable,Helvetica;background-color:#e5e7eb;border-radius:999px;z-index:0;overflow:hidden}.transit-info-line .group{display:flex;width:100%;height:20px;gap:4px;position:relative;z-index:1}.transit-info-line .info-line-departure,.transit-info-line .info-line-arrival{min-width:50px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;color:#6b7280;font-family:Pretendard Variable;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.transit-info-line .info-line-departure{margin-left:5px;display:flex;align-items:center;gap:4px}.transit-info-line .info-line-departure img{width:16px;height:16px;flex-shrink:0;display:block}.transit-info-line .info-line-arrival{margin-right:5px}.transit-info-line .line-info-item{flex-shrink:1;min-width:22px;height:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:12px;position:relative}.transit-info-line .line-info-item .frame{margin-left:auto;margin-right:auto;max-width:100%;overflow:hidden;white-space:nowrap}.transit-info-line .line-info-item .frame .text{padding-left:.1rem;font-size:13px;padding-right:10px}.transit-info-line .line-info-item:is([class*=bg-color-bus-],[class*=bg-color-subway-],[class*=bg-color-ferry],[class*=bg-color-rail-],[class*=bg-color-airplane]) .line-info-image-wrapper{width:22px;height:22px;flex-shrink:0;border-radius:99px;border:2px solid;border-color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.transit-info-line .line-info-item:is(.bg-color-bicycle,[class*=bg-color-car-]) .line-info-image-wrapper{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.transit-info-line .line-info-item:is([class*=bg-color-bus-],[class*=bg-color-subway-],[class*=bg-color-ferry],[class*=bg-color-rail-],[class*=bg-color-airplane]) .line-info-image-wrapper img{width:16px;height:16px;display:block}.transit-info-line .line-info-item:is(.bg-color-bicycle,[class*=bg-color-car-]) .line-info-image-wrapper img{width:22px;height:22px;display:block}.transit-info-line .line-info-image-wrapper{max-width:none}.transit-buttons .frame{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0 0;position:relative}.transit-buttons .frame .div{display:inline-flex;align-items:flex-start;gap:4px;position:relative;flex:0 0 auto}.transit-buttons .frame .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db}.transit-buttons .frame .component.ddareungi{border-color:#30e291}.transit-buttons .frame .component.socar{border-color:#00b8ff}.transit-buttons .frame .component.gcar{border-color:#00c88c}.transit-buttons .frame .ico-traffic{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-buttons .frame .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.bg-color-subway-1{background-color:#263c96}.bg-color-subway-2{background-color:#3cb44a}.bg-color-subway-3{background-color:#ff7300}.bg-color-subway-4{background-color:#2c9ede}.bg-color-subway-5{background-color:#8936e0}.bg-color-subway-6{background-color:#b5500b}.bg-color-subway-7{background-color:#697215}.bg-color-subway-8{background-color:#e51e6e}.bg-color-subway-9{background-color:#cea43a}.bg-color-subway-21{background-color:#6f99d0}.bg-color-subway-22{background-color:#ff9d27}.bg-color-subway-31{background-color:#3cb44a}.bg-color-subway-41{background-color:#fe5b10}.bg-color-subway-42{background-color:#3cb44a}.bg-color-subway-43{background-color:#ffce33}.bg-color-subway-48{background-color:#4e67a5}.bg-color-subway-51{background-color:#3cb44a}.bg-color-subway-71{background-color:#ff7300}.bg-color-subway-72{background-color:#3cb44a}.bg-color-subway-73{background-color:#cea43a}.bg-color-subway-74{background-color:#4e67a5}.bg-color-subway-78{background-color:#69a5d1}.bg-color-subway-79{background-color:#8936e0}.bg-color-subway-91{background-color:#905a89}.bg-color-subway-101{background-color:#69a5d1}.bg-color-subway-102{background-color:#ff9d27}.bg-color-subway-104{background-color:#7cc4a5}.bg-color-subway-107{background-color:#77c371}.bg-color-subway-108{background-color:#24a77d}.bg-color-subway-109{background-color:#a71e31}.bg-color-subway-110{background-color:#ff9d27}.bg-color-subway-112{background-color:#2683f2}.bg-color-subway-113{background-color:#c6c100}.bg-color-subway-114{background-color:#8bc53f}.bg-color-subway-115{background-color:#96710a}.bg-color-subway-116{background-color:#ffce33}.bg-color-subway-117{background-color:#4e67a5}.color-subway-1{color:#263c96}.color-subway-2{color:#3cb44a}.color-subway-3{color:#ff7300}.color-subway-4{color:#2c9ede}.color-subway-5{color:#8936e0}.color-subway-6{color:#b5500b}.color-subway-7{color:#697215}.color-subway-8{color:#e51e6e}.color-subway-9{color:#cea43a}.color-subway-21{color:#6f99d0}.color-subway-22{color:#ff9d27}.color-subway-31{color:#3cb44a}.color-subway-41{color:#fe5b10}.color-subway-42{color:#3cb44a}.color-subway-43{color:#ffce33}.color-subway-48{color:#4e67a5}.color-subway-51{color:#3cb44a}.color-subway-71{color:#ff7300}.color-subway-72{color:#3cb44a}.color-subway-73{color:#cea43a}.color-subway-74{color:#4e67a5}.color-subway-78{color:#69a5d1}.color-subway-79{color:#8936e0}.color-subway-91{color:#905a89}.color-subway-101{color:#69a5d1}.color-subway-102{color:#ff9d27}.color-subway-104{color:#7cc4a5}.color-subway-107{color:#77c371}.color-subway-108{color:#24a77d}.color-subway-109{color:#a71e31}.color-subway-110{color:#ff9d27}.color-subway-112{color:#2683f2}.color-subway-113{color:#c6c100}.color-subway-114{color:#8bc53f}.color-subway-115{color:#96710a}.color-subway-116{color:#ffce33}.color-subway-117{color:#4e67a5}.border-color-subway-1{border-color:#1e3078}.border-color-subway-2{border-color:#30903b}.border-color-subway-3{border-color:#cc5c00}.border-color-subway-4{border-color:#237eb2}.border-color-subway-5{border-color:#6e2bb3}.border-color-subway-6{border-color:#914009}.border-color-subway-7{border-color:#545b11}.border-color-subway-8{border-color:#b71858}.border-color-subway-9{border-color:#a5832e}.border-color-subway-21{border-color:#597aa6}.border-color-subway-22{border-color:#cc9340}.border-color-subway-31{border-color:#30903b}.border-color-subway-41{border-color:#cc5c00}.border-color-subway-42{border-color:#30903b}.border-color-subway-43{border-color:#cca529}.border-color-subway-48{border-color:#3e5284}.border-color-subway-51{border-color:#30903b}.border-color-subway-71{border-color:#cc5c00}.border-color-subway-72{border-color:#30903b}.border-color-subway-73{border-color:#a5832e}.border-color-subway-74{border-color:#3e5284}.border-color-subway-78{border-color:#5484a7}.border-color-subway-79{border-color:#6e2bb3}.border-color-subway-91{border-color:#73486e}.border-color-subway-101{border-color:#5484a7}.border-color-subway-102{border-color:#cc7e1f}.border-color-subway-104{border-color:#639d84}.border-color-subway-107{border-color:#5f9c5a}.border-color-subway-108{border-color:#1d8664}.border-color-subway-109{border-color:#861827}.border-color-subway-110{border-color:#cc7e1f}.border-color-subway-112{border-color:#1e69c2}.border-color-subway-113{border-color:#9e9a00}.border-color-subway-114{border-color:#6f9e32}.border-color-subway-115{border-color:#785a08}.border-color-subway-116{border-color:#cca529}.border-color-subway-117{border-color:#3e5284}.color-bus-1,.color-bus-12{color:#3cc344}.color-bus-1 path,.color-bus-12 path{fill:#3cc344}.color-bus-11{color:#386de8}.color-bus-11 path{fill:#386de8}.color-bus-3{color:#87c700}.color-bus-3 path{fill:#87c700}.color-bus-5{color:#65a6d2}.color-bus-5 path{fill:#65a6d2}.color-bus-20{color:#e47e34}.color-bus-20 path{fill:#e47e34}.color-bus-13{color:#ffb200}.color-bus-13 path{fill:#ffb200}.color-bus-2,.color-bus-4,.color-bus-6,.color-bus-14,.color-bus-15,.color-bus-22,.color-bus-26{color:#fb5852}.color-bus-2 path,.color-bus-4 path,.color-bus-6 path,.color-bus-14 path,.color-bus-15 path,.color-bus-22 path,.color-bus-26 path{fill:#fb5852}.color-bus-10,.color-bus-16{color:#999}.color-bus-10 path,.color-bus-16 path{fill:#999}.color-bus-30{color:#ce83f1}.color-bus-31{color:#645df2}.color-bus-30 path{fill:#ce83f1}.color-bus-31 path{fill:#645df2}.bg-color-bus-1,.bg-color-bus-12{background-color:#3cc344}.bg-color-bus-11{background-color:#386de8}.bg-color-bus-3{background-color:#87c700}.bg-color-bus-5{background-color:#65a6d2}.bg-color-bus-20{background-color:#e47e34}.bg-color-bus-13{background-color:#ffb200}.bg-color-bus-2,.bg-color-bus-4,.bg-color-bus-6,.bg-color-bus-14,.bg-color-bus-15,.bg-color-bus-22,.bg-color-bus-26{background-color:#fb5852}.bg-color-bus-10,.bg-color-bus-16{background-color:#87c700}.bg-color-bus-30{background-color:#ce83f1}.bg-color-bus-31{background-color:#645df2}.border-color-bus-1,.border-color-bus-12{border-color:#309c36}.border-color-bus-11{border-color:#2d57ba}.border-color-bus-3{border-color:#6c9f00}.border-color-bus-5{border-color:#5185a8}.border-color-bus-20{border-color:#b6652a}.border-color-bus-13{border-color:#cc8e00}.border-color-bus-2,.border-color-bus-4,.border-color-bus-6,.border-color-bus-14,.border-color-bus-15,.border-color-bus-22,.border-color-bus-26{border-color:#c94642}.border-color-bus-10,.border-color-bus-16{border-color:#6c9f00}.border-color-bus-30{border-color:#ad6bcc}.border-color-bus-31{border-color:#5550c0}.color-bicycle{color:#30e291}.bg-color-bicycle{background-color:#30e291}.border-color-bicycle{border-color:#26b574}.color-bicycle-disabled{color:#6eebb2}.color-car-1{color:#00b8ff}.bg-color-car-1{background-color:#00b8ff}.border-color-car-1{border-color:#0093cc}.color-car-1-disabled{color:#4ccdff}.color-car-2{color:#00c88c}.bg-color-car-2{background-color:#00c88c}.border-color-car-2{border-color:#00a070}.color-walk{color:#e5e7eb}.bg-color-walk{background-color:#e5e7eb}.border-color-walk{border-color:#b7b9bc}.color-ferry{color:#4d71e8}.color-ferry path{fill:#4d71e8}.bg-color-ferry{background-color:#4d71e8}.border-color-ferry{border-color:#3e5aba}.color-rail-1{color:#3448b3}.color-rail-1 path{fill:#3448b3}.color-rail-2{color:#6f135e}.color-rail-2 path{fill:#6f135e}.color-rail-3{color:#e06040}.color-rail-3 path{fill:#e06040}.color-rail-4{color:#3d99c2}.color-rail-4 path{fill:#3d99c2}.color-rail-5{color:#3ac3ab}.color-rail-5 path{fill:#3ac3ab}.color-rail-6{color:#c3de2f}.color-rail-6 path{fill:#c3de2f}.bg-color-rail-1{background-color:#3448b3}.bg-color-rail-2{background-color:#6f135e}.bg-color-rail-3{background-color:#e06040}.bg-color-rail-4{background-color:#3d99c2}.bg-color-rail-5{background-color:#3ac3ab}.bg-color-rail-6{background-color:#c3de2f}.border-color-rail-1{border-color:#2a3a8f}.border-color-rail-2{border-color:#590f4b}.border-color-rail-3{border-color:#b34d33}.border-color-rail-4{border-color:#317a9b}.border-color-rail-5{border-color:#2e9c89}.border-color-rail-6{border-color:#9cb226}.color-airplane{color:#81bde7}.color-airplane path{fill:#81bde7}.bg-color-airplane{background-color:#81bde7}.border-color-airplane{border-color:#81bde7}.transit-route-detail-panel{display:flex;flex-direction:column;flex:1;width:360px;height:1040px;align-items:flex-start;gap:8px;padding:8px 0 0;position:relative;background-color:#fff;border-radius:24px;overflow:hidden}.transit-route-detail-panel .detail-header{display:flex;width:360px;align-items:center;justify-content:center;gap:8px;padding:14px 16px;position:relative;background-color:#fff}.transit-route-detail-panel .detail-header .text-wrapper{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:20px;letter-spacing:0px;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-route-detail-panel .detail-header .chips-large{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 8px;position:relative;flex:0 0 auto;background-color:#ebf5ff;border-radius:100px}.transit-route-detail-panel .detail-header .label{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#3f83f8;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .detail-header .back-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;flex-shrink:0}.transit-route-detail-panel .detail-header .ico-close-delete{display:none;position:relative;width:24px;height:24px;aspect-ratio:1;cursor:pointer;flex-shrink:0}@media (min-width: 1024px){.transit-route-detail-panel .detail-header .back-btn{display:none}.transit-route-detail-panel .detail-header .ico-close-delete{display:flex}}.transit-route-detail-panel .contents{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;align-self:stretch;width:100%;flex-grow:1;border-radius:8px;overflow-x:hidden}.transit-route-detail-panel .contents::-webkit-scrollbar{width:10px;height:10px}.transit-route-detail-panel .contents::-webkit-scrollbar-track{background:transparent}.transit-route-detail-panel .contents::-webkit-scrollbar-thumb{width:2px;border-radius:1px;background:var(--Color-Style-Grayscale-300, #d1d5db);margin:0 auto;border-left:4px solid transparent;border-right:4px solid transparent;background-clip:content-box}.transit-route-detail-panel :is(.route-detail-item-departure,.route-detail-item-arrival){display:flex;flex-direction:column;align-items:flex-start;position:relative;align-self:stretch;width:100%;flex:0 0 auto;padding:0 5px}.transit-route-detail-panel .route-detail-item-arrival{margin-bottom:24px}.transit-route-detail-panel .list-route-subway{align-items:center;gap:6px;padding:0 20px;flex:0 0 auto;display:flex;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .ico-route-pt-simbol{position:relative;width:28px;height:32px}.transit-route-detail-panel .ico-route-pt-simbol img{margin-left:1px}.transit-route-detail-panel .group{width:100%;height:100%;display:flex;aspect-ratio:.88;background-size:100% 100%}.transit-route-detail-panel .union{flex:1;width:28px}.transit-route-detail-panel .union-2{position:absolute;width:72.11%;height:32.89%;top:27.89%;left:14.29%}.transit-route-detail-panel .text-wrapper-2{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.transit-route-detail-panel .ico-route-pt-simbol-wrapper{align-items:center;gap:24px;padding:0 20px 0 28px;flex:0 0 auto;display:flex;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .ico-route-pt-simbol-wrapper .line-6{position:relative;left:5px;width:3px;height:8px;background-color:#f53838}.transit-route-detail-panel .div-wrapper{position:relative;width:24px;height:8px}.transit-route-detail-panel .line{position:relative;left:5px;width:3px;height:8px}.transit-route-detail-panel .detail-info-wrapper{width:100%;padding:8px 20px 16px}.transit-route-detail-panel .transit-detail-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative}.transit-route-detail-panel .transit-detail-info .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db}.transit-route-detail-panel .transit-detail-info .ico-traffic{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-route-detail-panel .transit-detail-info .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .transit-detail-info .screen{display:flex;width:100%;align-items:flex-end;gap:12px;position:relative;margin-bottom:12px}.transit-route-detail-panel .transit-detail-info .screen .text-wrapper{position:relative;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#1f2a37;font-size:28px;letter-spacing:0px;line-height:38px;font-style:normal}.transit-route-detail-panel .transit-detail-info .screen .div{display:flex;height:38px;align-items:center;justify-content:flex-end;gap:8px;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .transit-detail-info .screen .text-wrapper-info{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .transit-detail-info .screen .divider-grey{position:relative;width:1px;height:16px;background-color:#e5e7eb}.transit-route-detail-panel .detail-info-line-wrapper{width:100%}.transit-route-detail-panel .detail-footer{display:flex;width:360px;align-items:center;justify-content:flex-end;gap:16px;padding:16px 20px;position:relative;border-top-width:1px;border-top-style:solid;border-color:#e5e7eb}.transit-route-detail-panel .detail-footer .text{display:flex;align-items:center;gap:8px;flex-grow:1;position:relative;flex:1}.transit-route-detail-panel .detail-footer .text-wrapper{font-family:Pretendard Variable,Helvetica;font-weight:400;color:#111928;font-size:14px;text-align:right;letter-spacing:0px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;flex:1;font-style:normal}.transit-route-detail-panel .detail-footer .ico-refresh-fill{position:relative;width:20px;height:20px;aspect-ratio:1;cursor:pointer}.transit-route-detail-panel .detail-footer .refresh-btn{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.transit-route-detail-panel .detail-footer .refresh-btn svg{width:20px;height:20px}.transit-route-detail-panel .detail-footer .refresh-btn svg path{transition:fill .2s ease}.transit-route-detail-panel .detail-footer .refresh-btn:hover svg path{fill:var(--color-grayscale-700, #374151)}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transit-route-detail-panel .route-detail-item-walk{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative}.transit-route-detail-panel .route-detail-item-walk .list-route-subway{gap:24px;flex:0 0 auto;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-walk .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-walk .frame{display:flex;flex-direction:column;width:3px;align-items:flex-start;gap:4px;position:relative;left:10px}.transit-route-detail-panel .route-detail-item-walk .rectangle{position:relative;align-self:stretch;width:100%;height:4px;background-color:#999}.transit-route-detail-panel .route-detail-item-walk .div{gap:8px;flex:0 0 auto;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-walk .icon{position:relative;width:24px;height:24px}.transit-route-detail-panel .route-detail-item-walk .ico-walk-fill-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;background-color:#e5e7eb;border-radius:100px}.transit-route-detail-panel .route-detail-item-walk .ico-walk-fill{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%;color:#fff;fill:#fff}.transit-route-detail-panel .route-detail-item-walk .text-lable{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-walk .duration-distance-info{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-walk .frame-wrapper{position:relative;align-self:stretch;width:24px}.transit-route-detail-panel .route-detail-item-walk .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-walk-departure{width:100%;padding:0 17px}.transit-route-detail-panel .walk-start{display:flex;flex-direction:column;align-items:flex-start;position:relative}.transit-route-detail-panel .walk-start .list-route{gap:24px;flex:0 0 auto;z-index:2;display:flex;align-items:center;left:3px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .walk-start .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .walk-start .frame{display:flex;flex-direction:column;width:3px;align-items:flex-start;gap:4px;position:relative;left:18px}.transit-route-detail-panel .walk-start .rectangle{position:relative;align-self:stretch;width:100%;height:4px;background-color:#999}.transit-route-detail-panel .walk-start .lines{height:24px;gap:8px;z-index:1;display:flex;align-items:center;left:3px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .walk-start .frame-wrapper{position:relative;align-self:stretch;width:24px}.transit-route-detail-panel .walk-start .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}.transit-route-detail-panel .walk-start .text-wrapper{position:relative;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-route-detail-panel .walk-start .text-wrapper-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .walk-start .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 20px;right:17px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative}.transit-route-detail-panel .route-detail-item-bus .list-route-subway{gap:24px;flex:0 0 auto;z-index:5;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-bus .line{height:8px;position:relative;left:10px;width:3px}.transit-route-detail-panel .route-detail-item-bus .frame-wrapper{gap:8px;flex:0 0 auto;z-index:4;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .div{display:flex;gap:8px;flex:1;flex-grow:1;align-items:center;position:relative}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway) .div-wrapper{position:relative;width:24px;height:24px}.transit-route-detail-panel .route-detail-item-bus .ico-bus-realtime-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;border-radius:100px}.transit-route-detail-panel .route-detail-item-bus .ico-bus-realtime{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}.transit-route-detail-panel .route-detail-item-bus .text-lable{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db}.transit-route-detail-panel .route-detail-item-bus .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .ico-route-pt-simbol-wrapper{height:4px;gap:24px;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .line-wrapper{margin-top:-2px;margin-bottom:-2px;position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-bus .list-route-subway-2{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .ico-route-pt-simbol-2{align-self:stretch;position:relative;width:24px}.transit-route-detail-panel .route-detail-item-bus .line-2{height:100%;position:relative;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .route-detail-item-bus .frame{display:inline-flex;justify-content:center;gap:10px;padding:1px 4px;flex:0 0 auto;border-radius:4px;align-items:center;position:relative}.transit-route-detail-panel .route-detail-item-bus .text-wrapper-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#fff;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .div-2{display:inline-flex;gap:6px;flex:0 0 auto;align-items:center;position:relative}.transit-route-detail-panel .route-detail-item-bus .bus-left-station{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .divider-grey{position:relative;width:1px;height:8px;background-color:#e5e7eb}.transit-route-detail-panel .route-detail-item-bus .bus-arrival-sec{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#f53838;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .congestion-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 6px;position:relative;border-radius:6px}.transit-route-detail-panel .route-detail-item-bus .congestion-badge.congestion-low{color:#31c48d;background-color:#f3faf7}.transit-route-detail-panel .route-detail-item-bus .congestion-badge.congestion-medium{color:#fbaf44;background-color:#fdfdea}.transit-route-detail-panel .route-detail-item-bus .congestion-badge.congestion-high{color:#f05252;background-color:#fdf2f2}.transit-route-detail-panel .route-detail-item-bus .congestion-badge .congestion-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .text-wrapper-5{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .div-wrapper-2{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 6px;position:relative;flex:0 0 auto;background-color:#f3faf7;border-radius:6px}.transit-route-detail-panel .route-detail-item-bus .text-wrapper-6{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#1c64f2;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .dropdown-wrapper-bus{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .dropdown{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-bus .text-wrapper-7{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .text-wrapper-8{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .ico-expand-fill{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-route-detail-panel .route-detail-item-bus .list-route-subway-4{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .get-off-frame{padding:0 0 0 7px}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .get-off-wrapper{display:flex;align-items:center;gap:8px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .icon{position:relative;width:24px;height:24px}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .ico-route-pt-simbol{position:relative;top:calc(50% - 12px);left:calc(50% - 11px);height:24px;border-radius:100px}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .div{display:flex;align-items:center;gap:4px;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .text-wrapper{width:fit-content;white-space:nowrap;position:relative;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .text-lable{flex:1;color:#374151;position:relative;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .ico-route-pt-simbol-wrapper{display:flex;align-items:center;gap:24px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;padding-left:0;left:1px}.transit-route-detail-panel .route-detail-item-bus .get-off-frame .line-wrapper{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-bus .line-off{position:relative;left:10px;width:3px;height:8px}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-list-bus{display:none;-webkit-user-select:none;user-select:none}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-list-bus.show{display:block}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .dropdown{-webkit-user-select:none;user-select:none}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .ico-expand-fill{margin-bottom:3px}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-item{display:flex;height:24px;align-items:center;gap:8px;padding:0 0 0 8px;position:relative}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-item .ico-route-pt-simbol{position:relative;width:24px;height:24px}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-item .line{position:absolute;top:calc(50% - 12px);left:calc(50% - 2px);width:3px;height:24px}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-item .ellipse{position:absolute;top:calc(50% - 6px);left:calc(50% - 7px);width:12px;height:12px;background-color:#fff;border-radius:6px;border-width:3px;border-style:solid}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .expanded-item .text-text-text{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal;color:#888e9b}.transit-route-detail-panel .route-detail-item-bus .next-bus-info{height:24px;gap:8px;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bus .next-bus-info .hidden{visibility:hidden;background-color:transparent}.transit-route-detail-panel :is(.route-detail-item-bus,.route-detail-item-subway,.route-detail-item-heavy-rail) .div-wrapper{position:relative;align-self:stretch;width:24px}.transit-route-detail-panel .route-detail-item-bus .line-3{position:relative;height:100%;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .route-detail-item-bus .text{display:flex;align-items:center;gap:8px;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-bus .frame-2{gap:6px;display:inline-flex;align-items:center;position:relative;flex:0 0 auto}.transit-route-detail-panel .route-detail-item-bus .bus-no-text{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#fff;font-size:12px;letter-spacing:0px;line-height:16px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal}.transit-route-detail-panel .route-detail-item-bus .arrival-icon-text{display:flex;align-items:center;justify-content:center;margin-top:3px;width:13px;height:18px;margin-left:5.5px;font-family:Pretendard-SemiBold,Helvetica;font-weight:500;color:#fff;font-size:10px;text-align:center;letter-spacing:0;line-height:18px;white-space:nowrap}.transit-route-detail-panel .route-detail-item-bus .element-wrapper{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;display:flex;border-radius:100px}.transit-route-detail-panel .route-detail-item-subway{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative;background-color:#fff}.transit-route-detail-panel .route-detail-item-subway .list-route-subway{gap:24px;flex:0 0 auto;z-index:7;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-subway .line{position:relative;height:8px;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .route-detail-item-subway .div{gap:8px;flex:0 0 auto;z-index:6;display:flex;align-items:flex-start;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .div-2{position:relative;display:flex;flex-direction:column;align-items:center}.transit-route-detail-panel .route-detail-item-subway .div-2>.line-2{flex:1;width:3px;left:calc(50% - 12.5px)}.transit-route-detail-panel .route-detail-item-subway .ico-subway-fill-wrapper{position:relative;flex-shrink:0;width:24px;height:24px;border-radius:100px}.transit-route-detail-panel .route-detail-item-subway .union{position:absolute;width:68.08%;height:80.57%;top:9.72%;left:15.97%}.transit-route-detail-panel .route-detail-item-subway .div-3{display:flex;gap:8px;flex:1;flex-grow:1;align-items:flex-start;flex-wrap:wrap;position:relative}.transit-route-detail-panel .route-detail-item-subway .frame{display:inline-flex;gap:4px;flex:0 0 auto;align-items:center;position:relative}.transit-route-detail-panel .route-detail-item-subway .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;white-space:normal;max-width:100px;display:flex;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-3{position:relative;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .chips{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2px 8px;position:relative;flex:0 0 auto;background-color:#fdf2f2;border-radius:100px}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-4{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#e02424;font-size:12px;letter-spacing:0px;line-height:16px;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-5{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .list-route-subway-2{height:24px;gap:8px;z-index:5;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .line-wrapper{align-self:stretch;position:relative;width:24px}.transit-route-detail-panel .route-detail-item-subway .line-2{position:relative;height:100%;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .route-detail-item-subway .div-4{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-6{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .list-route-subway-3{height:24px;gap:8px;z-index:4;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .div-5{display:inline-flex;gap:6px;flex:0 0 auto;align-items:center;position:relative}.transit-route-detail-panel .route-detail-item-subway .text-wrapper-7{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#f53838;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .divider-grey{position:relative;width:1px;height:8px;background-color:#e5e7eb}.transit-route-detail-panel .text-wrapper-8{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .walk-duration{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .list-route-subway-5{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .text-wrapper-9{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-subway .ico-fold-fill{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-route-detail-panel .route-detail-item-subway .view{display:flex;flex-direction:column;align-items:flex-start;position:relative;align-self:stretch;width:100%;flex:0 0 auto;z-index:1}.transit-route-detail-panel .route-detail-item-subway .list-route-subway-6{height:24px;gap:8px;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .line-3{position:absolute;top:calc(50% - 12px);height:24px;left:calc(50% - 2px);width:3px;background-color:#2c9ede}.transit-route-detail-panel .route-detail-item-subway .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-subway .expanded-list-subway{display:none;-webkit-user-select:none;user-select:none}.transit-route-detail-panel .route-detail-item-subway .expanded-list-subway.show{display:block}.transit-route-detail-panel .route-detail-item-subway .dropdown-wrapper-subway{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative;background-color:#fff}.transit-route-detail-panel .route-detail-item-bicycle .list-route-subway{align-items:center;gap:24px;flex:0 0 auto;z-index:5;display:flex;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-bicycle .line{position:relative;left:calc(50% - 2px);height:8px;width:3px;background-color:#30e291}.transit-route-detail-panel .route-detail-item-bicycle .div{align-items:flex-start;gap:8px;flex:0 0 auto;z-index:4;display:flex;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle .icon{position:relative;width:24px;display:flex;flex-direction:column;align-items:center;align-self:stretch}.transit-route-detail-panel .route-detail-item-bicycle .line-2{width:3px;background-color:#30e291}.transit-route-detail-panel .route-detail-item-bicycle .icon>.line-2{flex:1;width:3px;left:calc(50% - 12.5px);background-color:#30e291;position:relative;height:100%}.transit-route-detail-panel .route-detail-item-bicycle .ico-shared-bike-fill-wrapper{position:relative;top:0;left:calc(50% - 12px);width:24px;height:24px;background-color:#fff;border-radius:100px;flex-shrink:0;border:1px solid #d1d5db}.transit-route-detail-panel .route-detail-item-bicycle .ico-shared-bike-fill{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}.transit-route-detail-panel .route-detail-item-bicycle .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#30e291;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .text-label{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .text-labletext{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .list-route-subway-2{height:24px;align-items:center;gap:8px;z-index:3;display:flex;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle .div-wrapper{position:relative;align-self:stretch;width:24px}.transit-route-detail-panel .route-detail-item-bicycle .line-3{position:relative;height:50px;left:calc(50% - 2px);width:3px;background-color:#30e291}.transit-route-detail-panel .route-detail-item-bicycle .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}.transit-route-detail-panel .route-detail-item-bicycle .text-wrapper-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .station-info{flex:1;min-width:0}.transit-route-detail-panel .route-detail-item-bicycle .frame{display:flex;width:280px;align-items:center;gap:4px;position:relative}.transit-route-detail-panel .route-detail-item-bicycle .frame .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#30e291;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .frame .text-labletext{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .station-subtitle{font-size:14px;font-weight:600;line-height:20px;color:#374151;margin:0}.transit-route-detail-panel .route-detail-item-bicycle .list-route-subway-3{height:24px;align-items:center;gap:8px;z-index:2;display:flex;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle .text-2{display:flex;align-items:center;gap:6px;position:relative}.transit-route-detail-panel .route-detail-item-bicycle .divider-grey{position:relative;width:1px;height:8px;background-color:#e5e7eb}.transit-route-detail-panel .route-detail-item-bicycle .text-text-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db;margin-left:auto}.transit-route-detail-panel .route-detail-item-bicycle .component.ddareungi{border-color:#30e291}.transit-route-detail-panel .route-detail-item-bicycle .ico-traffic{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-route-detail-panel .route-detail-item-bicycle .text-wrapper-3{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .pay{display:flex;align-items:center;gap:8px;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;z-index:1}.transit-route-detail-panel .route-detail-item-bicycle .frame-3{flex-direction:column;align-items:flex-start;gap:10px;padding:8px 0;display:flex;position:relative;flex:0 0 auto}.transit-route-detail-panel .route-detail-item-bicycle .text-3{display:inline-flex;align-items:center;gap:6px;padding:8px;position:relative;flex:0 0 auto;background-color:#f3f4f6;border-radius:8px}.transit-route-detail-panel .route-detail-item-bicycle .text-wrapper-4{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-bicycle .ico-route-pt-simbol-wrapper{align-items:center;gap:24px;flex:0 0 auto;z-index:0;display:flex;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-bicycle .element-m{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-car{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative;background-color:#fff}.transit-route-detail-panel .route-detail-item-car .list-route-subway{gap:24px;flex:0 0 auto;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-car .ico-route-pt-simbol{position:relative;width:24px;height:8px}.transit-route-detail-panel .route-detail-item-car .line{height:8px;position:relative;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .route-detail-item-car .frame-wrapper{gap:8px;flex:0 0 auto;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .route-detail-item-car .frame{gap:8px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-car .icon{position:relative;width:24px;height:24px}.transit-route-detail-panel .route-detail-item-car .ico-route-fill-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;border-radius:100px}.transit-route-detail-panel .route-detail-item-car .ico-route-fill{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}.transit-route-detail-panel .route-detail-item-car .div{justify-content:center;gap:4px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.transit-route-detail-panel .route-detail-item-car .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-car .text-lable{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.transit-route-detail-panel .route-detail-item-car .component{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;position:relative;flex:0 0 auto;background-color:#fff;border-radius:100px;border:1px solid;border-color:#d1d5db}.transit-route-detail-panel .route-detail-item-car .component.socar{border-color:#00b8ff}.transit-route-detail-panel .route-detail-item-car .component.gcar{border-color:#00c88c}.transit-route-detail-panel .route-detail-item-car .ico-traffic-socar{position:relative;width:16px;height:16px;aspect-ratio:1}.transit-route-detail-panel .route-detail-item-car .text-wrapper-2{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#6b7280;font-size:12px;text-align:center;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-inter-city-bus{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative;background-color:#fff}.route-detail-item-inter-city-bus .list-route-subway{gap:24px;flex:0 0 auto;z-index:4;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-inter-city-bus .ico-route-pt-simbol{position:relative;width:24px;height:8px}.route-detail-item-inter-city-bus .line{height:8px;position:relative;left:calc(50% - 2px);width:3px}.route-detail-item-inter-city-bus .frame-wrapper{gap:8px;flex:0 0 auto;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-inter-city-bus .frame{gap:8px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.route-detail-item-inter-city-bus .icon{position:relative;width:24px;height:24px}.route-detail-item-inter-city-bus .ico-bus-realtime-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;border-radius:100px}.route-detail-item-inter-city-bus .ico-bus-realtime{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}.route-detail-item-inter-city-bus .div{justify-content:center;gap:4px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.route-detail-item-inter-city-bus .text-wrapper{font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;line-height:20px;position:relative;width:fit-content;margin-top:-1px;letter-spacing:0px;white-space:nowrap;font-style:normal}.route-detail-item-inter-city-bus .text-lable{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.route-detail-item-inter-city-bus .list-route-subway-2{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-inter-city-bus .line-wrapper{position:relative;align-self:stretch;width:24px}.route-detail-item-inter-city-bus .line-2{height:100%;position:relative;left:calc(50% - 2px);width:3px}.route-detail-item-inter-city-bus .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}.route-detail-item-inter-city-bus .text-wrapper-3{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-inter-city-bus .element-m{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-inter-city-bus .list-route-subway-3{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-inter-city-bus .text-text-text-wrapper{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}.route-detail-item-inter-city-bus .text-text-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-inter-city-bus .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail{display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative}.route-detail-item-heavy-rail .list-route-subway{gap:24px;flex:0 0 auto;z-index:5;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail .ico-route-pt-simbol{position:relative;width:24px;height:8px}.route-detail-item-heavy-rail .line{height:8px;position:relative;left:calc(50% - 2px);width:3px}.route-detail-item-heavy-rail .frame-wrapper{gap:8px;flex:0 0 auto;z-index:4;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail .frame{gap:8px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.route-detail-item-heavy-rail .div-wrapper{position:relative;width:24px;height:24px}.route-detail-item-heavy-rail .ico-train-route-fill-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;border-radius:100px}.route-detail-item-heavy-rail .ico-train-route-fill{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}.route-detail-item-heavy-rail .div{justify-content:center;gap:4px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}.route-detail-item-heavy-rail .text-wrapper{font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;line-height:20px;position:relative;width:fit-content;margin-top:-1px;letter-spacing:0px;white-space:nowrap;font-style:normal}.route-detail-item-heavy-rail .text-lable{position:relative;flex:1;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal}.route-detail-item-heavy-rail .list-route-subway-2{height:24px;gap:8px;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail .line-wrapper{align-self:stretch;position:relative;width:24px}.route-detail-item-heavy-rail .line-2{height:100%;position:relative;left:calc(50% - 2px);width:3px}.route-detail-item-heavy-rail .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}.route-detail-item-heavy-rail .text-wrapper-3{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-heavy-rail .element-m{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-heavy-rail .list-route-subway-3{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail .div-2{display:flex;align-items:center;gap:6px;position:relative}.route-detail-item-heavy-rail .divider-grey{position:relative;width:1px;height:8px;background-color:#e5e7eb}.route-detail-item-heavy-rail .text-wrapper-4{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-heavy-rail .text-text-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#9ca3af;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.route-detail-item-heavy-rail .list-route-subway-4{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.route-detail-item-heavy-rail .ico-expand-fill{position:relative;width:16px;height:16px;aspect-ratio:1}.route-detail-item-heavy-rail .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane){display:flex;flex-direction:column;width:100%;align-items:flex-start;padding:0 20px;position:relative}:is(.route-detail-item-ferry,.route-detail-item-airplane) .list-route-subway{gap:24px;flex:0 0 auto;z-index:5;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .ico-route-pt-simbol{position:relative;width:24px;height:8px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .line{height:8px;position:relative;left:calc(50% - 2px);width:3px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .div{gap:8px;flex:0 0 auto;z-index:4;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .icon{position:relative;width:24px;height:24px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .ico-ferry-fill-wrapper{position:relative;top:calc(50% - 12px);left:calc(50% - 12px);height:24px;width:24px;border-radius:100px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .ico-ferry-fill{position:absolute;width:66.67%;height:66.67%;top:16.67%;left:16.67%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .frame{gap:4px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-wrapper{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;font-size:14px;letter-spacing:0px;line-height:20px;white-space:nowrap;font-style:normal}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-lable-wrapper{gap:8px;display:flex;align-items:center;position:relative;flex:1;flex-grow:1}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-lable{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:14px;letter-spacing:0px;line-height:20px;font-style:normal;margin-bottom:0}:is(.route-detail-item-ferry,.route-detail-item-airplane) .list-route-subway-2{height:24px;gap:8px;z-index:3;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .line-wrapper{position:relative;align-self:stretch;width:24px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .line-2{height:100%;position:relative;left:calc(50% - 2px);width:3px}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-wrapper-3{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}:is(.route-detail-item-ferry,.route-detail-item-airplane) .element-m{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}:is(.route-detail-item-ferry,.route-detail-item-airplane) .list-route-subway-3{height:24px;gap:8px;z-index:2;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-2{display:flex;align-items:center;gap:6px;position:relative;flex:1;flex-grow:1}:is(.route-detail-item-ferry,.route-detail-item-airplane) .divider-grey{position:relative;width:1px;height:8px;background-color:#e5e7eb}:is(.route-detail-item-ferry,.route-detail-item-airplane) .text-text-text{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#888e9b;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}:is(.route-detail-item-ferry,.route-detail-item-airplane) .list-route-subway-4{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}:is(.route-detail-item-ferry,.route-detail-item-airplane) .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .duration-distance-info{height:24px;gap:8px;z-index:1;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel .duration-distance-info .line-wrapper{position:relative;align-self:stretch;width:24px}.transit-route-detail-panel .duration-distance-info .line-2{height:100%;position:relative;left:calc(50% - 2px);width:3px}.transit-route-detail-panel .duration-distance-info .text{display:inline-flex;align-items:center;gap:6px;position:relative;flex:0 0 auto}.transit-route-detail-panel .duration-distance-info .text-wrapper-3{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .duration-distance-info .element-m,.transit-route-detail-panel .route-detail-item-car .route-detail-item-car-m{position:relative;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#999;font-size:12px;letter-spacing:0px;line-height:16px;white-space:nowrap;font-style:normal}.transit-route-detail-panel .route-detail-item-car .ico-route-pt-simbol-wrapper{gap:24px;flex:0 0 auto;z-index:0;display:flex;align-items:center;padding:0 0 0 8px;position:relative;align-self:stretch;width:100%}.transit-route-detail-panel [class^=route-detail-item]{cursor:pointer}.transit-route-detail-panel [class^=route-detail-item]:hover{background-color:#f9fafb}.transit-route-detail-panel [class^=route-detail-item].selected{background-color:#f3f4f6}.transit-route-detail-panel .exit-info{color:var(--Color-Style-Grayscale-700, #374151);font-family:Pretendard Variable;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-left:8px}.subway-schedule{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;background-color:transparent;overflow:hidden}.subway-schedule .dimmed-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;border-radius:24px;opacity:0;transition:opacity .3s ease}.subway-schedule.active .dimmed-bg{opacity:1}.subway-schedule .content-wrapper{position:sticky;bottom:0;margin-top:25%;height:45%;width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:24px;overflow:hidden;z-index:1;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.1,.25,1);will-change:transform;-webkit-user-select:none;user-select:none}.subway-schedule.active .content-wrapper{transform:translateY(0)}.subway-schedule.dragging .content-wrapper{transition:none}.subway-schedule .background-wrapper{width:100%}.subway-schedule .header{flex-direction:column;align-items:flex-start;display:flex;position:relative;align-self:stretch;width:100%;flex:1;min-height:0}@media (max-width: 1023px){.subway-schedule .header{flex-direction:column;align-items:flex-start;display:flex;position:relative;align-self:stretch;width:100%;flex:1;min-height:0;margin-bottom:40px}}.subway-schedule .handle{display:flex;flex-direction:column;width:100%;height:28px;align-items:center;padding:8px 0 0;position:relative;background-color:#fff;border-radius:24px 24px 0 0;cursor:grab;touch-action:none}.subway-schedule.dragging .handle{cursor:grabbing}.subway-schedule .bar{position:relative;width:28px;height:4px;background-color:#d1d5db;border-radius:12px}.subway-schedule .div{flex-wrap:wrap;align-items:center;gap:0px 8px;padding:14px 16px;display:flex;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.subway-schedule .frame{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex:1;flex-grow:1}.subway-schedule .subway-station-sign{display:flex;width:24px;height:24px;align-items:center;justify-content:center;position:relative;border-radius:50px;aspect-ratio:1}.subway-schedule .text-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;font-family:Pretendard-Bold,Helvetica;font-weight:700;color:#fff;font-size:13.3px;letter-spacing:0;line-height:normal}.subway-schedule .subway-current-station{position:relative;display:-webkit-box;align-items:center;justify-content:center;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:20px;letter-spacing:0px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:normal}.subway-schedule svg{position:relative;width:20px;height:20px;aspect-ratio:1;cursor:pointer}.subway-schedule svg path{fill:#6b7280}.subway-schedule .divider{position:relative;width:100%;height:1px;background-color:#f3f4f6}.subway-schedule .frame-2{display:flex;align-items:flex-start;position:relative;align-self:stretch;width:100%;flex:0 0 auto;padding:0 12px}.subway-schedule .tab-line-item{cursor:pointer}.subway-schedule .tab-line-item.active{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:12px;flex:0 0 auto;border-color:#7e3af2;position:relative;border-bottom-width:2px;border-bottom-style:solid}.subway-schedule .tab-line-item.active .text{color:#7e3af2;font-weight:600}.subway-schedule .text{display:flex;width:fit-content;margin-top:-2px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#1f2a37;font-size:14px;text-align:center;line-height:20px;white-space:nowrap;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .tab-line-item{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:12px;flex:0 0 auto;border-color:#f3f4f6;position:relative;border-bottom-width:2px;border-bottom-style:solid}.subway-schedule .time-table{display:flex;align-items:flex-start;position:relative;align-self:stretch;width:100%;flex:1;min-height:0}.subway-schedule :is(.up,.down){display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;flex:1;flex-grow:1;height:100%}.subway-schedule .table{height:48px;gap:10px;padding:0 8px;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch;width:100%}.subway-schedule .title{position:relative;flex:1;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#4b5563;font-size:14px;text-align:center;letter-spacing:0px;line-height:20px;font-style:normal}.subway-schedule .time{flex-direction:column;display:flex;align-items:flex-start;position:relative;align-self:stretch;width:100%;overflow-y:auto;flex:1}.subway-schedule .time::-webkit-scrollbar{display:none}.subway-schedule .table-2{gap:4px;padding:14px 20px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch;width:100%}.subway-schedule .text-3{display:-webkit-box;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .text-4{display:-webkit-box;width:fit-content;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .chips{background-color:#fdf2f2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:1px 6px;position:relative;flex:0 0 auto;border-radius:100px}.subway-schedule .text-wrapper-3{display:flex;align-self:stretch;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#e02424;font-size:12px;line-height:16px;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .table-subway{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:15px 20px;position:relative;align-self:stretch;width:100%;flex:0 0 auto}.subway-schedule .frame-3{display:inline-flex;align-items:center;gap:4px;position:relative;flex:0 0 auto}.subway-schedule .text-5{display:-webkit-box;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#374151;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .text-6{display:-webkit-box;width:fit-content;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:600;color:#374151;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .chips-2{background-color:#ebf5ff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:1px 6px;position:relative;flex:0 0 auto;border-radius:100px}.subway-schedule .text-wrapper-4{display:flex;align-self:stretch;margin-top:-1px;font-family:Pretendard Variable,Helvetica;font-weight:400;color:#3f83f8;font-size:12px;line-height:16px;position:relative;align-items:center;justify-content:center;letter-spacing:0px;font-style:normal}.subway-schedule .table-3{gap:4px;padding:15px 20px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch;width:100%}.subway-schedule .contour{position:relative;align-self:stretch;width:1px;background-color:#f3f4f6}.subway{position:fixed;top:0;left:0;z-index:11;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;width:100%;height:100%}.subway svg{width:100%;height:100%;display:block;object-fit:fill;object-position:center}.center-marker{align-items:center;cursor:default;position:relative;display:flex;flex-direction:column;gap:8px}.center-marker .marker-ico{display:flex;flex-direction:column;justify-content:center;align-items:center}.center-marker .marker-container{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.center-marker .marker-text{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;line-height:20px;text-align:center;white-space:pre-wrap;cursor:pointer}.center-marker .marker-text>span.text{background:#4b5563e6;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 16px}.center-marker .back-btn{position:absolute;right:-40px;display:flex;cursor:pointer;padding:8px;border-radius:24px;background:var(--color-style-grayscale-inactive-neutral, #888E9B)}.center-marker .marker-text svg{width:16px;height:16px}.center-marker .marker-pin{width:fit-content;height:52px}.center-marker .marker-pin svg{width:46px;height:52px}.center-marker .marker-arrow{width:fit-content;height:10px}.center-marker .marker-arrow svg{width:15px;height:10px}.report-page .drawer-container{cursor:default}.report-page{height:100%;width:var(--panel-width)}.panel-report-container{position:relative;height:100%;display:flex;flex-direction:column}.panel-report-header{width:100%;padding:12px 20px;display:flex;flex-direction:column;gap:8px}.panel-report-title{padding-top:2px;font-weight:600;font-size:20px;color:var(--Color-Style-Grayscale-800);line-height:28px;overflow:hidden;text-overflow:ellipsis}.panel-report-step-indicator{width:360px;padding:8px 20px;display:flex;gap:12px;align-items:center}.step-item{display:flex;gap:10px;align-items:center;justify-content:center;padding:6px 8px;border-radius:32px;background:#e5e7eb;transition:all .3s ease}.step-item.number{width:32px;height:32px}.step-item.active{background:#7e3af2}.step-item .step-text{display:inline;font-weight:600;font-size:14px;line-height:20px;color:#fff}.step-line{background:#d1d5db;height:2px;width:12px;transition:background .3s ease}.panel-report-desc{font-family:Pretendard Variable,sans-serif;font-size:14px;color:#888e9b;line-height:20px}.panel-report-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.panel-report-scrollable::-webkit-scrollbar{width:10px}.panel-report-scrollable::-webkit-scrollbar-track{background:transparent}.panel-report-scrollable::-webkit-scrollbar-thumb{background:var(--Color-Style-Grayscale-300, #D1D5DB);border-left:6px solid transparent;background-clip:padding-box}.panel-report-content{width:100%;display:flex;flex-direction:column;position:relative}.panel-report-section{width:100%;padding:24px 10px 0 20px;display:flex;flex-direction:column;gap:12px}.panel-report-section.address,.panel-report-section.detail-address{gap:8px}.panel-report-section.detail-address .panel-report-input-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;cursor:text;pointer-events:auto}.panel-report-section.detail-address .panel-report-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--GrayScale-50);line-height:20px;outline:none}.panel-report-section.detail-address .panel-report-input::placeholder{color:#9ca3af;font-size:14px;line-height:20px}.panel-report-section.detail-content .panel-report-input-group{height:120px}.panel-report-section.detail-content .clearable-input-group{position:relative;display:flex;align-items:flex-end;gap:8px;padding:0;background:transparent;border:none}.panel-report-section.detail-content .panel-report-textarea{flex:1;height:120px;border-radius:8px;border:1px solid #E5E7EB;background-color:#fff;padding:12px;font-size:14px;font-family:Pretendard Variable,sans-serif;color:var(--GrayScale-50);line-height:20px;resize:none;outline:none;box-sizing:border-box}.panel-report-section.detail-content .panel-report-textarea::placeholder{color:#9ca3af}.panel-report-section.detail-content .panel-report-textarea:focus{border-color:#7e3af2}.panel-report-input-group{position:relative;display:flex}.clearable-input-group{position:relative}.clearable-btn{padding:0;border:none;background:transparent;cursor:pointer;display:none;align-items:center;position:absolute;bottom:12px;right:12px;height:20px;width:20px}.clearable-btn.visible{display:flex}.clearable-btn svg{width:20px;height:20px}.panel-report-section.category{position:relative}.panel-report-section.type .button-container{display:flex;justify-content:space-between;gap:8px}.panel-report-section.type .button-container button{cursor:pointer;flex:1;border-radius:8px;border:1px solid var(--table-basic-ouline, #DDD);background:#f7f7f7}.panel-report-section.type .button-container button.active{background:#7e3af2}.panel-report-label{font-weight:600;font-size:16px;color:var(--Color-Style-Grayscale-600);line-height:22px;display:flex}.panel-report-section.detail-address .panel-report-label .option{display:flex;align-items:center;margin-left:2px;color:var(--Color-Style-Grayscale-400, #9CA3AF);font-size:14px;line-height:20px}.panel-report-section.place-name{gap:8px}.panel-report-section.place-name .panel-report-input-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;cursor:text;pointer-events:auto}.panel-report-section.place-name .panel-report-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--GrayScale-50);line-height:20px;outline:none}.panel-report-section.place-name .panel-report-input::placeholder{color:#9ca3af;font-size:14px;line-height:20px}.panel-report-address-container{background:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.location-header{display:flex;gap:8px;align-items:center}.tag-text{font-weight:600;font-size:12px;color:var(--Color-Style-Grayscale-500);line-height:16px}.location-name{font-weight:600;font-size:14px;color:#1f2a37;line-height:20px;flex:1}.address-details{display:flex;flex-direction:column;gap:6px}.address-row{display:flex;gap:16px;align-items:flex-start}.address-type{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;color:#1f2a37;line-height:20px;width:40px;flex-shrink:0}.road-address,.jibun-address{font-size:14px;color:#4b5563;line-height:20px;flex:1;color:var(--Color-Style-Grayscale-600)}.panel-report-category-tabs{display:flex;gap:8px;width:100%}.category-tab{display:flex;justify-content:center;align-items:center;gap:8px;flex:1 0 0;padding:8px;border:none;border-radius:12px;background:#f9fafb;color:var(--Color-Style-Grayscale-500);font-size:14px;line-height:20px;text-align:center;cursor:pointer}.category-tab.active{background:#7e3af2;color:#fff}.category-description{margin-top:8px}.category-description p{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:12px;color:#9ca3af;line-height:16px;margin:0}.panel-report-required{display:flex;margin-left:1px;width:8px;height:13.328px;flex-direction:column;justify-content:center;color:var(--Color-Style-Primary-600);font-size:14px;font-weight:600;line-height:20px}.panel-report-input-group{display:flex;align-items:center;background:#fff;border-radius:12px;position:relative;padding:12px;border:1px solid #e5e7eb}.panel-report-input{flex:1;border:none;background:transparent;font-family:Pretendard Variable,sans-serif;font-size:14px;color:#888e9b;outline:none}.panel-report-icon{width:14px;height:14px}.panel-report-address-options{background:#f3f4f6;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.panel-report-address-type{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;color:#1f2a37;margin-right:18px}.panel-report-address-list span{display:block;font-size:14px;color:#4b5563;margin-top:6px}.panel-report-photo-header{align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.panel-report-photo-label-group{display:flex;align-items:center;gap:2px;justify-content:space-between}.panel-report-optional{font-size:14px;line-height:20px;color:#9ca3af;flex:1}.panel-report-photo-count{font-size:14px;line-height:20px;color:#111928;text-align:right;min-width:88px;color:var(--Color-Style-Grayscale-400, #9CA3AF)}.panel-report-photo-content{display:flex;flex-direction:column;gap:16px;width:100%;position:relative}.panel-report-photo-content.drag-over{background-color:#7e3af20d;border:2px dashed var(--Color-Style-Primary-600, #7e3af2);border-radius:8px;padding:2px}.panel-report-photo-content.drag-over:after{content:"여기에 파일을 놓으세요";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--Color-Style-Primary-600, #7e3af2);font-weight:600;font-size:16px;pointer-events:none;z-index:1}.panel-report-photo-empty{width:100%}.panel-report-photo-add-btn-large{width:100%;background:#fff;border:1px dashed #d1d5db;border-radius:8px;padding:20px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease}.panel-report-photo-add-btn-large svg{width:28px;height:28px}.panel-report-photo-add-btn-large:hover{background:#f9fafb;border-color:#9ca3af}.panel-report-photo-add-btn-large span{font-size:14px;line-height:20px;color:#9ca3af;text-align:center}.panel-report-photo-grid{display:grid;grid-template-columns:repeat(3,92px);gap:16px;width:100%;margin-top:10px}.photo-preview{position:relative;width:92px;height:92px}.photo-preview img{width:92px;height:92px;border-radius:8px;object-fit:cover;position:relative;cursor:pointer}.photo-preview:after{content:"";position:absolute;top:12px;left:0;width:92px;height:92px;opacity:.3;border-radius:8px;pointer-events:none}.photo-remove-btn{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--Color-Style-Grayscale-500, #6B7280);border-radius:100px}.photo-remove-btn:hover svg circle{fill:#4b5563}.panel-report-photo-add-btn{width:92px;height:92px;background:#fff;border:1px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease}.panel-report-photo-add-btn svg{width:28px;height:28px}.panel-report-photo-add-btn:hover{background:#f9fafb;border-color:#9ca3af}.panel-report-photo-add-btn span{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#9ca3af;text-align:center}.panel-report-photo-hint{font-family:Pretendard,sans-serif;font-size:12px;font-weight:600;line-height:16px;color:#9ca3af;width:100%}.panel-report-photo-icon{width:28px;height:28px;margin-bottom:2px}.panel-report-photo-text{font-size:12px;color:#9ca3af;font-weight:600}.panel-report-photo-add-btn-small{display:none}.photo-upload-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.photo-upload-modal-content{background:#fff;border-radius:8px;box-shadow:0 0 4.961px #0000004d;width:350px;height:auto;position:relative}.photo-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14.884px 0}.photo-upload-modal-title{font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#747474;letter-spacing:-.6px}.photo-upload-modal-close{width:20px;height:20px;cursor:pointer;position:relative;background:none;border:none;padding:0}.photo-upload-modal-close:before,.photo-upload-modal-close:after{content:"";position:absolute;top:50%;left:50%;width:17.285px;height:1.571px;background:#999;border-radius:10px}.photo-upload-modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.photo-upload-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.photo-upload-modal-body{padding:24px 50px}.photo-upload-drop-zone{border:1px dashed #dddddd;border-radius:8px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative}.photo-upload-drop-zone:hover{background-color:#f8f9fa;border-color:#007bff}.photo-upload-drop-zone.dragover{background-color:#e7f3ff;border-color:#007bff}.photo-upload-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#999;font-weight:300}.photo-upload-text{font-family:Pretendard,sans-serif;font-weight:400;font-size:16px;color:#999;letter-spacing:-.6px;text-align:center}.photo-upload-modal-footer{padding:0 14px 16px}.photo-upload-submit-btn{width:240px;height:37px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:600;font-size:16px;color:#fff;letter-spacing:-.6px;background:linear-gradient(90deg,#0003,#0003),linear-gradient(90deg,#0003,#0003),linear-gradient(90deg,#666,#666);opacity:.3;transition:opacity .2s ease}.photo-upload-submit-btn:hover:not(:disabled){opacity:1}.photo-upload-submit-btn:disabled{opacity:.3;cursor:not-allowed}.panel-report-footer{border-radius:0 0 100px 100px;width:100%;display:flex;gap:8px;padding:12px 20px;background:#fff;box-shadow:0 -12px 20px #0000000d;flex-shrink:0;z-index:10}.panel-report-btn-next{display:flex;flex:1;padding:14px 16px;justify-content:center;background:#f3f4f6;color:#6b7280;border:none;border-radius:12px;font-size:14px;font-weight:600;line-height:20px;cursor:pointer}.panel-report-btn-next.active{background:var(--Color-Style-Primary-600);color:#fff}.panel-report-btn-reset.active{display:block}.panel-report-btn-next:disabled{background:#f3f4f6;color:#6b7280}.panel-report-category-selectbox.active{display:block}.panel-report-category-selectbox{display:none;position:absolute;left:0;right:0;top:56px;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000014;padding:8px 0;margin-top:4px}.panel-report-category-option{padding:10px 20px;cursor:pointer;font-size:15px;color:#222;transition:background .15s}.panel-report-category-option:hover{background:#f3f4f6}.panel-report-type-tabs{display:flex;gap:8px;width:100%}.type-tab{flex:1;padding:8px;border:none;border-radius:12px;background:#f9fafb;color:#6b7280;font-size:14px;line-height:20px;cursor:pointer;transition:all .2s ease}.type-tab.active{background:#7e3af2;color:#fff;font-weight:600}.type-tab:hover:not(.active){background:#e5e7eb}.panel-report-textarea{width:100%;height:100%;border:none;border-radius:8px;background:#fff;font-family:Pretendard Variable,sans-serif;font-size:14px;line-height:20px;color:#1f2a37;resize:none;outline:none;transition:border-color .2s ease}.panel-report-textarea:focus{border-color:#7e3af2}.panel-report-textarea::placeholder{color:#999}.info-message{display:flex;gap:4px;align-items:flex-start;margin-top:8px;padding:2px 0}.info-icon{width:16px;height:16px}.info-text{font-size:12px;line-height:16px;color:#9ca3af;flex:1}.char-limit{font-size:14px;color:var(--Color-Style-Grayscale-400, #9CA3AF);font-weight:400;margin-left:auto}.panel-report-btn-prev{flex:1;padding:14px 16px;border:none;border-radius:12px;background:#f3f4f6;color:#6b7280;font-size:14px;font-weight:600;line-height:20px;text-align:center;cursor:pointer;transition:all .2s ease}.panel-report-btn-prev:hover{background:#e5e7eb}.panel-report-btn-submit{flex:1;padding:14px 16px;border:none;border-radius:12px;background:#7e3af2;color:#fff;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;line-height:20px;text-align:center;cursor:pointer;transition:all .2s ease}.panel-report-btn-submit:hover{background:#6d28d9}.panel-report-btn-submit:disabled,.panel-report-btn-submit:not(.active){background:#d1d5db;color:#9ca3af}.panel-report-btn-submit:disabled:hover,.panel-report-btn-submit:not(.active):hover{background:#d1d5db}.panel-report-step-indicator .step-line.active{background:#7e3af2}.panel-report-select{position:relative}.panel-report-select .select-input{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease}.panel-report-select .select-input:hover{border-color:#d1d5db}.panel-report-select .select-input:focus{border-color:#7e3af2;outline:none}.panel-report-select .select-placeholder{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#9ca3af;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.panel-report-select .select-arrow{font-size:12px;color:#6b7280;transform:rotate(0);transition:transform .2s ease;display:flex}.panel-report-select .select-input[aria-expanded=true] .select-arrow{transform:rotate(180deg)}.panel-report-select .select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #00000040;z-index:1000;padding:8px;max-height:220px;overflow-y:auto}.panel-report-select .select-option{padding:10px 12px;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#111928;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.panel-report-select .select-option:hover{background:#f3f4f6}.panel-report-select .select-option.selected{background:#f3f4f6;font-weight:500}.panel-report-container.submit-success{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:24px}.panel-report-container.submit-success .panel-report-scrollable{display:flex;flex:unset;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;width:100%}.submit-success-content{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;width:100%;padding:0 20px}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%}.success-icon{width:32px;height:32px}.success-message-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100%}.success-title{font-family:Pretendard,sans-serif;font-weight:600;font-size:20px;line-height:28px;color:var(--Color-Style-Grayscale-700, #374151);text-align:center;margin:0;padding:0}.success-description{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#999;text-align:center;margin:0;padding:0;white-space:pre-wrap}.panel-report-container.submit-success .panel-report-footer{width:100%;padding:0;border-top:none;box-shadow:none}.panel-report-container.submit-success .panel-report-btn-continue{width:100%;padding:14px 16px;background:#7e3af2;color:#fff;border:none;border-radius:12px;font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:14px;line-height:20px;cursor:pointer;transition:background .3s ease}.panel-report-container.submit-success .panel-report-btn-continue:hover{background:#6c2fd4}.panel-report-container.submit-success .panel-report-btn-continue:active{background:#5a25b0}@media screen and (max-width: 1023px){.report-page .drawer-container{position:fixed;bottom:unset;top:unset;border-radius:24px;height:100%}.report-page .panel-report-container{box-shadow:unset;height:calc(100% - var(--drawer-close-btn-height) - var(--nav-height-tablet))}.report-page .panel-report-footer{box-shadow:unset}.panel-report-photo-add-btn-large{padding:26px 16px;width:92px;height:92px}.panel-report-photo-add-btn-large svg{width:40px;height:40px}.panel-report-photo-add-btn-large span,.panel-report-photo-hint{display:none}.panel-report-photo-grid{grid-template-columns:repeat(auto-fill,92px)}.photo-preview{width:92px;height:92px}.photo-preview:after{top:0}.panel-report-photo-add-btn svg{width:40px;height:40px}.panel-report-photo-add-btn span{display:none}}#full-image-container{display:none;width:100%;height:100%;top:0;left:0}#full-image-container.active{background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;position:fixed;display:block}#full_image{display:inline-flex;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);align-items:stretch;gap:8px;z-index:11;height:100%;width:85%;align-items:center}#full_image .left_area{display:flex;height:85%;background:#fff;justify-content:center;width:100%;position:relative;border-radius:8px}#full_image .image-counter{position:absolute;left:0;top:-38px;color:#fff;font-size:16px;line-height:22px}#full_image .left_area .img_wrapper{border-radius:8px}#full_image .left_area img{height:100%;object-fit:contain;width:100%;max-height:95vh;border-radius:8px}#full_image .right_area{display:flex;flex-direction:column;gap:8px;height:fit-content}#full_image .right_area .row{display:flex;gap:8px;height:25%}#full_image .right_area .row .img_wrapper{flex:1;overflow:hidden;border-radius:8px;width:216px;height:216px;cursor:pointer}#full_image .right_area .row .img_wrapper.no_image{cursor:default}#full_image .right_area .row .img_wrapper.active{border:4px solid var(--white, #FFF)}#full_image .right_area img{object-fit:cover;width:100%;height:100%;object-position:center}#full-image-container .close_btn{position:absolute;right:10px;top:10px;font-size:40px;z-index:11;display:flex;padding:15px;justify-content:center;align-items:center;cursor:pointer}#full-image-container .move_controll{position:fixed;top:50%;transform:translateY(-50%);width:100%}#full-image-container .move_controll .btn{position:absolute;top:50%;transform:translateY(-50%)}#full-image-container .move_controll .btn svg{position:absolute}#full-image-container .move_controll .btn svg:first-child{width:72px;height:72px}#full-image-container .move_controll .btn.next_btn{position:absolute;top:50%;transform:translate(-50%,-50%) scaleX(-1)}.more-container{display:flex;width:var(--panel-width);flex-direction:column;align-items:flex-start;align-self:stretch}.more-menu-container{display:flex;width:100%;height:100%;padding:24px 0;flex-direction:column;align-items:flex-start;align-self:stretch;overflow-y:auto}.more-title{display:flex;padding:12px 32px 24px;width:100%;align-items:flex-start;align-self:stretch;flex-wrap:wrap;color:var(--Color-Style-Grayscale-800, #1F2A37);text-overflow:ellipsis;font-size:20px;font-style:normal;font-weight:600;line-height:28px}.more-menu-content{display:flex;width:100%;align-items:flex-start;align-self:stretch;flex-wrap:wrap;overflow:auto}.more-menu-list{display:flex;padding:0 20px;flex-direction:column;align-items:flex-start;align-self:stretch;width:100%}.more-menu-list li{display:flex;box-sizing:border-box;padding:10px 12px;align-items:center;gap:8px;height:57px;align-self:stretch;justify-content:space-between;flex:1 0 0;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:18px;font-style:normal;font-weight:600;line-height:24px}.more-menu-list li:not(:last-child){border-bottom:1px solid var(--Color-Style-Grayscale-200, #E5E7EB)}.more-menu-list li a{display:flex;width:100%;height:57px;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.more-menu-list .developer-list{display:flex;align-items:center;gap:8px}.more-menu-list li .sub-menu-list{display:flex;padding:12px;align-items:center;gap:6px;align-self:stretch;justify-content:space-between;flex:1 0 0;color:var(--Color-Style-Grayscale-500, #6B7280);font-size:16px;font-style:normal;font-weight:400;line-height:22px}.arrow svg{width:16px;height:16px;aspect-ratio:1/1}.menu-group{display:flex;padding:0 20px 12px;flex-direction:column;width:100%}.menu-group li a{display:flex;width:100%;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.menu-group .group-title{display:flex;height:56px;padding:10px 12px;align-items:center;gap:8px;align-self:stretch;font-size:18px;font-style:normal;font-weight:600;line-height:24px}.menu-group .sub-menu-list{display:flex;padding:12px;justify-content:space-between;align-items:center;gap:6px;align-self:stretch;color:var(--Color-Style-Grayscale-800, #1F2A37);font-size:16px;font-style:normal;font-weight:400;line-height:22px}.menu-group .sub-menu-list .arrow svg{width:12px;height:12px;aspect-ratio:1/1;color:var(--Color-Style-Grayscale-600, #6B7280)}.divider{width:calc(100% - 40px);height:1px;background-color:var(--Color-Style-Grayscale-200, #E5E7EB);margin:0 20px}.menu-alone{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding:0 20px;width:100%}.menu-alone .update-title{display:flex;height:56px;padding:10px 12px;align-items:center;gap:8px;align-self:stretch;color:var(--Color-Style-Grayscale-500, #6B7280);font-size:18px;font-style:normal;font-weight:600;line-height:24px}.menu-alone .update-info{display:flex;padding:0 12px;align-items:center;gap:6px;align-self:stretch;color:var(--Color-Style-Grayscale-400, #6B7280);font-size:12px;font-style:normal;font-weight:400;line-height:20px}@keyframes skeleton-loading{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-container{width:var(--panel-width);height:100%;overflow-y:auto;padding:16px;display:flex;flex-direction:column;position:absolute;overflow:hidden;background:#fff;border-radius:24px}.skeleton-content{display:flex;flex-direction:column;gap:20px;flex:1}.skeleton-location-info{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0}.skeleton-location{width:120px;height:20px;flex-shrink:0}.skeleton-weather-area{display:flex;align-items:center;gap:8px;margin-left:auto}.skeleton-icon{width:24px;height:24px;border-radius:50%}.skeleton-weather-text{width:60px;height:20px}.skeleton-text,.skeleton-banner,.skeleton-card,.skeleton-button,.skeleton-title,.skeleton-flag-item{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:skeleton-loading 2s infinite;border-radius:8px}.skeleton-title{width:100%;height:24px;margin-bottom:12px}.skeleton-card{width:100%;height:200px;margin-bottom:12px;border-radius:12px}.skeleton-button{width:100%;height:44px;border:none;cursor:not-allowed;margin-top:8px}.skeleton-section{display:flex;flex-direction:column;gap:12px;margin:16px 0}.skeleton-banner{width:100%;height:120px;margin:16px 0;border-radius:12px}.skeleton-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skeleton-flag-item{width:100%;height:120px;border-radius:12px}.skeleton-large-box{width:100%;height:210px;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:skeleton-loading 2s infinite;border-radius:12px;margin-bottom:12px}.skeleton-small-box{width:100%;height:80px;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:skeleton-loading 2s infinite;border-radius:12px;margin-bottom:40px}.skeleton-middle-box{width:100%;height:120px;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:skeleton-loading 2s infinite;border-radius:12px;margin-bottom:40px}.skeleton-second-container{margin-top:10px;display:flex;flex-direction:column;gap:30px}.skeleton-third-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:60px}.skeleton-fourth-container{margin-top:20px}.skeleton-card-box{width:100%;height:75px;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:skeleton-loading 2s infinite;border-radius:12px}.real-traffic-legend{position:fixed;right:88px;bottom:96px;background-color:var(--color-grayscale-00, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0003;padding:16px;z-index:19;box-sizing:border-box;display:flex;flex-direction:column}.real-traffic-legend--closed{display:none}.real-traffic-legend--collapsed{padding:unset}.real-traffic-legend--collapsed .real-traffic-legend__header,.real-traffic-legend--collapsed .real-traffic-legend__description,.real-traffic-legend--collapsed .real-traffic-legend__legend-area{display:none}.real-traffic-legend--collapsed .real-traffic-legend__collapsed{display:flex!important;padding:16px}.real-traffic-legend__header{display:flex;gap:8px;align-items:flex-start;width:100%}.real-traffic-legend__title-area{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.real-traffic-legend__title-wrapper{display:flex;gap:6px;align-items:center;flex:1;min-width:0}.real-traffic-legend__title{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;line-height:22px;color:var(--color-grayscale-800, #1f2a37);margin:0;white-space:nowrap;flex-shrink:0}.real-traffic-legend__time{font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:var(--color-grayscale-500, #6b7280);white-space:nowrap;flex-shrink:0}.real-traffic-legend__refresh-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;cursor:pointer;padding:0;margin-left:auto;flex-shrink:0;transition:opacity .2s ease}.real-traffic-legend__refresh-btn:hover{opacity:.8}.real-traffic-legend__refresh-btn:active{opacity:.6}.real-traffic-legend__refresh-btn svg{width:100%;height:100%}.real-traffic-legend__close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .2s ease}.real-traffic-legend__close-btn:hover{opacity:.8}.real-traffic-legend__close-btn:active{opacity:.6}.real-traffic-legend__close-btn svg{width:100%;height:100%}.real-traffic-legend__close-btn svg path{fill:#1f2a37}.real-traffic-legend__description{font-size:14px;line-height:20px;color:var(--color-grayscale-700, #374151);width:100%;margin-top:8px}.real-traffic-legend__legend-area{display:flex;align-items:center;width:100%;margin-top:16px}.real-traffic-legend__legend-item{display:flex;flex-direction:column;gap:4px;align-items:center;flex:1;min-width:0}.real-traffic-legend__legend-bar{width:100%;height:4px;border-radius:2px;flex-shrink:0}.real-traffic-legend__legend-label{font-family:Pretendard Variable,sans-serif;font-size:12px;font-weight:600;line-height:16px;text-align:center;margin:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.real-traffic-legend__collapsed{display:none;width:100%;align-items:center;justify-content:center}.real-traffic-legend__expand-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;flex-direction:row-reverse}.real-traffic-legend__expand-btn:hover{opacity:.8}.real-traffic-legend__expand-btn:active{opacity:.6}.real-traffic-legend__expand-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.real-traffic-legend__expand-icon svg{width:100%;height:100%}.real-traffic-legend--collapsed .real-traffic-legend__expand-icon{transform:rotate(0)}.real-traffic-legend__expand-text{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:600;line-height:22px;color:var(--color-grayscale-800, #1f2a37);white-space:nowrap}.real-traffic-legend__collapse-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:unset}.real-traffic-legend__collapse-btn span.real-traffic-legend__collapse-icon{width:20px;height:20px;transition:transform .2s ease}.real-traffic-legend:not(.real-traffic-legend--collapsed) .real-traffic-legend__collapse-icon{transform:rotate(180deg)}.real-traffic-legend__collapse-btn span.real-traffic-legend__collapse-icon svg{width:20px;height:20px}@media (max-width: 1024px){.real-traffic-legend{bottom:30px}}:root{--Color-Style-Grayscale-00: #ffffff;--Color-Style-Grayscale-100: #f3f4f6;--Color-Style-Grayscale-1000: #000000;--Color-Style-Grayscale-200: #e5e7eb;--Color-Style-Grayscale-300: #d1d5db;--Color-Style-Grayscale-400: #9ca3af;--Color-Style-Grayscale-50: #f9fafb;--Color-Style-Grayscale-500: #6b7280;--Color-Style-Grayscale-600: #4b5563;--Color-Style-Grayscale-700: #374151;--Color-Style-Grayscale-800: #1f2a37;--Color-Style-Grayscale-900: #111928;--Color-Style-Primary-100: #edebfe;--Color-Style-Primary-200: #dcd7fe;--Color-Style-Primary-300: #cabffd;--Color-Style-Primary-400: #ac94fa;--Color-Style-Primary-50: #f6f5ff;--Color-Style-Primary-500: #9061f9;--Color-Style-Primary-600: #7e3af2;--Color-Style-Primary-600-disabled: #9061f9;--Color-Style-Primary-700: #6c2bd9;--Color-Style-Primary-800: #5521b5;--Color-Style-Primary-900: #4a1d96;--Color-Style-pt-bus-01: #386de8;--Color-Style-pt-bus-02: #3cc344;--Color-Style-pt-bus-03: #87c700;--Color-Style-pt-bus-04: #fb5852;--Color-Style-pt-bus-05: #65a6d2;--Color-Style-pt-bus-06: #ffb200;--Color-Style-pt-bus-07: #e47e34;--Color-Style-pt-bus-08: #87c700;--Color-Style-pt-bus-08-disabled: #abd84c;--Color-Style-pt-main-arrive: #f53838;--Color-Style-pt-main-drive-course: #7e3af2;--Color-Style-pt-main-line-bg: #454545;--Color-Style-pt-main-start: #5850ec;--Color-Style-pt-main-waypoint: #ff8514}#app{height:100%}.app-container{position:relative;width:100vw;height:100%;overflow:hidden;display:flex}.app-container nav{position:absolute;top:0;left:0;width:66px;height:100%;border-right:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);z-index:12;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translate(0);opacity:1}.panel-wrap{position:absolute;top:var(--panel-top);bottom:20px;left:var(--panel-left);width:var(--panel-width);min-width:var(--panel-width);z-index:10;display:flex;flex-direction:row;align-items:flex-start;flex-shrink:0;border-radius:24px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 2px 12px #00000040;transition:transform .3s ease}.panel-wrap.global-mode{height:88px;min-width:88px}.search-content-wrapper{height:calc(100% - 88px)}.search-content-wrapper.popular-search,.search-content-wrapper.building-search{height:100%}.search-content-wrapper.popular-search .search-result.search-page-style::-webkit-scrollbar-track,.search-content-wrapper.building-search .search-result.search-page-style::-webkit-scrollbar-track{margin:20px 0}.home-container .section-container::-webkit-scrollbar{width:6px}.home-container .section-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px;background-clip:padding-box;border:1px solid transparent}.home-container .section-container::-webkit-scrollbar-track{margin:20px 0}.map-area{position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1;display:flex;flex-direction:column;overflow:hidden}#map{flex:1;width:100%;height:100%;position:relative}.sidebar{list-style:none;padding:24px 8px;margin:0;display:flex;flex-direction:column;gap:12px}.sidebar-logo{margin-bottom:14px}.sidebar-item{border-radius:8px;cursor:pointer;color:var(--Color-Style-Grayscale-400, #9CA3AF);text-align:center;font-size:11px;font-weight:600;line-height:16px;display:flex;width:50px;padding:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px}.sidebar-item[data-route=report]{margin-top:auto}.sidebar-item.icon-container{width:24px;height:24px}.sidebar-item .sidebar-text{color:var(--Color-Style-Grayscale-400, #9CA3AF);text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.sidebar-item:not(.sidebar-logo):not(.disabled):hover .icon-container svg path,.sidebar-item:not(.sidebar-logo):not(.disabled):hover .icon-container svg circle{fill:var(--Color-Style-Grayscale-600, #4B5563)}.sidebar-item:not(.sidebar-logo):not(.disabled):hover span{color:var(--Color-Style-Grayscale-600, #4B5563)}.sidebar-item.active:not(.sidebar-logo){background:var(--Color-Style-Grayscale-100, #F3F4F6)}.sidebar-item.active:not(.sidebar-logo) span,.sidebar-item.active:not(.sidebar-logo) .sidebar-text{color:var(--Color-Style-Grayscale-900, #111928)}.sidebar-item.active:not(.sidebar-logo) .icon-container svg path,.sidebar-item.active:not(.sidebar-logo) .icon-container svg circle{fill:var(--Color-Style-Grayscale-900, #111928)}.sidebar-item.disabled{cursor:unset}.sidebar-item.disabled .icon-container svg path,.sidebar-item.disabled .icon-container svg circle{fill:var(--Color-Style-Grayscale-200, #E5E7EB)}.sidebar-item.disabled span{color:var(--Color-Style-Grayscale-200, #E5E7EB)}@media screen and (min-width: 1024px){.sidebar-logo{display:flex}.search-detail-panel .back-btn{display:none}.search-detail-panel .close-btn{display:flex}}@media screen and (max-width: 1023px){.app-container nav{position:fixed;left:20px;bottom:0;top:auto;width:var(--panel-width, 360px);height:var(--nav-height-tablet, 64px);display:flex;justify-content:center;align-items:stretch;background:#fff;box-shadow:0 2px 8px #00000026;border-radius:16px 16px 0 0;z-index:40;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(0);opacity:1;pointer-events:auto}.sidebar{display:flex;flex-direction:row;width:360px;padding:4px 16px 8px;justify-content:center;align-items:center;gap:20px;border-top:1px solid var(--Color-Style-Grayscale-200, #e5e7eb);background:var(--Color-Style-Grayscale-00, #fff);box-shadow:0 -2px 5px #0000000a}.sidebar::-webkit-scrollbar{display:none}.sidebar .sidebar-item span{display:block;font-size:11px;line-height:14px;max-width:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--Color-Style-Grayscale-400, #9ca3af)}.sidebar-logo{margin-bottom:0;display:none}.sidebar-item.active:not(.sidebar-logo){background:none}.sidebar-item.active:not(.sidebar-logo) span,.sidebar-item.active:not(.sidebar-logo) .sidebar-text{color:var(--Color-Style-Primary-600, #7e3af2)}.sidebar-item.active:not(.sidebar-logo) .icon-container svg path,.sidebar-item.active:not(.sidebar-logo) .icon-container svg circle{fill:var(--Color-Style-Primary-600, #7e3af2)}.sidebar-item.disabled .icon-container svg path,.sidebar-item.disabled .icon-container svg circle{fill:var(--Color-Style-Grayscale-200, #e5e7eb)}.sidebar-item.disabled span{color:var(--Color-Style-Grayscale-200, #e5e7eb)}.panel-wrap{background:none;box-shadow:none;left:20px;bottom:0}.panel-wrap:has(.drawer-container.drawer-default.close){pointer-events:none}.drawer-container{position:fixed;bottom:0;height:calc(100% - var(--nav-height-tablet, 64px));border-radius:24px 24px 0 0;background:var(--Color-Style-Grayscale-00, #fff);box-shadow:0 2px 12px #00000040;transition:transform .3s ease-in-out;transform:translateY(0);pointer-events:auto}.home-container>.drawer-container{top:var(--drawer-default-top-with-search, 68px);height:calc(100% - var(--drawer-default-top-with-search, 68px) - var(--nav-height-tablet, 64px))}.route-container>.drawer-container,.more-container>.drawer-container{height:100%!important}.search-container.has-temp-title>.drawer-container{top:0}.home-container>.drawer-container.close,.search-container>.drawer-container.close{transform:translateY(calc(100% - var(--drawer-close-btn-height, 28px)))}.search-container.has-temp-title>.drawer-container.close{transform:translateY(calc(100% - var(--nav-height-tablet, 64px) - (0px + var(--drawer-close-btn-height, 28px))))}.drawer-container.close{transform:translateY(calc(100% - var(--nav-height-tablet, 64px) - var(--drawer-close-btn-height, 28px)))}.drawer-close-btn{display:flex}.detail-panel-container{position:absolute;left:var(--panel-width);top:70px}.panel-container{display:flex!important}.btn.panel-toggle{display:none}.drawer-detail{position:fixed;left:20px;top:var(--drawer-detail-top, 20px);bottom:0;height:100%;width:var(--panel-width, 360px);border-radius:24px 24px 0 0;background:var(--Color-Style-Grayscale-00, #fff);box-shadow:0 2px 12px #00000040;transition:transform .3s ease-in-out;transform:translateY(0);z-index:1000}.drawer-detail .drawer-close-btn{display:flex}nav:has(.sidebar-item.active[data-route=search])~.panel-wrap .drawer-detail{top:var(--drawer-detail-top-with-search, 88px)}.drawer-detail.close{transform:translateY(calc(100% - (var(--drawer-detail-top, 20px) + var(--drawer-close-btn-height, 28px))))}nav:has(.sidebar-item.active[data-route=search])~.panel-wrap .drawer-detail.close{transform:translateY(calc(100% - (var(--drawer-detail-top-with-search, 88px) + var(--drawer-close-btn-height, 28px))))}.panel-wrap:has(.detail-panel-container.active) .drawer-default{display:none!important}.app-container:has(.detail-panel-container.active):not(:has(.route-detail-panel)):not(:has(.walk-detail-panel)):not(:has(.transit-route-detail-panel)) nav{display:none!important}.app-container:has(.search-content-wrapper .search-container) nav{display:none!important}.app-container:has(.detail-panel-container.active) nav{display:none!important}.drawer-detail:not(:has(.detail-panel-container.active)){display:none}.detail-panel-container.active{position:fixed;left:0;top:28px;bottom:0;background:var(--Color-Style-Grayscale-00, #fff);z-index:10;margin-left:0;box-shadow:unset;height:calc(100% - var(--drawer-detail-top-with-search, 88px) - var(--drawer-close-btn-height, 28px))}.detail-panel-container.active:has(.walk-detail-panel){height:calc(100% - 18px - var(--drawer-close-btn-height, 28px))}.detail-panel-container.active:has(.walk-detail-panel),.detail-panel-container.active:has(.route-detail-panel),.detail-panel-container.active:has(.transit-route-detail-panel){top:20px;height:calc(100% - 100px);position:relative}.detail-panel-container.active:has(.drive-detail){height:calc(100% - 48px)}.detail-panel-container.active .search-detail-panel{border-radius:0;box-shadow:none;height:100%}.search-detail-header-sticky{border-radius:unset}.search-detail-panel .back-btn{display:flex}.search-detail-panel .close-btn{display:none}.route-detail-panel .search-detail-header-sticky{box-shadow:unset;padding-top:0}.route-detail-panel .poi-scroll{overflow-y:auto;height:calc(100% - 68px)}.route-detail-panel .tbt-list{height:calc(100% - 117px)}.route-detail-panel .footer-time{position:fixed;bottom:10px;left:0;width:var(--panel-width, 360px);background:var(--Color-Style-Grayscale-00, #fff);z-index:1001}.search-input.search-page-style .autocomplete-container{width:360px;left:0}.transit-route-detail-panel .detail-footer{position:fixed;bottom:10px}.search-content-wrapper.building-search .drawer-container.drawer-default,.search-content-wrapper.popular-search .drawer-container.drawer-default{height:unset}.search-content-wrapper.building-search .drawer-container.drawer-default.close,.search-content-wrapper.popular-search .drawer-container.drawer-default.close{transform:translateY(calc(100% - var(--drawer-close-btn-height, 28px)))}}.flyer-buttons{pointer-events:none;position:absolute;right:0;z-index:20;padding:30px 20px 0;height:100%}.flyer-buttons .group{pointer-events:auto;display:flex;flex-direction:column;gap:20px}.flyer-buttons .group.bottom-area{position:absolute;bottom:30px}.flyer-buttons .map_control{position:relative}.flyer-buttons .compass_control{display:block}.flyer-buttons .compass_control.fade{opacity:1;transition:background-image .3s ease-in,opacity .5s ease-in-out}.flyer-buttons .compass_control.fade_out{opacity:0;transition:background-image .3s ease-in,opacity .5s ease-in-out}.flyer-buttons .map_type_control .maptype_box.active{display:flex}.flyer-buttons .map_zoom_control{box-shadow:0 0 6px #0000004d;border-radius:8px}.flyer-buttons .map_type_control .maptype_box{display:none;flex-direction:column;position:absolute;width:250px;gap:16px;top:0;right:64px;border-radius:24px;box-shadow:0 2px 12px #00000040;padding:16px 24px 24px;background:#fff}.flyer-buttons .map_type_control .maptype_box .maptype-section{display:flex;flex-direction:column;gap:16px;width:100%;align-items:flex-start}.flyer-buttons .map_type_control .maptype_box .maptype-section.map-options-section{align-items:unset}.flyer-buttons .map_type_control .maptype_box .maptype-title{font-size:16px;line-height:22px;color:#111928;font-weight:600}.flyer-buttons .map_type_control .maptype_box .maptype-select{display:flex;justify-content:center;align-items:center;gap:16px}.flyer-buttons .map_type_control .maptype_box .maptype-options{display:flex;justify-content:space-around;align-items:flex-start;gap:8px;flex-wrap:wrap}.flyer-buttons .map_type_control .maptype_box .maptype-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;width:61px}.flyer-buttons .map_type_control .map-mode-section .maptype-option{width:56px}.flyer-buttons .map_type_control .map-traffic-section .maptype-option{width:64px}.flyer-buttons .map_type_control .maptype_box .maptype-icon{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;border-radius:8px}.flyer-buttons .map-mode-section .maptype-option.active .maptype-icon svg path{stroke:#7e3af2}.flyer-buttons .map_type_control .maptype_box .maptype-label{color:var(--Color-Style-Grayscale-900, #111928);font-size:14px;line-height:20px}.flyer-buttons .map_type_control .maptype_box .maptype-option[data-map-option=cctv]{cursor:initial}.flyer-buttons .map_type_control .maptype_box .maptype-option[data-map-option=cctv] .maptype-label{color:var(--Color-Style-Grayscale-300, #D1D5DB)}.flyer-buttons .map_type_control .maptype_box .maptype-option.disabled{cursor:unset;pointer-events:none}.flyer-buttons .map_type_control .maptype_box .maptype-option.disabled .maptype-label{color:var(--Color-Style-Grayscale-300, #D1D5DB)}.flyer-buttons .map_type_control .maptype_box .maptype-option.disabled .maptype-icon>svg rect{fill:#f3f4f6}.flyer-buttons .map_type_control .maptype_box .maptype-option.disabled .maptype-icon>svg path{fill:#d1d5db}.flyer-buttons .map_type_control .maptype_box .maptype-divider{width:100%;height:1px;background-color:#e5e7eb;transform:rotate(0)}.flyer-buttons .map_type_control .maptype_box .maptype-display{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.flyer-buttons .map_type_control .maptype_box .maptype-traffic-container{display:flex;justify-content:center;align-items:flex-start;gap:8px;flex-wrap:wrap}.flyer-buttons .map_type_control .maptype_box .maptype-accident-construction{background-color:#f3f4f6;border-radius:8px;padding:12px 10px;width:100%}.flyer-buttons .map_type_control .maptype_box .maptype-accident-content{display:flex;justify-content:space-between;align-items:center;gap:10px}.flyer-buttons .map_type_control .maptype_box .maptype-accident-label{font-size:14px;line-height:20px;color:#111928;flex:1}.flyer-buttons .map_type_control .maptype_box .maptype-toggle-container{display:flex;align-items:center}.flyer-buttons .map_type_control .maptype_box .maptype-toggle{width:36px;height:20px;background-color:#d1d5db;border-radius:100px;position:relative;cursor:pointer;transition:background-color .3s ease}.flyer-buttons .map_type_control .maptype_box .maptype-toggle.active{background-color:#7e3af2}.flyer-buttons .map_type_control .maptype_box .maptype-toggle-switch{width:16px;height:16px;background-color:#fff;border-radius:100px;position:absolute;top:2px;left:2px;transition:left .3s ease;box-shadow:0 2px 4px #0000001a}.flyer-buttons .map_type_control .maptype_box .maptype-toggle.active .maptype-toggle-switch{left:18px}.flyer-buttons .map_type_control .maptype_box .maptype-languages{display:flex;flex-direction:column;gap:8px;width:100%}.flyer-buttons .map_type_control .maptype_box .maptype-lang-row{display:flex;gap:8px;width:100%}.flyer-buttons .map_type_control .maptype_box .maptype-lang-button{flex:1;padding:6px 8px;font-size:14px;line-height:20px;font-weight:400;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111928;cursor:pointer;transition:all .2s ease}.flyer-buttons .map_type_control .maptype_box .maptype-lang-button.active{background-color:#7e3af2;color:#fff;border-color:#7e3af2}.flyer-buttons .map_type_control .maptype_box .maptype-lang-button:hover{background-color:#f3f4f6}.flyer-buttons .map_type_control .maptype_box .maptype-lang-button.active:hover{background-color:#6d28d9}.flyer-buttons .language_control .maptype_box.active{display:flex}.flyer-buttons .language_control .maptype_box{position:absolute;display:none;gap:4px;right:64px;top:0;width:130px;padding:6px;flex-direction:column;align-items:center;border-radius:8px;background-color:#fff;box-shadow:0 0 6px #0000004d;cursor:pointer;color:var(--Color-Style-Grayscale-500, #6B7280);font-size:12px;font-weight:600;line-height:16px}.flyer-buttons .language_control .maptype_box div{display:flex;padding:5px 8px;justify-content:center;align-self:stretch;border-radius:8px}.flyer-buttons .language_control .maptype_box div:hover,.flyer-buttons .language_control .maptype_box div.select{background:var(--Color-Style-Grayscale-100, #F3F4F6)}.btn.flyer{width:48px;height:48px;border-radius:8px;background:var(--Color-Style-Grayscale-00, #FFF);box-shadow:0 0 6px #0000004d}.btn.flyer.plus{box-shadow:none;border-radius:8px 8px 0 0;border-bottom:1px solid var(--Color-Style-Grayscale-200, #E5E7EB);background:var(--Color-Style-Grayscale-00, #FFF)}.btn.flyer.minus{box-shadow:none;border-radius:0 0 8px 8px;background:var(--Color-Style-Grayscale-00, #FFF)}.btn.flyer.plus.disabled svg path,.btn.flyer.minus.disabled svg path{fill:var(--Color-Style-Grayscale-100, #F3F4F6)}.btn.flyer:hover:not(.disabled){background:var(--Color-Style-Grayscale-100, #F3F4F6)}.btn.flyer.selected{background:var(--Color-Style-Primary-600, #7E3AF2)}.btn.flyer.selected svg path{fill:#fff}.mapboxgl-ctrl.mapboxgl-ctrl-scale.routogl-scale{width:47.6158px;float:unset;right:88px;bottom:30px;position:absolute;margin:unset}@media (max-width: 1024px){.map_control.map_zoom_control,.mapboxgl-ctrl.mapboxgl-ctrl-scale.routogl-scale{display:none}}.btn{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon{object-fit:contain;display:flex;align-items:center;justify-content:center}.retry-btn{display:flex;width:108px;padding:12px 14px;justify-content:center;align-items:center;gap:6px;border-radius:12px;background:var(--Color-Style-Grayscale-50, #f9fafb)}.retry-btn:hover{background-color:#f3f4f6;color:#5a2bb7}.route-btn{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:12px;background:var(--Color-Style-Primary-600, #7e3af2);color:var(--Color-Style-Grayscale-00, #fff);text-align:center;font-size:14px;font-weight:600;line-height:20px}.route-btn:hover{background-color:#6c2bd9}.apply-hover-background:hover{background:var(--Color-Style-Grayscale-300, #d1d5db)}.reset-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 14px;border:1px solid var(--Color-Style-Primary-600);border-radius:12px;background-color:transparent;cursor:pointer;transition:background-color .2s;white-space:nowrap}.reset-btn .btn-label{color:var(--Color-Style-Primary-600, #7e3af2);text-align:center;font-family:Pretendard Variable;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.reset-btn:hover{background-color:#7e3af20d}.waypoint-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 14px;border:1px solid var(--Color-Style-Primary-600);border-radius:12px;background-color:transparent;cursor:pointer;transition:background-color .2s;white-space:nowrap}.waypoint-btn .btn-label{color:var(--Color-Style-Primary-600, #7e3af2);text-align:center;font-family:Pretendard Variable;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.waypoint-btn:hover{background-color:#7e3af20d}.waypoint-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background-color:#00000073;z-index:9998;display:flex;align-items:center;justify-content:center;animation:popup-fade-in .2s ease-out}.popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;background-color:var(--color-grayscale-00, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0003;padding:16px;z-index:9999;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;animation:popup-scale-in .2s ease-out}.popup-content{display:flex;flex-direction:column;gap:16px;width:100%}.popup-title{font-size:18px;font-weight:600;line-height:24px;color:var(--color-grayscale-800, #1f2a37)}.popup-message{font-size:16px;line-height:22px;color:var(--color-grayscale-800, #1f2a37)}.popup-button{width:100%;padding:10px 16px;background-color:var(--color-primary-600, #7e3af2);border:none;border-radius:12px;font-size:14px;font-weight:600;line-height:20px;color:var(--color-grayscale-00, #ffffff);cursor:pointer}.popup-button:hover{background-color:#6c2bd9}.popup-button:active{background-color:#5a2bb7}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-overlay.subway-popup-overlay .popup-container{gap:28px;padding:32px 24px 24px;align-items:center;align-self:stretch;width:360px}.popup-overlay.subway-popup-overlay .popup-container .popup-content{justify-content:center;align-items:center;gap:0px}.popup-overlay.subway-popup-overlay .popup-image-container{width:48px;height:48px}.popup-overlay.subway-popup-overlay .popup-title{margin-top:10px;color:var(--Color-Style-Grayscale-900, #111928);text-align:center;font-size:20px;font-weight:600;line-height:28px}.popup-overlay.subway-popup-overlay .popup-container .popup-message{margin-top:6px;display:flex;justify-content:center;color:var(--Color-Style-Grayscale-600, #4B5563);font-size:16px;line-height:22px;text-align:center}
