@charset "utf-8";/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}

/* common */

@font-face {
    font-family:'Pretendard';
    font-weight:900;
    font-display:swap;
    src:local('Pretendard Black'), url(/wnuri-map/font/Pretendard-Black.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Black.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:800;
    font-display:swap;
    src:local('Pretendard ExtraBold'), url(/wnuri-map/font/Pretendard-ExtraBold.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-ExtraBold.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:700;
    font-display:swap;
    src:local('Pretendard Bold'), url(/wnuri-map/font/Pretendard-Bold.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Bold.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:600;
    font-display:swap;
    src:local('Pretendard SemiBold'), url(/wnuri-map/font/Pretendard-SemiBold.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-SemiBold.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:500;
    font-display:swap;
    src:local('Pretendard Medium'), url(/wnuri-map/font/Pretendard-Medium.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Medium.subset.woff) format('woff');
}

@font-face {
    font-family:'Base';
    font-weight:400;
    font-display:swap;
    src:local('Pretendard Regular'), url(/wnuri-map/font/Pretendard-Regular.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Regular.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:300;
    font-display:swap;
    src:local('Pretendard Light'), url(/wnuri-map/font/Pretendard-Light.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Light.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:200;
    font-display:swap;
    src:local('Pretendard ExtraLight'), url(/wnuri-map/font/Pretendard-ExtraLight.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-ExtraLight.subset.woff) format('woff');
}

@font-face {
    font-family:'Pretendard';
    font-weight:100;
    font-display:swap;
    src:local('Pretendard Thin'), url(/wnuri-map/font/Pretendard-Thin.subset.woff2) format('woff2'), url(/wnuri-map/font/Pretendard-Thin.subset.woff) format('woff');
}

:root {
  --bg-color:#181D2B;
  --box-line:#2A3141;
  --line:#384156;
  --bg-box:#212633;
  --bg-button1:#181D2B;
  --bg-color2:#2C364F;
  --text-color1:#fff;
  --text-color2:#fff;
  --text-color-red:#EE6666;
  --text-color-blue:#597DF2;
  --icon-color:#fff;
  --line-select:#2A3141;
  --bg-tab:#2C364F;
  --bg-tab2:#2E7EF6;
  --bg-tab3:#181D2B;
  --tab3-line:#2A3141;
  --tab3-text:#fff;
  --layer-bg:#10131C;
  --table-line:#38455F;
  --table-th-bg:#212633;
  --table-td-bg:#181D2B;
  --scroll-thumb:#212633;
  --dialog-header:#2C364F;
  --dialog-line:#2C364F;
  --dialog-header-title:#fff;
  --dialog-header-border:#252D43;
  --dialog-theme-bg1:#181D2B;
  --dialog-theme-bg2:#212633;
  --dialog-theme-bg3:#181D2B;
  --dialog-theme-bg4:#212633;
}

.light-theme {
  --bg-color:#F7F8FB;
  --box-line:#E4E8EF;
  --line:#E4E8EF;
  --bg-box:#fff;
  --bg-button1:#fff;
  --bg-color2:#E2ECFF;
  --text-color1:#1E222F;
  --text-color2:#000;
  --text-color-red:#E4201D;
  --text-color-blue:#0C4077;
  --icon-color:#1E222F;
  --line-select:#E4E8EF;
  --bg-tab:#fff;
  --bg-tab3:#fff;
  --tab3-text:#7386B6;
  --tab3-line:#E4E8EF;
  --layer-bg:#fff;
  --table-line:#D5DCE8;
  --table-th-bg:#F3F3F3;
  --table-td-bg:#fff;
  --scroll-thumb:#E5E8F2;
  --dialog-header:#fff;
  --dialog-line:#fff;
  --dialog-header-title:#1E222F;
  --dialog-header-border:#CED6E3;
  --dialog-theme-bg1:#F7F8FB;
  --dialog-theme-bg2:#F3F3F3;
  --dialog-theme-bg3:#F3F3F3;
  --dialog-theme-bg4:#fff;
}

@keyframes modal-hide {
  0% {display:flex;}
  100% {display:none;}
}

@keyframes fade-In {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes fade-Out {
  0% {opacity:1;}
  100% {opacity:0;visibility:hidden;}
}

@keyframes scale-In {
  0% {display:flex;opacity:0;}
  1% {opacity:0;transform:scale(0.8);}
  100% {opacity:1;transform:scale(1);}
}

@keyframes scale-Out {
  0% {opacity:1;transform:scale(1);}
  99% {opacity:0;transform:scale(0.8);visibility:hidden;}
  100% {display:none;opacity:0;}
}

@keyframes bottom-In {
  0% {display:flex;opacity:0;z-index:0;}
  1% {transform:translateY(10rem);opacity:0;}
  100% {transform:translateY(0);opacity:1;}
}

@keyframes bottom-Out {
  0% {transform:translateY(0);opacity:1;}
  99% {transform:translateY(10rem);opacity:0;}
  100% {transform:translateY(10rem);opacity:0;visibility:hidden;}
}

@keyframes top-In {
  0% {display:flex;opacity:0;z-index:0;}
  1% {transform:translateY(-10rem);opacity:0;}
  100% {transform:translateY(0);opacity:1;}
}

@keyframes top-Out {
  0% {transform:translateY(0);opacity:1;}
  99% {transform:translateY(-10rem);opacity:0;}
  100% {transform:translateY(-10rem);opacity:0;visibility:hidden;}
}

@keyframes left-In {
  0% {display:flex;opacity:0;z-index:0;}
  1% {transform:translateX(-10rem);opacity:0;}
  100% {transform:translateX(0);opacity:1;}
}

@keyframes left-Out {
  0% {transform:translateX(0);opacity:1;}
  99% {transform:translateX(-10rem);opacity:0;}
  100% {transform:translateX(-10rem);opacity:0;visibility:hidden;}
}

@keyframes right-In {
  0% {display:flex;opacity:0;z-index:0;}
  1% {transform:translateX(10rem);opacity:0;}
  100% {transform:translateX(0);opacity:1;}
}

@keyframes right-Out {
  0% {transform:translateX(0);opacity:1;}
  99% {transform:translateX(10rem);opacity:0;}
  100% {transform:translateX(10rem);opacity:0;visibility:hidden;}
}

@keyframes slideDownIn {
  0% {display:flex;opacity:0;}
  1% {top:-10rem;opacity:0;}
  100% {top:0;opacity:1;}
}

@keyframes slideDownOut {
  0% {top:0;opacity:1;}
  99% {top:-10rem;opacity:0;}
  100% {display:none;opacity:0;}
}

@keyframes slideLeftIn {
  0% {display:flex;}
  1% {left:-100dvw;opacity:1;}
  100% {left:0;opacity:1;}
}

@keyframes slideLeftOut {
  0% {left:0;opacity:1;}
  99% {left:-100dvw;opacity:1;}
  100% {left:-100dvw;opacity:1;visibility:hidden;}
}

@keyframes slideRightIn {
  0% {display:flex;}
  1% {right:-100dvw;opacity:1;}
  100% {right:0;opacity:1;}
}

@keyframes slideRightOut {
  0% {right:0;opacity:1;}
  99% {right:-100dvw;opacity:1;}
  100% {right:-100dvw;opacity:1;visibility:hidden;}
}

@keyframes show_toast {
  0% {transform:translateY(10rem);opacity:0;}
  100% {transform:translateY(0);opacity:1;}
}

@keyframes hide_toast {
  0% {transform:translateY(0);margin-bottom:0;opacity:1;}
  100% {transform:translateY(0);margin-bottom:-5.2rem;opacity:0;}
}

.scroll-not {overflow:hidden !important;}

/* 기본 영역 z-index */

.area-dropdown {position:absolute;top:0;left:0;z-index:100;}

.area-tooltip {position:absolute;top:0;left:0;z-index:200;}

.area-dialog {position:absolute;top:0;left:0;z-index:300;width:100%;height:100%;overflow:hidden;pointer-events:none;}

.area-dialog[data-area="body"] {position:fixed;}

.area-toast {position:absolute;top:0;left:0;z-index:400;width:100%;height:100%;overflow:hidden;pointer-events:none;}

.area-toast[data-ps="bottom"] {display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0.8rem;padding-bottom:0.8rem;}

/* accordion */

[data-accordion] {width:100%;position:relative;display:flex;flex-direction:column;}

[data-accordion-item] {display:flex;flex-direction:column;}

[data-accordion-head] {position:relative;display:flex;}

[data-accordion-head] a {position:relative;z-index:2;}

[data-accordion-button] {position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;}

[data-accordion-title] {position:relative;z-index:0;}

[data-accordion-body] {overflow:hidden;}

/* dialog */

[data-dialog] {display:none;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;overflow:hidden;justify-content:center;align-items:center;pointer-events:visible;}

[data-dialog][data-zindex="1"] {z-index:1;}

[data-dialog][data-zindex="2"] {z-index:2;}

[data-dialog][data-zindex="3"] {z-index:3;}

[data-dialog][data-zindex="4"] {z-index:4;}

[data-dialog][data-zindex="5"] {z-index:5;}

[data-dialog][data-zindex="6"] {z-index:6;}

[data-dialog][data-zindex="7"] {z-index:7;}

[data-dialog][data-zindex="8"] {z-index:8;}

[data-dialog][data-zindex="9"] {z-index:9;}

[data-dialog][data-zindex="10"] {z-index:10;}

[data-dialog][data-state="hide"] {animation-name:modal-hide;animation-duration:0.3s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-state="hide"] .dim {opacity:0;}

[data-dialog][data-state="hide"][data-ps="center"] [data-dialog-item="wrap"] {animation-name:fade-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-state="hide"][data-ps="bottom"] [data-dialog-item="wrap"] {animation-name:bottom-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-state="hide"][data-ps="top"] [data-dialog-item="wrap"] {animation-name:top-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-state="hide"][data-ps="left"] [data-dialog-item="wrap"] {animation-name:left-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-state="hide"][data-ps="right"] [data-dialog-item="wrap"] {animation-name:right-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][aria-hidden="false"] {display:flex;}

[data-dialog][aria-hidden="false"][data-current="true"] .dim {opacity:1;}

[data-dialog][aria-hidden="false"][data-ps="center"] [data-dialog-item="wrap"] {animation-name:fade-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][aria-hidden="false"][data-ps="bottom"] [data-dialog-item="wrap"] {animation-name:bottom-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][aria-hidden="false"][data-ps="top"] [data-dialog-item="wrap"] {animation-name:top-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][aria-hidden="false"][data-ps="left"] [data-dialog-item="wrap"] {animation-name:left-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][aria-hidden="false"][data-ps="right"] [data-dialog-item="wrap"] {animation-name:right-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="center"] {justify-content:center;align-items:center;}

[data-dialog][data-ps="center"][aria-hidden="true"] .project-dialog--item {animation-name:scale-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="center"][aria-hidden="false"] .project-dialog--item {animation-name:scale-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="bottom"] {justify-content:center;align-items:flex-end;}

[data-dialog][data-ps="bottom"][aria-hidden="true"] .project-dialog--item {animation-name:bottom-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="bottom"][aria-hidden="false"] .project-dialog--item {animation-name:bottom-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="top"] {justify-content:center;align-items:flex-start;}

[data-dialog][data-ps="top"][aria-hidden="true"] .project-dialog--item {animation-name:top-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="top"][aria-hidden="false"] .project-dialog--item {animation-name:top-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="left"] {justify-content:flex-start;align-items:center;}

[data-dialog][data-ps="left"][aria-hidden="true"] .project-dialog--item {animation-name:left-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="left"][aria-hidden="false"] .project-dialog--item {animation-name:left-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="right"] {justify-content:flex-end;align-items:center;}

[data-dialog][data-ps="right"][aria-hidden="true"] .project-dialog--item {animation-name:right-Out;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog][data-ps="right"][aria-hidden="false"] .project-dialog--item {animation-name:right-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

[data-dialog] [data-dialog-item="wrap"]:focus {box-shadow:0 0 1rem rgba(0, 0, 0, 0.5);}

[data-dialog] [data-dialog-item="extend"] {position:absolute;width:100%;height:2rem;top:0;left:0;cursor:grab;display:flex;align-items:center;justify-content:center;}

[data-dialog] [data-dialog-item="extend"]::after {content:"";display:block;width:40%;height:0.4rem;border-radius:0.3rem;background-color:rgba(0, 0, 0, 0.2);transition:width 200ms ease;}

[data-dialog] [data-dialog-item="extend"]:active {cursor:grabbing;}

[data-dialog] [data-dialog-item="extend"]:active::after {width:30%;height:0.2rem;background-color:rgba(0, 0, 0, 0.4);}

/* toast */

[data-type="toast"] {position:relative;background-color:rgba(0, 0, 0, 0.7);color:#fff;align-items:center;justify-content:center;padding:1.2rem;border-radius:0.8rem;top:auto;left:auto;max-width:calc(100% - 3.2rem);height:auto;}

[data-type="toast"][aria-hidden="false"][data-ps="bottom"] {animation-name:bottom-In;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}

/* dropdown */

[data-dropdown] {position:relative;}

[data-dropdown-button] {text-align:left;position:relative;z-index:1;}

[data-dropdown-panel] {position:absolute;top:0;width:100%;z-index:0;pointer-events:none;}

/*[data-dropdown-panel] {position:revert;top:0;width:100%;z-index:0;pointer-events:none;}*/

/*[data-area="body"] [data-dropdown-panel]{position:absolute;}*/

[data-dropdown-panel] [data-dropdown-section] {top:100%;}

[data-dropdown-panel][data-ps="bl"] [data-dropdown-section] {top:100%;bottom:auto;left:0;right:auto;}

[data-dropdown-panel][data-ps="bc"] {justify-content:center;}

[data-dropdown-panel][data-ps="bc"] [data-dropdown-section] {top:100%;bottom:auto;left:auto;right:auto;}

[data-dropdown-panel][data-ps="br"] [data-dropdown-section] {top:100%;bottom:auto;left:auto;right:0;}

[data-dropdown-panel][data-ps="tl"] [data-dropdown-section] {top:auto;bottom:100%;left:0;right:auto;}

[data-dropdown-panel][data-ps="tc"] {justify-content:center;}

[data-dropdown-panel][data-ps="tc"] [data-dropdown-section] {top:auto;bottom:100%;left:auto;right:auto;}

[data-dropdown-panel][data-ps="tr"] [data-dropdown-section] {top:auto;bottom:100%;left:auto;right:0;}

[data-dropdown-panel][data-ps="lt"] [data-dropdown-section] {top:0;bottom:auto;left:auto;right:100%;}

[data-dropdown-panel][data-ps="lc"] {align-items:center;}

[data-dropdown-panel][data-ps="lc"] [data-dropdown-section] {top:auto;bottom:auto;left:auto;right:100%;}

[data-dropdown-panel][data-ps="lb"] [data-dropdown-section] {top:auto;bottom:0;left:auto;right:100%;}

[data-dropdown-panel][data-ps="rt"] [data-dropdown-section] {top:0;bottom:auto;left:100%;right:auto;}

[data-dropdown-panel][data-ps="rc"] {align-items:center;}

[data-dropdown-panel][data-ps="rc"] [data-dropdown-section] {top:auto;bottom:auto;left:100%;right:auto;}

[data-dropdown-panel][data-ps="rb"] [data-dropdown-section] {top:auto;bottom:0;left:100%;right:auto;}

[data-dropdown-panel][aria-hidden="true"] {display:none;}

[data-dropdown-panel][aria-hidden="false"] {display:flex;}

[data-dropdown-panel]:hover {z-index:1;}

[data-dropdown-section] {padding:0.2rem 0.8rem;overflow:hidden;position:absolute;pointer-events:visible;}

/* selection */

[data-selection] {display:flex;flex-direction:column;}

/* tab */

[data-tab] {display:flex;overflow-x:auto;position:relative;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}

[role="tablist"] {display:flex;flex-wrap:nowrap;gap:0;width:100%;}

[role="tablist"] [role="tab"] {display:flex;padding:1.2rem;cursor:pointer;}

[role="tab"][aria-selected="true"] {font-weight:700;}

[role="tabpanel"],
[role="tabpanel"][aria-expanded="false"] {display:none;}

[role="tabpanel"][aria-expanded="true"] {display:block;}

/* tooltip */

.tooltip {position:relative;font-size:1.4rem;}

.tooltip .offscreen {display:none;}

.tooltip:focus .offscreen,
.tooltip:hover .offscreen {display:flex;}

.offscreen {display:flex;position:absolute;padding:0.4rem 0.8rem;background-color:#fff;border:1px solid black;border-radius:0.4rem;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;max-width:30rem;box-shadow:0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);font-size:1.2rem;}

.offscreen::before {content:"";position:absolute;width:0.8rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.58462V1H7L1 9.58462Z' fill='white'/%3E%3Cpath d='M1 1.27692V9.30769C1 9.30769 4.62872 4.41313 6.95385 1.27692' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

.offscreen[data-ps="tl"] {bottom:calc(100% + 1rem);left:-0.4rem;}

.offscreen[data-ps="tl"]::before {top:calc(100% - 0.1rem);left:1.8rem;}

.offscreen[data-ps="tc"] {bottom:calc(100% + 1rem);left:50%;transform:translateX(-50%);}

.offscreen[data-ps="tc"]::before {top:calc(100% - 0.1rem);left:50%;transform:translateX(-50%);}

.offscreen[data-ps="tr"] {bottom:calc(100% + 1rem);right:-0.4rem;}

.offscreen[data-ps="tr"]::before {top:calc(100% - 0.1rem);right:1.8rem;}

.offscreen[data-ps="bl"] {top:calc(100% + 1rem);left:-0.4rem;}

.offscreen[data-ps="bl"]::before {bottom:calc(100% - 0.1rem);left:1.8rem;transform:rotate(180deg);}

.offscreen[data-ps="bc"] {top:calc(100% + 1rem);left:50%;transform:translateX(-50%);}

.offscreen[data-ps="bc"]::before {bottom:calc(100% - 0.1rem);left:50%;transform:translateX(-50%) rotate(180deg);}

.offscreen[data-ps="br"] {top:calc(100% + 1rem);right:-0.4rem;}

.offscreen[data-ps="br"]::before {bottom:calc(100% - 0.1rem);right:1.8rem;transform:rotate(180deg);}

.offscreen[data-ps="lt"] {right:calc(100% + 1rem);top:-0.4rem;}

.offscreen[data-ps="lt"]::before {top:0.7rem;right:-0.8rem;transform:rotate(-90deg);}

.offscreen[data-ps="lc"] {right:calc(100% + 1rem);top:50%;transform:translateY(-50%);}

.offscreen[data-ps="lc"]::before {top:calc(50% - 0.8rem);right:-0.8rem;transform:rotate(-90deg);}

.offscreen[data-ps="lb"] {right:calc(100% + 1rem);bottom:-0.4rem;}

.offscreen[data-ps="lb"]::before {bottom:0.7rem;right:-0.8rem;transform:rotate(-90deg);}

.offscreen[data-ps="rt"] {left:calc(100% + 1rem);top:-0.4rem;}

.offscreen[data-ps="rt"]::before {top:0.7rem;left:-0.8rem;transform:rotate(90deg);}

.offscreen[data-ps="rc"] {left:calc(100% + 1rem);top:50%;transform:translateY(-50%);}

.offscreen[data-ps="rc"]::before {top:calc(50% - 0.4rem);left:-0.8rem;transform:rotate(90deg);}

.offscreen[data-ps="rb"] {left:calc(100% + 1rem);bottom:-0.4rem;}

.offscreen[data-ps="rb"]::before {bottom:0.7rem;left:-0.8rem;transform:rotate(90deg);}

[role="tooltip"] {position:absolute;pointer-events:none;}

[role="tooltip"][aria-hidden="true"] {display:none;}

[data-tooltip-close] {pointer-events:visible;}

[data-hover-nav-item][data-state="on"] > [data-hover-nav-item] {display:block;animation-name:navShow;animation-duration:100ms;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-iteration-count:1;}

[data-hover-nav-item][data-state="off"] > [data-hover-nav-item] {display:block;animation-name:navHide;animation-duration:100ms;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-iteration-count:1;}

@keyframes navShow {
  0% {opacity:0;transform:translate(-50%, 1rem);}
  100% {opacity:1;transform:translate(-50%, 0rem);}
}

@keyframes navHide {
  0% {opacity:1;transform:translate(-50%, 0rem);}
  99% {opacity:0;transform:translate(-50%, 1rem);}
  100% {opacity:0;display:none;}
}

[data-rangeslider-label] {position:absolute;top:-2.6rem;background:#333;padding:0.4rem 1rem;border-radius:99em;font-size:1.2rem;color:#fff;font-family:"DINPro", "sans-serif";white-space:nowrap;pointer-events:none;font-weight:700;transform:translateX(-50%);}

[data-rangeslider-label]::before {content:"";width:0;height:0;border-top:0.4rem solid #333;border-left:0.4rem solid transparent;border-right:0.4rem solid transparent;position:absolute;top:100%;left:50%;transform:translateX(-50%);}

[data-rangeslider-text] {font-size:1.2rem;font-weight:700;}

[data-rangeslider] {position:relative;display:flex;align-items:center;gap:0.4rem;}

[data-rangeslider] input[type=range] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:0.2rem;background:#fff;outline:none;background:linear-gradient(to right, #999 0%, #000 var(--percent), #c9c9c9 var(--percent), #eee 100%);padding:0;margin:0;border:none;}

[data-rangeslider] input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:1.8rem;height:1.8rem;background:#888;border-radius:50%;cursor:pointer;box-sizing:border-box;border:0.2rem solid #444;}

/* accordion */

[aria-expanded="true"]~.icon-aspect-expand-circle {transform:rotate(180deg)}

[data-style="bottom-line-type"] [data-accordion-head] {padding:1.2rem 0;border-bottom:.1rem solid #F0F0F5}

[data-style="bottom-line-type"] [data-accordion-title] {color:#1E222F;font-weight:800;font-size:1.6rem;flex:1}

[data-style="bottom-line-type"] [data-accordion-body] {border-bottom:.1rem solid #F0F0F5}

[data-style="normal-type"] [data-accordion-item] {border-bottom:.6rem solid #F7F8FB}

[data-style="normal-type"] [data-accordion-head] {padding:1.6rem;gap:.4rem}

[data-style="normal-type"] [data-accordion-title] {color:#1E222F;font-weight:800;font-size:1.6rem}

[data-style="normal-type"] [data-accordion-body] {background-color:#fff}

[data-style="aside-menu-type"] [data-accordion-head] {gap:.4rem;margin-bottom:.8rem}

[data-style="aside-menu-type"] [data-accordion-title] {color:#1E222F;font-weight:800;font-size:1.6rem;line-height:1.8rem}

/* tab */

[data-tab-style="small-box-type"] {display:flex;background-color:#F1F4F6;padding:.2rem;border-radius:.2rem}

[data-tab-style="small-box-type"] [role="tab"] {padding:0;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:.2rem;color:#1E222F;font-weight:800;font-size:1.4rem;flex:1}

[data-tab-style="small-box-type"] [role="tab"][aria-selected="true"] {background-color:#fff}

[data-tab-style="underline-type"] [role="tablist"] {display:flex;justify-content:space-around;position:relative}

[data-tab-style="underline-type"] [role="tablist"]::before {content:'';height:.1rem;left:0;right:0;bottom:0;background-color:#F0F0F5;position:absolute}

[data-tab-style="underline-type"] [role="tab"] {padding:1rem 0 1.1rem;font-size:1.3rem;font-weight:800;color:#1E222F;min-width:0;line-height:1}

[data-tab-style="underline-type"] [role="tab"][aria-selected="true"] {position:relative;color:#2E7EF6}

[data-tab-style="underline-type"] [role="tab"][aria-selected="true"]::after {content:'';height:.1rem;left:0;right:0;bottom:0;background-color:#2E7EF6;position:absolute}

[data-tab-style="line-box-type"] [role="tablist"] {display:flex;gap:.3rem}

[data-tab-style="line-box-type"] [role="tab"] {padding:0;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem;color:#1E222F;font-weight:700;font-size:1.2rem;flex:1;border:.1rem solid #D5DCE8}

[data-tab-style="line-box-type"] [role="tab"][aria-selected="true"] {background-color:#2E7EF60F;border-color:var(--primary);font-weight:800}

[data-tab-style="line-bottom-type"] {background-color:#fff}

[data-tab-style="line-bottom-type"] [role="tablist"] {padding:0 1.5rem;gap:2rem}

[data-tab-style="line-bottom-type"] [role="tab"] {height:6rem;display:flex;align-items:center;padding:0;font-size:1.6rem;font-weight:800;color:#7386B6;white-space:nowrap}

[data-tab-style="line-bottom-type"] [role="tab"][aria-selected="true"] {color:#2E7EF6;position:relative}

[data-tab-style="line-bottom-type"] [role="tab"][aria-selected="true"]::after {content:'';height:.2rem;left:0;right:0;bottom:0;background-color:#2E7EF6;position:absolute}

[data-tab-style="round-box-type"] [role="tablist"] {display:flex;border:.1rem solid #E2E8F0;border-radius:99em;padding:.3rem}

[data-tab-style="round-box-type"] [role="tab"] {padding:0;height:4.2rem;display:flex;align-items:center;justify-content:center;border-radius:99em;color:#6D758F;font-weight:700;font-size:1.6rem;flex:1;}

[data-tab-style="round-box-type"] [role="tab"][aria-selected="true"] {background-color:#0475F4;color:#fff}

[data-tab-style="round-box-text-type"] [role="tablist"] {display:flex;border:.1rem solid #0475F4;border-radius:99em;padding:0 .8rem;background-color:#fff;width:16.2rem;margin-bottom:.4rem}

[data-tab-style="round-box-text-type"] [role="tab"] {padding:0;height:3.4rem;display:flex;align-items:center;justify-content:center;color:#6D758F;font-weight:700;font-size:1.4rem;flex:1;position:relative}

[data-tab-style="round-box-text-type"] [role="tab"] ~ [role="tab"]:before {content:'';position:absolute;left:0;top:50%;width:1px;background-color:#DBE3F7;height:1.2rem;margin-top:-.6rem}

[data-tab-style="round-box-text-type"] [role="tab"][aria-selected="true"] {color:#0475F4}

.mobile-filter[data-tab-style="round-box-text-type"] {padding-top:1.2rem}

.mobile-filter[data-tab-style="round-box-text-type"] [role="tablist"] {width:30rem;margin:0 auto 3rem}

.mobile-filter[data-tab-style="round-box-text-type"] [role="tab"] {height:3.8rem;font-size:1.6rem}

.dropdown-panel {border-radius:.8rem;box-shadow:0 .4rem .4rem 0 #00000040;padding:0;}

[data-dropdown-panel][data-ps=rt] .dropdown-panel {margin-left:1rem;}

[data-dropdown-panel][data-ps=lt] .dropdown-panel {margin-right:1rem;}

[data-dropdown-panel][data-ps=tl] .dropdown-panel {margin-bottom:.4rem;width:100%}

.dropdown-panel[data-box-radius="6"] {border-radius:.6rem}

.dropdown-panel[data-w-size="160"] {width:16rem;min-width:16rem}

.dropdown-panel[data-w-size="220"] {width:22rem;min-width:22rem}

.dropdown-panel[data-w-size="258"] {width:25.8rem;min-width:25.8rem}

.dropdown-panel[data-w-size="280"] {width:28rem}

.dropdown-panel-head {display:flex;justify-content:space-between;background-color:#2C364F;min-height:4.8rem;padding:0 1rem 0 1.4rem;align-items:center;}

.dropdown-panel-title {display:flex;color:#fff;font-size:1.6rem;font-weight:800;align-items:center;gap:.4rem;}

.dropdown-panel-close {width:2.8rem;height:2.8rem;border-radius:.2rem;background-color:#181D2B;display:flex;align-items:center;justify-content:center;}

.dropdown-panel-content {border:.2rem solid #2C364F;max-height:calc(100vh - 22rem);overflow-y:auto;background-color:#fff;overflow-x:hidden;border-radius:.8rem}

[data-box-radius="6"] .dropdown-panel-head {min-height:3.2rem;padding-right:.7rem}

[data-box-radius="6"] .dropdown-panel-title {font-size:1.2rem}

[data-box-radius="6"] .dropdown-panel-close {width:2.4rem;height:2.4rem;background-color:transparent}

[data-box-radius="6"] .icon-aspect-close3-w {background-image:url("../images/icon/icon-aspect-close2-w.svg")}

[data-box-radius="6"] .dropdown-panel-content {border-bottom-right-radius:.6rem;border-bottom-left-radius:.6rem}

/* dropdown */

[data-dropdown-h="40"] {height:4rem;font-size:1.2rem;}

[data-dropdown-h="32"] {height:3.2rem;font-size:1.1rem;padding:0 3rem 0 1.8rem}

[data-dropdown-button][data-theme="light"] {border-color:#D5DCE8;color:#1E222F;font-weight:700;background:url("../images/icon/icon-aspect-select-arrow.svg") no-repeat calc(100% - 1rem) 50%;background-size:2rem;display:flex;align-items:center;gap:0.4rem;}

[data-dropdown-button][data-theme="dark"] {border:0;color:#fff;font-weight:700;background:#212633 url("../images/icon/icon-aspect-select-arrow-w.svg") no-repeat calc(100% - 1rem) 50%;background-size:2.4rem;display:flex;align-items:center;gap:0.4rem;border-radius:2rem;padding:0 4.4rem 0 1.4rem;min-width:14rem;}

[data-dropdown-button][data-theme="dark"] [data-dropdown-text] {transform:translateY(.1em);}

/* dialog */

.ui-dialog--wrap {position:relative;z-index:1;background-color:#fff;display:flex;flex-direction:column;padding:2.4rem;border-radius:0.8rem;border:0.1rem solid #ccc;}

.ui-dialog--header {display:flex;justify-content:space-between;flex-shrink:0;padding-top:env(safe-area-inset-top)}

.ui-dialog--header-title {border-bottom:.1rem solid #E8ECEF;box-shadow:0 .3rem 0 0 #001D6505;padding:0 1rem 0 1.4rem;min-height:6rem;display:flex;align-items:center;justify-content:space-between;width:100%;}

.btn-dialog-close {margin-left:auto}

[data-dialog-button="close"] i {pointer-events:none}

.ui-dialog--footer {display:flex;justify-content:center;flex-shrink:0;}

.ui-dialog--main {flex:1;overflow-x:hidden;overflow-y:auto}

.ui-dialog--main[data-direction="row"] {flex-direction:row;}

.ui-dialog--main[data-direction="col"] {flex-direction:column;}

.ui-dialog--main[data-direction] {display:flex;}

.ui-dialog[data-ps="bottom"] .ui-dialog--wrap {border-radius:.8rem .8rem 0 0;}

.ui-dialog[data-ps="top"] .ui-dialog--wrap {border-radius:0 0 .8rem .8rem;}

.ui-dialog[data-ps="left"] .ui-dialog--wrap {border-radius:0 .8rem .8rem 0;}

.ui-dialog[data-ps="right"] .ui-dialog--wrap {border-radius:.8rem 0 0 .8rem;}

.ui-dialog .dim {display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);opacity:0;z-index:0;transition:opacity .2s ease;}

.ui-dialog[data-max-size="1240"] .ui-dialog--wrap {width:calc(100vw - 4rem);height:calc(100vh - 4rem);max-width:124rem}

.ui-dialog[data-max-size="680"] .ui-dialog--wrap {width:68rem;max-height:calc(100vh - 4rem);max-width:68rem}

@media (max-width:1023px) {
  .ui-dialog[data-max-size="1240"] .ui-dialog--wrap {width:100vw;height:100vh;border-radius:0}
  .ui-dialog[data-max-size="1240"] .ui-dialog--main {border-radius:0 !important;}
  .ui-dialog[data-max-size="680"] .ui-dialog--wrap {width:100vw;height:100vh;border-radius:0;max-height:100vh}
  .ui-dialog[data-max-size="680"] .ui-dialog--main {border-radius:0 !important;}
}

.is-full .ui-dialog--wrap {width:100%;box-shadow:none;border-radius:0;border:none;height:100%;padding:0}

.is-full .ui-dialog--header {height:4.8rem;border-bottom:.1rem solid #CED6E3;padding:0 1.2rem 0 1.4rem;align-items:center;box-shadow:0 .3rem 0 0 #001D6505;}

.is-full .ui-dialog--header-title {font-size:1.5rem;font-weight:800;color:#1E222F}

.is-full .ui-dialog--footer {height:7rem;align-items:center;gap:.8rem;border-top:.1rem solid #EEF2FA}

.select-simple .dropdown-panel {min-width:14rem !important;transform:translateX(calc(-3rem));}

.select-simple [data-selection-item] {border-bottom:.1rem solid #F0F0F5;justify-content:flex-start;gap:.7rem;padding:0 2rem;cursor:pointer;display:flex;align-items:center;font-size:1.6rem;font-weight:800;height:4.6rem;color:#000;}

.select-simple [data-selection-item][aria-checked="true"] {background-color:#F9F9FB;}

.form-fake-label[data-dropdown-button] {border:0;}

.tooltip-base .offscreen {box-shadow:0 .4rem .4rem 0 #00000040;border:1px solid #1F2330;color:#1E2329;font-size:1.1rem;font-weight:700;padding:1.2rem 3rem 1.2rem 1.4rem;display:flex;}

.tooltip-base [data-tooltip-close] {width:2rem;height:2rem;position:absolute;right:.3rem;top:.3rem;flex-shrink:0;}

.ui-dialog[data-style="base"] {margin-top:0;border-radius:0;padding:0;}

.ui-dialog[data-style="base"] .ui-dialog--header {display:flex;justify-content:space-between;background-color:#2C364F;min-height:4.8rem;padding:0 1rem 0 1.4rem;align-items:center;}

.ui-dialog[data-style="base"] .ui-dialog--wrap {padding:0;border:0;overflow:hidden;pointer-events:visible;background-color:transparent;}

.ui-dialog[data-style="base"] [data-dialog-button="close"] {width:2.8rem;height:2.8rem;border-radius:.2rem;background-color:#181D2B;display:flex;align-items:center;justify-content:center;}

.ui-dialog[data-style="base"] .ui-dialog--header-title {display:flex;color:#fff;font-size:1.6rem;font-weight:800;align-items:center;gap:.4rem;}

.ui-dialog[data-style="base"] .ui-dialog--main {border:.2rem solid #2C364F;border-top:none;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;overflow-y:auto;background-color:#fff;overflow-x:hidden;min-height:20rem;min-width:30rem;}

.ui-dialog[data-style="base"] .ui-dialog--main[data-bg="gray"] {background-color:#F7F8FB}

.ui-dialog[data-style="base"] .ui-dialog--main[data-bg="theme-bg"] {background-color:var(--dialog-theme-bg1)}

.ui-dialog--wrap[data-style="full"] {height:100dvh;border-radius:0 !important;width:100%}

.ui-dialog--wrap[data-pd="0"] {padding:0}

.ui-dialog--wrap .side-content-search-area {width:100%}

@media (max-width:1023px) {
  .ui-dialog[data-style="base"] .ui-dialog--header-title {color:var(--dialog-header-title);font-size:1.5rem}
  .ui-dialog[data-style="base"] .ui-dialog--header {background-color:var(--dialog-header);border-bottom:1px solid var(--dialog-header-border)}
  .ui-dialog[data-style="base"] .ui-dialog--main {border-color:var(--dialog-line)}
  .ui-dialog[data-style="base"] [data-dialog-button="close"] {background-color:transparent}
  .ui-dialog[data-style="base"] [data-dialog-button="close"] .icon-aspect-close3-w {background-image:url("../images/icon/icon-aspect-close2-w.svg")}
  .light-theme .ui-dialog[data-style="base"] [data-dialog-button="close"] .icon-aspect-close3-w {background-image:url("../images/icon/icon-aspect-close2.svg")}
}

[role="alertdialog"] .ui-dialog--wrap {border-radius:1.2rem;min-width:32rem;padding:4rem;}

[role="alertdialog"] .ui-dialog--main {min-height:10rem;display:flex;align-items:center;justify-content:center}

[role="alertdialog"] .ui-dialog--footer {margin-top:1.6rem;display:flex;gap:.8rem}

[role="alertdialog"] .ui-dialog--footer .btn-base {flex:1}

.base-wrap{position:relative;display:grid;grid-template-columns:1fr 0;gap:0;width:100%;transition:grid-template-columns 0.2s;}

.base-wrap[data-toggle-target="side-content"][data-toggle-state="selected"]{grid-template-columns: 1fr 86rem;transition:grid-template-columns 0.3s;}

@media (max-width:1023px) {
  .base-wrap[data-toggle-target="side-content"][data-toggle-state="selected"] {grid-template-columns:0 100%}
}

[data-nav-state="on"] .header {z-index:1000;}

.header {background-color:#2B3244;position:sticky;top:0;height:8rem;border-bottom:.1rem solid #1F2330;padding:0 4rem 0 2rem;display:flex;align-items:center;z-index:10;}

.image-logo {background:url("../images/common/image-logo.svg") no-repeat 50% 50%;aspect-ratio:1/1;width:4.6rem;background-size:contain;display:inline-block}

.image-logo-text {background:url("../images/common/image-logo-text.svg") no-repeat 50% 50%;aspect-ratio:81/32;width:8.1rem;background-size:contain;display:inline-block}

.header-left {display:flex;align-items:center;gap:1.8rem;flex-shrink:0}

.header-line {height:3.2rem;width:.1rem;background-color:#5C667E}

.header-right {margin-left:auto}

.header-right {display:flex;align-items:center;margin-left:auto;}

.header-right-nav {display:flex;align-items:center;margin-left:auto;}

.header-right-dep1 {position:relative;}

.header-right-dep1-item {font-size:1.8rem;font-weight:800;color:#fff;position:relative;text-decoration:none;padding:2rem 4rem;}

.header-right-dep1[data-state="on"] .header-right-dep1-item,
.header-right-dep1-item:hover,
.header-right-dep1-item.active {color:var(--primary);}

.header-right-dep1 ~ .header-right-dep1:before {content:'';position:absolute;left:0;top:50%;margin-top:-.9rem;width:.1rem;height:1.8rem;background-color:#5C667E;display:block;}

.header-right-dep2 + .header-right-dep2 {border-top:.1rem solid #F0F0F5;}

.header-right-dep2-wrap {position:absolute;overflow:hidden;top:4rem;left:50%;border-radius:.8rem;border:.2rem solid #131723;background-color:#fff;transform:translate(-50%,0);min-width:18.6rem;display:none;box-shadow:0 .4rem 1.2rem 0 #00000014;}

.header-right-dep2-wrap::before {content:"";display:block;position:absolute;top:-2.2rem;left:50%;transform:translate(-50%,0);border:1rem solid transparent;border-bottom:1.2rem solid #131723;}

.header-right-dep2-item {font-size:1.4rem;font-weight:800;width:100%;padding:1.2rem 1.6rem;text-decoration:none;color:#1E222F;display:flex;align-items:center;white-space:nowrap;line-height:1.6rem;}

.header-right-dep2:first-child {border-top-left-radius:.8rem;border-top-right-radius:.8rem;}

.header-right-dep2:last-child {border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;}

.header-right-dep2:first-child .header-right-dep2-item {padding-top:1.9rem}

.header-right-dep2:last-child .header-right-dep2-item {padding-bottom:1.9rem}

.header-right-dep2-item:hover,
.header-right-dep2-item.active {color:var(--primary);background-color:#F9F9FB;}

.btn-log-in-out {border-radius:99em;background-color:rgba(255,255,255,.08);height:3.4rem;padding:0 1.2rem 0 .8rem;display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:800;color:#fff}

.btn-log-in-out .icon-aspect-logout {margin-left:.4rem}

@media (max-width:1023px) {
  .header {padding:0 0.8rem 0 2rem;height:6rem;z-index:50;}
  .header-title-2 {font-size:1.6rem;}
  .header-left .text-20-800 {font-size:1.2rem;}
  .image-logo {height:2.8rem;width:2.8rem;}
  .image-logo-text {width:6rem}
  .header-left {gap:1.2rem}
  .header-line {height:2rem;}
  .head-nav-btn {display:flex;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;}
  [data-toggle-state="selected"] .head-nav-btn .icon-aspect-menu,.head-nav-btn .icon-aspect-close3-w{display:none;}
  [data-toggle-state="selected"] .head-nav-btn .icon-aspect-close3-w{display:block;}
  .header-right[data-toggle-state="selected"] .header-right-nav {display:flex;padding:2rem;}
  .header-right-nav {display:none;position:fixed;top:6rem;left:0;width:100%;bottom:0;background-color:#fff;flex-direction:column;align-items:flex-start;padding:2.4rem;overflow-y:scroll;max-height:calc(100dvh - 6rem);gap:1.4rem;}
  .header-right-dep1 {width:100%;}
  .header-right-dep1-item {color:#000;display:block;padding:1.2rem 0;font-size:1.6rem;}
  .head-nav-btn {position:relative;z-index:2;}
  .header-right-dep2-wrap::before,.header-right-dep1~.header-right-dep1:before {display:none;}
  .header-right-dep2-wrap {position:relative;display:flex;top:0;flex-direction:column;width:100%;border-color:#e8e8e8;}
  .header-right-dep2-item {font-size:1.4rem;}
  .header-right-dep2-item br {display:none}
}

[data-type="sub6"] .full-map-content {min-height:50rem;}

.full-map-content {height:calc(100vh - 8rem);display:flex;position:relative;z-index:0;min-height:83rem;}

@media (max-width:1023px) {
  .full-map-content {height:calc(100dvh - 6rem);min-height:0 !important;}
}

.map-aside-box {width:8rem;flex-shrink:0;padding:2.2rem 0;background-color:#2B3244;border-right:.1rem solid #1F2330;box-shadow:.4rem 0 0 #0A0D131A;position:relative;z-index:2}

.aside-nav-list {margin:0 auto;display:flex;width:6.2rem;flex-direction:column;gap:1rem}

.aside-nav-item {height:6.2rem;width:100%;border:.1rem solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:#5B6187;text-decoration:none;border-radius:1rem;letter-spacing:-.03em}

.aside-nav-item[data-nav-state="selected"] {background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.04);color:#fff}

.aside-nav-item:hover {color:#fff}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb1,
.aside-nav-item:hover .icon-aspect-lnb1 {background-image:url("../images/icon/icon-aspect-lnb1-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb2,
.aside-nav-item:hover .icon-aspect-lnb2 {background-image:url("../images/icon/icon-aspect-lnb2-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb3,
.aside-nav-item:hover .icon-aspect-lnb3 {background-image:url("../images/icon/icon-aspect-lnb3-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb4,
.aside-nav-item:hover .icon-aspect-lnb4 {background-image:url("../images/icon/icon-aspect-lnb4-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb5,
.aside-nav-item:hover .icon-aspect-lnb5 {background-image:url("../images/icon/icon-aspect-lnb5-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb6,
.aside-nav-item:hover .icon-aspect-lnb6 {background-image:url("../images/icon/icon-aspect-lnb6-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb7,
.aside-nav-item:hover .icon-aspect-lnb7 {background-image:url("../images/icon/icon-aspect-lnb7-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb8,
.aside-nav-item:hover .icon-aspect-lnb8 {background-image:url("../images/icon/icon-aspect-lnb8-on.svg")}

.aside-nav-item[data-nav-state="selected"] .icon-aspect-lnb9,
.aside-nav-item:hover .icon-aspect-lnb9 {background-image:url("../images/icon/icon-aspect-lnb9-on.svg")}

.breadcrumbs-box {display:flex;align-items:center;font-size:1.4rem;font-weight:800;gap:.4rem;}

.breadcrumbs-name {line-height:1}

[data-breadcrumbs-theme="dark"] {color:#fff}

[data-breadcrumbs-theme="dark"] .breadcrumbs-name:last-child {color:#FFE602}

[data-breadcrumbs-theme="dark"] .icon-aspect-home {background-image:url("../images/icon/icon-aspect-home-w.svg")}

[data-breadcrumbs-theme="dark"] .icon-aspect-breadcrumbs-arrow {background-image:url("../images/icon/icon-aspect-breadcrumbs-arrow-w.svg")}

[data-breadcrumbs-theme="light"] {color:#7386B6}

[data-breadcrumbs-theme="light"] .breadcrumbs-name:last-child {color:#1E222F}

[data-dropdown-panel^="setting"] {transform:translate(0rem, 14.8rem);}

[data-dropdown-section^="setting"] {min-width:26rem;}

[data-dropdown-section^="setting"] .dropdown-panel-content {padding:0;}

[data-dropdown-section^="setting"] .legend-level-wrap{padding:1rem 1.4rem 1.2rem;gap:.9rem}

[data-dropdown-section^="setting"] .form-cont {padding:.8rem 1.4rem;border-bottom: 1px solid #F0F0F5;align-items: center;flex-wrap: nowrap;}

[data-dropdown-section^="setting"] .form-cont div.form-element-input {padding:.4rem .5rem;gap:.6rem;}

[data-dropdown-section^="setting"] div.form-element-input{padding-top: .3rem;}

[data-dropdown-section^="setting"] div.form-element-input label{font-size: 1rem;font-weight: 700;padding-top: .3rem;}

[data-dropdown-section^="setting"] div.form-element-input input{font-size: 1.2rem;}

[data-dropdown-section^="setting"] .form-cont .btn-base {padding:0;min-width:4.8rem;}

[data-dropdown-section^="setting"] .form-cont .btn-base .btn-text{font-size: 1.2rem;}

.sub-content-layout {display:flex;flex-direction:column;min-height:100vh}

.sub-content-layout header {flex-shrink:0}

.sub-content-layout main {flex:1}

.main-content-layout {display:flex;flex-direction:column;min-height:100vh}

.main-content-layout header {flex-shrink:0}

.main-content-layout main {flex:1}

/* footer */

.ui-footer {margin-top:10rem;background-color:#EAECF2;padding:4rem 0}

.footer-desc-1 {font-size:1.2rem;font-weight:700;color:#7386B6;line-height:1.4rem;margin-top:1.6rem}

.footer-desc-2 {margin-top:1.4rem;font-size:1.2rem;font-weight:700;color:#7386B6;line-height:1.4rem}

.footer-btn-box {position:absolute;right:0;top:0}

@media (max-width:1023px) {
  .ui-footer {margin-top:5.6rem;padding:2rem 1.5rem 3rem}
  .ui-footer .img-footer-logo {height:2.8rem}
  .footer-desc-1 {margin-top:1.5rem;font-size:1rem;line-height:1.2rem}
  .footer-desc-1 {margin-top:1rem;font-size:.9rem;}
  .footer-btn-box {position:static;margin-top:1.6rem;}
  .ui-footer .btn-base[data-size="58"] {min-height:3.8rem;font-size:1.1rem;width:17rem;padding:0 .5rem}
  .ui-footer .btn-round-icon-box[data-size="40"] {width:2.8rem;border-width:.1rem}
  .ui-footer .btn-base [data-size="24"] {width:2rem}
  [data-dropdown-panel^="setting"]  {transform:translate(0rem, 0rem);}
  [data-dropdown-section^="setting"] .legend-level-wrap{padding:1rem .8rem 1.2rem;gap:.9rem}
  [data-dropdown-section^="setting"] .form-cont {padding:.8rem .8rem;border-bottom: 1px solid #F0F0F5;align-items: center;flex-wrap: nowrap;}
  [data-dropdown-section^="setting"] .form-cont div.form-element-input {padding:.2rem .6rem;gap:.6rem;}
 [data-dropdown-section^="setting"] .form-cont div.form-element-input input{padding-top: .2rem;}
  [data-dropdown-section^="setting"] div.form-element-input{padding-top: .1rem;}
}

@media (max-width:1023px) {
  .map-aside-box {display:none}
  [data-view~="mobile-hidden"] {display:none !important;}

  section[data-view~="compare-show"] {display: none;}
  [data-view~="compare-hidden"] {display: block;}

  body:has([data-toggle-object="map-compare"][data-toggle-state="selected"]) section[data-view~="compare-show"] {display: block;}
  body:has([data-toggle-object="map-compare"][data-toggle-state="selected"]) [data-view~="compare-hidden"] {display: none;}
}

@media (min-width:1024px) {
  [data-view~="pc-hidden"] {display:none !important;}
}

:root {--primary:#2E7EF6}

/* default */

html {font-size:10px}

html,
body {width:100%;height:100%;}

body {font-family:'Pretendard', 'Malgun Gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, 돋움, 굴림, arial, sans-serif;font-size:1.5rem;line-height:1.5;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;}

body:before {content:'';position:fixed;left:0;top:0;width:100%;height:0;}

/* fix webkit bug(scroll event delay) */

body, div, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, iframe, tr, tbody, thead, table, th, td, b, span, strong, label {margin:0;padding:0;box-sizing:border-box;}

dl, dt, dd, ul, ol, li {box-sizing:border-box;list-style:none;padding:0;margin:0;}

h1, h2, h3, h4, h5, h6, dt {font-weight:normal;}

img, fieldset, iframe, button {border:0 none;}

table {border-spacing:0;}

hr {border:0;border-top:1px solid #ccc;margin:40px 0}

em, u, cite, i, abbr {font-style:normal;text-decoration:none;}

strong, b {font-weight:normal;}

a {color:rgb(16, 79, 252);outline-offset:1px;box-sizing:border-box;}

button {border:0 none;font-family:'Pretendard', 'sans-serif';cursor:pointer;background:transparent;box-sizing:border-box;color:#666}

input, textarea, select, button {box-sizing:border-box;font-family:'Pretendard', 'Malgun Gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, 돋움, 굴림, arial, sans-serif;}

article, aside, details, figcaption, figure, footer, header, main, hgroup, nav, section, summary {display:block;margin:0;padding:0;box-sizing:border-box;}

.ui-widget {font-family:'Pretendard', 'Malgun Gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, 돋움, 굴림, arial, sans-serif;}

textarea {resize:none}

a, button {color:blue}

/* button:focus-visible,
a:focus-visible {outline:none} */

* {box-sizing:border-box}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {font-family:'Pretendard', 'Malgun Gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', Dotum, 돋움, 굴림, arial, sans-serif;font-size:1.4rem;}

html {font-size:0.5208vw;}

@media (min-width:1920px) {
  html {font-size:10px}
}

@media (max-width:1023px) {
  html {font-size:10px}
}

@media (max-width:389px) {
  html {font-size:2.57vw !important;}
}

/* ETC */

html.scroll_off {overflow:hidden}

.sr_only,
.for-a11y {position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;margin:0 !important;color:transparent;border:0;font-size:1px;line-height:0;}

.link-full {position:absolute;top:0;left:0;right:0;bottom:0}

.thumb-images-full {width:100%;height:100%;object-fit:cover}

a[data-decoration="false"] {text-decoration:none}

.scroll-no {overflow:hidden}

[data-position="relative"] {position:relative}

[data-position="absolute"] {position:absolute}

/* body */

body[data-content-bg="F7F8FB"] {background-color:#F7F8FB}

/* margin */

.mt-auto {margin-top:auto}

.mx-auto {margin-left:auto;margin-right:auto}

.mt-2 {margin-top:.2rem}

.mt-3 {margin-top:.3rem}

.mt-4 {margin-top:.4rem}

.mt-10 {margin-top:1rem}

.mt-12 {margin-top:1.2rem}

.mt-14 {margin-top:1.4rem}

.mt-16 {margin-top:1.6rem}

.mt-20 {margin-top:2rem}

.mt-24 {margin-top:2.4rem}

.mt-28 {margin-top:2.8rem}

.mt-30 {margin-top:3rem}

.mt-40 {margin-top:4rem}

.mt-46 {margin-top:4.6rem}

.mt-50 {margin-top:5rem}

.mt-58 {margin-top:5.8rem}

.mt-68 {margin-top:6.8rem}

.mt-80 {margin-top:8rem}

.mt-96 {margin-top:9.6rem}

.-mr-2 {margin-right:-.2rem}

.mr-6 {margin-right:.6rem}

.ml-auto {margin-left:auto}

.mb-28 {margin-bottom:2.8rem}

.mb-30 {margin-bottom:3rem}

.-mb-10 {margin-bottom:-1rem}

/* padding */

.p-30 {padding:3rem}

.pl-8 {padding-left:.8rem}

.pb-10 {padding-bottom:1rem}

.pb-12 {padding-bottom:1.2rem}

.pb-20 {padding-bottom:2rem}

.pb-30 {padding-bottom:3rem}

.pt-20 {padding-top:2rem}

.pt-40 {padding-top:4rem}

.py-6 {padding-top:.6rem;padding-bottom:.6rem}

.py-10 {padding-top:1rem;padding-bottom:1rem}

.py-12 {padding-top:1.2rem;padding-bottom:1.2rem}

.py-40 {padding-top:4rem;padding-bottom:4rem}

.px-2 {padding-left:.2rem;padding-right:.2rem}

.px-10 {padding-left:1rem;padding-right:1rem}

.px-15 {padding-left:1.5rem;padding-right:1.5rem}

.px-16 {padding-left:1.6rem;padding-right:1.6rem}

.px-20 {padding-left:2rem;padding-right:2rem}

.px-30 {padding-left:3rem;padding-right:3rem}

@media (max-width:1023px) {
  .m-mt-0 {margin-top:0 !important;}
  .m-mt-10 {margin-top:1rem !important;}
  .m-mt-12 {margin-top:1.2rem !important;}
  .m-mt-15 {margin-top:1.5rem !important;}
  .m-mt-30 {margin-top:3rem !important;}
  .m-mt-34 {margin-top:3.4rem !important;}
  .m-mt-80 {margin-top:8rem !important;}
  .m-py-20 {padding-top:2rem !important;padding-bottom:2rem !important}
  .m-p-10 {padding:1rem !important;}
  .m-pt-12 {padding-top:1.2rem !important;}
  .m-pb-15 {padding-bottom:1.5rem !important;}
  .m-pb-30 {padding-bottom:3rem !important;}
}

/* scroll */

@media (min-width:1024px) {
  .scroll-style::-webkit-scrollbar {height:1rem;width:1rem;}
  .scroll-style::-webkit-scrollbar-track {border-radius:999em;background-color:transparent}
  .scroll-style::-webkit-scrollbar-thumb {width:.6rem;border-radius:999em;background-color:rgba(0, 0, 0, .2);background-clip:content-box;border:.2rem solid transparent}
  .scroll-style2::-webkit-scrollbar {height:1.2rem;width:1.2rem;}
  .scroll-style2::-webkit-scrollbar-track {border-radius:999em;background-color:#E9ECEF}
  .scroll-style2::-webkit-scrollbar-thumb {width:.6rem;border-radius:999em;background-color:#C4C6C8;background-clip:content-box;border:.3rem solid transparent}
}

/* flex */

.ui-flex {display:flex}

[data-direction="col"] {flex-direction:column}

[data-align-items="center"] {align-items:center}

[data-align-items="start"] {align-items:flex-start}

[data-align-items="end"] {align-items:flex-end}

[data-align-self="end"] {align-self:flex-end}

[data-justify-content="between"] {justify-content:space-between !important}

[data-justify-content="center"] {justify-content:center !important}

[data-justify-content="end"] {justify-content:flex-end !important}

[data-gap="2"] {gap:.2rem}

[data-gap="3"] {gap:.3rem}

[data-gap="4"] {gap:.4rem}

[data-gap="6"] {gap:.6rem}

[data-gap="8"] {gap:.8rem}

[data-gap="10"] {gap:1rem}

[data-gap="12"] {gap:1.2rem}

[data-gap="16"] {gap:1.6rem}

[data-gap="18"] {gap:1.8rem}

[data-gap="20"] {gap:2rem}

[data-gap="24"] {gap:2.4rem}

[data-gap="30"] {gap:3rem}

[data-gap="34"] {gap:3.4rem}

[data-gap="40"] {gap:4rem}

.ui-flex-1 {flex:1}

.ui-shrink-0 {flex-shrink:0}

.h-full {height:100%}

.w-full {width:100%}

/* grid */

.ui-grid {display:grid}

[data-grid-col="2"] {grid-template-columns:repeat(2, minmax(0, 1fr))}

[data-grid-col="3"] {grid-template-columns:repeat(3, minmax(0, 1fr))}

[data-grid-col="4"] {grid-template-columns:repeat(4, minmax(0, 1fr))}

[data-grid-col="8"] {grid-template-columns:repeat(8, minmax(0, 1fr))}

@media (max-width:1023px) {
  [data-m-grid-col="2"] {grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}

/* line */

.ui-section-line {height:.1rem;width:100%;background-color:#E2E7EF;display:block}

/* icon */

[class*="icon-aspect-"] {aspect-ratio:1/1;display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}

[class*="icon-aspect-"][data-size="6"] {width:.6rem}

[class*="icon-aspect-"][data-size="8"] {width:.8rem}

[class*="icon-aspect-"][data-size="10"] {width:1rem}

[class*="icon-aspect-"][data-size="12"] {width:1.2rem}

[class*="icon-aspect-"][data-size="14"] {width:1.4rem}

[class*="icon-aspect-"][data-size="16"] {width:1.6rem}

[class*="icon-aspect-"][data-size="18"] {width:1.8rem}

[class*="icon-aspect-"][data-size="20"] {width:2rem}

[class*="icon-aspect-"][data-size="24"] {width:2.4rem}

[class*="icon-aspect-"][data-size="26"] {width:2.6rem}

[class*="icon-aspect-"][data-size="28"] {width:2.8rem}

[class*="icon-aspect-"][data-size="30"] {width:3rem}

[class*="icon-aspect-"][data-size="32"] {width:3.2rem}

[class*="icon-aspect-"][data-size="36"] {width:3.6rem}

[class*="icon-aspect-"][data-size="40"] {width:4rem}

[class*="icon-aspect-"][data-size="42"] {width:4.2rem}

[class*="icon-aspect-"][data-size="48"] {width:4.8rem}

[class*="icon-aspect-"][data-size="80"] {width:8rem}

[class*="icon-aspect-"][data-opacity="0.3"] {opacity:.3}

[class*="icon-aspect-"][data-opacity="0.6"] {opacity:.6}

[class*="icon-aspect-"][data-opacity="0.8"] {opacity:.8}

@media (max-width:1023px) {
  [class*="icon-aspect-"][data-m-size="16"] {width:1.6rem}
  [class*="icon-aspect-"][data-m-size="20"] {width:2rem}
}

.icon-aspect-checkbox-off {background-image:url("../images/icon/icon-aspect-checkbox-off.svg")}

.icon-aspect-checkbox-on {background-image:url("../images/icon/icon-aspect-checkbox-on.svg")}

.icon-aspect-close {background-image:url("../images/icon/icon-aspect-close.svg")}

.icon-aspect-close2 {background-image:url("../images/icon/icon-aspect-close2.svg")}

.icon-aspect-close-small {background-image:url("../images/icon/icon-aspect-close-small.svg")}

.icon-aspect-close2-w {background-image:url("../images/icon/icon-aspect-close2-w.svg")}

.icon-aspect-close3-w {background-image:url("../images/icon/icon-aspect-close3-w.svg")}

.icon-aspect-search {background-image:url("../images/icon/icon-aspect-search.svg")}

.icon-aspect-search-b {background-image:url("../images/icon/icon-aspect-search-b.svg")}

.icon-aspect-calendar {background-image:url("../images/icon/icon-aspect-calendar.svg")}

.icon-aspect-calendar2 {background-image:url("../images/icon/icon-aspect-calendar2.svg")}

.icon-aspect-all-menu {background-image:url("../images/icon/icon-aspect-all-menu.svg")}

.icon-aspect-arrow-r-w {background-image:url("../images/icon/icon-aspect-arrow-r-w.svg")}

.icon-aspect-check-circle-w {background-image:url("../images/icon/icon-aspect-check-circle-w.svg")}

.icon-aspect-map-nav1 {background-image:url("../images/icon/icon-aspect-map-nav1.svg")}

/* 기온 */

.icon-aspect-map-nav2 {background-image:url("../images/icon/icon-aspect-map-nav2.svg")}

/* 강수량 */

.icon-aspect-map-nav3 {background-image:url("../images/icon/icon-aspect-map-nav3.svg")}

/* 구름량 */

.icon-aspect-map-nav4 {background-image:url("../images/icon/icon-aspect-map-nav4.svg")}

/* 풍속 */

.icon-aspect-map-nav5 {background-image:url("../images/icon/icon-aspect-map-nav5.svg")}

/* 기압 */

.icon-aspect-map-nav6 {background-image:url("../images/icon/icon-aspect-map-nav6.svg")}

/* 습도 */

.icon-aspect-map-nav7 {background-image:url("../images/icon/icon-aspect-map-nav7.svg")}

/* 해빙 */

.icon-aspect-map-nav8 {background-image:url("../images/icon/icon-aspect-map-nav8.svg")}

/* 적설량 */

.icon-aspect-map-nav9 {background-image:url("../images/icon/icon-aspect-map-nav9.svg")}

/* GTS */

.icon-aspect-map-nav10 {background-image:url("../images/icon/icon-aspect-map-nav10.svg")}

/*  */

.icon-aspect-map-nav11 {background-image:url("../images/icon/icon-aspect-map-nav11.svg")}

/* 레이더 */

.icon-aspect-map-nav12 {background-image:url("../images/icon/icon-aspect-map-nav12.svg")}

/* 위성 */

.icon-aspect-map-nav13 {background-image:url("../images/icon/icon-aspect-map-nav13.svg")}

/* 재생에너지 */

.icon-aspect-map-nav14 {background-image:url("../images/icon/icon-aspect-map-nav14.svg")}

/* 특보 */

.icon-aspect-map-nav15 {background-image:url("../images/icon/icon-aspect-map-nav15.svg")}

/* 동네예보 */

.icon-aspect-map-nav16 {background-image:url("../images/icon/icon-aspect-map-nav16.svg")}

/* 해상 예측 */

.icon-aspect-map-nav17 {background-image:url("../images/icon/icon-aspect-map-nav17.svg")}

/* 수치예보 */

.icon-aspect-map-nav18 {background-image:url("../images/icon/icon-aspect-map-nav18.svg")}

/* 영향예보 */

.icon-aspect-map-nav19 {background-image:url("../images/icon/icon-aspect-map-nav19.svg")}

/* 관측 */

.icon-aspect-map-nav20 {background-image:url("../images/icon/icon-aspect-map-nav20.svg")}

/* 일 통계 */

.icon-aspect-map-nav21 {background-image:url("../images/icon/icon-aspect-map-nav21.svg")}

/* 해수면 */

.icon-aspect-map-control1 {background-image:url("../images/icon/icon-aspect-map-control1.svg")}

.icon-aspect-map-control2 {background-image:url("../images/icon/icon-aspect-map-control2.svg")}

.icon-aspect-map-control3 {background-image:url("../images/icon/icon-aspect-map-control3.svg")}

.icon-aspect-map-control4 {background-image:url("../images/icon/icon-aspect-map-control4.svg")}

.icon-aspect-map-control5 {background-image:url("../images/icon/icon-aspect-map-control5.svg")}

.icon-aspect-map-control6 {background-image:url("../images/icon/icon-aspect-map-control6.svg")}

.icon-aspect-map-control7 {background-image:url("../images/icon/icon-aspect-map-control7.svg")}

.icon-aspect-map-control8 {background-image:url("../images/icon/icon-aspect-map-control8.svg")}

.icon-aspect-map-control9 {background-image:url("../images/icon/icon-aspect-map-control9.svg")}

.icon-aspect-setting {background-image:url("../images/icon/icon-aspect-setting.svg")}

.icon-aspect-dropdown {background-image:url("../images/icon/icon-aspect-dropdown.svg")}

.icon-aspect-logo {background-image:url("../images/icon/icon-aspect-logo.svg")}

.icon-aspect-arrow-range-w {background-image:url("../images/icon/icon-aspect-arrow-range-w.svg")}

.icon-aspect-star {background-image:url("../images/icon/icon-aspect-star.svg")}

.icon-aspect-star-on {background-image:url("../images/icon/icon-aspect-star-on.svg")}

.icon-aspect-wind {background-image:url("../images/icon/icon-aspect-wind.svg")}

.icon-aspect-arrow-right {background-image:url("../images/icon/icon-aspect-arrow-right.svg")}

.icon-aspect-arrow-left {background-image:url("../images/icon/icon-aspect-arrow-left.svg")}

.icon-aspect-play-next {background-image:url("../images/icon/icon-aspect-play-next.svg")}

.icon-aspect-play-prev {background-image:url("../images/icon/icon-aspect-play-prev.svg")}

.icon-aspect-calendar-b {background-image:url("../images/icon/icon-aspect-calendar-b.svg")}

.icon-aspect-link {background-image:url("../images/icon/icon-aspect-link.svg")}

.icon-aspect-arrow-up {background-image:url("../images/icon/icon-aspect-arrow-up.svg")}

.icon-aspect-arrow-down {background-image:url("../images/icon/icon-aspect-arrow-down.svg")}

.icon-aspect-map-pin {background-image:url("../images/icon/icon-aspect-map-pin.svg")}

.icon-aspect-expand-circle {background-image:url("../images/icon/icon-aspect-expand-circle.svg")}

.icon-aspect-month-b {background-image: url("../images/icon/icon-aspect-month-b.svg");}

.icon-aspect-position {background-image:url("../images/icon/icon-aspect-position.svg")}

.icon-aspect-NB01 {background-image:url("../images/weather/NB01.png")}

/* 맑은 */

.icon-aspect-NB02 {background-image:url("../images/weather/NB02.png")}

/* 구름많은(낮) */

.icon-aspect-NB03 {background-image:url("../images/weather/NB03.png")}

/* 흐림 */

.icon-aspect-NB04 {background-image:url("../images/weather/NB04.png")}

/* 비 */

.icon-aspect-NB05 {background-image:url("../images/weather/NB05.png")}

/* 눈 */

.icon-aspect-NB06 {background-image:url("../images/weather/NB06.png")}

/* 비 또는 눈 */

.icon-aspect-NB07 {background-image:url("../images/weather/NB07.png")}

/* 눈 또는 비 */

.icon-aspect-NB08 {background-image:url("../images/weather/NB08.png")}

/* 낙뢰 */

.icon-aspect-NB09 {background-image:url("../images/weather/NB09.png")}

/* 연무 */

.icon-aspect-NB10 {background-image:url("../images/weather/NB10.png")}

/* 안개 */

.icon-aspect-NB11 {background-image:url("../images/weather/NB11.png")}

/* 황사 */

.icon-aspect-NB12 {background-image:url("../images/weather/NB12.png")}

/* 맑음(밤) */

.icon-aspect-NB13 {background-image:url("../images/weather/NB13.png")}

/* 구름많음(밤) */

.icon-aspect-NB14 {background-image:url("../images/weather/NB14.png")}

/* 소나기 */

.icon-aspect-NB15 {background-image:url("../images/weather/NB15.png")}

/* 가끔 비, 한때 비 */

.icon-aspect-NB16 {background-image:url("../images/weather/NB16.png")}

/* 가끔 눈, 한때 눈 */

.icon-aspect-NB17 {background-image:url("../images/weather/NB17.png")}

/* 가끔 비 또는 눈, 한때 비 또는 눈 */

.icon-aspect-NB18 {background-image:url("../images/weather/NB18.png")}

/* 가끔 눈 또는 비, 한때 눈 또는 비 */

.icon-aspect-NB19 {background-image:url("../images/weather/NB19.png")}

/* 빗방울 */

.icon-aspect-NB20 {background-image:url("../images/weather/NB20.png")}

/* 눈날림 */

.icon-aspect-NB21 {background-image:url("../images/weather/NB21.png")}

/* 박무 */

.icon-aspect-control-play {background-image:url("../images/icon/icon-aspect-control-play.svg")}

.icon-aspect-control-stop {background-image:url("../images/icon/icon-aspect-control-stop.svg")}

.icon-aspect-control-prev {background-image:url("../images/icon/icon-aspect-control-prev.svg")}

.icon-aspect-control-next {background-image:url("../images/icon/icon-aspect-control-next.svg")}

/* img */

.sh-logo {background:url("../images/common/sh-logo.svg") no-repeat 50% 50%;background-size:contain;width:8.8rem;height:3rem;display:block}

/* 말줄임 */

[data-ellipsis] {text-overflow:ellipsis;overflow:hidden;}

[data-ellipsis="1"] {white-space:nowrap;word-break:break-all;}

[data-ellipsis="2"] {display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

[data-ellipsis="3"] {display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

/* input textarea */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#949494}

input:-moz-placeholder,
textarea:-moz-placeholder {color:#949494;opacity:1}

input::-moz-placeholder,
textarea::-moz-placeholder {color:#949494;opacity:1}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {line-height:1.8rem}

textarea::-webkit-input-placeholder {line-height:1.8rem}

textarea:-moz-placeholder {line-height:1.8rem}

textarea:-ms-input-placeholder {line-height:1.8rem}

input::-webkit-input-placeholder {color:#949494}

input::-moz-placeholder {color:#949494}

input:-ms-input-placeholder {color:#949494}

input:-moz-placeholder {color:#949494}

/* button */

.btn-base {position:relative;display:flex;align-items:center;justify-content:center;border:.1rem solid transparent;transition:all .2s;text-decoration:none;gap:.4rem;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.btn-base:disabled {background-color:rgba(0, 0, 0, .06) !important;border-color:transparent !important;}

.btn-base:disabled .btn-text {color:#45454566 !important;}

.btn-base:disabled .btn-text > * {color:#45454566 !important;}

.btn-base:disabled:before {display:none !important}

.btn-base:disabled i {opacity:.2}

.btn-base .btn-text {line-height:1;position:relative;}

.btn-text[data-font-size="18-800"] {font-size:1.8rem;font-weight:800}

.btn-text[data-font-size="16-800"] {font-size:1.6rem;font-weight:800}

.btn-text[data-font-size="14-700"] {font-size:1.4rem;font-weight:700}

.btn-text[data-font-size="14-800"] {font-size:1.4rem;font-weight:800}

.btn-text[data-font-size="12-700"] {font-size:1.2rem;font-weight:700}

.btn-text[data-font-color="7386B6"] {color:#7386B6}

.btn-base i {position:relative}

.btn-base:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;transition:all .2s}

.btn-base:hover:before {background-color:rgba(0, 0, 0, .1)}

.btn-base:active:before {background-color:rgba(0, 0, 0, .2)}

.btn-base[data-type="icon"] {padding:0 !important;aspect-ratio:1/1;}

.btn-base[data-size="20"] {min-height:2rem;padding:0 1.2rem;font-size:1.4rem;border-radius:.2rem;}

.btn-base[data-size="28"] {min-height:2.8rem;padding:0 1.2rem;font-size:1.4rem;border-radius:.2rem;}

.btn-base[data-size="30"] {min-height:3rem;padding:0 1.2rem;font-size:1.4rem;border-radius:.2rem;}

.btn-base[data-size="32"] {min-height:3.2rem;padding:0 1.2rem;font-size:1.5rem;border-radius:.2rem;}

.btn-base[data-size="36"] {min-height:3.6rem;padding:0 1.2rem;font-size:1.5rem;border-radius:.2rem;}

.btn-base[data-size="38"] {min-height:3.8rem;padding:0 1.2rem;font-size:1.5rem}

.btn-base[data-size="40"] {min-height:4rem;font-size:1.3rem;padding:0 1.4rem}

.btn-base[data-size="42"] {min-height:4.2rem;font-size:1.3rem;padding:0 1.2rem}

.btn-base[data-size="46"] {min-height:4.6rem;font-size:1.4rem;padding:0 1.4rem}

.btn-base[data-size="48"] {min-height:4.8rem;font-size:1.3rem;padding:0 1.4rem}

.btn-base[data-size="54"] {min-height:5.4rem;font-size:1.6rem;padding:0 .9rem;min-width:16rem}

.btn-base[data-size="58"] {min-height:5.8rem;font-size:1.6rem;padding:0 .9rem;min-width:14.8rem}

.btn-base[data-round="full"] {border-radius:9999em;}

.btn-base[data-before="hidden"]:before {display:none}

.btn-base[data-round="4"] {border-radius:.4rem !important;}

.btn-base[data-round="8"] {border-radius:.8rem !important;}

.btn-base[data-round="16"] {border-radius:1.6rem !important;}

.btn-base[data-color="dark"] {background-color:#212633;color:#fff;font-weight:800;}

.btn-base[data-color="deep-dark"] {background-color:#181D2B;border-color:#131824;color:#fff;font-weight:800;}

.btn-base[data-color="deep-dark"][data-toggle-state="selected"] {background-color:var(--primary);border-color:#2978ED}

.btn-base[data-color="white"] {background-color:#fff;color:#27355A;font-weight:800}

.btn-base[data-color="white2"] {background-color:#fff;color:#7386B6;font-weight:800}

.btn-base[data-color="light-gray"] {background-color:#F7F8FB;color:#27355A;font-weight:800}

.btn-base[data-color="gray"] {background-color:#EFEFEF;color:#1C1B1F}

.btn-base[data-color="gray"][data-toggle-state="selected"] {background-color:var(--primary);border-color:#2978ED}

.btn-base[data-color="gray2"] {background-color:#F7F8FB;color:#1E222F}

.btn-base[data-color="line-gray"] {background-color:#fff;border-color:#D5DCE8;color:#000}

.btn-base[data-color="line-gray2"] {background-color:#fff;border-color:#E4E8EF;color:#000}

.btn-base[data-color="line-gray3"] {background-color:#fff;border-color:#CED6E3;color:#1E222F;font-weight:700}

.btn-base[data-color="blue-line"] {background-color:#fff;color:#27355A;font-weight:800;border-color:var(--primary)}

.btn-base[data-color="primary"] {background-color:var(--primary);color:#fff;font-weight:800;border-color:var(--primary)}

.btn-base[data-style="kakao"] {background-color:#F7E03A;border-radius:.4rem;padding:0 4rem 0 2rem;color:#371C1D;font-weight:800}

.btn-base[data-style="naver"] {background-color:#3DC762;border-radius:.4rem;padding:0 4rem 0 2.1rem;color:#fff;font-weight:800}

.btn-base[data-style="kakao"] .btn-text,
.btn-base[data-style="naver"] .btn-text {flex:1}

.btn-base[data-style="round-primary"] {border-radius:50%;background-color:#2E7EF6;border:.2rem solid #fff;}

.btn-base[data-shadow="true"] {box-shadow:0 .2rem .2rem 0 #0000001A;}

.btn-base[data-width="full"] {width:100%}

.btn-base[data-direction="col"] {flex-direction:column;gap:.8rem}

.btn-base[data-min-w="264"] {width:26.4rem}

.btn-base[data-min-w="180"] {width:18rem}

.btn-base[data-min-w="140"] {width:14rem}

.btn-base[data-gap="12"] {gap:1.2rem}

.btn-base[data-shadow] {box-shadow:0 .1rem .2rem 0 #2F33590D;}

.btn-round-icon-box {border-radius:99em;border:.2rem solid #27355A;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;flex-shrink:0}

.btn-round-icon-box[data-fill="white10"] {background-color:rgba(255, 255, 255, .1);border:none}

.btn-round-icon-box[data-fill="F7F8FB"] {background-color:#F7F8FB;border:none}

.btn-round-icon-box[data-fill="F4F7FF"] {background-color:#F4F7FF;border:none}

.btn-round-icon-box[data-size="40"] {width:4rem}

.btn-round-icon-box[data-size="36"] {width:3.6rem}

.btn-round-icon-box[data-size="32"] {width:3.2rem}

.btn-round-icon-box[data-size="30"] {width:3rem}

.btn-round-icon-box[data-size="22"] {width:2.2rem}

@media (max-width:1023px) {
  .btn-base[data-m-size="28"] {min-height:2.8rem}
}

/* link */

.link-black-line {color:#1E222F;text-decoration:underline;text-underline-offset:.3rem}

.link-blue-line {color:#2E7EF6;text-decoration:underline;text-underline-offset:.3rem}

/* radio */

.form-element-radio {position:relative;display:inline-flex;}

.form-element-radio[data-align="center"] label:before {top:50%;transform:translateY(-50%)}

.form-element-radio input[type="radio"] {position:absolute;opacity:0;left:0}

.form-element-radio input[type="radio"]:focus-visible + label:before {outline:.1rem solid #111;outline-offset:-.1rem}

.form-element-radio input[type="radio"]:checked:focus-visible + label:before {outline-color:#eee}

.form-element-radio label {position:relative;color:#111;font-weight:500;cursor:pointer;}

.form-element-radio label.sr-only {padding:0 !important}

.form-element-radio label:before {content:'';position:absolute;top:0;left:0;flex-shrink:0;;background-repeat:no-repeat;background-position:50% 50%;background-image:url("../images/icon/icon-aspect-checkbox-off.svg");border-radius:999em;border:.1rem solid #ddd;box-sizing:border-box}

.form-element-radio input[type="radio"]:checked + label:before {background-image:url("../images/icon/icon-aspect-checkbox-on.svg");background-color:#111;border-color:#111;}

.form-element-radio input[type="radio"]:disabled + label:before {background-image:url("../images/icon/icon-aspect-checkbox-off.svg");border-color:transparent;background-color:rgba(0, 0, 0, .06)}

.form-element-radio[data-size="20"] {min-height:2rem;line-height:2rem;min-width:2rem;}

.form-element-radio[data-size="20"] label {line-height:2rem;font-size:1.6rem;padding-left:2.8rem;}

.form-element-radio[data-size="20"] label:before {width:2rem;height:2rem;background-size:1rem auto;}

.form-element-radio[data-size="24"] {min-height:2.4rem;line-height:2.4rem;min-width:2.4rem}

.form-element-radio[data-size="24"] label {line-height:2.4rem;font-size:1.6rem;padding-left:3.2rem;}

.form-element-radio[data-size="24"] label:before {width:2.4rem;height:2.4rem;background-size:1.2rem auto;}

/* checkbox */

.form-element-checkbox {position:relative;display:inline-flex;}

.form-element-checkbox input[type="checkbox"] {position:absolute;opacity:0;left:0}

.form-element-checkbox input[type="checkbox"]:focus-visible + label:before {outline:.1rem solid #111;outline-offset:-.1rem}

.form-element-checkbox input[type="checkbox"]:checked:focus-visible + label:before {outline-color:#EEE}

.form-element-checkbox label {color:#7386B6;font-weight:800;cursor:pointer;display:flex;align-items:flex-start;gap:.8rem;}

.form-element-checkbox[data-align="center"] label {align-items:center}

.form-element-checkbox label.sr-only {padding:0 !important}

.form-element-checkbox label[data-text-color="black"] {color:#1E222F}

.form-element-checkbox label:before {content:'';flex-shrink:0;;background-repeat:no-repeat;background-position:50% 50%;box-sizing:border-box;background-size:contain;border:.1rem solid #DFDFDF;border-radius:.3rem}

.form-element-checkbox input[type="checkbox"]:checked + label:before {background-image:url("../images/icon/icon-aspect-checkbox-on.svg");background-color:var(--primary);border-color:var(--primary)}

.form-element-checkbox input[type="checkbox"]:checked:disabled + label:before {background-color:#DFDFDF;border-color:#DFDFDF}

.form-element-checkbox[data-size="18"] {min-height:1.8rem;line-height:1.8rem;min-width:1.8rem;}

.form-element-checkbox[data-size="18"] label {font-size:1.2rem}

.form-element-checkbox[data-size="18"] label[data-font-size="14"] {font-size:1.4rem}

.form-element-checkbox[data-size="18"] label:before {width:1.8rem;height:1.8rem;}

.form-element-checkbox[data-size="18"] input[type="checkbox"]:checked + label:before {background-color:#fff;border-color:var(--primary);background-image:url("../images/icon/icon-aspect-checkbox-18-on.svg");background-size:1.2rem}

.form-element-checkbox[data-size="20"] {min-height:2rem;line-height:2rem;min-width:2rem;}

.form-element-checkbox[data-size="20"] label {line-height:2rem;font-size:1.4rem;}

.form-element-checkbox[data-size="20"] label:before {width:2rem;height:2rem;}

.form-element-checkbox[data-size="22"] {min-height:2.2rem;line-height:2.2rem;min-width:2.2rem;}

.form-element-checkbox[data-size="22"] label {line-height:2.2rem;font-size:1.2rem;}

.form-element-checkbox[data-size="22"] label:before {width:2.2rem;height:2.2rem;}

.form-element-checkbox[data-size="24"] {min-height:2.4rem;line-height:2.4rem;min-width:2.4rem}

.form-element-checkbox[data-size="24"] label {line-height:2.4rem;font-size:1.6rem;}

.form-element-checkbox[data-size="24"] label:before {width:2.4rem;height:2.4rem;}

.form-element-checkbox i {flex-shrink:0}

/* checkbox & radio */

.form-element-check {position:relative;display:inline-flex;gap:.6rem;align-items:flex-start}

.form-element-check .native-input {appearance:none;-webkit-appearance:none;-moz-appearance:none;width:2.2rem;height:2.2rem;background:url("../images/icon/icon-aspect-check-off.svg") no-repeat 50% 50% / contain;border:none;margin:0;padding:0;cursor:pointer;}

.form-element-check .native-input:checked {background-image:url("../images/icon/icon-aspect-check-on.svg")}

.form-element-check .label-value {font-size:1.4rem;font-weight:800;color:#1E222F;line-height:1.6rem;padding-top:.3rem;cursor:pointer;}

/* checkbox & radio [button type] */

.form-fake-button {position:relative;}

.form-fake-button label {cursor:pointer;display:flex;align-items:center;justify-content:center}

.form-fake-input {position:absolute;opacity:0;left:0;}

.form-fake-button-line {height:1.4rem;width:.1rem;background-color:#E4E8EF;display:block}

.form-fake-group-grid {display:grid;}

.form-fake-group-grid[data-col="4"] {grid-template-columns:repeat(4, minmax(0, 1fr))}

.form-fake-group-grid[data-col="3"] {grid-template-columns:repeat(3, minmax(0, 1fr))}

.form-fake-group-grid[data-col="2"] {grid-template-columns:repeat(2, minmax(0, 1fr))}

.form-fake-group-grid[data-col="1"] {grid-template-columns:repeat(1, minmax(0, 1fr))}

.form-fake-group-flex {display:flex;flex-wrap:wrap}

[data-form-style="round-box"] {background-color:#fff;border-radius:99em;padding:.3rem;box-shadow:0 .1rem .2rem 0 #2F33590D;}

[data-form-h="28"] {height:2.8rem}

[data-form-h="32"] {height:3.2rem}

[data-form-h="34"] {height:3.4rem}

[data-form-h="40"] {height:4rem}

[data-form-h="42"] {height:4.2rem}

[data-form-h="44"] {height:4.4rem}

[data-form-h="46"] {height:4.6rem}

[data-form-h="48"] {height:4.8rem}

[data-item-size="104"] .form-fake-label {min-width:10.4rem}

[data-item-size="96"] .form-fake-label {min-width:9.2rem}

[data-item-size="80"] .form-fake-label {min-width:8rem}

[data-item-size="88"] .form-fake-label {min-width:8.8rem}

[data-item-size="58"] .form-fake-label {min-width:5.8rem}

[data-item-size="42"] .form-fake-label {min-width:4.2rem}

[data-item-size="46"] .form-fake-label {min-width:4.6rem}

[data-form-style="round-box"] .form-fake-label {border-radius:99em;height:100%;color:#6D758F;font-weight:700;padding:0 1.6rem;}

[data-form-h="48"] [data-form-style="round-box"] .form-fake-label {font-size:1.6rem}

[data-form-style="round-box"] .form-fake-input:checked + .form-fake-label {background-color:var(--primary);color:#fff}

[data-form-style="round-box"] .form-fake-input:disabled + .form-fake-label {color:#545F7D}

[data-form-style="round-box-list"] {display:flex;gap:0.4rem;}

[data-form-style="round-box-list"] .form-fake-label {border-radius:99em;height:100%;color:#7386B6;font-size:1.2rem;font-weight:800;background-color:#212633;}

[data-form-style="round-box-list"] .form-fake-input:checked+.form-fake-label {background-color:var(--primary);color:#fff}

[data-form-style="square-list-type"] .form-fake-label {border:.1rem solid #D5DCE8;border-radius:.4rem;color:#1E222F;font-weight:700;font-size:1.2rem}

[data-form-style="square-list-type"] .form-fake-input:checked + .form-fake-label {background-color:rgba(46, 126, 246, .06);color:#1E222F;border-color:#2978ED;font-weight:800}

[data-form-style="round-list-type"] .form-fake-label {border:.1rem solid #D5DCE8;border-radius:99rem;color:#1E222F;font-weight:700;font-size:1.1rem}

[data-form-style="round-list-type"] .form-fake-input:checked + .form-fake-label {background-color:#2978ED;color:#fff;border-color:#2978ED;font-weight:800}

[data-form-style="round-list-type2"] .form-fake-label {border:.1rem solid #E2E8F0;border-radius:99rem;color:#6D758F;font-weight:500;font-size:1.2rem}

[data-form-style="round-list-type2"] .form-fake-input:checked + .form-fake-label {background-color:#0475F41A;color:#0475F4;font-weight:700;border-color:#0475F4;}

[data-form-style="line-list-type"] .form-fake-label {border-bottom:.1rem solid #F0F0F5;justify-content:flex-start;gap:.7rem;padding:0 1.2rem}

[data-form-style="line-list-type"] .form-fake-input:checked + .form-fake-label {color:#fff;background-color:#0475F4;border-color:#006DE6}

[data-form-style="line-list-type"] .form-fake-input:checked + .form-fake-label::after {position:absolute;content:'';width:1.6rem;height:1.6rem;background:url("../images/icon/icon-aspect-check-circle-w.svg") no-repeat 50% 50%/contain;top:50%;right:.6rem;transform:translateY(-50%)}

[data-form-style="line-list-type"][data-col="1"] .form-fake-button:last-child .form-fake-label {border-bottom:none}

[data-form-style="line-list-type"][data-col="2"] .form-fake-button:nth-child(even) .form-fake-label {border-left:.1rem solid #F0F0F5}

[data-form-style="line-list-type"][data-col="2"] .form-fake-button:nth-last-child(2) .form-fake-label,
[data-form-style="line-list-type"][data-col="2"] .form-fake-button:last-child .form-fake-label {border-bottom:none}

[data-form-style="text-type"] .form-fake-label {justify-content:flex-start;color:#6D758F;font-size:1.4rem;font-weight:500}

[data-form-style="text-type"] .form-fake-input:checked + .form-fake-label {color:var(--primary)}

[data-form-style="line-list-type2"] .form-fake-label {border-bottom:.1rem solid #F0F0F5;justify-content:flex-start;gap:.7rem;padding:0 1.2rem}

[data-form-style="line-list-type2"] .form-fake-label[data-direction="col"] {flex-direction:column;gap:0;align-items:flex-start;justify-content:center}

[data-form-style="line-list-type2"] .form-fake-input:checked + .form-fake-label {color:#0475F4;background-color:#F8FAFF;}

[data-form-style="text-color-type"] .form-fake-label {color:#1E222F;font-size:1.6rem;font-weight:800}

[data-form-style="text-color-type"] .form-fake-input:checked+.form-fake-label {color:var(--primary)}

/* dropdown */

[data-form-style="round-box"] .form-fake-label[data-dropdown-button] {padding:0;justify-content:center;background:none;}

[data-form-style="round-box"] .form-fake-label[data-dropdown-button][data-radio-checked="true"] {background-color:var(--primary);color:#fff}

/* select button */

[data-form-style="round-box"] .form-fake-label.ui-select {padding:0;text-align:center;background:none;}

[data-form-style="round-box"] .form-fake-label[data-radio-checked="true"],
[data-form-style="round-box"] .form-fake-label.ui-select[data-radio-checked="true"] {background-color:var(--primary);color:#fff;}

[data-col="auto"][data-form-style="round-list-type"] .form-fake-label {padding:0 1.6rem;white-space:nowrap}

.in-square-area {display:block;width:1.4rem;height:1.4rem;border:.2rem solid var(--primary);background-color:#2E7EF61A;box-shadow:0 0.15rem 0 0 #00000012;}

.in-round-area {display:block;width:1.4rem;height:1.4rem;border-radius:99em;border:.2rem solid #3CC74A;background-color:#3CC74A1A;box-shadow:0 0.15rem 0 0 #00000012;}

/* switch */

.form-element-switch {display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle;}

.form-element-switch label {position:relative;display:inline-flex;-webkit-box-align:center;align-items:center;color:rgba(69, 69, 69, 0.60);border-radius:999em;background-color:#ddd;text-align:center;white-space:nowrap;-webkit-transition-duration:0.3s;transition-duration:0.3s;cursor:pointer;}

.form-element-switch label::after {content:'';position:absolute;border-radius:50%;background-color:#fff;-webkit-transition-duration:0.3s;transition-duration:0.3s;filter:drop-shadow(0 0 .2rem rgba(0, 0, 0, 0.25));}

.form-element-switch label span {display:block;}

.form-element-switch label .txt-uncheck {position:relative;}

.form-element-switch label .txt-checked {display:none;opacity:0;}

.form-element-switch input {position:absolute;width:.1rem;height:.1rem;opacity:0;}

.form-element-switch input:focus-visible + label {outline:.1rem solid #ddd;}

.form-element-switch input:not(:focus-visible) + label {outline:0;}

.form-element-switch input:checked + label {padding-left:.4rem;color:#fff;border-color:var(--primary);background-color:var(--primary);justify-content:flex-end;}

.form-element-switch input:checked + label::after {border-color:var(--primary);}

.form-element-switch input:checked + label .txt-uncheck {display:none;opacity:0;line-height:1;}

.form-element-switch input:checked + label .txt-checked {display:inline;opacity:1;line-height:1;margin-right:0;}

.form-element-switch input:disabled + label::after {background-color:#ccc;filter:none}

.form-element-switch input:disabled + label {color:#ddd}

.form-element-switch[data-size="20"] label {min-width:4rem;height:2rem;padding-right:0;padding-left:1.8rem;}

.form-element-switch[data-size="20"] label::after {top:.2rem;left:.3rem;width:1.6rem;height:1.6rem;}

.form-element-switch[data-size="20"] span {font-size:1.4rem;}

.form-element-switch[data-size="20"] input:checked+label {padding-right:1.8rem;}

.form-element-switch[data-size="20"] input:checked+label::after {left:calc(100% - 1.8rem);}

.form-element-switch[data-size="28"] label {min-width:6rem;height:2.8rem;padding-right:0;padding-left:2.7rem;}

.form-element-switch[data-size="28"] label::after {top:.4rem;left:.4rem;width:2rem;height:2rem;}

.form-element-switch[data-size="28"] span {font-size:1.4rem;}

.form-element-switch[data-size="28"] input:checked + label {padding-right:2.7rem;}

.form-element-switch[data-size="28"] input:checked + label::after {left:calc(100% - 2.4rem);}

.form-element-switch[data-size="36"] label {min-width:6.8rem;height:3.6rem;padding-right:0;padding-left:3.3rem;}

.form-element-switch[data-size="36"] label::after {top:.6rem;left:.6rem;width:2.4rem;height:2.4rem;}

.form-element-switch[data-size="36"] span {font-size:1.5rem;}

.form-element-switch[data-size="36"] input:checked + label {padding-right:3.3rem;}

.form-element-switch[data-size="36"] input:checked + label::after {left:calc(100% - 3rem);}

/* placeholder */

textarea::-webkit-input-placeholder {color:rgba(69, 69, 69, .4);font-weight:500;}

textarea:-ms-input-placeholder {color:rgba(69, 69, 69, .4);font-weight:500;}

textarea:-moz-placeholder {color:rgba(69, 69, 69, .4);opacity:1;font-weight:500;}

textarea::-moz-placeholder {color:rgba(69, 69, 69, .4);opacity:1;font-weight:500;}

input::-webkit-input-placeholder {color:rgba(69, 69, 69, .4);font-weight:500;}

input:-ms-input-placeholder {color:rgba(69, 69, 69, .4);font-weight:500;}

input::-moz-placeholder {color:rgba(69, 69, 69, .4);opacity:1;font-weight:500;}

input:-moz-placeholder {color:rgba(69, 69, 69, .4);opacity:1;font-weight:500;}

/* Autofill된 배경과 텍스트 색상 제거 */

input:-webkit-autofill {background-color:transparent !important;color:inherit !important;box-shadow:0 0 0 100rem white inset !important;}

/* 내부 선택된 자동 입력 필드 스타일 제거 */

input:-internal-autofill-selected {background-color:transparent !important;color:inherit !important;box-shadow:0 0 0 100rem white inset !important;}

input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;appearance:none;}

input[type="search"]::-moz-search-clear {display:none;}

input[type="date"] {-webkit-appearance:none;-moz-appearance:textfield;appearance:none;padding-right:0;}

input[type="date"]::-webkit-calendar-picker-indicator {display:none;}

input[type="time"] {direction:ltr}

input[type="time"]::-webkit-clear-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator {display:none;-webkit-appearance:none;}

/* 입력 필드 스타일 */

input[type="time"].input-time {-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;font-size:1.6rem;padding:0;border-radius:0;height:2.2rem;min-width:0;border:none;outline:none;margin:0;box-sizing:border-box}

/* input */

.form-input-box {border:.1rem solid #E4E8EF;border-radius:.4rem}

.form-input-box[data-bg="white"] {background-color:#fff}

.form-input-box[data-type="in-label"] {border-radius:.8rem;display:flex;flex-direction:column;gap:.4rem;padding:.8rem 1.6rem;}

.form-input-box[data-state="disabled"] {border-color:#e3e3e3;background-color:rgba(0, 0, 0, .06);pointer-events:none}

.form-input-box[data-state="disabled"] .form-element-input {background-color:transparent;pointer-events:none;color:rgba(69, 69, 69, .4);}

.form-input-box[data-state="disabled"] .form-element-input[data-color="black"] {color:#111;font-weight:500}

.form-input-box[data-state="disabled"] .form-registration-desc {color:rgba(69, 69, 69, .4);}

.form-input-box[data-state="disabled"] button[data-self="end"] {pointer-events:auto}

.form-input-box[data-size] {border-radius:.4rem;padding:0 1.6rem;gap:.8rem}

.form-input-box[data-size] .form-input-grid {height:100%}

.form-input-box[data-size="42"] {height:4.2rem;}

.form-input-box[data-size] .form-element-input {height:calc(100% - .2rem)}

.form-input-box[data-size="42"] .form-element-input {font-size:1.6rem;}

.form-input-box[data-round="4"] {border-radius:.4rem}

.form-input-box[data-round="8"] {border-radius:.8rem}

.form-input-box[data-round="full"] {border-radius:99em}

.form-input-box[data-line-color="black"] {border:.2rem solid #454545}

.form-element-input {outline:none;background-color:#fff;padding:0 1.4rem;min-width:0;border:.1rem solid #CED6E3;border-radius:.4rem}

.form-element-input[data-round="full"] {border-radius:99em}

.form-element-input[data-style="no-line"] {border:none;outline:none;padding:0}

.form-element-input[data-style="line"] {border:.1rem solid #eee;outline:none;border-radius:.2rem}

.form-element-input[data-size="36"] {height:3.6rem;font-size:1.4rem;font-weight:700;color:#27355A;}

.form-element-input[data-size="40"] {height:4rem;font-size:1.4rem;font-weight:700;color:#27355A;}

.form-element-input[data-size="46"] {height:4.6rem;font-size:1.4rem;font-weight:700;color:#27355A;}

.form-element-input[data-size="46"]::-webkit-input-placeholder {color:#7386B6;font-weight:700;}

.form-element-input[data-size="46"]:-ms-input-placeholder {color:#7386B6;font-weight:700;}

.form-element-input[data-size="46"]::-moz-placeholder {color:#7386B6;opacity:1;font-weight:700;}

.form-element-input[data-size="46"]:-moz-placeholder {color:#7386B6;opacity:1;font-weight:700;}

.form-element-input[data-px="8"] {padding:0 .8rem}

.form-element-input[data-bg="F4F8FF"] {background-color:#F4F8FF}

.form-element-input[data-width="full"] {width:100%}

.form-element-input[data-align="right"] {text-align:right}

.form-element-input[data-align="center"] {text-align:center}

.form-element-input[data-placeholder="center"]::placeholder {text-align:center}

.form-element-input[data-placeholder-size="13"]::placeholder {font-size:1.3rem;position:relative;top:-.4rem}

.form-input-grid {display:flex;align-items:center;gap:.8rem;position:relative;}

.form-input-grid[data-overflow="hidden"] {overflow:hidden}

.form-input-grid [data-self="end"] {align-self:flex-end}

.form-input-grid[data-gap="4"] {gap:.4rem}

.form-input-grid .btn-base {flex-shrink:0;margin-left:.4rem;}

.input-date-box {display:flex;align-items:center;height:4.2rem;gap:.4rem;width:14rem;border:.1rem solid #D5DCE8;border-radius:.4rem;padding:0 .5rem 0 1.4rem;}

.input-date-box label {height:100%;width:100%}

.input-date-box .form-element-input {flex:1;width:calc(100% - 2rem) !important;min-width:0;height:calc(100% - .2rem)}

.input-date-box label .form-element-input {width:100% !important;}

/* textarea */

.form-textarea-box {border:.1rem solid #CED6E3;padding:2rem;display:flex;flex-direction:column;border-radius:.8rem;background-color:#fff}

.form-textarea-box[data-state="disabled"] {border-color:#e3e3e3;background-color:rgba(0, 0, 0, .06);pointer-events:none}

.form-textarea-box[data-state="disabled"] .form-element-textarea {background-color:transparent;pointer-events:none}

.form-element-textarea {outline:none;background-color:#fff;width:100%;font-size:1.4rem;line-height:2.2rem;font-weight:700;color:#1E222F}

.form-element-textarea::placeholder {font-size:1.4rem;color:#7386B6;font-weight:700}

.form-element-textarea[data-style="no-line"] {border:none;outline:none;height:100%}

.form-element-textarea[data-size="236"] {height:23.6rem}

.form-element-textarea[data-size="80"] {height:8rem}

.textarea-data-vite {text-align:right;font-size:1.4rem;font-weight:500;color:rgba(69, 69, 69, .4)}

.textarea-vite-value {color:#454545;}

/* select */

select {display:inline-block;position:relative;background-color:transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;vertical-align:middle;background-repeat:no-repeat;}

select::-ms-expand {display:none}

.ui-select {border:.1rem solid transparent;width:100%;background-repeat:no-repeat}

[data-select-h="32"] {height:3.2rem;padding:0 4rem 0 1.8rem;font-size:1.1rem;font-weight:700;background-position:calc(100% - 1rem) 50%;background-size:2rem}

[data-select-h="40"] {height:4rem;padding:0 3.2rem 0 1.2rem;font-size:1.2rem;font-weight:800;background-position:calc(100% - .4rem) 50%;background-size:2.4rem}

[data-select-h="42"] {height:4.2rem;padding:0 3.2rem 0 1.2rem;font-size:1.4rem;font-weight:800;background-position:calc(100% - .4rem) 50%;background-size:2.4rem;}

[data-select-w="110"] {width:11rem}

[data-select-w="130"] {width:13rem}

[data-select-w="148"] {width:14.8rem}

[data-select-w="168"] {width:16.8rem}

[data-select-shadow="true"] {box-shadow:0 .2rem .2rem 0 #0000001A;}

[data-select-theme="light"] {background-color:#fff;border-color:#D5DCE8;background-image:url("../images/icon/icon-aspect-select-arrow.svg");color:#1E222F}

[data-select-option-color="navy"] {color:#27355A !important;}

[data-select-theme="dark"] {background-color:#212633;border-color:#212633;background-image:url("../images/icon/icon-aspect-select-arrow-w.svg");color:#fff}

[data-select-radius="4"] {border-radius:.4rem}

[data-select-radius="full"] {border-radius:99em}

.ui-select-dark {background:transparent;color:#fff;border:none;padding:.4rem .8rem;font-size:1.2rem;font-weight:800;}

.ui-select-dark option {background-color:#181D2BCC}

/* slider */

.slider-container {position:relative;display:flex;align-items:center;padding:.6rem 1.2rem;border-radius:.4rem;gap:1.2rem;}

[data-slider-theme="dark"] {background:rgba(24, 29, 43, .8);box-shadow:0 .2rem .6rem .2rem rgba(0, 0, 0, .15);color:#fff;}

[data-slider-theme="light"] {background-color:#F0F0F5;color:#1E222F}

.slider-play-btn {width:2.8rem;height:2.8rem;background-color:rgba(255, 255, 255, .1);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:50%;flex-shrink:0}

.slider-play-btn .icon-aspect-pause {display:none;}

.slider-play-btn[data-toggle-state="selected"] .icon-aspect-play {display:none;}

.slider-play-btn[data-toggle-state="selected"] .icon-aspect-pause {display:block;}

.slider-play-btn:hover {background-color:var(--primary);}

.slider-wrapper {position:relative;width:auto;display:flex;align-items:center;}

.slider-item {display:flex;justify-content:center;align-items:center;gap:0.4rem}

.slider-wrapper input[type="range"] {width:14rem;}

.slider-wrapper [data-rangeslider-label] {position:absolute;top:-4rem;background:var(--primary);padding:.4rem 1rem;border-radius:99em;font-size:1.2rem;color:#fff;font-family:'DINPro', 'sans-serif';white-space:nowrap;pointer-events:none;font-weight:700;transform:translateX(-50%)}

.slider-wrapper [data-rangeslider-label]::before {content:'';width:0;height:0;border-top:.4rem solid var(--primary);border-left:.4rem solid transparent;border-right:.4rem solid transparent;position:absolute;top:100%;left:50%;transform:translateX(-50%)}

[data-rangeslider] .slider-wrapper input[type="range"] {appearance:none;width:100%;height:.2rem;background:#fff;border-radius:99rem;outline:none;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--percent), #fff var(--percent), #fff 100%);transition:background .3s ease;padding:0;border:none}

[data-rangeslider] .slider-wrapper input[type="range"]::-webkit-slider-thumb {appearance:none;width:1.8rem;height:1.8rem;background:#fff;border-radius:50%;cursor:pointer;box-sizing:border-box;border:.2rem solid var(--primary);}

.slider-container .ui-select-dark {background:url(../images/icon/icon-aspect-select-arrow-w.svg) no-repeat 100% 50% / 2.4rem;color:#fff;padding-right:2.4rem;flex-shrink:0}

@media (max-width:1023px) {
  .slider-container {width:calc(100% - 2rem)}
  .slider-item {flex:1}
  .slider-wrapper {width:100%}
}

/* table */

.table-1 {border-top:.1rem solid #201F3B;border-bottom:.1rem solid #201F3B;min-width:100%;}

.table-1 thead th {background-color:#F9F9F9;border-bottom:.1rem solid #201F3B;text-align:center;font-size:1.4rem;font-weight:800;line-height:1.4rem;padding:1rem .8rem}

.table-1 tbody td {border-bottom:.1rem solid #E8ECEF;padding:1rem .8rem;text-align:center;color:#1E222F;font-size:1.2rem;font-weight:500;}

.table-1 tbody tr:last-child td {border-bottom:none}

.table-1 tbody th {border-right:.1rem solid #D5DCE8;border-bottom:.1rem solid #D5DCE8;text-align:center;font-size:1.4rem;padding:.8rem;font-weight:800;color:#1E222F}

[class^="table-"] tbody td[data-text-align="left"] {text-align:left}

[class^="table-"] tbody td[data-text-align="right"] {text-align:right}

[class^="table-"] tbody td[data-text-align="center"] {text-align:center}

.table-1[data-text-size="16"] thead th {font-size:1.6rem;font-weight:800}

.table-1[data-text-size="16"] tbody td:not(:first-child) {font-size:1.6rem}

@media (max-width:1023px) {
  .table-1 thead th,
  .table-1 tbody th,
  .table-1 tbody td {font-size:1rem;padding:.8rem 0;line-height:1.1rem}
  .table-1 .text-10-800 {font-size:.8rem}
  .table-1[data-text-size="16"] thead th,
  .table-1[data-text-size="16"] tbody td:not(:first-child) {font-size:1rem;padding:.8rem}
  .table-1[data-text-size="16"] thead th,
  .table-1[data-text-size="16"] tbody td {padding:.8rem .3rem}
}

.table-2 {border-left:.1rem solid #D5DCE8;min-width:100%;}

.table-2 thead tr:first-child th {border-top:.1rem solid #D5DCE8}

.table-2 thead th {background-color:#F3F3F3;border-right:.1rem solid #D5DCE8;border-bottom:.1rem solid #D5DCE8;text-align:center;font-size:1.6rem;font-weight:bold;line-height:2rem;padding:1.2rem .8rem}

.table-2 tbody td {border-right:.1rem solid #D5DCE8;border-bottom:.1rem solid #D5DCE8;padding:.8rem;text-align:center;color:#1E222F;font-size:1.6rem;font-weight:700}

.table-2[data-td-size="14"] tbody td {font-size:1.4rem}

@media (max-width:1023px) {
  .table-2[data-m-text-size="10"] thead th,
  .table-2[data-m-text-size="10"] tbody td {font-size:1rem}
}

.table-scroll {max-height:24.6rem;overflow-y:auto;overflow-x:hidden;}

.table-scroll[data-max-h="900"] {max-height:90em}

.more-data-table {position:relative}

.more-data-table .table-scroll::before {content:'';height:.1rem;left:0;right:0;top:0;background-color:#D5DCE8;position:absolute;display:block;z-index:2}

.more-data-table .table-scroll::after {content:'';height:.1rem;left:0;right:0;bottom:0;background-color:#D5DCE8;position:absolute;display:block}

.more-data-table[data-top-line="hidden"] .table-scroll::before {display:none}

.more-data-table[data-top-line="hidden"] .table-scroll::-webkit-scrollbar {border-top:.1rem solid #D5DCE8}

.table-scroll [class^="table-"] thead th {position:sticky;top:0;z-index:2}

.table-scroll [class^="table-"] {min-width:100%;}

.table-scroll [class^="table-"] td,
.table-scroll [class^="table-"] th {white-space:nowrap}

.table-scroll::-webkit-scrollbar {height:1.6rem;width:1.6rem;border-right:.1rem solid #D5DCE8;background-color:#fff}

.table-scroll::-webkit-scrollbar-track {border-radius:999em;background-color:transparent}

.table-scroll::-webkit-scrollbar-thumb {width:.4rem;border-radius:999em;background-color:#E5E8F2;border:.4rem solid transparent;background-clip:padding-box;}

.table-scroll::-webkit-scrollbar-corner {background-color:transparent}

.table-w-scroll {max-width:100%;overflow-x:auto}

@media (max-width:1023px) {
  .table-scroll [class^="table-"] {table-layout:auto;}
}

/* text */

.text-10-500 {font-size:1rem;font-weight:500;}

.text-10-800 {font-size:1rem;font-weight:800;}

.text-12-700 {font-size:1.2rem;font-weight:700;line-height:1.4rem}

.text-12-800 {font-size:1.2rem;font-weight:800;line-height:1.4rem}

.text-13-800 {font-size:1.3rem;font-weight:800}

.text-14-500 {font-size:1.4rem;font-weight:500;line-height:1}

.text-14-600 {font-size:1.4rem;font-weight:600;line-height:1.6rem}

.text-14-700 {font-size:1.4rem;font-weight:700;line-height:1.6rem}

.text-14-800 {font-size:1.4rem;font-weight:800;line-height:1.6rem}

.text-16-400 {font-size:1.6rem;font-weight:500}

.text-16-600 {font-size:1.6rem;font-weight:600}

.text-16-700 {font-size:1.6rem;font-weight:700}

.text-16-800 {font-size:1.6rem;font-weight:800}

.text-18-400 {font-size:1.8rem;font-weight:400}

.text-18-700 {font-size:1.8rem;font-weight:700}

.text-18-800 {font-size:1.8rem;font-weight:800}

.text-20-800 {font-size:2rem;font-weight:800}

.text-22-800 {font-size:2.2rem;font-weight:800}

.text-24-800 {font-size:2.4rem;font-weight:800}

.text-28-800 {font-size:2.8rem;font-weight:800}

.text-32-800 {font-size:3.2rem;font-weight:800}

[data-text-color="primary"] {color:#2E7EF6}

[data-text-color="black"] {color:#1E222F}

[data-text-color="19213D"] {color:#19213D}

[data-text-color="white"] {color:#fff}

[data-text-color="navy"] {color:#27355A}

[data-text-color="sora"] {color:#7386B6}

[data-text-color="blue"] {color: #1787FF}

[data-text-color="red"] {color: #FF0000}

[data-text-color="white50"] {color:rgba(255, 255, 255, .5)}

[data-text-color="414756"] {color:#414756}

[data-text-color="6D758F"] {color:#6D758F}

[data-text-align="center"] {text-align:center}

[data-text-align="left"] {text-align:left}

[data-text-align="right"] {text-align:right}

[data-font-weight="500"] {font-weight:500}

[data-font-weight="700"] {font-weight:700}

[data-font-weight="800"] {font-weight:800}

[data-font-size="18-800"] {font-size:1.8rem;font-weight:800}

[data-font-size="16-800"] {font-size:1.6rem;font-weight:800}

[data-font-size="12-800"] {font-size:1.2rem;font-weight:800}

[data-font-size="12-600"] {font-size:1.2rem;font-weight:600}

[data-line-h="1"] {line-height:1}

@media (max-width:1023px) {
  .m-text-12-400 {font-size:1.2rem !important;font-weight:400 !important;line-height:1.4rem !important;}
  .m-text-12-700 {font-size:1.2rem !important;font-weight:700 !important;line-height:1.4rem !important;}
  .m-text-14-700 {font-size:1.4rem !important;font-weight:700 !important;line-height:1.8rem !important;}
  .m-text-14-800 {font-size:1.4rem !important;font-weight:800 !important;line-height:1.8rem !important;}
  .m-text-15-700 {font-size:1.5rem !important;font-weight:700 !important;}
  .m-text-15-800 {font-size:1.5rem !important;font-weight:800 !important;}
  .m-text-16-800 {font-size:1.6rem !important;font-weight:800 !important;}
  .m-text-18-800 {font-size:1.8rem !important;font-weight:800 !important;}
  .m-text-22-800 {font-size:2.2rem !important}
}

[data-dropdown="languageSelect"] {
  width: 8rem;
}

.dropdown-btn{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1rem 0 2rem;
  gap: 0.4rem;
  background-color: #fff;
  border-radius: 99em;
  box-shadow: 0 .1rem .2rem 0 #2F33590D;
}

.full-map {width:100%;height:100dvh;position:relative}

.full-map-box {width:100%;height:100%}

/* 상단 */

.full-map-top-area {position:absolute;top:2rem;left:2rem;right:2rem;pointer-events:none;display:flex;align-items:flex-start}

.full-map-top-area .btn-base {pointer-events:auto}

.full-map-sh-box {max-width:52rem;flex:1;min-height:4.8rem;border-radius:2.4rem;background-color:#fff;box-shadow:0 .1rem .2rem 0 #2F33590D;pointer-events:auto;position:relative;}

.full-map-sh-box .btn-sh-del {position:absolute;right:5.6rem;top:1.2rem}

.full-map-sh-box .sh-logo {margin-right:1rem}

.full-map-sh-box .form-element-input {padding-right:4rem}

.btn-sh {height:3.6rem;width:3.6rem;display:flex;align-items:center;justify-content:center;}

.full-map-setting-area {margin-left:auto;pointer-events:auto;display:flex;gap:.6rem}

.map-choice-info-box {height:4.8rem;border-radius:99em;background-color:rgba(0,0,0,.6);padding:.6rem 2.6rem .6rem .6rem;box-shadow:0 .1rem .2rem 0 #2F33590D;margin-left:.6rem;display:flex;align-items:center;gap:1rem;position:relative;pointer-events:auto;white-space:nowrap}

.map-choice-info-box .icon-round-box {display:flex;align-items:center;justify-content:center;height:3.6rem;width:3.6rem;background-color:#fff;border-radius:99em}

.map-choice-info-box .link-full {z-index:10}

.map-search-list-box {padding:1rem 2rem;border-top:.1rem solid #E8ECEF;box-shadow:inset 0 .2rem .4rem 0 #2F33590D;max-height:62rem;overflow-y:auto;overflow-x:hidden}

.map-search-list-box.off{display:none;}

.map-search-list-item {display:flex;gap:1rem;align-items:center;position:relative;padding:1rem 0}

.map-search-list-item .favorites-area {z-index:2}

.map-search-list-item ~ .map-search-list-item {border-top:.1rem solid #F0F0F5;}

.map-search-list-data {display:flex;flex-direction:column;gap:.3rem}

.map-choice-info-box-line {width:.1rem;height:2rem;background-color:rgba(255,255,255,.3);display:block;margin:0 1.2rem}

@media (max-width:1023px) {
    .full-map-top-area {top:1.5rem;right:6.9rem;left:1.5rem;bottom:10rem;flex-direction:column;gap:2rem;align-items:flex-start}
    .full-map-sh-box {width:100%}
    .map-choice-info-box {position:absolute;top:0;left:5.5rem;margin-left:0;width:calc(100vw - 8.5rem);padding-left:2rem}
    /*.map-choice-info-box {position:absolute;bottom:0;left:0;margin-left:0}*/
    .full-map-setting-area {position:absolute;right:-5.4rem;top:0}
}

/* 좌측 */

.full-map-left-area {position:absolute;left:2rem;top:10.8rem;display:flex;flex-direction:column;gap:.6rem}

/*.full-map-left-area {position:absolute;left:2rem;bottom:17rem;top:10.8rem;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}*/

.full-map-left-area[data-toggle-state="selected"] {bottom:2rem}

.btn-map-left {height:3.6rem;border-radius:99em;background-color:rgba(0, 0, 0, .6);padding:.2rem .6rem .2rem .2rem;display:flex;align-items:center;width:16.2rem;box-shadow:0 .1rem .2rem 0 #2F33590D;}

.btn-map-left .icon-round-box {display:flex;align-items:center;justify-content:center;height:3.2rem;width:3.2rem;background-color:#fff;border-radius:99em}

.btn-map-left .btn-text {flex:1;margin-left:.6rem;font-size:1.4rem;font-weight:700;color:#fff;justify-content:start;display:flex;}

.btn-map-left[data-toggle-state="selected"],
.btn-map-left[aria-expanded="true"] {background-color:#0475F4}

/* 우측 */

.full-map-right-area {position:absolute;right:2rem;bottom:17rem;top:10.8rem;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}

.full-map-right-area[data-toggle-state="selected"] {bottom:2rem}

/*.full-map-right-area[data-toggle-state="selected"] .full-map-right-group3 {display:none}*/

.full-map-right-group1 {pointer-events:auto;display:flex;gap:.8rem;flex-direction:column}

.full-map-right-group1 .map-btn-group {padding:1px;width:3.8rem;background-color:#fff}

.map-btn-group {border-radius:.4rem;display:flex;flex-direction:column;box-shadow:0 .1rem .2rem 0 #2F33590D;}

.map-btn-group .btn-with-tooltip:first-child .btn-base,
.map-btn-group .btn-base:first-child {border-top-left-radius:.4rem;border-top-right-radius:.4rem;}

.map-btn-group .btn-with-tooltip+.btn-with-tooltip .btn-base {border-top-left-radius:0;border-top-right-radius:0;}

.map-btn-group .btn-with-tooltip:last-child .btn-base,
.map-btn-group .btn-base:last-child {border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;}

.btn-tooltip {display:none;position:absolute;right:calc(100% + .7rem);top:50%;margin-top:-1.2rem;white-space:nowrap;height:2.4rem;align-items:center;font-size:1.2rem;line-height:1;color:#1E2329;font-weight:700;border-radius:.2rem;box-shadow:0 .1rem .1rem 0 #00000014;background-color:#fff;padding:0 .8rem}

.btn-tooltip:before {content:'';position:absolute;width:0;height:0;border-style:solid;border-width:.4rem 0 .4rem 1rem;border-color:transparent transparent transparent #fff;right:-.4rem;top:50%;transform:translateY(-50%)}

.btn-with-tooltip {position:relative}

.btn-with-tooltip:hover .btn-tooltip {display:flex}

.map-btn-group .btn-base {max-width:100%}

.full-map-right-group1 .btn-base:before {display:none}

[data-style="hover-blue"] .btn-base[data-toggle-state="selected"],
/*[data-style="hover-blue"] .btn-base:hover {background-color:#0475F4;border:.1rem solid #006DE6;}*/
.btn-base:hover .icon-aspect-setting {background-image:url("../images/icon/icon-aspect-setting-on.svg")}

.btn-base[data-toggle-state="selected"] .icon-aspect-map-control1,
.btn-base:hover .icon-aspect-map-control1 {background-image:url("../images/icon/icon-aspect-map-control1-on.svg")}

.btn-base[data-toggle-state="selected"] .icon-aspect-map-control2,
.btn-base:hover .icon-aspect-map-control2 {background-image:url("../images/icon/icon-aspect-map-control2-on.svg")}

.btn-base[data-toggle-state="selected"] .icon-aspect-map-control3,
/*.btn-base:hover .icon-aspect-map-control3 {background-image:url("../images/icon/icon-aspect-map-control3-on.svg")}*/
.btn-base:hover .icon-aspect-map-control4 {background-image:url("../images/icon/icon-aspect-map-control3-on.svg")}

.btn-base:hover .icon-aspect-map-control5 {background-image:url("../images/icon/icon-aspect-map-control5-on.svg")}

.btn-base:hover .icon-aspect-map-control6 {background-image:url("../images/icon/icon-aspect-map-control6-on.svg")}

.btn-base:hover .icon-aspect-map-control7 {background-image:url("../images/icon/icon-aspect-map-control7-on.svg")}

.btn-base:hover .icon-aspect-map-control8 {background-image:url("../images/icon/icon-aspect-map-control8-on.svg")}

/* 1. 선택(토글)된 상태의 스타일은 항상 유지되도록 분리 */

[data-style="hover-blue"] .btn-base[data-toggle-state="selected"] {
    background-color: #0475F4;
    border: .1rem solid #006DE6;
}

/* 2. 마우스가 있는 환경(데스크톱)에서만 :hover 효과 적용 */

@media (hover: hover) {
    [data-style="hover-blue"] .btn-base:hover {
        background-color: #0475F4;
        border: .1rem solid #006DE6;
    }
}

@media (max-width:1023px) {
    /*.full-map-right-area {bottom:10.25rem;right:1.5rem}*/
    .full-map-right-area[data-toggle-state="selected"]{bottom:0;width:50%;left:auto;}
    .full-map-left-area[data-toggle-state="selected"]{bottom:0;width:50%;right:auto;}
    [data-toggle-state="selected"] .legend-gauge.small{height: 11.9rem;}
    [data-toggle-state="selected"] .legend-gauge.small .legend-gauge-num{width: 1rem !important;word-break:break-all !important;}
    .full-map-left-area,
    .full-map-right-area {position:absolute;top:0;right:0; bottom:0; left:0;height:auto; pointer-events:none;z-index:5 !important;}

    .full-map-bottom-area {z-index:4}

    .full-map-right-group1 {position: absolute; right:1.5rem;}
    .full-map-right-group2 {position: absolute; right:0; bottom:0; width: 100%;}
}

.full-map-right-group2 {display:flex;flex-direction:column;align-items:flex-end;pointer-events:auto;margin-top:auto;gap:.6rem}

.full-map-right-group2 .map-btn-group .btn-with-tooltip~.btn-with-tooltip,
[data-style="line"] .btn-base ~ .btn-base {border-top:.1rem solid #E8E8E8}

.full-map-right-group3 {position:absolute;z-index:2;bottom:0;right:6.8rem;pointer-events:auto}

[data-type="hpa"] .full-map-right-group3 {right:8.8rem}

.btn-map-ani-option,
.btn-map-toggle {border-radius:.4rem;background-color:#181D2BCC;width:16.8rem;padding:0 .8rem 0 1.4rem;display:flex;align-items:center;gap:.4rem;height:3.2rem;color:#fff;font-size:1.2rem;font-weight:600;margin-top:.2rem}

.btn-map-ani-option .btn-text,
.btn-map-toggle .btn-text {flex:1}

/*@media (max-width:1023px) {
    .full-map-right-group2 .legend-gauge-group {flex-direction:row;width:100%;align-items: flex-start;}
  .rangedual-box{background-color: rgba(0, 0, 0, .9) !important; height: auto; width: 100%; border-radius: 0 !important; display: flex; align-items: flex-start; padding:0 1.5rem}
  .rangedual-box .legend-gauge{position: relative;  height: 5rem; width: 100%; padding:0;}
  [data-type="hpa"] .full-map-right-group2 .legend-gauge-item {flex-direction:column;width:auto;gap:.4rem;flex:1}
  [data-type="hpa"] .full-map-right-group2 .legend-gauge-color {height:.6rem;width:100%}
  [data-type="hpa"] .full-map-right-group2 .legend-gauge .legend-unit {position:absolute;left:0rem;padding:0;top:2.6rem; font-size:1.1rem;text-align: right;}
  [data-type="hpa"] .full-map-right-group2 .legend-gauge-num {font-size:1.1rem;margin:0}
  .full-map-right-group3 .btn-map-toggle {width:13.4rem}
  .legend-gauge-item{position: relative;}
  .legend-gauge-item .legend-gauge-num{position: absolute;top:0.8rem;display: flex;justify-content: center;}
}*/

@media (max-width:1023px) {
    .full-map-right-group3 {pointer-events:auto;display: none;bottom:14rem;right:1.5rem;} /* 해역, 도로지도, cctv 토글버튼 우측정렬 */
    /*.full-map-right-group2 {position: absolute;bottom:2.9rem;padding:0;left:0; width:100%;background-color: transparent;}*/
    .full-map-right-group2 .legend-gauge-group {flex-direction:row-reverse;width:100%;align-items: flex-start;}
    .rangedual-box{background-color: rgba(0, 0, 0, .9) !important; height: auto; width: 100%; border-radius: 0 !important; display: flex; align-items: flex-start; padding:0 1.5rem}
    /*.full-map-right-group2 .legend-gauge {padding:.6rem .8rem;width:calc(100vw - 7.6rem);height:auto;}*/
    .rangedual-box .legend-gauge{position: relative;  height: 5rem; width: 100%; padding:0;}

    .legend-gauge-item {width:6rem}
    .full-map-right-group2 .legend-gauge-item {flex-direction:column;width:auto;min-width:0;gap:.4rem;flex:1;}
    .full-map-right-group2 .legend-gauge-color {height:.6rem;width:100%}
    .full-map-right-group2 .legend-gauge .legend-unit {position:absolute;left:0rem;padding:0;top:2.6rem; font-size:1.1rem;text-align: right;}
    .full-map-right-group2 .legend-gauge-num {font-size:1.1rem;margin:0;}
    .full-map-right-group3 .btn-map-toggle {width:13.4rem}

    .legend-gauge-item{position: relative;}
    .legend-gauge-item .legend-gauge-num{position: absolute;top:0.8rem;display: flex;justify-content: center;}

    /*.full-map-right-group2 .legend-gauge {padding:.6rem .8rem 2rem;width:calc(100vw - 16.8rem);height:auto;overflow:visible;}*/
    /*.full-map-right-group2 .legend-gauge-num {position:absolute;left:50%;top:100%;transform:translateX(-50%);font-size:1.1rem;margin:0;white-space:nowrap;z-index:1;}*/

    [data-toggle-target="map-compare"][data-toggle-state="selected"] .full-map-right-group2 .legend-gauge .legend-unit {display:none}
    [data-toggle-target="map-compare"][data-toggle-state="selected"] {z-index: 10 !important}
    [data-toggle-target="map-compare"][data-toggle-state="selected"] #main-legend,
    [data-toggle-target="map-compare"][data-toggle-state="selected"] #compare-legend {width: calc(100vw - 24.8rem);}
}

.ui-range {width:100%;height:3rem;padding:1.2rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

.ui-range[data-type="single"] .ui-range-bar {right:auto;}

.ui-range[data-type="single"] .ui-range-point::before {content:"code" !important;}

.ui-range[data-type="single"] .ui-range-track {z-index:10;}

.ui-range[data-orient="vertical"] {transform-origin:5rem 5rem;transform:rotate(-90deg);margin-left:6rem;}

.ui-range[data-orient="vertical"] .ui-range-point {justify-content:center;}

.ui-range[data-orient="vertical"] .ui-range-txt {top:2.4rem;left:2rem;transform:rotate(90deg);transform-origin:0 0;}

.ui-range.same .ui-range-point {pointer-events:none !important;}

.ui-range.same .ui-range-inp.on {z-index:11;}

.ui-range-inp {width:100%;top:0.5rem;left:0;position:absolute;border:none;z-index:10;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;height:2rem;cursor:pointer;background-color:transparent;pointer-events:none;-webkit-appearance:none;}

.ui-range-inp:focus~.ui-range-track {outline:1px solid #000;}

.ui-range-inp.on {pointer-events:all;z-index:9;}

.ui-range-inp::-webkit-slider-thumb {pointer-events:all;appearance:none;background-color:transparent;box-shadow:none;width:2rem;height:2rem;margin-top:0;z-index:13;cursor:pointer;-webkit-appearance:none;}

.ui-range-inp[data-range="from"]:focus ~ .ui-range-track .left.ui-range-point,
.ui-range-inp[data-range="to"]:focus ~ .ui-range-track .right.ui-range-point {box-shadow:0 0 .4rem rgba(0, 0, 0, .5);pointer-events:none;}

.ui-range-track {position:relative;width:100%;height:.2rem;border-radius:.1rem;background-color:#fff;pointer-events:none;z-index:12;}

.ui-range-bar {position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;border-radius:.1rem;background-color:#2E7EF6;}

.ui-range-point {position:absolute;top:50%;display:flex;justify-content:center;align-self:center;width:1.2rem;height:1.2rem;border-radius:50%;border:.3rem solid #2E7EF6;background-color:#fff;pointer-events:none;z-index:13;cursor:pointer;}

.ui-range-point.on {z-index:14;box-shadow:0 0 .4rem rgba(0, 0, 0, .5);}

.ui-range-point::before {line-height:2rem;color:#fff;font-size:1.2rem;pointer-events:none;}

.ui-range-point.left {left:0;transform:translate(-0.6rem, -50%);}

.ui-range-point.left::before {content:"";}

.ui-range-point.right {right:0;transform:translate(0.6rem, -50%);}

.ui-range-point.right::before {content:"";}

.ui-range-txt {position:absolute;top:-1.8rem;text-align:center;font-size:1.2rem;pointer-events:none;}

.ui-range-inp.on[data-range="from"] ~ .ui-range-marks[data-from="true"] {z-index:1;}

.ui-range-inp.on[data-range="to"] ~ .ui-range-marks[data-to="true"] {z-index:1;}

.ui-range.is-vertical .ui-range-inp,
.ui-range.is-vertical .ui-range-track {transform:rotate(-90deg);}

.ui-range.is-vertical .ui-range-txt::after {content:"";display:block;position:absolute;right:-.3rem;top:.7rem;width:.5rem;height:.5rem;background-color:#2E7EF6;transform:rotate(45deg);}

.ui-range.is-vertical .ui-range-txt {right:0;top:auto;text-align:right;bottom:calc(100% + .9rem);transform:rotate(90deg) translateY(1.1rem);transform-origin:100% 100%;padding:.3rem .8rem .2rem .8rem;border-radius:.2rem;background-color:#2E7EF6;font-size:.9rem;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:flex-end;}

/* map layer */

.full-map-layer {position:absolute;z-index:10;}

.full-map-layer:before {content:'';position:absolute;width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.8rem solid black;top:-.6rem;left:50%;transform:translateX(-50%)}

.full-map-layer-title {height:4.6rem;display:flex;flex-direction:column;white-space:nowrap;padding:1rem 1.4rem 0;border-bottom:.1rem solid #F0F0F5}

.full-map-layer-content {border:.2rem solid #19213D;background-color:#fff;border-radius:.6rem;overflow:hidden}

.full-map-layer-content .form-fake-button {white-space:nowrap}

/* 범례 */

.map-legend {position:absolute;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:0.8rem;z-index:11;align-items:flex-end}

.map-legend .btn-base {width:4.2rem}

.legend-gauge {width: 6rem;height: 38rem;display: flex;padding: 1rem 1rem 2.6rem;border-radius: .4rem;gap: .3rem;position: relative;}

.legend-gauge-group {display: flex;flex-direction: column;align-items: flex-end;height: 100%;justify-content: normal;}

.legend-gauge-item {flex: 1;width: 4rem;display: flex;align-items: center;position: relative;}

[data-type="hpa"] .legend-gauge-item {width:6rem}

.legend-gauge-color {width: 1.4rem;height: 100%;flex-shrink: 0}

.legend-gauge-num {font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-0.04rem;line-height:1;margin-left:0.4rem}

.small .legend-gauge-num {font-size:1rem;width:3rem;line-height: 1.2; }

.legend-gauge-bar {flex-shrink:0;width:.8rem;height:12rem;background-color:#fff;box-shadow:inset 0 0 0.1rem rgba(0, 0, 0, .3);}

.legend-gauge-bar[data-type="blue"] {background:linear-gradient(#6f0022, #f5c0a9, #11325f);}

.legend-gauge .legend-unit {position:absolute;bottom:.7rem;left:1rem;font-size:1.4rem;color:#fff;font-weight:700;font-family:'DINPro', 'sans-serif';line-height:1}

@media (min-width:1023px) {
    .legend-gauge-num {position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-0.04rem;margin:0;line-height:1;z-index:1;pointer-events:none;}
}

@media (max-width:1023px) {
    .map-legend {top:1.5rem;left:1rem;pointer-events:none}
    .map-legend * {pointer-events:auto}
    [data-type="sub6"] .map-legend {top:6.5rem;left:auto;right:1rem;}
    [data-map-type="split2"] [data-type="sub6"] .map-legend,
    [data-map-type="split"] [data-type="sub6"] .map-legend {right:auto;left:1rem}
    .rangedual-box .legend-gauge.small .legend-gauge-num{width:100%;text-align:center;word-break: keep-all;}

    [data-type="sub5"] .map-legend,
    [data-type="sub4"] .map-legend,
    [data-type="sub2"] .map-legend,
    [data-type="sub1"] .map-legend {top:6.5rem;left:1rem;right:1rem;}
    [data-type="sub7"] .map-legend {top:6.5rem;left:auto;right:1rem;justify-content:flex-end;}
    [data-type="sub7"] .full-map-left-area {bottom:2rem}
    [data-type="sub7"] .map-legend .s1-rangesingle {margin-bottom:0;flex-shrink:0;}
}

[data-toggle-object="tool-position2"][data-toggle-state="selected"] {background-color:#2E7EF6;}

[data-toggle-object="tool-position2"][data-toggle-state="selected"]>i {filter:invert(1);}

[data-toggle-object="tool-position"][data-toggle-state="selected"] {background-color:#2E7EF6;}

[data-toggle-object="tool-position"][data-toggle-state="selected"]>i {filter:invert(1);}

[data-level-type="legend_01"] {background:linear-gradient(#67001f, #740421, #800823, #8d0c25, #9a1027, #a71429, #b3192c, #b92531, #bf3237, #c53e3d, #cb4a43, #d15648, #d7624f, #dc6e58, #e17a61, #e6856a, #eb9173, #f09d7c, #f4a886, #f6b191, #f8ba9d, #f9c3a9, #fbccb4, #fcd6c0, #fdddca, #fce2d2, #fbe6db, #faebe3, #f9f0eb, #f8f5f3, #f4f5f6, #edf2f5, #e7eff4, #e0ecf3, #dae9f2, #d4e6f0, #cbe2ee, #c0dceb, #b5d7e8, #abd1e5, #a0cce2, #95c7df, #89bfdb, #7bb7d6, #6eaed2, #60a6cd, #539dc8, #4695c4, #3e8dc0, #3985bc, #337eb8, #2d76b4, #276eb0, #2267ac, #1d5ea1, #185594, #134b87, #0e427a, #0a396e, #053061);}

[data-level-type="legend_02"] {background:linear-gradient(#003c30, #004338, #004a40, #015147, #01584f, #016057, #02675f, #0b6f67, #14776f, #1c8078, #258880, #2e9088, #389991, #44a299, #51aba2, #5eb4aa, #6abdb3, #77c7bb, #84cec3, #90d3c9, #9cd8cf, #a8ddd5, #b4e2db, #c0e7e1, #caebe6, #d2ede9, #daeeec, #e2f0ee, #e9f2f1, #f1f4f4, #f5f4f1, #f5f2e8, #f5efe0, #f6edd7, #f6ebcf, #f6e9c6, #f4e4bc, #f0deb0, #ecd7a4, #e8d198, #e4ca8c, #e0c481, #dbba74, #d6af66, #d0a458, #cb994b, #c68e3d, #c08330, #b87a28, #af7222, #a76a1c, #9e6216, #965a11, #8d520b, #834c09, #7a4608, #704108, #673b07, #5d3606, #543005);}

[data-level-type="legend_03"] {background:linear-gradient(#424c02, #455209, #475811, #4a5f18, #4d6520, #506b27, #52712e, #557736, #587d3d, #5a8445, #5d8a4c, #609053, #63965b, #659c62, #68a269, #6ca871, #73ac79, #7bb081, #83b589, #8ab991, #92bd99, #99c1a1, #a1c5a9, #a9cab1, #b0ceb9, #b8d2c1, #bfd6c9, #c7dad1, #cfdfd9, #d6e3e1, #d5e1e3, #ccdade, #c3d3da, #baccd6, #b1c5d1, #a8becd, #9fb7c9, #96b0c4, #8da9c0, #84a2bc, #7b9bb7, #7294b3, #698daf, #6086aa, #577fa6, #5378a0, #50719a, #4d6a94, #4a648e, #475d88, #455682, #424f7c, #3f4876, #3c4270, #393b6a, #363464, #342d5e, #312758, #2e2052, #2b194c);}

[data-level-type="legend_04"] {background:linear-gradient(#503821, #5b3f22, #654622, #704d23, #7a5423, #855b24, #8f6125, #9a6825, #a46f26, #af7626, #b97d27, #c48428, #ce8b28, #d99229, #e3992a, #eba02d, #eca63b, #edac49, #eeb257, #efb865, #f0be73, #f1c481, #f1ca8f, #f2d09d, #f3d6ab, #f4ddb9, #f5e3c7, #f6e9d5, #f7efe3, #f8f5f1, #f3f6f7, #e8f1f6, #ddedf5, #d2e9f3, #c7e4f2, #bde0f1, #b2dbef, #a7d7ee, #9cd3ec, #92ceeb, #87caea, #7cc5e8, #71c1e7, #66bde6, #5cb8e4, #55b1de, #4faad5, #49a2cd, #439bc4, #3d93bc, #378bb4, #3184ab, #2b7ca3, #25759a, #1f6d92, #1a658a, #145e81, #0e5679, #084f70, #024768);}

[data-level-type="legend_05"] {background:linear-gradient(#1933b2, #1a36b1, #1c39af, #1d3cae, #1f3eac, #2041ab, #2244a9, #2347a8, #254aa6, #264da5, #284fa3, #2952a2, #2b55a0, #2c589f, #2e5b9d, #305e9c, #32609a, #346398, #376696, #396994, #3c6b92, #3e6e90, #41718e, #43738c, #46768a, #487988, #4a7c86, #4d7e84, #4f8182, #528480, #55877e, #598b7d, #5d907c, #61947b, #66987a, #6a9c79, #6ea078, #72a576, #76a975, #7aad74, #7eb173, #83b572, #87ba71, #8bbe6f, #8fc26e, #96c66e, #9dca6d, #a5ce6d, #acd26c, #b4d66b, #bbda6b, #c3de6a, #cae26a, #d2e669, #d9ea69, #e1ee68, #e8f268, #f0f667, #f7fa67, #fffe66);}

[data-level-type="legend_06"] {background:linear-gradient(#253494, #253996, #263e99, #26439b, #27489e, #274da0, #2853a3, #2858a5, #295da8, #2962aa, #2a67ac, #2a6caf, #2b71b1, #2b76b4, #2c7bb6, #2c80b8, #2e84b9, #2f87ba, #318bbb, #328fbb, #3393bc, #3596bd, #369abe, #389ebf, #39a1c0, #3ba5c0, #3ca9c1, #3dadc2, #3fb0c3, #40b4c4, #44b7c3, #4bbac2, #51bcc1, #58bfc0, #5ec1bf, #65c3be, #6bc6bd, #72c8bc, #78cbbb, #7fcdba, #85d0b9, #8cd2b8, #92d5b6, #99d7b5, #9fd9b4, #a6dcb5, #acdeb7, #b3e1b8, #b9e3ba, #bfe6bc, #c6e8bd, #ccebbf, #d2edc1, #d9f0c2, #dff2c4, #e6f5c5, #ecf7c7, #f2fac9, #f9fcca, #ffffcc);}

[data-level-type="legend_07"] {background:linear-gradient(#a50f15, #a91116, #ad1317, #b11518, #b4171a, #b8191b, #bc1b1c, #c01d1d, #c41f1e, #c8211f, #cc2321, #d02522, #d32723, #d72924, #db2b25, #de2e27, #e03229, #e2362b, #e43a2e, #e63f30, #e84333, #ea4735, #ec4b38, #ee4f3a, #f0533d, #f2573f, #f45c41, #f66044, #f86446, #fa6849, #fb6c4c, #fb7151, #fb7656, #fb7a5b, #fb7f60, #fb8364, #fb8869, #fc8d6e, #fc9173, #fc9678, #fc9a7d, #fc9f81, #fca486, #fca88b, #fcad90, #fcb195, #fcb59a, #fcb89e, #fdbca3, #fdc0a8, #fdc3ad, #fdc7b2, #fdcbb7, #fdcfbc, #fdd2c1, #fdd6c5, #fedaca, #fedecf, #fee1d4, #fee5d9);}

[data-level-type="legend_08"] {background:linear-gradient(#08519c, #0b549e, #0e58a0, #105ba3, #135ea5, #1662a7, #1965a9, #1b68ac, #1e6cae, #216fb0, #2472b2, #2776b5, #2979b7, #2c7cb9, #2f80bb, #3283bd, #3686bf, #3a89c1, #3e8cc3, #428fc4, #4692c6, #4a95c8, #4e98c9, #519bcb, #559ecd, #59a1ce, #5da4d0, #61a7d2, #65aad3, #69add5, #6eafd7, #73b2d8, #79b5d9, #7eb8da, #84bbdb, #8abddc, #8fc0dd, #95c3df, #9ac6e0, #a0c8e1, #a5cbe2, #abcee3, #b0d1e4, #b6d4e6, #bcd6e7, #c0d8e8, #c3daea, #c6dceb, #cadeed, #cde0ef, #d0e2f0, #d4e4f2, #d7e6f4, #dbe8f5, #deeaf7, #e1ebf8, #e5edfa, #e8effc, #ecf1fd, #eff3ff);}

[data-level-type="legend_09"] {background:linear-gradient(#54278f, #562c91, #583094, #5b3596, #5d3998, #5f3e9b, #61439d, #64479f, #664ca1, #6850a4, #6a55a6, #6d5aa8, #6f5eab, #7163ad, #7368af, #766cb1, #786fb3, #7b72b5, #7e75b6, #8179b8, #847cb9, #867fbb, #8982bc, #8c85be, #8f88bf, #918cc1, #948fc3, #9792c4, #9a95c6, #9d98c7, #a09cc9, #a39fcb, #a6a2cc, #a9a5ce, #aca8d0, #afacd2, #b2afd3, #b5b2d5, #b8b5d7, #bbb8d9, #bebbdb, #c1bfdc, #c4c2de, #c7c5e0, #cac8e2, #cdcbe3, #d0cee4, #d2d0e6, #d5d3e7, #d8d6e9, #dad8ea, #dddbec, #dfdded, #e2e0ee, #e5e3f0, #e7e5f1, #eae8f3, #edebf4, #efedf6, #f2f0f7);}

[data-level-type="legend_10"] {background:linear-gradient(rgb(16, 16, 16), rgb(20, 20, 20), rgb(24, 24, 24), rgb(28, 28, 28), rgb(32, 32, 32), rgb(36, 36, 36), rgb(40, 40, 40), rgb(44, 44, 44), rgb(48, 48, 48), rgb(52, 52, 52), rgb(56, 56, 56), rgb(60, 60, 60), rgb(64, 64, 64), rgb(68, 68, 68), rgb(72, 72, 72), rgb(76, 76, 76), rgb(80, 80, 80), rgb(84, 84, 84), rgb(88, 88, 88), rgb(92, 92, 92), rgb(96, 96, 96), rgb(100, 100, 100), rgb(104, 104, 104), rgb(108, 108, 108), rgb(112, 112, 112), rgb(116, 116, 116), rgb(120, 120, 120), rgb(124, 124, 124), rgb(128, 128, 128), rgb(132, 132, 132), rgb(136, 136, 136), rgb(140, 140, 140), rgb(144, 144, 144), rgb(148, 148, 148), rgb(152, 152, 152), rgb(156, 156, 156), rgb(160, 160, 160), rgb(164, 164, 164), rgb(168, 168, 168), rgb(172, 172, 172), rgb(176, 176, 176), rgb(180, 180, 180), rgb(184, 184, 184), rgb(188, 188, 188), rgb(192, 192, 192), rgb(196, 196, 196), rgb(200, 200, 200), rgb(204, 204, 204), rgb(208, 208, 208), rgb(212, 212, 212), rgb(216, 216, 216), rgb(220, 220, 220), rgb(224, 224, 224), rgb(228, 228, 228), rgb(232, 232, 232), rgb(236, 236, 236), rgb(240, 240, 240), rgb(244, 244, 244), rgb(248, 248, 248), rgb(252, 252, 252))}

[data-level-type="legend_11"] {background:linear-gradient(#8b0000 10%, #ff0000 10%, #ff0000 20%, #ff4500 20%, #ff4500 30%, #ffb90f 30%, #ffb90f 40%, #ffd700 40%, #ffd700 50%, #ffff00 50%, #ffff00 60%, #99ff99 60%, #99ff99 70%, #00cc00 70%, #00cc00 80%, #008000 80%, #008000 90%, #006400 90%, #006400);}

[data-level-type="legend-block-01"] {background: linear-gradient(
        to bottom,
        #B40000 0% 6.666%,
        #D20000 6.666% 13.333%,
        #FF3200 13.333% 20%,
        #FF6600 20% 26.666%,
        #CCAA00 26.666% 33.333%,
        #E0B900 33.333% 40%,
        #F9CD00 40% 46.666%,
        #FFDC1F 46.666% 53.333%,
        #FFE100 53.333% 60%,
        #005A00 60% 66.666%,
        #008C00 66.666% 73.333%,
        #00BE00 73.333% 80%,
        #00FF00 80% 86.666%,
        #0033F5 86.666% 93.333%,
        #009BF5 93.333% 100%
);}

[data-ps="row"][data-level-type="legend_01"] {background:linear-gradient(to left, #67001f, #740421, #800823, #8d0c25, #9a1027, #a71429, #b3192c, #b92531, #bf3237, #c53e3d, #cb4a43, #d15648, #d7624f, #dc6e58, #e17a61, #e6856a, #eb9173, #f09d7c, #f4a886, #f6b191, #f8ba9d, #f9c3a9, #fbccb4, #fcd6c0, #fdddca, #fce2d2, #fbe6db, #faebe3, #f9f0eb, #f8f5f3, #f4f5f6, #edf2f5, #e7eff4, #e0ecf3, #dae9f2, #d4e6f0, #cbe2ee, #c0dceb, #b5d7e8, #abd1e5, #a0cce2, #95c7df, #89bfdb, #7bb7d6, #6eaed2, #60a6cd, #539dc8, #4695c4, #3e8dc0, #3985bc, #337eb8, #2d76b4, #276eb0, #2267ac, #1d5ea1, #185594, #134b87, #0e427a, #0a396e, #053061);}

[data-ps="row"][data-level-type="legend_02"] {background:linear-gradient(to left, #003c30, #004338, #004a40, #015147, #01584f, #016057, #02675f, #0b6f67, #14776f, #1c8078, #258880, #2e9088, #389991, #44a299, #51aba2, #5eb4aa, #6abdb3, #77c7bb, #84cec3, #90d3c9, #9cd8cf, #a8ddd5, #b4e2db, #c0e7e1, #caebe6, #d2ede9, #daeeec, #e2f0ee, #e9f2f1, #f1f4f4, #f5f4f1, #f5f2e8, #f5efe0, #f6edd7, #f6ebcf, #f6e9c6, #f4e4bc, #f0deb0, #ecd7a4, #e8d198, #e4ca8c, #e0c481, #dbba74, #d6af66, #d0a458, #cb994b, #c68e3d, #c08330, #b87a28, #af7222, #a76a1c, #9e6216, #965a11, #8d520b, #834c09, #7a4608, #704108, #673b07, #5d3606, #543005);}

[data-ps="row"][data-level-type="legend_03"] {background:linear-gradient(to left, #424c02, #455209, #475811, #4a5f18, #4d6520, #506b27, #52712e, #557736, #587d3d, #5a8445, #5d8a4c, #609053, #63965b, #659c62, #68a269, #6ca871, #73ac79, #7bb081, #83b589, #8ab991, #92bd99, #99c1a1, #a1c5a9, #a9cab1, #b0ceb9, #b8d2c1, #bfd6c9, #c7dad1, #cfdfd9, #d6e3e1, #d5e1e3, #ccdade, #c3d3da, #baccd6, #b1c5d1, #a8becd, #9fb7c9, #96b0c4, #8da9c0, #84a2bc, #7b9bb7, #7294b3, #698daf, #6086aa, #577fa6, #5378a0, #50719a, #4d6a94, #4a648e, #475d88, #455682, #424f7c, #3f4876, #3c4270, #393b6a, #363464, #342d5e, #312758, #2e2052, #2b194c);}

[data-ps="row"][data-level-type="legend_04"] {background:linear-gradient(to left, #503821, #5b3f22, #654622, #704d23, #7a5423, #855b24, #8f6125, #9a6825, #a46f26, #af7626, #b97d27, #c48428, #ce8b28, #d99229, #e3992a, #eba02d, #eca63b, #edac49, #eeb257, #efb865, #f0be73, #f1c481, #f1ca8f, #f2d09d, #f3d6ab, #f4ddb9, #f5e3c7, #f6e9d5, #f7efe3, #f8f5f1, #f3f6f7, #e8f1f6, #ddedf5, #d2e9f3, #c7e4f2, #bde0f1, #b2dbef, #a7d7ee, #9cd3ec, #92ceeb, #87caea, #7cc5e8, #71c1e7, #66bde6, #5cb8e4, #55b1de, #4faad5, #49a2cd, #439bc4, #3d93bc, #378bb4, #3184ab, #2b7ca3, #25759a, #1f6d92, #1a658a, #145e81, #0e5679, #084f70, #024768);}

[data-ps="row"][data-level-type="legend_05"] {background:linear-gradient(to left, #1933b2, #1a36b1, #1c39af, #1d3cae, #1f3eac, #2041ab, #2244a9, #2347a8, #254aa6, #264da5, #284fa3, #2952a2, #2b55a0, #2c589f, #2e5b9d, #305e9c, #32609a, #346398, #376696, #396994, #3c6b92, #3e6e90, #41718e, #43738c, #46768a, #487988, #4a7c86, #4d7e84, #4f8182, #528480, #55877e, #598b7d, #5d907c, #61947b, #66987a, #6a9c79, #6ea078, #72a576, #76a975, #7aad74, #7eb173, #83b572, #87ba71, #8bbe6f, #8fc26e, #96c66e, #9dca6d, #a5ce6d, #acd26c, #b4d66b, #bbda6b, #c3de6a, #cae26a, #d2e669, #d9ea69, #e1ee68, #e8f268, #f0f667, #f7fa67, #fffe66);}

[data-ps="row"][data-level-type="legend_06"] {background:linear-gradient(to left, #253494, #253996, #263e99, #26439b, #27489e, #274da0, #2853a3, #2858a5, #295da8, #2962aa, #2a67ac, #2a6caf, #2b71b1, #2b76b4, #2c7bb6, #2c80b8, #2e84b9, #2f87ba, #318bbb, #328fbb, #3393bc, #3596bd, #369abe, #389ebf, #39a1c0, #3ba5c0, #3ca9c1, #3dadc2, #3fb0c3, #40b4c4, #44b7c3, #4bbac2, #51bcc1, #58bfc0, #5ec1bf, #65c3be, #6bc6bd, #72c8bc, #78cbbb, #7fcdba, #85d0b9, #8cd2b8, #92d5b6, #99d7b5, #9fd9b4, #a6dcb5, #acdeb7, #b3e1b8, #b9e3ba, #bfe6bc, #c6e8bd, #ccebbf, #d2edc1, #d9f0c2, #dff2c4, #e6f5c5, #ecf7c7, #f2fac9, #f9fcca, #ffffcc);}

[data-ps="row"][data-level-type="legend_07"] {background:linear-gradient(to left, #a50f15, #a91116, #ad1317, #b11518, #b4171a, #b8191b, #bc1b1c, #c01d1d, #c41f1e, #c8211f, #cc2321, #d02522, #d32723, #d72924, #db2b25, #de2e27, #e03229, #e2362b, #e43a2e, #e63f30, #e84333, #ea4735, #ec4b38, #ee4f3a, #f0533d, #f2573f, #f45c41, #f66044, #f86446, #fa6849, #fb6c4c, #fb7151, #fb7656, #fb7a5b, #fb7f60, #fb8364, #fb8869, #fc8d6e, #fc9173, #fc9678, #fc9a7d, #fc9f81, #fca486, #fca88b, #fcad90, #fcb195, #fcb59a, #fcb89e, #fdbca3, #fdc0a8, #fdc3ad, #fdc7b2, #fdcbb7, #fdcfbc, #fdd2c1, #fdd6c5, #fedaca, #fedecf, #fee1d4, #fee5d9);}

[data-ps="row"][data-level-type="legend_08"] {background:linear-gradient(to left, #08519c, #0b549e, #0e58a0, #105ba3, #135ea5, #1662a7, #1965a9, #1b68ac, #1e6cae, #216fb0, #2472b2, #2776b5, #2979b7, #2c7cb9, #2f80bb, #3283bd, #3686bf, #3a89c1, #3e8cc3, #428fc4, #4692c6, #4a95c8, #4e98c9, #519bcb, #559ecd, #59a1ce, #5da4d0, #61a7d2, #65aad3, #69add5, #6eafd7, #73b2d8, #79b5d9, #7eb8da, #84bbdb, #8abddc, #8fc0dd, #95c3df, #9ac6e0, #a0c8e1, #a5cbe2, #abcee3, #b0d1e4, #b6d4e6, #bcd6e7, #c0d8e8, #c3daea, #c6dceb, #cadeed, #cde0ef, #d0e2f0, #d4e4f2, #d7e6f4, #dbe8f5, #deeaf7, #e1ebf8, #e5edfa, #e8effc, #ecf1fd, #eff3ff);}

[data-ps="row"][data-level-type="legend_09"] {background:linear-gradient(to left, #54278f, #562c91, #583094, #5b3596, #5d3998, #5f3e9b, #61439d, #64479f, #664ca1, #6850a4, #6a55a6, #6d5aa8, #6f5eab, #7163ad, #7368af, #766cb1, #786fb3, #7b72b5, #7e75b6, #8179b8, #847cb9, #867fbb, #8982bc, #8c85be, #8f88bf, #918cc1, #948fc3, #9792c4, #9a95c6, #9d98c7, #a09cc9, #a39fcb, #a6a2cc, #a9a5ce, #aca8d0, #afacd2, #b2afd3, #b5b2d5, #b8b5d7, #bbb8d9, #bebbdb, #c1bfdc, #c4c2de, #c7c5e0, #cac8e2, #cdcbe3, #d0cee4, #d2d0e6, #d5d3e7, #d8d6e9, #dad8ea, #dddbec, #dfdded, #e2e0ee, #e5e3f0, #e7e5f1, #eae8f3, #edebf4, #efedf6, #f2f0f7);}

[data-ps="row"][data-level-type="legend_10"] {background:linear-gradient(to left, rgb(16, 16, 16), rgb(20, 20, 20), rgb(24, 24, 24), rgb(28, 28, 28), rgb(32, 32, 32), rgb(36, 36, 36), rgb(40, 40, 40), rgb(44, 44, 44), rgb(48, 48, 48), rgb(52, 52, 52), rgb(56, 56, 56), rgb(60, 60, 60), rgb(64, 64, 64), rgb(68, 68, 68), rgb(72, 72, 72), rgb(76, 76, 76), rgb(80, 80, 80), rgb(84, 84, 84), rgb(88, 88, 88), rgb(92, 92, 92), rgb(96, 96, 96), rgb(100, 100, 100), rgb(104, 104, 104), rgb(108, 108, 108), rgb(112, 112, 112), rgb(116, 116, 116), rgb(120, 120, 120), rgb(124, 124, 124), rgb(128, 128, 128), rgb(132, 132, 132), rgb(136, 136, 136), rgb(140, 140, 140), rgb(144, 144, 144), rgb(148, 148, 148), rgb(152, 152, 152), rgb(156, 156, 156), rgb(160, 160, 160), rgb(164, 164, 164), rgb(168, 168, 168), rgb(172, 172, 172), rgb(176, 176, 176), rgb(180, 180, 180), rgb(184, 184, 184), rgb(188, 188, 188), rgb(192, 192, 192), rgb(196, 196, 196), rgb(200, 200, 200), rgb(204, 204, 204), rgb(208, 208, 208), rgb(212, 212, 212), rgb(216, 216, 216), rgb(220, 220, 220), rgb(224, 224, 224), rgb(228, 228, 228), rgb(232, 232, 232), rgb(236, 236, 236), rgb(240, 240, 240), rgb(244, 244, 244), rgb(248, 248, 248), rgb(252, 252, 252))}

[data-ps="row"][data-level-type="legend_11"] {background:linear-gradient(to left, #8b0000 10%, #ff0000 10%, #ff0000 20%, #ff4500 20%, #ff4500 30%, #ffb90f 30%, #ffb90f 40%, #ffd700 40%, #ffd700 50%, #ffff00 50%, #ffff00 60%, #99ff99 60%, #99ff99 70%, #00cc00 70%, #00cc00 80%, #008000 80%, #008000 90%, #006400 90%, #006400);}

/* 범례 color */

.btn-color-item {height:.8rem;border:.1rem solid #fff;}

.btn-color-item[data-toggle-state="selected"] {border-color:var(--primary)}

.btn-color-item:hover {border-color:var(--primary)}

[data-color-code="#26185F"] {background-color:#26185F}

[data-color-code="#004187"] {background-color:#004187}

[data-color-code="#008CB0"] {background-color:#008CB0}

[data-color-code="#00A6AE"] {background-color:#00A6AE}

[data-color-code="#18BDB0"] {background-color:#18BDB0}

[data-color-code="#A8E2BF"] {background-color:#A8E2BF}

[data-color-code="#E9FAD7"] {background-color:#E9FAD7}

[data-color-code="#FCFFDD"] {background-color:#FCFFDD}

[data-color-code="#FFFFC8"] {background-color:#FFFFC8}

[data-color-code="#FBE49A"] {background-color:#FBE49A}

[data-color-code="#F8D074"] {background-color:#F8D074}

[data-color-code="#F7BA3C"] {background-color:#F7BA3C}

[data-color-code="#F28400"] {background-color:#F28400}

[data-color-code="#ED6200"] {background-color:#ED6200}

[data-color-code="#E13C00"] {background-color:#E13C00}

[data-color-code="#C32200"] {background-color:#C32200}

.legend-level {display:flex;flex-direction:column;margin-top:0;width:.8rem;height:100%;}

.legend-level-wrap {display:flex;justify-content:center;gap:.8rem;width:100%;}

.legend-level-bar {width:1.4rem;height:24rem;display:block;background-color:#f2f2f2;background-size:100% 100%;}

.legend-level-color {height:.2rem;width:100%;display:block;flex-shrink:0;}

.legend-level-btn {padding:.2rem;background-color:#F0F0F5;border:1px solid #F0F0F5;}

[data-radio-checked="true"].legend-level-btn {border:1px solid #2E7EF6;}

.rangedual-box {display:flex;background-color:rgba(24, 29, 43, .8);border-radius:.4rem}

/*
.s1-rangedual~.legend-gauge {border-radius:0 .3rem .3rem 0;}
.s1-rangedual {width:3.2rem;height:14.8rem;background-color:#181D2B4D;bottom:0;border-radius:.3rem 0 0 .3rem;}
.s1-rangedual .ui-range {width:12rem;transform:translate(-4.3rem, 5.2rem);}
*/

.dialog-filter-title {display:flex;flex:1;align-items:center;gap:1rem;font-size:1.6rem;font-weight:700;color:#19213D}

.dialog-filter-title .icon-round-box {display:flex;align-items:center;justify-content:center;height:3.2rem;width:3.2rem;background-color:#F4F8FF;border-radius:99em;flex-shrink:0}

.not-acc-filter {border-bottom:.1rem solid #F0F0F5;padding:1.2rem 0}

/* 모바일 검색 */

.ui-dialog-search {margin:.8rem 1.5rem 0;border:.1rem solid #E2E8F0;border-radius:99em;height:4.8rem;display:flex;align-items:center;gap:.5rem;padding:0 1.8rem 0 1rem;width:100%}

.ui-dialog-search .search-input {flex:1;border:none;outline:none;height:100%;font-size:1.6rem;font-weight:500}

.ui-dialog-search .search-input::placeholder {color:#6D758F}

/* 모바일 메뉴 */

.mobile-menu-tab {padding:2rem 0;background-color:#fff;position:sticky;top:0;z-index:2}

.mobile-menu-tab [data-tab-style="round-box-type"] {max-width:30rem;margin:0 auto}

/* map label */

.ui-map-label {position:absolute;width:5.6rem;padding:.8rem .8rem .6rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.4rem;text-align:center;line-height:1.1;}

.ui-map-label strong {font-size:1.2rem;font-weight:700;line-height:1;margin-bottom:.4rem}

.ui-map-label span {font-size:1.2rem;font-weight:600;}

.ui-map-label em {font-size:1.1rem;font-style:normal;font-weight:600;}

.ui-map-label-white {color:#020618;background:#fff;box-shadow:0 .4rem .3rem rgba(0, 0, 0, 0.2);}

.ui-map-label-white em {color:#6D758F}

.ui-map-label-white::after {content:"";position:absolute;left:50%;bottom:-.5rem;width:1.2rem;height:.6rem;transform:translateX(-50%);background:#fff;clip-path:polygon(0 0, 100% 0, 50% 100%);}

.ui-map-label-blue {color:#fff;background:#0475F4B2;;border:1px solid #0475F4;box-shadow:0 .4rem .6rem rgba(0, 0, 0, 0.2);}

.ui-map-label-blue em {color:#AED4FF}

.ui-map-label-blue::after {content:"";position:absolute;left:50%;bottom:-.5rem;width:1.2rem;height:.6rem;transform:translateX(-50%);background:#0475F4B2;clip-path:polygon(0 0, 100% 0, 50% 100%);}

.line-language {width:.1rem;height:1.2rem;background-color:#DBE3F7}

.join-area[data-type="login"] {padding-top:9rem}

.join-area[data-type="join"] {padding-top:5.6rem}

.join-area[data-type="id-pw"] {padding-top:8rem}

@media (max-width:1023px) {
  .join-area {margin-bottom:-5.6rem}
  .join-area[data-type="login"],
  .join-area[data-type="id-pw"] {padding-top:0}
  .join-area[data-type="join"] {padding-top:3rem}
}

.join-content-box {max-width:60rem;border-radius:1.6rem;background-color:#fff;margin:0 auto}

.join-content-box[data-h="400"] {height:40rem;display:flex;align-items:center;justify-content:center}

.join-content-box[data-h="auto"] {display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:6rem}

@media (max-width:1023px) {
  .join-content-box {border-radius:0}
  .join-content-box[data-h="400"] {height:calc(100dvh - 28.4rem)}
}

.id-pw-type {width:34rem}

.id-pw-type-2 {width:50rem}

.agree-type {width:54rem}

.join-certify-btn-group {max-width:34rem;display:flex;flex-direction:column;gap:1rem}

.id-find-box {margin-top:4rem;background-color:#F7F8FB;border-radius:.6rem;height:10rem;display:flex;align-items:center;padding:0 2rem;justify-content:center}

.join-btn-group {display:flex;justify-content:center;gap:1rem}

.join-btn-group .btn-base {min-width:14rem}

.line-id-pw {width:.1rem;height:1.2rem;background-color:#CED6E3;display:block}

@media (max-width:1023px) {
  .id-pw-type,
  .id-pw-type-2,
  .agree-type {width:calc(100% - 4rem)}
  .join-content-box[data-h="400"] {height:calc(100dvh - 28.4rem)}
}

.login-desc-area {padding:2rem 0 2rem 1rem;display:flex;flex-direction:column;gap:.6rem;max-width:60rem;margin:0 auto}

.login-desc-item {display:flex;align-items:flex-start;gap:.5rem;font-size:1.2rem;font-weight:700;color:#7386B6;line-height:1.6rem;word-break:keep-all}

.login-desc-item::before {width:.4rem;height:.4rem;border-radius:50%;background-color:#7386B6;content:'';display:block;flex-shrink:0;margin-top:.6rem}

@media (max-width:1023px) {
  .login-desc-area {background-color:#fff;padding:2rem 2rem 6rem}
}

.join-step-area {display:flex;justify-content:space-between;align-items:center;width:33.6rem;margin:0 auto 2.8rem;gap:.3rem}

.join-step-item {width:8rem;height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:.2rem solid #2E7EF6;background-color:#fff;border-radius:99em}

.join-step-item:not(:first-child)::after {content:'';position:absolute;right:calc(100% + .4rem);width:4.4rem;top:50%;margin-top:-.1rem;border-top:.2rem dotted #2E7EF6}

.join-step-number {position:absolute;top:0;right:0;width:2.2rem;height:2.2rem;border-radius:99em;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#2E7EF6;color:#fff}

.join-step-item-title {font-size:1.2rem;font-weight:800;color:#2E7EF6}

[data-state="selected"] ~ .join-step-item {border-color:#27355A}

[data-state="selected"] ~ .join-step-item .join-step-item-title {color:#27355A}

[data-state="selected"] ~ .join-step-item .join-step-number {background-color:#27355A}

[data-state="selected"] ~ .join-step-item .icon-aspect-join2-on {background-image:url("../images/icon/icon-aspect-join2.svg")}

[data-state="selected"] ~ .join-step-item .icon-aspect-join3-on {background-image:url("../images/icon/icon-aspect-join3.svg")}

[data-state="selected"] ~ .join-step-item::after {border-color:#27355A !important;}

.join-all-agree-box {background-color:#2E7EF612;height:3.8rem;border-radius:.4rem;display:flex;align-items:center;padding:0 1rem;margin-top:2rem}

.join-agree-content {padding:2rem;border:.1rem solid #CED6E3;border-radius:.4rem;margin-top:1rem;font-size:1.4rem;font-weight:700;color:#27355A;max-height:13.6rem;overflow-y:auto;overflow-x:hidden}

@media (max-width:1023px) {
  .join-agree-content {padding:1.4rem;font-size:1.2rem}
}

.comparisonMap {display:grid;grid-template-columns:1fr auto 1fr;width:100%;height:100%; /* transition:grid-template-columns 0.05s linear; */}

.comparisonMap-map {width:100%;height:100%;position:relative;z-index:1;overflow:hidden;}

.comparisonMap-handle {width:1px;height:100%;background-color:#000;cursor:ew-resize;position:relative;z-index:2;outline:1px solid rgba(255,255,255,.3)}

.comparisonMap-handle-btn:hover {background-color:#006DE6;}

.comparisonMap-handle-btn:active {background-color:#002249;}

.comparisonMap-handle-btn {width:4.2rem;height:4.2rem;background-color:#0475F4;border:.3rem solid #FFF;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;background-image:url("../images/icon/icon-aspect-link.svg");background-size:2rem 2rem;background-position:50% 50%;background-repeat:no-repeat;}

.map-options {display:flex;flex-direction:column;gap:.6rem;}

.full-map-top-area {z-index:3;}

.full-map-left-area,
.full-map-right-area,
.full-map-bottom {z-index:2;}

.full-map-area {width:100%;height:100%;}

/*[data-toggle-target="map-compare"][data-toggle-state="selected"].full-map-left-area {top:auto;bottom:2rem}*/

[data-toggle-target="map-compare"][data-toggle-state="selected"] .map-options {display:none}

.map-options [data-map] {flex-direction:column;gap:.6rem;}

[data-map-select] [data-map="world"], [data-map-select] [data-map="korea-fcst"], [data-map-select] [data-map="korea-obs"], [data-map-select] [data-map="korea-warn"]  {display:none;}

[data-map-select="world"] [data-map="world"] {display:flex;}

[data-map-select="korea-fcst"] [data-map="korea-fcst"] {display:flex;}

[data-map-select="korea-obs"] [data-map="korea-obs"] {display:flex;}

[data-map-select="korea-warn"] [data-map="korea-warn"] {display:flex;}

.full-map-left-area .full-map-right-group2 {align-items:start;}

/*.full-map-left-area .legend-gauge .legend-unit {left:auto;right:1.2rem}*/

.ui-range.is-vertical .ui-range-txt {width:3.2rem;}

.full-map-left-area .ui-range.is-vertical .ui-range-txt {top:calc(100% + 2.2rem);text-align:center;bottom:auto;}

.full-map-left-area .ui-range.is-vertical .ui-range-txt::after {left:-.3rem;right:auto;transform:rotate(-45deg);}

.full-map-left-area .legend-gauge, .full-map-left-area .rangedual-box {flex-direction:row-reverse;}

.full-map-left-area .rangedual-box .legend-gauge-num {text-align:left;margin:0 0.4rem 0 0}

.full-map-left-area .full-map-right-group2, .full-map-top-area[data-toggle-target="map-compare"][data-toggle-state="selected"], .full-map-bottom-area[data-toggle-target="map-compare"][data-toggle-state="selected"], [data-toggle-target="map-compare"] .comparisonMap {display:none;}

[data-toggle-target="map-compare"][data-toggle-state="selected"].full-map-left-area .full-map-right-group2 {display:flex;}

[data-toggle-target="map-compare"][data-toggle-state="selected"] .comparisonMap {position:absolute;top:0;left:0;width:100%;height:100%;display:grid;}

@media (max-width: 1023px) {
  .full-map-top-area[data-toggle-target="map-compare"][data-toggle-state="selected"] {display:flex;z-index:10}
}

.comparisonMap .comparisonMap-map-selects {position:absolute;top:4rem;left:50%;transform:translateX(-50%);display:flex;gap:0.8rem;align-items:center;z-index:1;}

.comparisonMap-map-selects hr {width:1px;height:1.8rem;background:#DBE3F7;}

.form-fake-select {padding:0 3.7rem 0 1.7rem;color:#19213D;font-weight:700;background-color:#F4F8FF;border-radius:2.1rem;height:4.3rem;border:0;background-repeat:no-repeat;background-size:2rem 2rem;background-position:right 1.1rem center;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_58_2864' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_58_2864)'%3E%3Cpath d='M9.71876 12.6978C9.62848 12.663 9.54862 12.6109 9.47917 12.5415L5.52084 8.58317C5.36806 8.43039 5.29514 8.25331 5.30209 8.05192C5.30903 7.85053 5.38889 7.67345 5.54167 7.52067C5.69445 7.36789 5.87153 7.2915 6.07292 7.2915C6.27431 7.2915 6.45139 7.36789 6.60417 7.52067L10 10.9373L13.4167 7.52067C13.5694 7.36789 13.7465 7.29498 13.9479 7.30192C14.1493 7.30887 14.3264 7.38873 14.4792 7.5415C14.6319 7.69428 14.7083 7.87137 14.7083 8.07275C14.7083 8.27414 14.6319 8.45123 14.4792 8.604L10.5208 12.5415C10.4514 12.6109 10.3715 12.663 10.2813 12.6978C10.191 12.7325 10.0972 12.7498 10 12.7498C9.90278 12.7498 9.80903 12.7325 9.71876 12.6978Z' fill='%2319213D'/%3E%3C/g%3E%3C/svg%3E%0A");}

.full-map-bottom-area {position:absolute;bottom:0;left:0;right:0;}

.time-range-control-area {display:flex;align-items:center;padding-left:1.8rem;gap:.7rem}

.timeRange {user-select:none;position:relative;padding-top:1.8rem;padding-bottom:1.8rem;padding-right:2rem;z-index:1;display:grid;align-items:center;grid-template-columns:auto 1fr;background-color:rgba(24,29,43,0.75);gap:19.7rem;border-top:1px solid #151925;}

.timeRange-play {width:5.4rem;height:5.4rem;border-radius:99em;background-color:#181D2BCC;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_58_2259' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_58_2259)'%3E%3Cpath d='M8 17.1752V6.8252C8 6.54186 8.1 6.30436 8.3 6.1127C8.5 5.92103 8.73333 5.8252 9 5.8252C9.08333 5.8252 9.17083 5.8377 9.2625 5.8627C9.35417 5.8877 9.44167 5.9252 9.525 5.9752L17.675 11.1502C17.825 11.2502 17.9375 11.3752 18.0125 11.5252C18.0875 11.6752 18.125 11.8335 18.125 12.0002C18.125 12.1669 18.0875 12.3252 18.0125 12.4752C17.9375 12.6252 17.825 12.7502 17.675 12.8502L9.525 18.0252C9.44167 18.0752 9.35417 18.1127 9.2625 18.1377C9.17083 18.1627 9.08333 18.1752 9 18.1752C8.73333 18.1752 8.5 18.0794 8.3 17.8877C8.1 17.696 8 17.4585 8 17.1752Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");background-position:50% 50%;background-size:2.4rem 2.4rem;background-repeat:no-repeat;}

.timeRange-play[data-toggle-state="selected"] {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_5023_7' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5023_7)'%3E%3Cpath d='M6 7C6 6.44772 6.44772 6 7 6H9C9.55228 6 10 6.44772 10 7V17C10 17.5523 9.55228 18 9 18H7C6.44772 18 6 17.5523 6 17V7Z' fill='white'/%3E%3Cpath d='M14 7C14 6.44772 14.4477 6 15 6H17C17.5523 6 18 6.44772 18 7V17C18 17.5523 17.5523 18 17 18H15C14.4477 18 14 17.5523 14 17V7Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");}

.time-range-day {background-color:#fff;border:.2rem solid #19213D;border-radius:99em;height:3.6rem;display:flex;align-items:center;justify-content:start;padding:0 .8rem 0 1rem;font-size:1.4rem;font-weight:700;color:#19213D;gap:.4rem;width:17rem;position:absolute;left:-18.8rem;top:50%;transform:translateY(-50%);cursor:pointer;z-index:4;}

.timeRange-date-input {border:0;padding:0;outline:0;font-weight:700;font-size:1.4rem}

.timeRange-bar {display:flex;position:relative;height:0.6rem;}

.timeRange-bar::after {content:"";position:absolute;top:0;left:-4rem;height:100%;background-color:#0475F4;height:.6rem;width:4rem;}

.timeRange-line {position:absolute;top:0;left:0;right:0;background-color:#000;height:.6rem;pointer-events:none;display:grid;grid-template-columns:repeat(24, 1fr);z-index:1;}

.timeRange-hour {position:relative;display:grid;height:1.4rem;grid-template-columns:repeat(6, 1fr);}

.comparisonMap .timeRange-hour b {opacity:0;}

.comparisonMap .timeRange-hour:nth-child(2) b, .comparisonMap .timeRange-hour:nth-child(5) b, .comparisonMap .timeRange-hour:nth-child(8) b, .comparisonMap .timeRange-hour:nth-child(11) b, .comparisonMap .timeRange-hour:nth-child(14) b, .comparisonMap .timeRange-hour:nth-child(17) b, .comparisonMap .timeRange-hour:nth-child(20) b, .comparisonMap .timeRange-hour:nth-child(23) b {opacity:1;}

.time-180 .timeRange-hour b {opacity:0;}

.time-180 .timeRange-hour:nth-child(2) b, .time-180 .timeRange-hour:nth-child(5) b, .time-180 .timeRange-hour:nth-child(8) b, .time-180 .timeRange-hour:nth-child(11) b, .time-180 .timeRange-hour:nth-child(14) b, .time-180 .timeRange-hour:nth-child(17) b, .time-180 .timeRange-hour:nth-child(20) b, .time-180 .timeRange-hour:nth-child(23) b {opacity:1;}

.time-120 .timeRange-hour b {opacity:0;}

.time-120 .timeRange-hour:nth-child(2) b, .time-120 .timeRange-hour:nth-child(4) b, .time-120 .timeRange-hour:nth-child(6) b, .time-120 .timeRange-hour:nth-child(8) b, .time-120 .timeRange-hour:nth-child(10) b, .time-120 .timeRange-hour:nth-child(12) b, .time-120 .timeRange-hour:nth-child(14) b, .time-120 .timeRange-hour:nth-child(16) b, .time-120 .timeRange-hour:nth-child(18) b, .time-120 .timeRange-hour:nth-child(20) b, .time-120 .timeRange-hour:nth-child(22) b, .time-120 .timeRange-hour:nth-child(24) b {opacity:1;}

[data-toggle-state="selected"] .time-10 .timeRange-hour b {opacity:0;}

[data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(2) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(5) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(8) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(11) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(14) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(17) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(20) b, [data-toggle-state="selected"] .time-10 .timeRange-hour:nth-child(23) b {opacity:1;}

.timeRange-hour > hr {border-top:0;margin:0;width:1px;height:1rem;background-color:#000;}

.timeRange-hour > hr:first-child {height:1.6rem;}

.comparisonMap .timeRange-hour > b {font-size:1rem;}

.timeRange-hour > b {position:absolute;left:-1.8rem;top:1.8rem;color:#fff;font-size:1.2rem;font-weight:700;width:3.6rem;text-align:center;}

.timeRange-range {position:absolute;top:0;left:-.5rem;right:-.5rem;height:4.4rem;border:0;margin:0;padding:0;cursor:pointer;background:transparent;-webkit-appearance:none;touch-action:pan-y;}

.timeRange-range::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:4.4rem;height:4.4rem;background:transparent;border:none;box-shadow:none;cursor:pointer;}

.timeRange-range::-moz-range-thumb {width:4.4rem;height:4.4rem;background:transparent;border:none;box-shadow:none;cursor:pointer;}

.timeRange-range::-ms-thumb {width:4.4rem;height:4.4rem;background:transparent;border:none;box-shadow:none;cursor:pointer;}

.timeRange-fake-input {position:absolute;top:0;left:0;right:0;height:4.4rem;pointer-events:none;z-index:2;}

.timeRange-fake-track {position:absolute;top:0;left:0;width:0;height:.6rem;background-color:#0475F4;border-radius:0rem;}

.timeRange-today {position:absolute;top:-3.5rem;right:0;color:#000;font-size:1rem;font-weight:700;width:4.8rem;background-color:#FFF;border-radius:0.3rem;padding:0rem;transform:translateX(2.4rem);}

.timeRange-today::before {content:'';display:block;position:absolute;bottom:-0.3rem;left:50%;transform:translateX(-50%) rotate(45deg);width:0.6rem;height:0.6rem;background-color:#FFF;}

.timeRange-today-text {position:relative;z-index:1;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;height:2.3rem;border-radius:0.6rem;}

.timeRange-fake-handle {position:absolute;width:3rem;top:-0.4rem;left:0;height:1.6rem;background:#fff;border-radius:0.8rem;transform:translateX(-1.5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;box-shadow:0 0 0 0.2rem rgba(255,255,255,0.2);}

.timeRange-fake-value {border:0.1rem solid #E5391C;background-color:#FE5639;display:block;width:1.4rem;height:0.4rem;border-radius:0.2rem;}

.time-range-day select, .timeRange-time-display {align-self:center;height:2rem;line-height:2rem;}

/* rangeType:day 모드 전용 스타일 */

.timeRange[data-range-type="day"] {display:flex;align-items:center;padding:0;gap:0;}

.time-range-day-wrap {width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;user-select:none;padding:1rem 0;display:flex;}

.time-range-day-wrap::-webkit-scrollbar {display:none;}

.time-range-day-wrap:active {cursor:grabbing;}

.time-range-day-list {display:inline-flex;align-items:center;gap:1rem;padding:0 1.5rem;margin:auto;}

.time-range-day-item {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:13.8rem;padding:0.7rem 1.4rem;height:3.6rem;border-radius:1.8rem;border:0.2rem solid #19213D;background-color:#fff;color:#19213D;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;outline:0;}

.time-range-day-item:hover {background-color:#2a324b;color:#fff;border-color:rgba(255, 255, 255, 0.4);}

.time-range-day-item.active {background-color:#ffffff;color:#0475F4;border-color:#0475F4;font-weight:700;box-shadow:0 0.2rem 0.8rem rgba(4, 117, 244, 0.4);}

.time-range-day-item .day-today-badge {font-size:1rem;background-color:#FE5639;color:#fff;padding:0.1rem 0.5rem;border-radius:0.4rem;margin-top:0.2rem;font-weight:700;line-height:1.2;}

@media (max-width: 1023px) {
  .full-map-bottom-area {padding-bottom:5rem;background-color:rgba(0, 0, 0, 0.9);}
  /*.full-map-bottom-area {padding-bottom:5rem;}*/
  .timeRange {grid-template-columns:1fr;gap:0;width:100%;padding:0 2.6rem;align-items:start;border-radius:0;}
  .timeRange:before {content:"";position:absolute;top:0;left:0;right:0;height:0.6rem;background-color:#000;z-index:0;pointer-events:none;}
  .timeRange:after {content:"";position:absolute;top:0;left:0;width:1rem;height:0.6rem;background-color:#0475F4;z-index:0;pointer-events:none;}
  .time-range-control-area {position:absolute;bottom:0.7rem;right:1.5rem;}
  .time-range-day {position:absolute;bottom:-3rem;top:auto;left:-1.1rem;transform:translateY(6.5rem);}
  .timeRange-line .timeRange-hour hr {display:none;}
  .timeRange-line .timeRange-hour hr:first-child {display:block;}
  .timeRange-line .timeRange-hour b {display:none;}
  .timeRange:after {display:none;}
  .timeRange-bar::after {left:-2.5rem}
  .timeRange-disabled-zone {position:relative;border-radius:0;}
  .timeRange-disabled-zone.right::after {content:"";display:block;width:2.8rem;height:100%;background-color:rgb(75, 75, 75);position:absolute;left:calc(100% - 0.2rem);}
  .timeRange-disabled-zone.left::after {content:"";display:block;width:0.7rem;height:100%;background-color:#024692;position:absolute;right:calc(100% - 0.2rem);}
  .timeRange[data-range-type="day"]:before {display:none;}
}

.side-content {position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;}

.base-wrap[data-toggle-target="side-content"][data-toggle-state="selected"] .side-content {box-shadow:0 0 1rem rgba(0, 0, 0, 0.1);}

.side-content-body {overflow-y:auto;position:relative}

.side-content-body-scroll {position:absolute;top:0;left:0;right:0;bottom:0;padding:1.5rem 2rem;}

.side-content-head {position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:2rem;border-bottom:1px solid #E8ECEF;min-width:86rem;box-shadow:0 .3rem 0 0 #001D6505;justify-content:space-between;}

.side-content-head-tit {display:flex;align-items:baseline;gap:1rem;}

.favorites-area {position:relative;align-self:center}

.favorites-area input {position:absolute;top:0;left:0;cursor:pointer;opacity:0}

.favorites-area label {display:flex;width:3.6rem;height:3.6rem;background-color:#F4F7FF;border-radius:99em;align-items:center;justify-content:center;cursor:pointer}

.favorites-area label:before {content:'';width:2.4rem;height:2.4rem;background:url("../images/icon/icon-aspect-star.svg") no-repeat 50% 50% / contain}

.favorites-area input:checked + label:before {background-image:url("../images/icon/icon-aspect-star-on.svg")}

.side-content-head-tit-name {font-size:2.4rem;font-weight:700;color:#19213D;}

.side-content-head-tit-div {color:#DBE3F7;}

.side-content-head-tit-info {font-size:1.4rem;color:#6D758F;}

.table-update-content {text-align:right;font-size:1.4rem;color:#6D758F;font-weight:400}

.table-update-content-title {font-weight:700;color:#19213D;padding-right:10px}

@media (max-width: 1023px) {
  .base-wrap {display:flex;}
  .base-wrap[data-toggle-target="side-content"][data-toggle-state="selected"] {grid-template-columns:1fr 1fr;}
  .side-content {z-index:20;background-color:#fff;display:flex;flex-direction:column;position:fixed;top:100%;border-radius:2rem 2rem 0 0;transform:translateY(0%);transition:transform 0.3s ease;}
  .full-map::after {content:"";display:block;width:100%;height:100%;z-index:20;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.8);pointer-events:none;opacity:0;transition:opacity 0.2s ease}
  [data-toggle-state="selected"] .full-map::after {opacity:1;}
  [data-toggle-state="selected"] .side-content {transform:translateY(-100%)}
  .side-content > div {width:100vw}
  .side-content-search-area {flex-shrink:0;background-color:#F6F7FB;padding:1.5rem;display:flex;gap:.6rem}
  .side-content-search-area .full-map-sh-box {width:calc(100% - 5.4rem)}
  .side-content-search-area .btn-base {flex-shrink:0}
  .side-content-head {flex-shrink:0}
  .side-content-body {flex:1}
  .side-content-head {min-width:100%;display:flex}
  .side-content-head-tit {flex-wrap:wrap;gap:.6rem 1rem}
  .side-content-head-tit-div {display:none}
  .side-content-head-tit-info {word-break:break-all;width:100%}
  .side-content-close {align-self:flex-start;margin-top:.4rem}
  .table-update-content {font-size:1.2rem;text-align:left}
}

.weather-table-box {overflow-x:auto;overflow-y:hidden;display:flex;margin-top:.8rem;position:relative}

.weather-table-sticky {position:sticky;left:0;width:9.7rem;flex-shrink:0;background-color:#fff;z-index:2;border-right:.1rem solid #201F3B;}

.weather-col-group {border-bottom:.1rem solid #201F3B;display:flex;flex-direction:column}

.weather-col-group-top {font-size:1.2rem;font-weight:800;color:#19213D;display:flex;align-items:flex-start;justify-content:center;height:4rem;border-bottom:.1rem solid #201F3B;flex-direction:column;border-top:.2rem solid #201F3B;}

.weather-col-group-top.h-56 {height:5.6rem}

.weather-col-group-item {font-size:1.2rem;font-weight:800;color:#19213D;display:flex;align-items:center;justify-content:center;height:3.6rem;flex-direction:column}

.weather-col-group-item.h-55 {height:5.5rem}

.weather-col-group-item.h-52 {height:5.2rem}

.weather-col-group-item ~ .weather-col-group-item {border-top:.1rem solid #E8ECEF}

.weather-table-sticky .weather-col-group-top, .weather-table-sticky .weather-col-group-item {align-items:flex-end;color:#6D758F;padding-right:1.5rem}

.weather-col-section {display:flex;flex-shrink:0;flex-wrap:wrap;min-width:12rem;flex-direction:column;}

.weather-col-section .weather-col-group-top {position:relative;}

.weather-col-group-top-inner {position:sticky;left:10rem;padding:0 .6rem;display:flex;gap:1rem;align-items:center}

.weather-col-wrap{display:flex;}

.weather-col-section~.weather-col-section {border-left:.1rem solid #201F3B}

.weather-col-section .weather-col-group {min-width:6.2rem;flex:1}

.weather-col-section .weather-col-group:hover .weather-col-group-top, .weather-col-section .weather-col-group:hover .weather-col-group-item {background-color:#F8FBFF}

.weather-col-section .day-start {height:2.7rem;box-shadow:0 .1rem .1rem 0 #0000001A;border-radius:99em;width:4.6rem;display:flex;align-items:center;justify-content:center;background-color:#2E7EF6;border:.1rem solid #2778F0;color:#fff;}

[data-rotate="15"] {transform:rotate(15deg)}

[data-rotate="30"] {transform:rotate(30deg)}

[data-rotate="45"] {transform:rotate(45deg)}

[data-rotate="60"] {transform:rotate(60deg)}

[data-rotate="75"] {transform:rotate(75deg)}

[data-rotate="90"] {transform:rotate(90deg)}

[data-rotate="105"] {transform:rotate(105deg)}

[data-rotate="120"] {transform:rotate(120deg)}

[data-rotate="135"] {transform:rotate(135deg)}

[data-rotate="150"] {transform:rotate(150deg)}

[data-rotate="165"] {transform:rotate(165deg)}

[data-rotate="180"] {transform:rotate(180deg)}

[data-rotate="195"] {transform:rotate(195deg)}

[data-rotate="210"] {transform:rotate(210deg)}

[data-rotate="225"] {transform:rotate(225deg)}

[data-rotate="240"] {transform:rotate(240deg)}

[data-rotate="255"] {transform:rotate(255deg)}

[data-rotate="270"] {transform:rotate(270deg)}

[data-rotate="285"] {transform:rotate(285deg)}

[data-rotate="300"] {transform:rotate(300deg)}

[data-rotate="315"] {transform:rotate(315deg)}

[data-rotate="330"] {transform:rotate(330deg)}

[data-rotate="345"] {transform:rotate(345deg)}

[data-comparison-left="main"] .sample-dim {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 24, 24, 0.3);z-index:0;}

[data-comparison-right="main"] .sample-dim {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(84, 8, 226, 0.3);z-index:0;}

.data-source-box-wrap {justify-content:flex-end}

.data-source-box {border:.1rem solid #E8ECEF;border-radius:.4rem;height:4.8rem;display:flex;align-items:center;gap:1.5rem;padding:0 1.6rem}

.data-source-line {width:.1rem;height:2.4rem;background-color:#F0F0F5}

.data-source-img {display:block;height:3.6rem}

[data-dropdown-section^="localOption"] .dropdown-panel-content, [data-dropdown-section^="option"] .dropdown-panel-content {width:16.8rem;}

[data-dropdown-section="localTimeSelect"] .dropdown-panel-content {width:7.8rem;}

.weather-col-section-day {display:inline-flex;position:relative;border-radius:99em;height:3.6rem;border:.2rem solid #0475F4;background-color:#fff;padding:.2rem 1.5rem .2rem .2rem;gap:.4rem;width:10.8rem;font-size:1.4rem;font-weight:700;color:#19213D;align-items:center;white-space:nowrap;}

.weather-col-section-day[data-type="today"] {background-color:#0475F4;color:#fff}

.weather-col-section-day[data-type="today"] .weather-col-section-day-icon {background-color:#fff}

.weather-col-section-day::after {content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-.6rem;width:0;height:0;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-top:.6rem solid #0475F4;}

.weather-col-section-day-icon {width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:99em;background-color:#F4F8FF}

.weather-col-section-day-data {display:flex;align-items:center;gap:.8rem;}

.weather-col-section-day-data-item {font-size:1.8rem;font-weight:500;color:#19213D}

.weather-col-section-day-data-line {width:1px;height:1.4rem;background-color:#E8ECEF;display:block}

@media (max-width:1023px) {
  .weather-table-box {margin-right:-2rem}
  .data-source-box-wrap {justify-content:center}
  .weather-table-sticky{width:8.5rem;}
  .weather-col-group-top-inner{left:9rem}
  .weather-col-section-day-data{transform:scale(0.8);transform-origin:0 50%;}
}

.weather-col-section[data-items="0"] .weather-col-section-day-data,
.weather-col-section[data-items="1"] .weather-col-section-day-data,
.weather-col-section[data-items="2"] .weather-col-section-day-data,
.weather-col-section[data-items="3"] .weather-col-section-day-data {display:none;}

/* ==========================================================================
   TimeTimeline Component CSS
   ========================================================================== */

.time-timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  position: relative;
  user-select: none;
  transition: opacity 0.15s ease;
}

/* --------------------------------------------------------------------------
   1. Control Bar (Top Player & Scroll Nav)
   -------------------------------------------------------------------------- */

.time-timeline .timeline-control-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(24, 29, 43, 50%);
  /* Dark Navy Background */
  color: #f8fafc;
  border-bottom: 1px solid #0f172a;
  height: 4.3rem;
  padding: 0 2rem;
  position: relative;
  z-index: 5;
  gap:2.4rem;
}

.time-timeline .timeline-player-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.time-timeline .btn-timeline-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border: none;
  background: transparent;
  color: #f1f5f9;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.time-timeline .btn-timeline-control:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.time-timeline .timeline-scroll-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: space-between;
  padding: 0 1rem;
  top: 6.8rem;
  z-index: 2;
  pointer-events: none;
}

.time-timeline .btn-timeline-scroll {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  background: #fff;
  color: #474747;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.14);
  pointer-events: visible;
}

/* --------------------------------------------------------------------------
   2. Main Body & Fixed Labels
   -------------------------------------------------------------------------- */

.time-timeline .timeline-main-body {
  display: flex;
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 0 0 1rem 1rem;
  z-index: 1;
}

.time-timeline .timeline-fixed-header {
  position: sticky;
  left: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  width: 9.6rem;
  min-width: 9.6rem;
  background: #f8fafc;
  border-right: 1px solid #201F3B;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid #201F3B;
}

.time-timeline .timeline-label-cell {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 1.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #6D758F;
  letter-spacing: -0.02em;
}

.time-timeline .timeline-label-cell.label-day {
  height: 5.6rem;
  border-bottom: 1px solid #201F3B;
}

.time-timeline .timeline-label-cell.label-time {
  height: 3.2rem;
}

/* --------------------------------------------------------------------------
   3. Scroll Area & Day Groups
   -------------------------------------------------------------------------- */

.time-timeline .timeline-scroll-area {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
  border-bottom: 1px solid #201F3B;
}

.time-timeline .timeline-scroll-area::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

.time-timeline .timeline-scroll-area.is-dragging {
  cursor: grabbing;
}

.time-timeline .timeline-track {
  display: inline-flex;
  min-width: 100%;
  align-items: stretch;
}

.time-timeline .timeline-day-group {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #201F3B;
  background: #ffffff;
}

.time-timeline .timeline-day-group:last-child {
  border-right: none;
}

/* --------------------------------------------------------------------------
   4. Sticky Day Badge Header
   -------------------------------------------------------------------------- */

.time-timeline .timeline-day-header {
  height: 5.6rem;
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
  border-bottom: 1px solid #201F3B;
  background: #ffffff;
}

.time-timeline .timeline-day-badge {
  position: sticky;
  left: 0.6rem;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0 1.4rem 0 0.2rem;
  background: #ffffff;
  border: 0.2rem solid #0475F4;
  border-radius: 1.8rem;
  color: #19213D;
  font-size: 1.4rem;
  height: 3.6rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.timeline-day-calendar {
  color: #3b82f6;
  transition: color 0.2s;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #F4F8FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 말풍선 핀 요소를 위한 스타일 */

.time-timeline .timeline-day-badge::after {
  content: '';
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.6rem solid #0475F4;
  transition: border-color 0.2s;
}

/* 선택된 날짜 뱃지 스타일 */

.time-timeline .timeline-day-badge.is-selected {
  background: #2E7EF6;
  border-color: #0475F4;
  color: #ffffff;
}

.time-timeline .timeline-day-badge.is-selected .icon-calendar {
  color: #ffffff;
}

.time-timeline .timeline-day-badge.is-selected::after {
  border-top-color: #2563eb;
}

/* --------------------------------------------------------------------------
   5. Time Row & Buttons (Selected & Past Fill Styles)
   -------------------------------------------------------------------------- */

.time-timeline .timeline-time-row {
  height: 3.2rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-end; /* 21시만 남은경우 공백 발생 방지 */
}

.time-timeline .timeline-time-btn {
  flex: 0 0 6rem;
  min-width: 6rem;
  height: 100%;
  padding: 0;
  border: none;
  background: #ffffff;
  color: #334155;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  position: relative;
}

.time-timeline .timeline-time-btn:last-child {
  border-right: none;
}

.time-timeline .timeline-time-btn:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* 선택한 시간 이전시간들 (is-past) 하이라이트 색상 */

.time-timeline .timeline-time-btn.is-past {
  background: #e0ecfe;
  color: #1e293b;
  font-weight: 600;
}

.time-timeline .timeline-time-btn.is-past:hover {
  background: #cad9f0;
}

/* 선택된 시간 (is-selected) 스타일 */

.time-timeline .timeline-time-btn.is-selected {
  background: #e0ecfe !important;
  color: #1e293b !important;
  z-index: 2;
}

.time-timeline .timeline-time-btn.is-selected .time-text {
  transform: scale(1.05);
}

.time-timeline .timeline-day-group:last-child .timeline-time-row {
  padding-right: 2rem;
  justify-content: flex-start;
}

/* --------------------------------------------------------------------------
   Center Selection Indicator (Mobile Center Pin & Guide Line)
   -------------------------------------------------------------------------- */

.time-timeline .timeline-center-indicator {
  display: none;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  height: calc(100% + 1.2rem);
}

.time-timeline .timeline-selected-bubble {
  background-color: #0475F4;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.2rem 0.9rem;
  border-radius: 0.4rem;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
}

.time-timeline .timeline-center-line {
  width: 1px;
  flex: 1;
  background-color: #0475F4;
  opacity: 0.75;
}

.time-timeline .timeline-current-date-text {
  display: none;
}

/*
.time-timeline .timeline-info-text {
  display: none;
} */

@media (max-width:1023px) {
  .time-timeline {
    overflow: visible;
  }

  .time-timeline .timeline-center-indicator {
    display: flex;
  }

  .time-timeline .timeline-current-date-text {
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 1.7rem;
    height: 4.6rem;
    font-weight: 700;
    padding-left: 1.4rem;
    letter-spacing: -0.02em;
    vertical-align: middle;
    padding-top: 0.3rem;
    border-left: 0.2rem dotted #000;
  }

  .time-timeline .btn-prev-day,
  .time-timeline .btn-next-day {
    display: none;
  }

  .time-timeline .timeline-info-text {
    display: flex;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
    padding-right: 1.4rem;
    text-align: left;
    word-break: keep-all;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    /* white-space: nowrap; */
    pointer-events: auto;
    max-width: 50%;
  }

  .time-timeline .timeline-control-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    border-bottom: 0.4rem solid #000;
    padding: 0;
    /*z-index: 10;*/
    pointer-events: none;
  }

  .time-timeline .timeline-main-body {
    padding: 0;
    background: rgba(24, 29, 43, 0.9);
  }

  .time-timeline .timeline-scroll-area {
    padding-top: 5rem;
  }

  .time-timeline .timeline-fixed-header {
    display: none;
  }

  .time-timeline .timeline-day-header {
    display: none;
  }

  .time-timeline .timeline-day-group {
    background: transparent;
    border-right-color: rgba(255, 255, 255, 0.08);
  }

  .time-timeline .timeline-time-row {
    height: 3.2rem;
    padding: 0;
  }

  .time-timeline .timeline-time-btn {
    background: transparent;
    color: #ffffff;
    min-width: 5.6rem;
    flex: 0 0 5.6rem;
  }

  .time-timeline .timeline-time-btn .time-text {
    color: #ffffff;
    font-size: 1.3rem;
  }

  .time-timeline .timeline-time-btn.is-selected {
    background: transparent !important;
  }

  .time-timeline .timeline-time-btn.is-selected .time-text {
    color: #0475F4;
    font-weight: 800;
  }

  .time-timeline .timeline-time-btn.is-past {
    background: transparent !important;
    color: #ffffff;
  }

  .time-timeline .timeline-scroll-nav {
    display: none;
  }
}

[data-type="range"].time-timeline .timeline-time-btn .time-text {
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

[data-type="range"].time-timeline .timeline-time-btn,
[data-type="range"].time-timeline .timeline-day-group,
[data-type="range"].time-timeline .timeline-day-header,
[data-type="range"].time-timeline .timeline-fixed-header {
  background: transparent;
}

[data-type="range"].time-timeline .timeline-main-body{
  background: rgba(24, 29, 43, 0.9);
}

[data-type="range"].time-timeline .timeline-label-cell.label-time {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
}

[data-type="range"].time-timeline .timeline-label-cell.label-day,
[data-type="range"].time-timeline .timeline-day-header {
  color: #fff;
  border-bottom: 0.6rem solid #000;
  font-size: 1.6rem;
  font-weight: 500;
}

[data-type="range"].time-timeline .timeline-time-btn.is-selected,
[data-type="range"].time-timeline .timeline-time-btn.is-past {
  background: transparent !important;
}

[data-type="range"].time-timeline .timeline-time-btn.is-selected .time-text {
  color: #0475F4;
  font-weight: 800;
  font-size: 1.6rem;
}

/* 주석 확인  */

/*[data-type="range"].time-timeline .timeline-time-btn[data-time-index="0"] {
  pointer-events: none;
}*/

[data-type="range"].time-timeline .timeline-time-btn.is-selected::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.6rem;
  background-color: #0475F4;
  position: absolute;
  top: -0.6rem;
  left: -50%;
}

[data-type="range"].time-timeline .timeline-day-badge::after {
  display: none;
}

[data-type="range"].time-timeline .timeline-time-btn::before {
  content: "";
  display: block;
  width: 1px;
  height: 0.4rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
}

/* 주석 확인 */

/*[data-type="range"].time-timeline .timeline-time-row {
  padding: 0 3rem;
}*/

[data-type="range"].time-timeline .timeline-fixed-header,
[data-type="range"].time-timeline .timeline-day-group {
  border-right-color: #000;
}

[data-type="range"].time-timeline .timeline-fixed-header,
[data-type="range"].time-timeline .timeline-scroll-area {
  border-bottom-color: #000;
}

@media (max-width:1023px) {
  [data-type="range"].time-timeline .timeline-label-cell.label-day,
  [data-type="range"].time-timeline .timeline-day-header,
  [data-type="range"].time-timeline .timeline-label-cell.label-time,
  [data-type="range"].time-timeline .timeline-time-btn .time-text {
    font-size: 1.4rem;
  }

  .time-timeline .timeline-time-btn.is-past,
  .time-timeline .timeline-time-btn.is-past:hover,
  .time-timeline .timeline-time-btn:hover {
    background-color: transparent !important;
  }

  .time-timeline .timeline-time-btn .time-text {
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    color: #fff !important;
  }

  .time-timeline .btn-timeline-control {
    width: 4.6rem;
    height: 4rem;
    pointer-events: auto;
  }
  .time-timeline .timeline-player-group {
    gap: 0.6rem;
    padding-left:0.4rem;
    flex-shrink: 0;
  }
  .time-timeline .btn-timeline-control:hover {
    background-color: transparent;
  }
  .time-timeline .timeline-day-group {
    border-right: 0.2rem dotted #000;
  }
  .time-timeline .timeline-time-btn{
    pointer-events: none;
  }
  .time-timeline .timeline-center-indicator{
    top:-3.2rem;
    height: calc(100% + 3.2rem);
  }
  .time-timeline .timeline-selected-bubble {
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 7.4rem;
    border-radius: 0.8rem 0.8rem 0 0;
  }
}

/* ==========================================================================
   Programmatic / Container-based Mobile Mode (.is-mobile-timeline)
   - 디바이스 미리보기 프레임 및 컨테이너 반응형 지원
   ========================================================================== */

.time-timeline.is-mobile-timeline {
  overflow: visible;
}

.time-timeline.is-mobile-timeline .timeline-center-indicator {
  display: flex;
  top: -3.2rem;
  height: calc(100% + 3.2rem);
}

.time-timeline.is-mobile-timeline .timeline-selected-bubble {
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.4rem;
  border-radius: 0.8rem 0.8rem 0 0;
}

.time-timeline.is-mobile-timeline .timeline-current-date-text {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-size: 1.8rem;
  height: 4.6rem;
  font-weight: 700;
  padding-left: 1.4rem;
  letter-spacing: -0.02em;
  vertical-align: middle;
  padding-top: 0.3rem;
  border-left: 0.2rem dotted #000;
}

.time-timeline.is-mobile-timeline .timeline-info-text {
  display: flex;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
  padding-right: 1.4rem;
  text-align: left;
  word-break: keep-all;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  pointer-events: none;
  max-width: 50%;
}

.time-timeline.is-mobile-timeline .btn-prev-day,
.time-timeline.is-mobile-timeline .btn-next-day {
  display: none;
}

.time-timeline.is-mobile-timeline .timeline-control-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  border-bottom: 0.4rem solid #000;
  padding: 0;
  z-index: 10;
  pointer-events: none;
}

.time-timeline.is-mobile-timeline .timeline-main-body {
  padding: 0;
  background: rgba(24, 29, 43, 0.9);
}

.time-timeline.is-mobile-timeline .timeline-scroll-area {
  padding-top: 5rem;
}

.time-timeline.is-mobile-timeline .timeline-fixed-header,
.time-timeline.is-mobile-timeline .timeline-day-header,
.time-timeline.is-mobile-timeline .timeline-scroll-nav {
  display: none;
}

.time-timeline.is-mobile-timeline .timeline-day-group {
  background: transparent;
  border-right: 0.2rem dotted #000;
}

.time-timeline.is-mobile-timeline .timeline-time-row {
  height: 3.2rem;
  padding: 0;
}

.time-timeline.is-mobile-timeline .timeline-time-btn {
  background: transparent;
  color: #ffffff;
  min-width: 5.6rem;
  flex: 0 0 5.6rem;
  pointer-events: none;
}

.time-timeline.is-mobile-timeline .timeline-time-btn .time-text {
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  color: #fff !important;
}

.time-timeline.is-mobile-timeline .timeline-time-btn.is-selected {
  background: transparent !important;
}

.time-timeline.is-mobile-timeline .timeline-time-btn.is-selected .time-text {
  color: #0475F4;
  font-weight: 800;
}

.time-timeline.is-mobile-timeline .timeline-time-btn.is-past,
.time-timeline.is-mobile-timeline .timeline-time-btn.is-past:hover,
.time-timeline.is-mobile-timeline .timeline-time-btn:hover {
  background-color: transparent !important;
  color: #ffffff;
}

.time-timeline.is-mobile-timeline .btn-timeline-control {
  width: 4.6rem;
  height: 4rem;
  pointer-events: auto;
}

.time-timeline.is-mobile-timeline .timeline-player-group {
  gap: 0.6rem;
  padding-left: 0.4rem;
  flex-shrink: 0;
}

.time-timeline.is-mobile-timeline .btn-timeline-control:hover {
  background-color: transparent;
}

[data-unit="day"].time-timeline.is-mobile-timeline .btn-prev-day,
[data-unit="day"].time-timeline.is-mobile-timeline .btn-next-day,
[data-type="day"].time-timeline.is-mobile-timeline .btn-prev-day,
[data-type="day"].time-timeline.is-mobile-timeline .btn-next-day {
  display: none !important;
}

/* ==========================================================================
   Day Unit Timeline (data-unit="day" / data-type="day")
   - 날짜 단위 표시 및 최대 3일치 균등 분할
   - 클릭 이벤트로 선택 지원
   - 상단 컨트롤바 & 하단 날짜 버튼 행 레이아웃
   ========================================================================== */

[data-unit="day"].time-timeline,
[data-type="day"].time-timeline {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* 1. 상단 컨트롤러 바 */

[data-unit="day"].time-timeline .timeline-control-bar,
[data-type="day"].time-timeline .timeline-control-bar {
  display: flex !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  align-items: center;
  justify-content: space-between;
  background: rgba(24, 29, 43, 0.9);
  color: #f8fafc;
  border-bottom: 0.4rem solid #000;
  height: 5rem;
  padding: 0 1.4rem 0 0.8rem;
  gap: 1.2rem;
  z-index: 10;
  pointer-events: auto !important;
}

[data-unit="day"].time-timeline .timeline-player-group,
[data-type="day"].time-timeline .timeline-player-group {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}

[data-unit="day"].time-timeline .btn-timeline-control,
[data-type="day"].time-timeline .btn-timeline-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 4rem;
  border: none;
  background: transparent;
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  pointer-events: auto !important;
}

[data-unit="day"].time-timeline .btn-timeline-control:hover,
[data-type="day"].time-timeline .btn-timeline-control:hover {
  background: rgba(255, 255, 255, 0.1);
}

[data-unit="day"].time-timeline .timeline-info-text,
[data-type="day"].time-timeline .timeline-info-text {
  display: flex !important;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
  padding-right: 0.6rem;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  word-break: keep-all;
  max-width: 65%;
  pointer-events: auto !important;
}

/* 2. 하단 메인 바디 & 날짜 행 */

[data-unit="day"].time-timeline .timeline-main-body,
[data-type="day"].time-timeline .timeline-main-body,
[data-unit="day"].time-timeline .timeline-day-unit-body,
[data-type="day"].time-timeline .timeline-day-unit-body {
  width: 100%;
  background: rgba(24, 29, 43, 0.9);
  padding: 0 !important;
  display: flex;
  position: relative;
  z-index: 1;
}

[data-unit="day"].time-timeline .timeline-day-row,
[data-type="day"].time-timeline .timeline-day-row {
  display: flex;
  width: 100%;
  height: 4.8rem;
  align-items: stretch;
}

/* 3. 날짜 버튼 (최대 3일치 균등 분할 및 점선 구분선) */

[data-unit="day"].time-timeline .timeline-day-btn,
[data-type="day"].time-timeline .timeline-day-btn {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-right: 0.2rem dotted #000;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto !important;
  transition: background-color 0.15s ease, color 0.15s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

[data-unit="day"].time-timeline .timeline-day-btn:last-child,
[data-type="day"].time-timeline .timeline-day-btn:last-child {
  border-right: none;
}

[data-unit="day"].time-timeline .timeline-day-btn:hover,
[data-type="day"].time-timeline .timeline-day-btn:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* 날짜 텍스트 (기본 흰색) */

[data-unit="day"].time-timeline .timeline-day-btn .day-btn-text,
[data-type="day"].time-timeline .timeline-day-btn .day-btn-text {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
  transition: color 0.15s ease, font-weight 0.15s ease;
}

/* 선택된 날짜 (파란색 하이라이트 & 굵은 글씨) */

[data-unit="day"].time-timeline .timeline-day-btn.is-selected,
[data-type="day"].time-timeline .timeline-day-btn.is-selected {
  background: transparent;
}

[data-unit="day"].time-timeline .timeline-day-btn.is-selected .day-btn-text,
[data-type="day"].time-timeline .timeline-day-btn.is-selected .day-btn-text {
  color: #0475F4;
  font-weight: 700;
}

/* 4. 불필요한 요소 숨김 처리 */

[data-unit="day"].time-timeline .timeline-center-indicator,
[data-type="day"].time-timeline .timeline-center-indicator,
[data-unit="day"].time-timeline .timeline-fixed-header,
[data-type="day"].time-timeline .timeline-fixed-header,
[data-unit="day"].time-timeline .timeline-scroll-nav,
[data-type="day"].time-timeline .timeline-scroll-nav,
[data-unit="day"].time-timeline .timeline-current-date-text,
[data-type="day"].time-timeline .timeline-current-date-text {
  display: none !important;
}

/* 5. 모바일/작은 화면 반응형 미세 조정 */

@media (max-width: 1023px) {
  [data-unit="day"].time-timeline .btn-prev-day,
  [data-unit="day"].time-timeline .btn-next-day,
  [data-type="day"].time-timeline .btn-prev-day,
  [data-type="day"].time-timeline .btn-next-day {
    display: none !important;
  }
}

@media (max-width: 380px) {
  [data-unit="day"].time-timeline .timeline-day-btn .day-btn-text,
  [data-type="day"].time-timeline .timeline-day-btn .day-btn-text {
    font-size: 1.5rem;
  }
}

[data-level-type="legend_12"] {background: linear-gradient(rgb(255,255,255),rgba(255,255,255,0.92),rgba(255,255,255,0.84),rgba(255,255,255,0.76),rgba(253,254,255,0.69),rgba(221,233,247,0.67),rgba(189,213,240,0.64),rgba(157,192,233,0.61),rgba(125,171,226,0.59),rgba(93,151,219,0.56),rgba(61,130,212,0.53))}

.btn-map-left .btn-text {text-align: left;}

@font-face {
    font-family: 'NanumSquareOL';
    src: url('/wnuri-map/font/NanumSquareB.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NanumSquareDeck';
    src: url('/wnuri-map/font/NanumSquareR.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

.time-180 .timeRange-hour b {opacity:0;}

.time-180 .timeRange-hour:nth-child(1) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(4) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(7) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(10) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(13) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(16) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(19) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(22) b {opacity:1;}

.time-180 .timeRange-hour:nth-child(2) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(5) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(8) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(11) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(14) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(17) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(20) b {opacity:0;}

.time-180 .timeRange-hour:nth-child(23) b {opacity:0;}

.time-120 .timeRange-hour b {opacity:0;}

.time-120 .timeRange-hour:nth-child(2) b ,
.time-120 .timeRange-hour:nth-child(4) b ,
.time-120 .timeRange-hour:nth-child(6) b ,
.time-120 .timeRange-hour:nth-child(8) b ,
.time-120 .timeRange-hour:nth-child(10) b,
.time-120 .timeRange-hour:nth-child(12) b,
.time-120 .timeRange-hour:nth-child(14) b,
.time-120 .timeRange-hour:nth-child(16) b,
.time-120 .timeRange-hour:nth-child(18) b,
.time-120 .timeRange-hour:nth-child(20) b,
.time-120 .timeRange-hour:nth-child(22) b,
.time-120 .timeRange-hour:nth-child(24) b {opacity:1;}

/* 모바일 페이지 핀치줌 차단 */

html, body {touch-action: pan-x pan-y;}

.full-map-bottom-area, .full-map-bottom-area * {touch-action: pan-x;}

/*20260819 타임슬라이더 임시 수정*/

.time-timeline .timeline-control-bar {border-bottom: 1px solid #000; border-top: 1px solid #000;}

.time-timeline .timeline-label-cell.label-day{border-bottom: 1px solid #000;}

.time-timeline .timeline-main-body {background-color: rgba(24,29,43,90%)}

.time-timeline .timeline-label-cell {color:#fff;}

/*날짜 시각 폰트*/

.time-timeline .timeline-fixed-header {background-color: rgba(24,29,43,0%);border-right: 1px solid #000;border-bottom: 1px solid #000;}

.time-timeline .timeline-day-header {background-color: rgba(24,29,43,0%); border-bottom: 1px solid #000;}

.time-timeline .timeline-day-group {background-color: rgba(24,29,43,0%);border-right: 1px solid #000;}

.time-timeline .timeline-time-btn {background-color: rgba(24,29,43,0%);color: #fff;}

.time-timeline .timeline-time-btn.is-past {color: #fff; background-color: #464250;}

/*.time-timeline .timeline-time-btn.is-selected {background-color: #C98900 !important; color: #fff !important;}*/

.time-timeline .timeline-time-row{border-bottom: 1px solid #000;}

.time-timeline .btn-timeline-scroll{color: #000;}

@media (min-width:1023px) {
    .time-timeline .timeline-time-btn.is-selected {background-color: #C98900 !important; color: #fff !important;}
}

/* 우측 정렬 모드(GK2A/RDR 등) 전용 — 오른쪽 기준에서 sticky */

.time-timeline .timeline-day-header.is-align-right {justify-content: right;}

.time-timeline .timeline-day-header.is-align-right .timeline-day-badge {left: auto;right: 0.6rem;}

/*.time-timeline .timeline-day-header {justify-content: center; padding: 0 1.2rem;}*/

#wind-ani-toggle { position: relative; }

#wind-ani-toggle [data-dropdown-panel="optionAniCustom"] {
    position: absolute;left: 0;bottom: 100%;width: 100%;
    box-sizing: border-box;height: auto !important;z-index: 20;color: #000;   /* ← 실제 .form-fake-label이 원래 쓰던 색상값으로 교체하세요 */
}

#wind-ani-toggle [data-dropdown-panel="optionAniCustom"] .form-fake-button {
    width: 100%;
}