:root{--form-block-size: 5rem}@media screen and (width <= 40rem){:root{--form-block-size: 3.125rem}}[type=search]{appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-results-button{display:none}.web-header{display:flex;flex-flow:column nowrap;gap:var(--space-ml);justify-content:center;margin-block:5rem}.web-header .web-title-wrapper{display:flex;align-items:center;flex-flow:row nowrap;gap:var(--space-md)}.web-header .web-title{position:relative;inline-size:100%;block-size:7.5rem}.web-header .web-title .title-logo{display:inline-block;inline-size:100%;max-inline-size:18.75rem;block-size:100%;background:url(/assets/logo.png) no-repeat left / contain}html[data-theme=dark] :is(.web-header .web-title .title-logo){background-image:url(/assets/logo-white.png)}@media screen and (width <= 40rem){.web-header .web-title .title-logo{max-inline-size:12.5rem}}.web-header #theme-toggle{position:fixed;top:3.875rem;right:3.875rem;z-index:999;background:var(--bg-color);border:1px solid var(--border-color);color:#000;padding:.375rem .75rem;border-radius:.375rem;font-size:var(--font-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.web-header #theme-toggle:focus{outline:3px solid var(--outline)}.web-header #theme-toggle:hover{background-color:var(--bg-hover-color)}.web-header #theme-toggle .btn-bg{display:inline-block;inline-size:1.25rem;block-size:1.25rem;background:url(/assets/weatherIcon/14.svg) center / cover no-repeat}.web-header .current-time{font-weight:600;font-size:var(--font-lg);color:var(--text-color-50);line-height:1}@media screen and (width <= 40rem){.web-header{text-align:center;margin-block:2.5rem}.web-header .web-title-wrapper{justify-content:center}.web-header #theme-toggle{top:.625rem;right:.625rem}.web-header #theme-toggle .btn-bg{inline-size:.8125rem;block-size:.8125rem}}.current-weather-title{font-weight:700;font-size:var(--font-lg);color:var(--text-color);margin-bottom:3.875rem}@media screen and (width <= 40rem){.current-weather-title{text-align:center;margin-bottom:1.9375rem}}.weather-container{min-width:100%;background-color:transparent;display:flex;flex-flow:row nowrap;gap:var(--space-3xl)}@media screen and (width <= 40rem){.weather-container{flex-direction:column}}.weather-left{flex:1;max-inline-size:80%}@media screen and (width <= 40rem){.weather-left{max-inline-size:100%}}.weather-search-form{inline-size:100%;block-size:var(--form-block-size);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.search-wrapper{flex:1;block-size:100%;position:relative}.search-wrapper .search-input:not(:placeholder-shown)+.search-label{display:block;top:0;background-color:var(--label-bg-color);color:var(--label-text-color)}@media screen and (width <= 40rem){.search-wrapper .search-input:not(:placeholder-shown)+.search-label{top:-.3125rem}}.search-wrapper .search-input:not(:placeholder-shown)::placeholder{color:transparent}.search-wrapper:focus-within .wrapper-outline{outline:3px solid var(--outline)}.search-wrapper:focus-within .search-label{display:block;top:0;background-color:var(--label-bg-color);color:var(--label-text-color)}@media screen and (width <= 40rem){.search-wrapper:focus-within .search-label{top:-.3125rem}}.search-wrapper:focus-within .search-input::placeholder{color:transparent}.search-wrapper:focus-within .search-input,.search-wrapper:focus-within .search-lists{border-color:var(--black)}.search-input{--text-color: #000;inline-size:100%;block-size:var(--form-block-size);padding:.625rem 4rem .625rem 2rem;border:1px solid var(--border-color);border-radius:1.5rem;background-color:var(--bg-color);font-size:var(--font-md);font-weight:400;outline:0;color:var(--text-color)}.search-input.remove-border{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-input::placeholder{color:#000;opacity:.5;font-size:var(--font-md);font-weight:400}.search-label{position:absolute;top:50%;left:2rem;transform:translateY(-50%);color:transparent;background-color:transparent;font-size:var(--font-xs);font-weight:800;transition:top .3s ease;padding:.25rem .5rem;border-radius:.25rem}.input-reset-button{position:absolute;inline-size:2rem;block-size:2rem;background-color:#0056ab;border:0;border-radius:50%;top:50%;right:1.5rem;transform:translateY(-50%) rotate(45deg);cursor:pointer;z-index:5;padding:0}.input-reset-button:before,.input-reset-button:after{content:"";position:absolute;inline-size:1.25rem;block-size:.125rem;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.input-reset-button:after{transform:translate(-50%,-50%) rotate(90deg)}.input-reset-button:hover{opacity:.8}.input-reset-button:focus{outline:.1875rem solid #f9004d}.input-reset-button:disabled{visibility:hidden;opacity:0;pointer-events:none}@media screen and (width <= 40rem){.input-reset-button{inline-size:1.5rem;block-size:1.5rem}.input-reset-button:before,.input-reset-button:after{inline-size:.9375rem}}.search-lists{background-color:var(--bg-color);font-size:var(--font-md);border:.0625rem solid var(--border-color);border-top:0;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;color:#000;cursor:pointer}.search-lists li{padding:1.1875rem 2rem}.search-lists li:hover:not(.no-search),.search-lists li.highlight:not(.no-search){background-color:var(--bg-hover-color)}.search-lists li:last-child{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.search-lists li button{text-align:start;padding:0;border:0;inline-size:100%;block-size:auto;padding-block:.3125rem;outline:0}.search-lists .no-search{cursor:auto}@media screen and (width <= 40rem){.search-lists li{padding-block:.75rem}}.search-button{padding:1.125rem 1.25rem;block-size:100%;border:1px solid var(--border-color);border-radius:1.5rem;color:#fff;font-size:var(--font-md);font-weight:700;background-color:#0056ab}html[data-theme=dark] .search-button{color:#000;background-color:#fff}.search-button:hover{opacity:.8}.search-button:focus{outline:3px solid #f9004d}@media screen and (width <= 40rem){.search-button{padding:.5625rem .625rem;border-radius:50%}}.weather-info{margin-block-start:3.875rem;display:flex;flex-flow:row nowrap;align-items:flex-start;gap:var(--space-7xl)}@media screen and (width <= 40rem){.weather-info{flex-flow:column nowrap;align-items:center;margin-block-start:1.9375rem;gap:0}}.weather-summary{display:flex;flex-flow:column nowrap}.weather-summary .weather-location{font-size:var(--font-xl);font-weight:400;color:var(--text-color)}.weather-summary .weather-location .data-time{font-size:var(--font-sm)}.weather-summary .weather-temp{font-size:var(--font-3xl);font-weight:600;color:var(--text-color)}.weather-summary .weather-detail{color:var(--text-color)}.weather-summary .weather-detail span{font-size:var(--font-md)}.weather-summary .weather-detail span:first-child{font-weight:700}.weather-summary .weather-detail .weather-lowhight-temp{display:flex;align-items:center;flex-flow:row nowrap;gap:var(--space-ml)}.weather-summary .weather-detail .weather-lowhight-temp span{font-weight:400}.weather-summary .weather-detail-sub{--text-color: #000;margin-top:7.75rem;display:flex;align-items:center;flex-flow:row nowrap}.weather-summary .weather-detail-sub span{display:inline-block;text-align:center;inline-size:100%;background-color:#f5f7fa;padding:1rem 1.125rem;font-size:var(--font-sm);font-weight:400;border-radius:1.5rem;white-space:nowrap;color:var(--text-color)}.weather-summary .weather-detail-sub span:nth-child(2){margin-inline:.75rem}@media screen and (width <= 40rem){.weather-summary{align-items:center}.weather-summary .weather-location{display:flex;flex-flow:column nowrap;align-items:center}.weather-summary .weather-temp{font-size:3.75rem}.weather-summary .weather-detail{text-align:center}.weather-summary .weather-detail-sub{margin-top:.625rem}.weather-summary .weather-detail-sub span{padding:1rem .3125rem}.weather-summary .weather-detail-sub span:nth-child(2){margin-inline:.375rem}}.weather-icon{inline-size:calc(50% - 10rem);aspect-ratio:1 / 1;object-fit:contain;align-self:center}.weather-icon img{inline-size:100%;aspect-ratio:1 / 1;object-fit:contain}@media screen and (width <= 40rem){.weather-icon{order:-1;inline-size:10rem;max-inline-size:100%}}.weather-hourly{max-inline-size:16.25rem;color:var(--text-color);white-space:nowrap;align-self:center}@media screen and (width <= 40rem){.weather-hourly{max-inline-size:100%}}.hourly-lists{display:flex;flex-direction:column;align-items:center;color:var(--text-color);column-gap:1.25rem}.hourly-lists:focus{outline:.1875rem solid var(--outline)}@media screen and (width <= 40rem){.hourly-lists{flex-direction:row;overflow:scroll;scrollbar-width:none}}.hourly-item{display:flex;align-items:center;gap:var(--space-ml);font-size:var(--font-md);letter-spacing:0;flex-shrink:0}.hourly-item .hourly-icon{position:relative;display:inline-block;inline-size:2.875rem;block-size:2.875rem}.hourly-item .hourly-temp{font-weight:700}.hourly-item:first-child{padding-block-end:1.25rem}.hourly-item:not(:first-child){padding-block:1.25rem}.hourly-item:not(:last-child){border-bottom:.0625rem solid #0000001a}@media screen and (width <= 40rem){.hourly-item{flex-direction:column}.hourly-item .hourly-icon{inline-size:100%;block-size:auto}.hourly-item:first-child{padding-block-end:0}.hourly-item:not(:first-child){padding-block:0}.hourly-item:not(:last-child){border-bottom:none}}.components-title{font-size:var(--font-md);font-weight:700;margin:var(--space-7xl) 0 var(--space-4xl) 0;color:#000;padding-left:var(--space-md);position:relative}.components-title:before{content:"";width:6px;height:100%;background:#000;position:absolute;left:0;top:0}.day-weather-cell-wrap{max-width:50%}.weekly-forecast-item-wrap{width:50%}.weekly-forecast-wrap:focus-within .weekly-forecast{outline:.1875rem solid var(--outline)}.day-weather-cell{text-align:center;width:100%}.day-weather-cell p{font-size:var(--font-sm);font-weight:700;margin-bottom:var(--space-ml)}.day-weather-cell img{margin:0 auto;min-width:72px;aspect-ratio:1/1}.weekly-forecast-item{width:100%;padding:var(--space-lg) var(--space-ml);text-align:center}.weekly-forecast-item .forecast-label{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-s)}.weekly-forecast-item .forecast-date{font-size:var(--font-md);opacity:50%}.weekly-forecast-item .day-weather{margin:var(--space-lg) 0;display:flex;gap:var(--space-lg)}.weekly-forecast-item .minmax-temp{display:inline-block;padding:var(--space-ms) var(--space-md);font-size:var(--font-md);font-weight:700;background:var(--card-element-bg-color);border-radius:var(--radius-md)}.sub-title{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-xl);color:var(--text-color)}@media screen and (width <= 640px){.sub-title{text-align:center}}.weekly-forecast{border-radius:var(--radius-xl);background:var(--card-bg-color);box-shadow:0 0 80px #000f4d1a;display:flex;justify-content:space-between;padding:var(--space-lg);gap:var(--space-lg);overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.weekly-forecast ::-webkit-scrollbar{display:none}.playlist{display:flex;flex-flow:column;gap:var(--space-2xl);width:100%;height:auto;overflow:hidden;position:relative}.playlist a{color:inherit;text-decoration:none}.playlist .playlist__describe{font-family:Pretendard;font-size:var(--font-lg);font-style:normal;font-weight:700;line-height:normal}.playlist .playlist__inner{display:flex;flex-flow:row nowrap;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.playlist .playlist__inner .playlist__track-container{display:flex;flex-flow:column;align-items:center;justify-content:center;height:auto;gap:var(--space-ms);padding:.3125rem}.playlist .playlist__inner .playlist__track-container a:focus{outline:.1875rem solid var(--outline)}.playlist .playlist__inner .playlist__cover{width:300px;aspect-ratio:1;border-radius:var(--radius-full);border:8px solid var(--bg-color);background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:var(--space-lg)}.playlist .playlist__inner .playlist__title{font-size:var(--font-md);font-style:normal;font-weight:700;line-height:normal;min-height:80px;text-align:center}.playlist .playlist__inner .playlist__singer{font-size:var(--font-md);font-style:normal;font-weight:400;line-height:normal;opacity:.5;min-height:80px;text-align:center}.playlist .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--space-4xl);height:var(--space-4xl);border-radius:var(--radius-full)}@media (max-width: 640px){.playlist .playlist__describe{text-align:center}.playlist .playlist__inner .playlist__cover{width:150px;border:4px solid var(--bg-color)}.playlist .carousel-arrow{display:none}}:root{--text-color: #000;--text-color-50: #00000080;--border-color: #0000001a;--bg-color: #f5f7fa;--outline: #0056ab;--bg-hover-color: #e2e4e7;--body-bg-color: #fff;--card-bg-color: #fff;--card-element-bg-color: #f5f7fa;--label-text-color: #fff;--label-bg-color: #0056ab;--svg-bg-color: #181818;--modal-error-color: #f7616e;--modal-button-outline: #0056ab;--font-xs: 1.25rem;--font-sm: 1.5rem;--font-md: 1.75rem;--font-lg: 2.5rem;--font-xl: 3.5rem;--font-2xl: 5rem;--font-3xl: 7.5rem;--space-xs: .25rem;--space-s: .5rem;--space-sm: .75rem;--space-ms: 1.125rem;--space-md: 1.375rem;--space-ml: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 3.5rem;--space-3xl: 4rem;--space-4xl: 5rem;--space-5xl: 6rem;--space-6xl: 8rem;--space-7xl: 10rem;--radius-md: 1.5rem;--radius-lg: 2rem;--radius-xl: 4rem;--radius-full: 624.9375rem}@media screen and (width <= 40rem){:root{--font-xs: .8125rem;--font-sm: .9375rem;--font-md: 1.125rem;--font-lg: 1.5625rem;--font-xl: 2.1875rem;--font-2xl: 3.125rem;--font-3xl: 4.6875rem;--space-xs: .1875rem;--space-s: .3125rem;--space-sm: .5rem;--space-ms: .625rem;--space-md: .8125rem;--space-ml: .9375rem;--space-lg: 1.25rem;--space-xl: 1.5625rem;--space-2xl: 2.1875rem;--space-3xl: 2.5rem;--space-4xl: 3.125rem;--space-5xl: 3.75rem;--space-6xl: 5rem;--space-7xl: 6.25rem;--radius-md: .8125rem;--radius-lg: 1.25rem;--radius-xl: 2.5rem}}[data-theme=dark]{--text-color: #fff;--text-color-50: #ffffff80;--border-color: #fff;--body-bg-color: #181818;--card-bg-color: #121212;--card-element-bg-color: rgba(255, 255, 255, .1);--outline: #f9004d;--label-text-color: #000;--label-bg-color: #fff;--svg-bg-color: #fff;--modal-button-outline: #7df9ff}body{background:var(--body-bg-color);color:var(--text-color);margin:0;font-size:var(--font-md)}.header-area{max-width:107.5rem;margin-bottom:var(--space-xl);display:flex;align-items:center;justify-content:flex-start}.header-area h2{font-family:Pretendard,Noto Sans KR,sans-serif;font-size:var(--font-lg);font-weight:700;color:var(--header-color);margin:0;text-align:left;width:100%;word-break:keep-all}.carousel-area{max-width:107.5rem;display:flex;align-items:center;justify-content:center}.carousel-outer{max-width:107.5rem;overflow:scroll hidden;margin:0 auto;padding:.75rem;scrollbar-width:none}.carousel-track-frame{width:100%;height:100%;overflow:hidden}.place-list{display:flex;gap:var(--space-lg);padding:0;margin:0;list-style:none;width:max-content;scroll-behavior:smooth;transition:transform .3s cubic-bezier(.7,0,.3,1)}.place-card{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:25rem;background:none;border:none;padding:.9375rem;margin:0;overflow:visible;border-radius:var(--radius-xl)}.place-card a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-decoration:none;position:relative;background:transparent;transition:transform .18s cubic-bezier(.7,0,.3,1),box-shadow .16s,outline .16s;will-change:transform,box-shadow;outline:none}.place-card a:hover{transform:scale(1.045);z-index:2}.place-card a:focus-visible{transform:scale(1.045);z-index:2;outline:.19rem solid var(--outline);outline-offset:.13rem}.place-card a:active{transform:scale(.97)}.place-img-wrap{width:100%;height:18.75rem;min-height:5rem;border-radius:var(--radius-xl);background:var(--img-bg);flex-shrink:0;flex-grow:0}.place-title,.place-address,.place-desc{width:100%;text-align:center;justify-content:center}.place-title{min-height:var(--space-xl);font-size:var(--font-md);font-weight:700;color:var(--text-color);margin-top:var(--space-lg);flex-shrink:0}.place-address{min-height:var(--space-lg);font-size:var(--font-sm);color:var(--text-color);flex-shrink:0}.place-desc{min-height:var(--space-xl);font-size:var(--font-xs);color:var(--text-color);margin-bottom:var(--space-xs);flex-shrink:0}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--space-4xl);height:var(--space-4xl);border-radius:var(--radius-full)}.carousel-arrow:focus{outline:.1875rem solid var(--outline)}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.carousel-arrow:active{transform:translateY(-50%) scale(.93);box-shadow:0 .25rem 1rem #0000001a}@media (max-width: 640px){.header-area h2{text-align:center}.carousel-arrow{display:none;pointer-events:none}.carousel-arrow:active{transform:translateY(-50%) scale(.93);box-shadow:0 .25rem 1rem #0000001a}.carousel-outer{min-width:0}.place-card,.place-card a{width:12.5rem;height:auto}.place-img-wrap{height:5rem;border-radius:var(--radius-md)}.place-title,.place-address{font-size:var(--font-xs);margin-top:var(--space-xs)}.place-desc{font-size:var(--font-xs)}}.web-footer{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;box-shadow:0 -6px 20px #00000026;font-size:var(--font-md);font-weight:600;padding-block:var(--space-lg);margin-block-start:var(--space-7xl)}.web-footer p{margin-block-end:var(--space-sm)}.github-link{display:inline-block;inline-size:3.125rem;block-size:3.125rem;transition:scale .3s ease-in-out}.github-link svg{fill:var(--svg-bg-color)}.github-link:focus-within{outline:.1875rem solid var(--outline)}.github-link:hover{scale:1.1}.github-link:hover svg{fill:var(--outline)}.modal-container{position:fixed;inset:0;border:transparent;border-radius:.3125rem;inline-size:100%;max-inline-size:31.25rem;padding:0}.modal-container section{padding:0}@media screen and (width <= 40rem){.modal-container{max-inline-size:80%}}.modal-header{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:var(--space-sm);padding-block-start:var(--space-3xl)}.modal-header h3{font-size:var(--font-md)}.modal-header-img{background-color:var(--modal-error-color);inline-size:5rem;block-size:5rem;border:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.modal-header-img svg{inline-size:70%;fill:#fff}.modal-description{font-size:var(--font-xs);padding-block:var(--space-md);padding-inline:var(--space-xl);text-align:center;color:#00000080;font-weight:600}.modal-btn{inline-size:100%;background-color:transparent}.modal-btn:focus-within .continue-btn{border-color:var(--modal-button-outline)}.continue-btn{padding:var(--space-lg);border:.1875rem solid transparent;outline:0;inline-size:100%;font-size:var(--font-sm);font-weight:600;background-color:var(--modal-error-color);border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem}.continue-btn:hover{opacity:.7}*{box-sizing:border-box}html,body{padding:0;margin:0}body{background-color:var(--body-bg-color)}.web-header,section{padding-inline:3.875rem}@media screen and (width <= 40rem){.web-header,section{padding-inline:2.5rem}}section{position:relative}.web-main{display:flex;flex-flow:column nowrap;gap:var(--space-7xl)}