@mixin posCenterX{position: absolute; left: 50%; transform: translateX(-50%);}@mixin md{@media (max-width: 768px) {@content;}}@mixin lg{@media (max-width: 1100px) {@content;}}@mixin minmd{@media (min-width: 551px) {@content;}}@mixin minlg{@media (min-width: 769px) {@content;}}@mixin minxlg{@media (min-width: 1100px) {@content;}}@mixin ellipse1{word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}@mixin ellipse2{word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}@mixin ellipse3{word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}@mixin ellipse($lines){word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: $lines;}@mixin sidePadding{padding: 0 20px; @include sm {padding: 0;}}@mixin card($vertical-padding: 12px){border-radius: 16px; padding: $vertical-padding 24px; background: $bg; margin: 10px 0; box-shadow: 1px 2px 8px rgba(0,0,0,.07); border: 0 !important; @include sm {padding: $vertical-padding 16px;}}@mixin lightColor{ --grey100: #555; --typo1: #111; --typo2: #222; --typo3: #333; --typo4: #444; --typo5: #555; --typo6: #666; --typo7: #767676; --typo-sub: #999; --surface1: #eaeef3; --surface1-2: #d9dde4; --surface2: #f2f2f2; --surface3: #ccc; --surface-btn: #d2dae4; --surface-btn2: rgb(221, 227, 234); --blue1: rgb(62, 106, 207); --red1: rgb(230, 31, 31); --yellow1: rgb(200, 136, 0); --green1: rgb(0, 177, 186); --surfaceBlue1: rgb(238, 242, 255); --surfaceBlue2: rgb(206, 218, 255); --surfaceGreen1: rgb(220, 247, 242); --surfaceRed1: rgb(255, 218, 218); --surfaceYellow1: rgb(254, 249, 199); --bg: #fff; --bg-surface: #f1f3f6; --bg-dark: #fff; --bg1-2: #eee; --bg2: #d9dee2; --bg-invert: #222; --skel-from: #eee; --skel-to: #f5f5f5; }@mixin darkColor{ --grey100: #ccc; --typo1: #eee; --typo2: #ddd; --typo3: #ccc; --typo4: #bbb; --typo5: #aaa; --typo6: #9a9a9a; --typo7: #a5a5a5; --typo-sub: rgb(124, 124, 124); --surface1: #303134; --surface1-2: #3e4045; --surface2: #353535; --surface3: #555; --surface-btn: rgb(70, 74, 82); --surface-btn2: #3a3c42; --blue1: rgb(111, 162, 255); --red1: rgb(255, 128, 128); --yellow1: rgb(225, 215, 139); --green1: rgb(139, 225, 215); --surfaceBlue1: rgba(47, 56, 132, .619); --surfaceBlue2: rgba(72, 90, 255, .2); --surfaceGreen1: rgba(72, 255, 237, .1); --surfaceRed1: rgba(250, 15, 15, .15); --surfaceYellow1: rgba(250, 183, 15, .15); --bg: #232428; --bg-surface: #191a1c; --bg2: #161719; --bg-dark: #222224; --bg1-2: #39393d; --bg-invert: #eee; --skel-from: #2a2a30; --skel-to: rgb(48, 48, 54); }$grey100: var(--grey100); $typo1: var(--typo1); $typo2: var(--typo2); $typo3: var(--typo3); $typo4: var(--typo4); $typo5: var(--typo5); $typo6: var(--typo6); $typo7: var(--typo7); $typo-sub: var(--typo-sub); $surface1: var(--surface1); $surface1-2: var(--surface1-2); $surface2: var(--surface2); $surface3: var(--surface3); $surface-btn: var(--surface-btn); $surface-btn2: var(--surface-btn2); $blue1: var(--blue1); $green1: var(--green1); $surfaceBlue1: var(--surfaceBlue1); $surfaceBlue2: var(--surfaceBlue2); $surfaceGreen1: var(--surfaceGreen1); $red1: var(--red1); $yellow1: var(--yellow1); $surfaceRed1: var(--surfaceRed1); $surfaceYellow1: var(--surfaceYellow1); $bg: var(--bg); $bg-surface: var(--bg-surface); $bg-dark: var(--bg-dark); $bg1-2: var(--bg1-2); $bg2: var(--bg2); $bg-invert: var(--bg-invert); $skel-from: var(--skel-from); $skel-to: var(--skel-to); :root{@include lightColor;// \c2dc\c2a4\d15c\c5d0\c11c  \bc14\afc0\b54c  \ac10\c9c0  @media (prefers-color-scheme: dark) {@include darkColor;} // \d074\b798\c2a4  \cc98\b9ac  body {@include lightColor; &.dark-mode {@include darkColor;}}}a,a:visited,a:active,a:hover{text-decoration:none;color:$typo2}.res-column{display:flex;justify-content:space-between;margin:12px;>* {flex: 1; margin: 0 !important; +* {margin-left: 12px !important;}} @include lg {display: block;}}.tti-button{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:5px -12px 10px;overflow:hidden;button {flex: 1; margin: 0 2px 4px; background-color: $bg; border: 1px solid #000; border-radius: 3px; padding: 6px 7px; min-height: 40px; color: $typo1; background: $bg1-2; border-color: $bg1-2; font-size: 14px; transition: .2s; font-weight: 600; white-space: nowrap; @include sm {padding: 3px 5px; font-size: 13px; min-width: 15%;} @include xs {padding: 5px 3px; font-size: 12px;} span {display: block; font-size: 20px;} &.on {background: $bg-dark; color: $blue1; font-weight: 600; border-color: $blue1;}}}.sc-link-wrap{a {font-size: 18px; border: 1px solid $blue1; display: flex; align-items: center; justify-content: space-between; color: $blue1; padding: 15px; background: $surfaceBlue1; border-radius: 8px; svg {font-size: 25px;} +a {margin-top: 10px;}} border-radius: 5px}.sc-white{user-select:none;padding:20px 40px;color:$typo1;border-radius:16px;background-color:$bg;@include md{padding: 20px 30px;}@include sm{padding: 15px;}img {max-width: 100%; width: 100%; margin: 10px 0;} p {font-size: 17px; line-height: 1.8; @include sm {font-size: 16px;}} p+p {margin-top: 15px;} h2,h3,h4 {margin: 30px 0 10px;} h2 {font-size: 28px; margin-top: 20px; font-weight: bold; @include sm {margin-top: 10px; font-size: 25px;}} h3 {font-size: 21px; @include sm {font-size: 19px;}} h4 {font-size: 18px; font-weight: 600; @include sm {font-size: 16px;}} ul {margin-top: 20px;} p,ul,li {color: $typo2;} strong {color: $typo1;} table {width: 100%; &.alc {* {text-align: center;}} th,td {border-top: 1px solid $surface1; background: $bg; padding: 5px; vertical-align: middle; font-size: 15px; @include sm {font-size: 13px;}} th {font-weight: 600;}} .content-img {margin: 15px 0; img {max-width: 450px;} &.full {text-align: center; padding: 0; margin: 15px -15px 15px;}} .col-red {color: $red1;} .tit-desc {font-weight: 500; font-size: 15px; background-color: $surface1; padding: 10px; li {color: $typo1; +li {margin-top: 5px;}} strong {font-weight: bold;}}}body{background:$bg-surface}main{position:relative;min-height:calc(100vh - 51px);color:$typo1;max-width:1100px;margin:0 auto;user-select:none}.area-adsense{width:100%;overflow:hidden;min-height:100px;&.mt10{margin-top:10px}&.mt15{margin-top:15px}&.mtb8{margin:8px 0}}.swiper-button-next,.swiper-button-prev{position:absolute;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);margin-top:0;z-index:10;&:after{font-size:12px;font-weight:700}}.list-type1{margin:10px 0;&.no-dot{>li {padding-left: 0; &::before {display: none;}}}>li {margin-bottom: 5px;} &.mb10 {>li {margin-bottom: 10px;}} li {position: relative; padding-left: 8px; font-size: 16px; @include sm {font-size: 15px;} +li {margin-top: 8px !important;} &::before {content: ""; width: 3px; height: 3px; display: inline-block; position: absolute; top: 7px; left: 0; background-color: $typo5;}} ul {margin: 5px 0; font-size: 16px; color: $typo4; padding-left: 5px; @include sm {font-size: 15px;} li {position: relative; padding-left: 8px; +li {margin-top: 8px !important;} &::before {content: ""; width: 3px; height: 3px; display: inline-block; position: absolute; top: 7px; left: 0; background-color: $typo5;}}} strong {font-weight: bold; font-size: 17px; @include sm {font-size: 16px;} +.list-desc {margin-top: 10px;}} .list-desc {background-color: $surface1; padding: 20px; margin-top: 5px; border-radius: 5px; font-size: 17px; line-height: 1.6; @include sm {padding: 10px; font-size: 15px;} .cal {display: block; color: $typo6; font-weight: bold; margin-bottom: 15px; color: $typo6; @include sm {margin-bottom: 5px;}}} li {position: relative; padding-left: 10px; +li {margin-top: 4px;} &::before {content: ""; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 3px;}}}.nv-wrap{width:100%;>div {width: 100% !important;} .nv-openmain {width: 100% !important; button {width: 100% !important;} >div {width: 100% !important; padding: 0; >div {width: 100% !important;}}}}.sc-white{max-width:1100px;margin:0 auto;.allname__list {padding: 0;} .line-link {text-decoration: underline;} .full-img {margin: 0 -15px;}}.allname{position:relative;h2 {span {font-size: 15px; opacity: .5; margin-left: 5px;}} &__cont {margin-top: 10px; display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap; text-align: left; article {flex: 1; font-size: 13px; +article {border-top: 2px solid rgba(0,0,0,.1); padding-top: 20px; margin-top: 20px;}} h3 {font-size: 20px; font-weight: 600; margin-bottom: 10px;} p {display: flex; padding: 5px 0; +p {border-top: 1px solid $bg1-2;}} .name-area {min-width: 200px; @include sm {min-width: 140px;}} strong {display: inline-block; min-width: 110px; font-weight: bold; font-size: 16px; color: $typo1; @include sm {min-width: 80px; font-size: 15px;}} span {margin: 0 5px; color: $typo3; word-break: break-all; font-size: 15px; @include sm {font-size: 13px;} &.kor {word-break: break-all; font-weight: 600;} &.mean {font-size: 15px; color: $typo5; word-break: break-all; @include sm {font-size: 13px;}}}} &__list {text-align: left; padding: 10px; border-radius: 8px; p {padding: 13px 0; +p {margin: 0;}}}}.content-link{width:100%;margin:20px 0;a {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px; border: 1px solid $blue1; color: $blue1; border-radius: 8px; background: $surfaceBlue1; font-size: 18px; color: $typo1; +a {margin-top: 8px;} &.red {border-color: $red1; background-color: $surfaceRed1; strong,svg {color: $red1;}} svg {font-size: 30px; color: $blue1; animation: iconMotion .7s infinite alternate ease-in-out;} @keyframes iconMotion {0% {transform: translateY(-3px);} 100% {transform: translateY(2px);}} strong {display: block; font-size: 22px; font-weight: bold; margin-top: 5px; color: $blue1;}}}.chick-list{display:flex;+.chick-list {margin-top: 10px; border-top: 1px solid $surface1;} button {display: inline-flex; padding: 5px 6px; background: $bg1-2; color: $typo1; border: 0; font-weight: 600;} dt {flex-shrink: 0; margin-right: 5px; font-weight: 600; width: 90px; strong {font-size: 13px; color: $typo6;} p {line-height: 1.4; font-size: 14px;}} dd {display: flex; flex: 1; justify-content: space-around; align-items: center; line-height: 1.4; font-size: 14px; button,span {display: inline-flex; align-items: center; justify-content: center; min-width: 50px; margin-right: 10px;} .isActive {border: 1px solid $blue1; background-color: $surfaceBlue1; color: $blue1;} strong {color: $red1;}}}.snackbar{position:fixed;bottom:15px;left:50%;background:rgba(0,0,0,.75);padding:10px 16px;font-size:15px;font-weight:500;border-radius:20px;color:#fff;opacity:0;transform:translate(-50%);transition:.2s;z-index:1000;&.show{opacity:1}}.card-content{@include card(16px);strong {position: relative; font-size: 17px; margin-right: 6px; padding-right: 4px; &::after {content: ""; width: 2px; height: 60%; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); background: $typo7; opacity: .3;}}}@mixin xs{@media (max-width: 374px) {@content;}}@mixin sm{@media (max-width: 550px) {@content;}}@mixin md{@media (max-width: 600px) {@content;}}@mixin lg{@media (min-width: 900px) {@content;}}.nav{position:sticky;top:0;left:0;z-index:12;display:block;overflow:hidden;overflow-x:auto;background-color:#fff;border-bottom:1px solid #ccc;border-color:var(--surface3);transform:translateY(0);transition:.3s ease-out;box-shadow:0 5px 5px #00000014}.dark-mode .nav{box-shadow:0 5px 5px #00000047}.nav.isDown{transform:translateY(-100px)}.nav.mid{z-index:10;position:relative;border-color:var(--bg2);background-color:var(--bg2)}.nav.mid a{color:var(--typo5)!important;padding:0 10px}.nav.mid a.active{color:var(--typo1)!important}.nav .nav-more{position:absolute;top:0;right:0;border:0;width:60px;padding-left:15px;height:50px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;background:linear-gradient(to right,rgba(255,255,255,0),rgb(255,255,255) 60%);z-index:10}.nav .nav-more svg{color:#555;font-size:22px;transform-origin:center center;transition:.3s ease-out}.nav .nav-more.open svg{transform:rotate(-180deg)}.nav .all-menu{display:flex;flex-wrap:wrap;padding:20px;background:#eee}@media (max-width: 550px){.nav .all-menu{padding:10px}}.nav .all-menu a{color:#666;font-size:15px;font-weight:600!important;padding:5px 10px;margin:6px;border-radius:20px;line-height:inherit;background:#fff;border:1px solid #fff;box-shadow:1px 2px 8px #00000012}.nav .all-menu a.isActive{border-color:#000;color:#000!important}@media (max-width: 550px){.nav .all-menu a{padding:5px 11px;font-size:14px;margin:5px}}.nav .nav-swiper{display:flex;list-style:none;padding:0 40px 0 8px;max-width:1100px;margin:0 auto}@media (min-width: 551px){.nav .nav-swiper{padding:0 20px}}.nav .nav-swiper .swiper-slide{height:50px}.nav .swiper-slide{width:auto!important}.nav.isPlay{margin-top:-2px;padding-bottom:4px}.nav.isPlay .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear}.nav a{white-space:nowrap;line-height:50px;display:block;padding:0 7px;font-size:14px;color:#595959!important;font-weight:500}.nav a.active,.nav a.content-active{color:#000!important;font-weight:700}@media (min-width: 551px){.nav a{padding:0 10px;font-size:15px}}.page-housePrice h2{margin-left:10px}.page-housePrice .desc{margin:5px 0;padding-left:10px;color:var(--typo7);font-size:13px}.page-housePrice .taget-ref{pointer-events:none;transform:translateY(-48px)}.page-housePrice .data-desc{padding:50px 0}.page-housePrice .data-desc p{margin-bottom:10px;color:var(--typo7)}.page-housePrice .data-desc button{border:0;padding:10px;color:var(--blue1);border:1px solid var(--blue1);border-radius:5px;background:var(--surfaceBlue1);font-weight:600}.page-housePrice select{background-color:var(--surface1);color:var(--typo1);border:0;padding:3px 5px;border-radius:3px;font-weight:600;height:32px}.page-housePrice select+select{margin-left:5px}.page-housePrice .btn-limit{background:var(--surface1);color:var(--typo1);border:0;padding:7px 8px;margin-right:5px;font-weight:600;border-radius:4px;border:1px solid var(--bg)}.page-housePrice .btn-limit.active{color:var(--blue1);border:1px solid var(--blue1);background:var(--surfaceBlue2)}.page-housePrice .data-loading{padding:60px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.page-housePrice .data-loading svg{color:var(--typo7);font-size:30px;margin-bottom:10px}.page-housePrice section.land-wrap{border-radius:0}.page-housePrice section.land-wrap h3{padding-left:0;margin-bottom:0;font-size:18px}.page-housePrice section.land-wrap h3 span{font-size:15px;color:var(--blue1)}.page-housePrice section.land-wrap .land-top{padding:6px 4px 0;position:sticky;top:48px;left:0;z-index:9;background:var(--surface1)}.page-housePrice section.land-wrap .land-top .head{font-size:14px}.page-housePrice section.land-wrap .land-top .head em{font-size:15px;font-weight:700}.page-housePrice section.land-wrap .land-top .head strong{margin-left:5px;font-size:15px;color:var(--typo1);font-weight:700}.page-housePrice section.land-wrap .land-top .select-group{position:absolute;top:8px;right:8px;display:flex}.page-housePrice section.land-wrap .btn-load-more{width:100%;box-shadow:none;border:0;padding:15px 0;margin:5px 0 0;border-radius:8px;background-color:var(--surfaceBlue2);font-size:16px;font-weight:600;color:var(--blue1)}.page-housePrice section.land-wrap .sticky-tb{margin:8px -4px -1px}.page-housePrice section.land-wrap table{position:relative;width:100%;font-size:13px;padding:0;border-collapse:collapse;table-layout:fixed;border:0;background-color:var(--bg)}.page-housePrice section.land-wrap table thead th{background:var(--bg2);border-color:var(--bg)}.page-housePrice section.land-wrap table th,.page-housePrice section.land-wrap table td{padding:4px 2px;vertical-align:middle;word-break:break-all;border-color:var(--surface3)}.page-housePrice section.land-wrap table td{padding:3px;font-size:13px;border-top:1px solid var(--surface3);color:var(--typo2)}.page-housePrice section.land-wrap table td span{word-break:keep-all}.page-housePrice section.land-wrap table .year span{font-size:11px;color:var(--typo6);line-height:1}.page-housePrice section.land-wrap table .year .nth{font-size:12px;font-weight:500;color:var(--typo1)}.page-housePrice section.land-wrap table .alC{text-align:center}.page-housePrice section.land-wrap table .alR{text-align:right}.page-housePrice section.land-wrap table .date{font-size:12px;color:var(--typo4)}.page-housePrice section.land-wrap table .size .py{display:block;font-size:11px;color:var(--typo4);color:var(--blue1)}.page-housePrice section.land-wrap table .place{font-size:12px;color:var(--typo4)}.page-housePrice section.land-wrap table .place .txt{width:100%}.page-housePrice section.land-wrap table .place .txt span{word-break:break-all!important;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.page-housePrice section.land-wrap table .apt{color:var(--typo1);word-break:break-all}@media (max-width: 550px){.page-housePrice section.land-wrap table .apt{text-align:left}}.page-housePrice section.land-wrap table .apt a{font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;padding-left:1px}@media (max-width: 550px){.page-housePrice section.land-wrap table .apt a{font-size:13px;justify-content:flex-start}}.page-housePrice section.land-wrap table .apt a svg{color:var(--typo7);opacity:.6;margin-right:1px;flex-shrink:0}.page-housePrice section.land-wrap table .amount{padding-right:4px;font-weight:500;letter-spacing:-.1px}.page-housePrice section.land-wrap table .amount.red{color:var(--red1)}.page-housePrice section.land-wrap .btn-fold{position:absolute;background-color:var(--surfaceBlue1);color:#7b97b5;border-radius:4px;top:5px;right:80px;min-width:auto;box-shadow:none;border:0;font-size:12px;padding:4px 8px;height:32px}.page-housePrice section.land-wrap .all-area{position:relative;height:auto}.page-housePrice section.land-wrap .all-area button.btn-area{display:inline-flex;align-items:center;justify-content:center;box-shadow:none;min-width:62px;padding:8px 10px;margin:2px;background-color:var(--bg);border:1px solid var(--bg);color:var(--typo1);border-radius:3px}@media (max-width: 550px){.page-housePrice section.land-wrap .all-area button.btn-area{padding:4px}}.page-housePrice section.land-wrap .all-area button.btn-area.on{background-color:var(--surfaceBlue2);border-color:var(--blue1);color:var(--blue1)}.page-housePrice section.land-wrap .all-area button.btn-area:disabled{background-color:var(--surface1);border-color:var(--surface1);color:var(--typo7)}.page-housePrice section.land-wrap .all-area button.btn-area em,.page-housePrice section.land-wrap .all-area button.btn-area span{min-height:15px}.page-housePrice section.land-wrap .all-area button.btn-area em.area{font-size:15px!important;font-weight:700}@media (max-width: 550px){.page-housePrice section.land-wrap .all-area button.btn-area em.area{font-size:12px!important}}.page-housePrice section.land-wrap .all-area button.btn-area span{font-size:15px;margin-left:4px;font-weight:500;color:var(--blue1)}@media (max-width: 550px){.page-housePrice section.land-wrap .all-area button.btn-area span{margin-left:2px;font-size:11px}}.page-housePrice .selec-head{position:sticky;top:0;left:0;z-index:300000;height:50px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:var(--bg)}.page-housePrice .selec-head .reg-sel{min-width:60px;max-width:80px}.page-housePrice .selec-head .sel-wrap{display:flex;align-items:center}.page-housePrice .selec-head .total-count{margin-left:10px}@media (max-width: 550px){.page-housePrice .selec-head .total-count{display:none}}.page-housePrice .selec-head .top-descs{align-items:center;min-width:100px;text-align:right;font-size:15px;display:flex}.page-housePrice .high-wrap{text-align:left;font-size:14px}.page-housePrice .high-wrap .price-wrap{display:flex;margin-bottom:10px}.page-housePrice .high-wrap .price-wrap .list{width:50%;background:var(--surface1)}.page-housePrice .high-wrap .price-wrap .list+.list{margin-left:8px}.page-housePrice .high-wrap .list{position:relative;text-align:left;padding:10px}.page-housePrice .high-wrap .list.high em{color:var(--red1)}.page-housePrice .high-wrap .list p>span{font-weight:700}.page-housePrice .high-wrap .list .date{position:absolute;top:30px;font-size:12px;right:10px;display:block;font-weight:500;color:var(--typo7)}.page-housePrice .high-wrap .list .tit{display:block;margin-bottom:6px}.page-housePrice .high-wrap .list strong{font-weight:700;font-size:15px}.page-housePrice .high-wrap .list strong em{font-size:17px;color:var(--blue1)}.page-housePrice .high-wrap .list strong .price{position:absolute;line-height:1;top:10px;right:10px;display:block;text-align:right}.map-wrap{width:100%;background-color:var(--surface1);border-top:1px solid var(--surface1);margin-top:-4px}.map-wrap .btn-wrap{text-align:right;padding:4px 4px 0 0}.map-wrap button{border:0;background-color:var(--surfaceBlue2);color:var(--blue1);padding:4px 7px;border-radius:6px;font-size:15px;font-weight:600;display:inline-flex;align-items:center}@media (max-width: 550px){.map-wrap button{font-size:13px}}.map-wrap button svg{margin-left:4px}.map{width:100%;max-width:500px;margin:-22px auto -25px;overflow:hidden;pointer-events:none}.map svg{transform:scale(1.05)}.map path{fill:var(--bg);stroke:var(--surface2)}.map path.active{fill:var(--surfaceBlue2)}.map text{font-size:37px;font-weight:700;transition:.3s ease-out;fill:var(--typo4)}.map text.active{font-size:40px;font-weight:900;transform:translate(-3px);fill:var(--blue1)}.map text tspan{font-size:35px;fill:var(--blue1)}.ShareBottom{text-align:center;border-radius:16px;padding:30px 24px;background:var(--bg);box-shadow:1px 2px 8px #00000012;border:0!important;margin:12px}@media (max-width: 550px){.ShareBottom{padding:30px 16px}}.ShareBottom .link-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.ShareBottom .link-wrap button,.ShareBottom .link-wrap a{background-color:#fff;box-shadow:none;font-size:17px;font-weight:600;color:var(--typo3);display:inline-flex;align-items:center;justify-content:center;min-width:auto;padding:14px 20px;border:0;background:var(--bg-surface);border-radius:30px!important;color:var(--typo1);margin:0 6px;transition:.15s ease-out}@media (max-width: 550px){.ShareBottom .link-wrap button,.ShareBottom .link-wrap a{font-size:16px}}.ShareBottom .link-wrap button:active,.ShareBottom .link-wrap a:active{transform:scale(.97);background-color:var(--surface1)}.ShareBottom .link-wrap button svg,.ShareBottom .link-wrap a svg{margin-right:8px;width:20px;color:var(--typo6);opacity:.6}.ShareBottom .link-wrap button+button,.ShareBottom .link-wrap a+button{margin-top:5px}.ShareBottom .link-wrap button:focus,.ShareBottom .link-wrap a:focus{outline:none}.ShareBottom .link-wrap a svg{font-size:18px}.ShareBottom .desc{color:var(--typo5);font-size:14px}.rank-key-column{z-index:13;display:flex;border-radius:16px;padding:12px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.rank-key-column{padding:12px 16px}}.rank-key-column+.rank-swiper{margin-top:8px}.rank-key-column .col>span{width:100%}.rank-key-column .col{width:50%;display:flex;flex-direction:column;align-items:flex-start}.rank-key-column .col+.col{margin-left:5px}.rank-key-column button{width:calc(100% - 5px);background:none;border:0;font-weight:500;padding:8px 0 8px 3px;display:flex;align-items:center;text-align:left;color:var(--typo1);font-size:16px;line-height:20px;letter-spacing:-.3px}.rank-key-column button strong{font-weight:500;color:var(--typo1);word-break:break-all!important;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.rank-key-column button.on{font-weight:600;border-radius:12px;background:var(--surface1)}.rank-key-column button.on span{color:#656769}.rank-key-column button span{min-width:17px;margin-right:3px;letter-spacing:-.5px;color:var(--typo7);display:inline-flex;align-items:center;justify-content:center}html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.App{font-size:15px;line-height:1.4}.hide{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}a,a:visited,a:active,a:hover{text-decoration:none;color:var(--typo2)}ul,li,button{padding:0;margin:0;list-style:none}ul{list-style:none}.res-column{display:flex;justify-content:space-between;margin:12px}.res-column>*{flex:1;margin:0!important}.res-column>*+*{margin-left:12px!important}@media (max-width: 1100px){.res-column{display:block}}.tti-button{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:5px -12px 10px;overflow:hidden}.tti-button button{flex:1;margin:0 2px 4px;background-color:var(--bg);border:1px solid #000;border-radius:3px;padding:6px 7px;min-height:40px;color:var(--typo1);background:var(--bg1-2);border-color:var(--bg1-2);font-size:14px;transition:.2s;font-weight:600;white-space:nowrap}@media (max-width: 550px){.tti-button button{padding:3px 5px;font-size:13px;min-width:15%}}@media (max-width: 374px){.tti-button button{padding:5px 3px;font-size:12px}}.tti-button button span{display:block;font-size:20px}.tti-button button.on{background:var(--bg-dark);color:var(--blue1);font-weight:600;border-color:var(--blue1)}.sc-link-wrap{border-radius:5px}.sc-link-wrap a{font-size:18px;border:1px solid var(--blue1);display:flex;align-items:center;justify-content:space-between;color:var(--blue1);padding:15px;background:var(--surfaceBlue1);border-radius:8px}.sc-link-wrap a svg{font-size:25px}.sc-link-wrap a+a{margin-top:10px}.sc-white{user-select:none;padding:20px 40px;color:var(--typo1);border-radius:16px;background-color:var(--bg)}@media (max-width: 768px){.sc-white{padding:20px 30px}}@media (max-width: 550px){.sc-white{padding:15px}}.sc-white img{max-width:100%;width:100%;margin:10px 0}.sc-white p{font-size:17px;line-height:1.8}@media (max-width: 550px){.sc-white p{font-size:16px}}.sc-white p+p{margin-top:15px}.sc-white h2,.sc-white h3,.sc-white h4{margin:30px 0 10px}.sc-white h2{font-size:28px;margin-top:20px;font-weight:700}@media (max-width: 550px){.sc-white h2{margin-top:10px;font-size:25px}}.sc-white h3{font-size:21px}.sc-white h4{font-size:18px;font-weight:600}@media (max-width: 550px){.sc-white h4{font-size:16px}}.sc-white ul{margin-top:20px}.sc-white p,.sc-white ul,.sc-white li{color:var(--typo2)}.sc-white strong{color:var(--typo1)}.sc-white table{width:100%}.sc-white table.alc *{text-align:center}.sc-white table th,.sc-white table td{border-top:1px solid var(--surface1);background:var(--bg);padding:5px;vertical-align:middle;font-size:15px}.sc-white table th{font-weight:600}.sc-white .content-img{margin:15px 0}.sc-white .content-img img{max-width:450px}.sc-white .content-img.full{text-align:center;padding:0;margin:15px -15px}.sc-white .col-red{color:var(--red1)}.sc-white .tit-desc{font-weight:500;font-size:15px;background-color:var(--surface1);padding:10px}.sc-white .tit-desc li{color:var(--typo1)}.sc-white .tit-desc li+li{margin-top:5px}.sc-white .tit-desc strong{font-weight:700}em{font-style:normal}body{background:var(--bg-surface)}main{position:relative;min-height:calc(100vh - 51px);color:var(--typo1);max-width:1100px;margin:0 auto;user-select:none}.area-adsense{width:100%;overflow:hidden;min-height:100px}.area-adsense.mt10{margin-top:10px}.area-adsense.mt15{margin-top:15px}.area-adsense.mtb8{margin:8px 0}.swiper-button-next,.swiper-button-prev{position:absolute;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);margin-top:0;z-index:10}.swiper-button-next:after,.swiper-button-prev:after{font-size:12px;font-weight:700}.swiper-button-prev{left:0}.swiper-button-next{right:0}.list-type1{margin:10px 0}.list-type1.no-dot>li{padding-left:0}.list-type1.no-dot>li:before{display:none}.list-type1>li{margin-bottom:5px}.list-type1.mb10>li{margin-bottom:10px}.list-type1 li{position:relative;padding-left:8px;font-size:16px}.list-type1 li+li{margin-top:8px!important}.list-type1 li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 ul{margin:5px 0;font-size:16px;color:var(--typo4);padding-left:5px}@media (max-width: 550px){.list-type1 ul{font-size:15px}}.list-type1 ul li{position:relative;padding-left:8px}.list-type1 ul li+li{margin-top:8px!important}.list-type1 ul li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 strong{font-weight:700;font-size:17px}@media (max-width: 550px){.list-type1 strong{font-size:16px}}.list-type1 strong+.list-desc{margin-top:10px}.list-type1 .list-desc{background-color:var(--surface1);padding:20px;margin-top:5px;border-radius:5px;font-size:17px;line-height:1.6}@media (max-width: 550px){.list-type1 .list-desc{padding:10px;font-size:15px}}.list-type1 .list-desc .cal{display:block;font-weight:700;margin-bottom:15px;color:var(--typo6)}@media (max-width: 550px){.list-type1 .list-desc .cal{margin-bottom:5px}}.list-type1 li{position:relative;padding-left:10px}.list-type1 li+li{margin-top:4px}.list-type1 li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px}.nv-wrap{width:100%}.nv-wrap>div{width:100%!important}.nv-wrap .nv-openmain,.nv-wrap .nv-openmain button{width:100%!important}.news-skel-list{border-top:4px solid var(--surface1);border-bottom:8px solid var(--surface1);background:var(--bg);box-sizing:border-box}.news-result{border-top:4px solid var(--surface1);border-bottom:0!important;border-radius:16px;padding:12px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.news-result{padding:12px 16px}}.news-result .item.onenews{position:relative;height:48px}.news-result .item.onenews.is-first{display:flex;align-items:center;padding-left:66px}.news-result .item.onenews.is-first .single-photo{width:56px;height:40px;flex-shrink:0;position:absolute;top:4px;left:4px}.news-result .item.onenews.is-first .photo-box{width:100%;height:100%;margin:0}.news-result .item.onenews.is-first .photo-box img{height:100%}.news-result .item.onenews .news-title{font-size:16px;font-weight:500;line-height:1.7;margin:0;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.news-result .item.onenews .news-title b{font-weight:500}@media (max-width: 550px){.news-result .item.onenews .news-title{letter-spacing:-.5px}}.news-result .item.onenews .content{word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.news-result .last-desc-wrap{display:block;min-height:60px;max-width:600px}@media (max-width: 550px){.news-result .last-desc-wrap{padding:0 4px}}.news-result .last-desc{color:var(--typo6);font-size:15.5px;line-height:1.7;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-result .last-desc b{font-weight:500;color:var(--blue1)}.news-result .last-desc b:first-of-type{color:var(--blue1)}.news-result .photo-area{margin-right:10px;width:90px;height:56px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--surface1)}.news-result .photo-area .photo-box{margin-right:0}.news-result .photo-area .photo-box img{width:100%;height:100%}.news-result .col-news{display:flex;padding:10px;align-items:center;justify-content:center;flex-wrap:wrap}.news-result .col-news a{display:flex;flex-wrap:wrap;flex-direction:column;flex:1;width:50%;padding:0;align-items:center;justify-content:center;max-width:220px}.news-result .col-news a+a{margin-left:10px}.news-result .col-news a .photo-box{display:block;width:100%;margin-bottom:10px;text-align:center}.news-result .col-news a .photo-box img{width:100%;height:100px}.more-naver{border-radius:16px;padding:12px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.more-naver{padding:12px 16px}}.more-naver .more-link{min-height:40px;display:flex;align-items:center;justify-content:space-between;color:var(--typo1)!important}.more-naver .more-link svg{width:17px;margin-right:2px;flex-shrink:0}.more-naver .more-link .more-title{display:flex;align-items:center;font-size:17px;color:var(--typo1)!important;font-weight:500}@media (max-width: 550px){.more-naver .more-link .more-title{font-size:15px}}.more-naver .more-link .more-title svg{font-size:18px;color:var(--typo7);opacity:.6}.more-naver .more-link .more-title span{color:var(--typo7);margin-left:4px}.more-naver .more-link .more-title strong{color:var(--blue1);font-weight:700;font-size:17px;margin:0 3px}.more-naver .more-link .more-title.long{font-size:15px}.more-naver .more-link .more-title.long strong{font-size:16px}.fast-news{user-select:none;min-height:47px;border-radius:16px;padding:6px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.fast-news{padding:6px 16px}}.fast-news .fast-area{display:flex;align-items:center}.fast-news .fast-area .label{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex-shrink:0;margin-right:10px}@media (max-width: 550px){.fast-news .fast-area .label{margin-right:8px}}.fast-news .fast-area .label .badge{flex-shrink:0;border:1px solid;border-color:var(--red1);color:var(--red1);font-size:13px;padding:4px 8px;border-radius:16px;font-weight:600}@media (max-width: 550px){.fast-news .fast-area .label .badge{font-size:12px;padding:2px 6px;border-radius:15px}}.fast-news .fast-area .label .navi{display:none;font-size:10px;color:var(--typo4)}.fast-news .fast-area .news-swiper{height:47px;flex:1}.fast-news .swiper-slide{background:var(--bg)}.fast-news .swiper-slide a{height:100%;display:flex;align-items:center}@media (max-width: 550px){.fast-news .swiper-slide a{justify-content:space-between}}.fast-news .swiper-slide .tit{font-size:17px;letter-spacing:-.5px;line-height:1.3;font-weight:500;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media (max-width: 550px){.fast-news .swiper-slide .tit{font-size:16px}}.fast-news .swiper-slide .desc{font-size:15px;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fast-news .swiper-slide .diff-time{font-size:14px;color:var(--typo6);flex-shrink:0;margin-left:10px;font-weight:500}@media (max-width: 550px){.fast-news .swiper-slide .diff-time{margin-left:3px;font-size:12px}}.fast-news .swiper-slide .diff-time.hot{color:var(--red1);font-weight:600}.fast-skel{height:58px;margin:10px 0}.word-skel{height:82px;margin-bottom:12px}.issue-word-list{border-radius:16px;padding:12px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.issue-word-list{padding:12px 16px}}.issue-word-list h4{font-size:13px;color:var(--typo6);font-weight:500;margin-bottom:8px;margin-top:4px}.issue-word-list .word-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}@media (max-width: 550px){.issue-word-list .word-list{gap:5px}}.issue-word-list .issue-word{display:inline-flex;align-items:center;justify-content:center;background:var(--surface1);padding:3px 7px;border-radius:30px;font-size:13px}.issue-word-list .issue-word:hover{background:var(--surface-btn)}html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.App{font-size:15px;line-height:1.4}.hide{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}a,a:visited,a:active,a:hover{text-decoration:none;color:var(--typo2)}ul,li,button{padding:0;margin:0;list-style:none}ul{list-style:none}.res-column{display:flex;justify-content:space-between;margin:12px}.res-column>*{flex:1;margin:0!important}.res-column>*+*{margin-left:12px!important}@media (max-width: 1100px){.res-column{display:block}}.tti-button{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:5px -12px 10px;overflow:hidden}.tti-button button{flex:1;margin:0 2px 4px;background-color:var(--bg);border:1px solid #000;border-radius:3px;padding:6px 7px;min-height:40px;color:var(--typo1);background:var(--bg1-2);border-color:var(--bg1-2);font-size:14px;transition:.2s;font-weight:600;white-space:nowrap}@media (max-width: 550px){.tti-button button{padding:3px 5px;font-size:13px;min-width:15%}}@media (max-width: 374px){.tti-button button{padding:5px 3px;font-size:12px}}.tti-button button span{display:block;font-size:20px}.tti-button button.on{background:var(--bg-dark);color:var(--blue1);font-weight:600;border-color:var(--blue1)}.sc-link-wrap{border-radius:5px}.sc-link-wrap a{font-size:18px;border:1px solid var(--blue1);display:flex;align-items:center;justify-content:space-between;color:var(--blue1);padding:15px;background:var(--surfaceBlue1);border-radius:8px}.sc-link-wrap a svg{font-size:25px}.sc-link-wrap a+a{margin-top:10px}.sc-white{user-select:none;padding:20px 40px;color:var(--typo1);border-radius:16px;background-color:var(--bg)}@media (max-width: 768px){.sc-white{padding:20px 30px}}@media (max-width: 550px){.sc-white{padding:15px}}.sc-white img{max-width:100%;width:100%;margin:10px 0}.sc-white p{font-size:17px;line-height:1.8}@media (max-width: 550px){.sc-white p{font-size:16px}}.sc-white p+p{margin-top:15px}.sc-white h2,.sc-white h3,.sc-white h4{margin:30px 0 10px}.sc-white h2{font-size:28px;margin-top:20px;font-weight:700}@media (max-width: 550px){.sc-white h2{margin-top:10px;font-size:25px}}.sc-white h3{font-size:21px}.sc-white h4{font-size:18px;font-weight:600}@media (max-width: 550px){.sc-white h4{font-size:16px}}.sc-white ul{margin-top:20px}.sc-white p,.sc-white ul,.sc-white li{color:var(--typo2)}.sc-white strong{color:var(--typo1)}.sc-white table{width:100%}.sc-white table.alc *{text-align:center}.sc-white table th,.sc-white table td{border-top:1px solid var(--surface1);background:var(--bg);padding:5px;vertical-align:middle;font-size:15px}@media (max-width: 550px){.sc-white table th,.sc-white table td{font-size:13px}}.sc-white table th{font-weight:600}.sc-white .content-img{margin:15px 0}.sc-white .content-img img{max-width:450px}.sc-white .content-img.full{text-align:center;padding:0;margin:15px -15px}.sc-white .col-red{color:var(--red1)}.sc-white .tit-desc{font-weight:500;font-size:15px;background-color:var(--surface1);padding:10px}.sc-white .tit-desc li{color:var(--typo1)}.sc-white .tit-desc li+li{margin-top:5px}.sc-white .tit-desc strong{font-weight:700}em{font-style:normal}body{background:var(--bg-surface)}main{position:relative;min-height:calc(100vh - 51px);color:var(--typo1);max-width:1100px;margin:0 auto;user-select:none}.area-adsense{width:100%;overflow:hidden;min-height:100px}.area-adsense.mt10{margin-top:10px}.area-adsense.mt15{margin-top:15px}.area-adsense.mtb8{margin:8px 0}.swiper-button-next,.swiper-button-prev{position:absolute;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);margin-top:0;z-index:10}.swiper-button-next:after,.swiper-button-prev:after{font-size:12px;font-weight:700}.swiper-button-prev{left:0}.swiper-button-next{right:0}.list-type1{margin:10px 0}.list-type1.no-dot>li{padding-left:0}.list-type1.no-dot>li:before{display:none}.list-type1>li{margin-bottom:5px}.list-type1.mb10>li{margin-bottom:10px}.list-type1 li{position:relative;padding-left:8px;font-size:16px}@media (max-width: 550px){.list-type1 li{font-size:15px}}.list-type1 li+li{margin-top:8px!important}.list-type1 li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 ul{margin:5px 0;font-size:16px;color:var(--typo4);padding-left:5px}@media (max-width: 550px){.list-type1 ul{font-size:15px}}.list-type1 ul li{position:relative;padding-left:8px}.list-type1 ul li+li{margin-top:8px!important}.list-type1 ul li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 strong{font-weight:700;font-size:17px}@media (max-width: 550px){.list-type1 strong{font-size:16px}}.list-type1 strong+.list-desc{margin-top:10px}.list-type1 .list-desc{background-color:var(--surface1);padding:20px;margin-top:5px;border-radius:5px;font-size:17px;line-height:1.6}@media (max-width: 550px){.list-type1 .list-desc{padding:10px;font-size:15px}}.list-type1 .list-desc .cal{display:block;font-weight:700;margin-bottom:15px;color:var(--typo6)}@media (max-width: 550px){.list-type1 .list-desc .cal{margin-bottom:5px}}.list-type1 li{position:relative;padding-left:10px}.list-type1 li+li{margin-top:4px}.list-type1 li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px}.nv-wrap{width:100%}.nv-wrap>div{width:100%!important}.nv-wrap .nv-openmain,.nv-wrap .nv-openmain button{width:100%!important}.target-news{border-radius:16px;padding:16px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.target-news{padding:16px}}.target-news a{display:block;padding:8px 0}.target-news a .title{display:flex;align-items:center;font-weight:500;color:var(--typo2);font-size:16px;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.target-news a .title b{font-weight:500;font-size:16px}@media (max-width: 550px){.target-news a .title,.target-news a .title b{font-size:15px}}.target-news a .title .emoji{display:inline-flex;margin-right:6px;font-size:17px;flex-shrink:0}@media (max-width: 550px){.target-news a .title .emoji{margin-right:3px;font-size:15px}}.target-news a .title .day-text{flex-shrink:0;position:relative;color:var(--typo1);font-size:13px;padding-right:12px;font-weight:600}.target-news a .title .day-text:after{content:"";display:inline-block;width:1.5px;height:12px;position:absolute;top:50%;right:5px;transform:translateY(-50%);background:var(--surface3)}.target-news a .title .day-text.today{color:var(--blue1)}.target-news a b{font-weight:400}html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.App{font-size:15px;line-height:1.4}.hide{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}a,a:visited,a:active,a:hover{text-decoration:none;color:var(--typo2)}ul,li,button{padding:0;margin:0;list-style:none}ul{list-style:none}.res-column{display:flex;justify-content:space-between;margin:12px}.res-column>*{flex:1;margin:0!important}.res-column>*+*{margin-left:12px!important}@media (max-width: 1100px){.res-column{display:block}}.tti-button{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:5px -12px 10px;overflow:hidden}.tti-button button{flex:1;margin:0 2px 4px;background-color:var(--bg);border:1px solid #000;border-radius:3px;padding:6px 7px;min-height:40px;color:var(--typo1);background:var(--bg1-2);border-color:var(--bg1-2);font-size:14px;transition:.2s;font-weight:600;white-space:nowrap}@media (max-width: 550px){.tti-button button{padding:3px 5px;font-size:13px;min-width:15%}}@media (max-width: 374px){.tti-button button{padding:5px 3px;font-size:12px}}.tti-button button span{display:block;font-size:20px}.tti-button button.on{background:var(--bg-dark);color:var(--blue1);font-weight:600;border-color:var(--blue1)}.sc-link-wrap{border-radius:5px}.sc-link-wrap a{font-size:18px;border:1px solid var(--blue1);display:flex;align-items:center;justify-content:space-between;color:var(--blue1);padding:15px;background:var(--surfaceBlue1);border-radius:8px}.sc-link-wrap a svg{font-size:25px}.sc-link-wrap a+a{margin-top:10px}.sc-white{user-select:none;padding:20px 40px;color:var(--typo1);border-radius:16px;background-color:var(--bg)}@media (max-width: 768px){.sc-white{padding:20px 30px}}@media (max-width: 550px){.sc-white{padding:15px}}.sc-white img{max-width:100%;width:100%;margin:10px 0}.sc-white p{font-size:17px;line-height:1.8}@media (max-width: 550px){.sc-white p{font-size:16px}}.sc-white p+p{margin-top:15px}.sc-white h2,.sc-white h3,.sc-white h4{margin:30px 0 10px}.sc-white h2{font-size:28px;margin-top:20px;font-weight:700}@media (max-width: 550px){.sc-white h2{margin-top:10px;font-size:25px}}.sc-white h3{font-size:21px}@media (max-width: 550px){.sc-white h3{font-size:19px}}.sc-white h4{font-size:18px;font-weight:600}@media (max-width: 550px){.sc-white h4{font-size:16px}}.sc-white ul{margin-top:20px}.sc-white p,.sc-white ul,.sc-white li{color:var(--typo2)}.sc-white strong{color:var(--typo1)}.sc-white table{width:100%}.sc-white table.alc *{text-align:center}.sc-white table th,.sc-white table td{border-top:1px solid var(--surface1);background:var(--bg);padding:5px;vertical-align:middle;font-size:15px}@media (max-width: 550px){.sc-white table th,.sc-white table td{font-size:13px}}.sc-white table th{font-weight:600}.sc-white .content-img{margin:15px 0}.sc-white .content-img img{max-width:450px}.sc-white .content-img.full{text-align:center;padding:0;margin:15px -15px}.sc-white .col-red{color:var(--red1)}.sc-white .tit-desc{font-weight:500;font-size:15px;background-color:var(--surface1);padding:10px}.sc-white .tit-desc li{color:var(--typo1)}.sc-white .tit-desc li+li{margin-top:5px}.sc-white .tit-desc strong{font-weight:700}em{font-style:normal}body{background:var(--bg-surface)}main{position:relative;min-height:calc(100vh - 51px);color:var(--typo1);max-width:1100px;margin:0 auto;user-select:none}.area-adsense{width:100%;overflow:hidden;min-height:100px}.area-adsense.mt10{margin-top:10px}.area-adsense.mt15{margin-top:15px}.area-adsense.mtb8{margin:8px 0}.swiper-button-next,.swiper-button-prev{position:absolute;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);margin-top:0;z-index:10}.swiper-button-next:after,.swiper-button-prev:after{font-size:12px;font-weight:700}.swiper-button-prev{left:0}.swiper-button-next{right:0}.list-type1{margin:10px 0}.list-type1.no-dot>li{padding-left:0}.list-type1.no-dot>li:before{display:none}.list-type1>li{margin-bottom:5px}.list-type1.mb10>li{margin-bottom:10px}.list-type1 li{position:relative;padding-left:8px;font-size:16px}@media (max-width: 550px){.list-type1 li{font-size:15px}}.list-type1 li+li{margin-top:8px!important}.list-type1 li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 ul{margin:5px 0;font-size:16px;color:var(--typo4);padding-left:5px}@media (max-width: 550px){.list-type1 ul{font-size:15px}}.list-type1 ul li{position:relative;padding-left:8px}.list-type1 ul li+li{margin-top:8px!important}.list-type1 ul li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 strong{font-weight:700;font-size:17px}@media (max-width: 550px){.list-type1 strong{font-size:16px}}.list-type1 strong+.list-desc{margin-top:10px}.list-type1 .list-desc{background-color:var(--surface1);padding:20px;margin-top:5px;border-radius:5px;font-size:17px;line-height:1.6}@media (max-width: 550px){.list-type1 .list-desc{padding:10px;font-size:15px}}.list-type1 .list-desc .cal{display:block;font-weight:700;margin-bottom:15px;color:var(--typo6)}@media (max-width: 550px){.list-type1 .list-desc .cal{margin-bottom:5px}}.list-type1 li{position:relative;padding-left:10px}.list-type1 li+li{margin-top:4px}.list-type1 li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px}.nv-wrap{width:100%}.nv-wrap>div{width:100%!important}.nv-wrap .nv-openmain,.nv-wrap .nv-openmain button{width:100%!important}.rank-page{padding:0 16px}@media (max-width: 550px){.rank-page{padding:0 12px}}.rank-page .res-col{display:flex;margin:-8px 0}.rank-page .res-col>div{flex:1}.rank-page .res-col>div+div{margin-left:12px}@media (max-width: 550px){.rank-page .res-col{flex-direction:column}.rank-page .res-col>div+div{margin-left:0;margin-top:0}}.rank-page section{border-bottom:8px solid #eaeef3;background:var(--bg);border-color:var(--bg2)}.rank-page h2{font-size:19px;padding:10px 10px 5px}@media (max-width: 550px){.rank-page h2{font-size:17px}}.rank-page h2,.rank-page h3{color:var(--typo1)}.rank-page h3{font-size:19px;margin-bottom:10px}@media (max-width: 550px){.rank-page h3{font-size:17px;margin-bottom:5px}}.rank-page .covid-banner-wrap{display:flex;margin-top:1px}.rank-page .covid-banner-wrap>div{flex:1}.rank-page .covid-banner-wrap>div+div{margin-left:1px}.rank-page .item{position:relative;display:block;padding:10px 4px}.rank-page .item+.item{border-top:1px solid #efeff0;border-color:var(--surface1)}.rank-page .item h3{font-size:16px;font-weight:500;color:var(--typo1)}.rank-page .item h3 span{font-size:10px;font-weight:500;background:#ddd;padding:2px 3px;margin-left:5px;color:var(--typo3);background:var(--bg1-2)}.rank-page .item h3 b{font-weight:500}.rank-page .item .content{margin-top:5px;font-size:12px;font-weight:400;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--typo6)}.rank-page .item .content b{font-weight:400}.rank-page .item .label{background:#ddd;color:var(--typo3);font-size:10px;display:inline-block;border-radius:5px;padding:2px 4px}.rank-page .react-loading-skeleton{border-radius:16px;background:rgb(246,246,249)!important}.dark-mode .rank-page .react-loading-skeleton{background:#26272b!important}.rank-page .react-loading-skeleton:after{background-image:linear-gradient(90deg,rgb(246,246,249),#f9fbfe,rgb(246,246,249))!important}.dark-mode .rank-page .react-loading-skeleton:after{background-image:linear-gradient(90deg,#26272b,rgb(40,41,45),#26272b)!important}.rank-page .link-page a{display:flex;align-items:center;padding:20px 12px;background:var(--bg);margin-top:1px;font-size:18px;font-weight:700}.rank-page .link-page a svg{margin-left:5px}.rank-page .link-wrap{margin:8px 0}.rank-page .link-popup{position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;min-height:50px;background:var(--bg-surface);padding:13px 18px;border-radius:15px;transition:.25s ease-out;--linkborderWidth: 2px}.rank-page .link-popup svg{font-size:24px}.rank-page .link-popup em{color:var(--blue1)}@media (max-width: 550px){.rank-page .link-popup{font-size:17px}}@media (max-width: 374px){.rank-page .link-popup{font-size:16px}}.rank-page .link-popup:before{content:"";position:absolute;top:calc(-1 * var(--linkborderWidth));left:calc(-1 * var(--linkborderWidth));height:calc(100% + var(--linkborderWidth) * 2);width:calc(100% + var(--linkborderWidth) * 2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:16px;z-index:-1;animation:motiongradient 3s ease alternate infinite;background-size:300% 300%}.rank-page .link-popup:after{content:"";position:absolute;z-index:-1;left:var(--linkborderWidth);top:var(--linkborderWidth);width:calc(100% - var(--linkborderWidth) * 2);height:calc(100% - var(--linkborderWidth) * 2);background:var(--surface-btn2);border-radius:15px}@keyframes motiongradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.App{font-size:15px;line-height:1.4}.hide{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}a,a:visited,a:active,a:hover{text-decoration:none;color:var(--typo2)}ul,li,button{padding:0;margin:0;list-style:none}ul{list-style:none}.res-column{display:flex;justify-content:space-between;margin:12px}.res-column>*{flex:1;margin:0!important}.res-column>*+*{margin-left:12px!important}@media (max-width: 1100px){.res-column{display:block}}.tti-button{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:5px -12px 10px;overflow:hidden}.tti-button button{flex:1;margin:0 2px 4px;background-color:var(--bg);border:1px solid #000;border-radius:3px;padding:6px 7px;min-height:40px;color:var(--typo1);background:var(--bg1-2);border-color:var(--bg1-2);font-size:14px;transition:.2s;font-weight:600;white-space:nowrap}@media (max-width: 550px){.tti-button button{padding:3px 5px;font-size:13px;min-width:15%}}@media (max-width: 374px){.tti-button button{padding:5px 3px;font-size:12px}}.tti-button button span{display:block;font-size:20px}.tti-button button.on{background:var(--bg-dark);color:var(--blue1);font-weight:600;border-color:var(--blue1)}.sc-link-wrap{border-radius:5px}.sc-link-wrap a{font-size:18px;border:1px solid var(--blue1);display:flex;align-items:center;justify-content:space-between;color:var(--blue1);padding:15px;background:var(--surfaceBlue1);border-radius:8px}.sc-link-wrap a svg{font-size:25px}.sc-link-wrap a+a{margin-top:10px}.sc-white{user-select:none;padding:20px 40px;color:var(--typo1);border-radius:16px;background-color:var(--bg)}@media (max-width: 768px){.sc-white{padding:20px 30px}}@media (max-width: 550px){.sc-white{padding:15px}}.sc-white img{max-width:100%;width:100%;margin:10px 0}.sc-white p{font-size:17px;line-height:1.8}@media (max-width: 550px){.sc-white p{font-size:16px}}.sc-white p+p{margin-top:15px}.sc-white h2,.sc-white h3,.sc-white h4{margin:30px 0 10px}.sc-white h2{font-size:28px;margin-top:20px;font-weight:700}@media (max-width: 550px){.sc-white h2{margin-top:10px;font-size:25px}}.sc-white h3{font-size:21px}@media (max-width: 550px){.sc-white h3{font-size:19px}}.sc-white h4{font-size:18px;font-weight:600}@media (max-width: 550px){.sc-white h4{font-size:16px}}.sc-white ul{margin-top:20px}.sc-white p,.sc-white ul,.sc-white li{color:var(--typo2)}.sc-white strong{color:var(--typo1)}.sc-white table{width:100%}.sc-white table.alc *{text-align:center}.sc-white table th,.sc-white table td{border-top:1px solid var(--surface1);background:var(--bg);padding:5px;vertical-align:middle;font-size:15px}@media (max-width: 550px){.sc-white table th,.sc-white table td{font-size:13px}}.sc-white table th{font-weight:600}.sc-white .content-img{margin:15px 0}.sc-white .content-img img{max-width:450px}.sc-white .content-img.full{text-align:center;padding:0;margin:15px -15px}.sc-white .col-red{color:var(--red1)}.sc-white .tit-desc{font-weight:500;font-size:15px;background-color:var(--surface1);padding:10px}.sc-white .tit-desc li{color:var(--typo1)}.sc-white .tit-desc li+li{margin-top:5px}.sc-white .tit-desc strong{font-weight:700}em{font-style:normal}body{background:var(--bg-surface)}main{position:relative;min-height:calc(100vh - 51px);color:var(--typo1);max-width:1100px;margin:0 auto;user-select:none}.area-adsense{width:100%;overflow:hidden;min-height:100px}.area-adsense.mt10{margin-top:10px}.area-adsense.mt15{margin-top:15px}.area-adsense.mtb8{margin:8px 0}.swiper-button-next,.swiper-button-prev{position:absolute;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);margin-top:0;z-index:10}.swiper-button-next:after,.swiper-button-prev:after{font-size:12px;font-weight:700}.swiper-button-prev{left:0}.swiper-button-next{right:0}.list-type1{margin:10px 0}.list-type1.no-dot>li{padding-left:0}.list-type1.no-dot>li:before{display:none}.list-type1>li{margin-bottom:5px}.list-type1.mb10>li{margin-bottom:10px}.list-type1 li{position:relative;padding-left:8px;font-size:16px}@media (max-width: 550px){.list-type1 li{font-size:15px}}.list-type1 li+li{margin-top:8px!important}.list-type1 li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 ul{margin:5px 0;font-size:16px;color:var(--typo4);padding-left:5px}@media (max-width: 550px){.list-type1 ul{font-size:15px}}.list-type1 ul li{position:relative;padding-left:8px}.list-type1 ul li+li{margin-top:8px!important}.list-type1 ul li:before{content:"";width:3px;height:3px;display:inline-block;position:absolute;top:7px;left:0;background-color:var(--typo5)}.list-type1 strong{font-weight:700;font-size:17px}@media (max-width: 550px){.list-type1 strong{font-size:16px}}.list-type1 strong+.list-desc{margin-top:10px}.list-type1 .list-desc{background-color:var(--surface1);padding:20px;margin-top:5px;border-radius:5px;font-size:17px;line-height:1.6}@media (max-width: 550px){.list-type1 .list-desc{padding:10px;font-size:15px}}.list-type1 .list-desc .cal{display:block;font-weight:700;margin-bottom:15px;color:var(--typo6)}@media (max-width: 550px){.list-type1 .list-desc .cal{margin-bottom:5px}}.list-type1 li{position:relative;padding-left:10px}.list-type1 li+li{margin-top:4px}.list-type1 li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px}.nv-wrap{width:100%}.nv-wrap>div{width:100%!important}.nv-wrap .nv-openmain,.nv-wrap .nv-openmain button{width:100%!important}.nv-wrap .nv-openmain>div{width:100%!important;padding:0}.nv-wrap .nv-openmain>div>div{width:100%!important}.sc-white{max-width:1100px;margin:0 auto}.sc-white .allname__list{padding:0}.sc-white .line-link{text-decoration:underline}.sc-white .full-img{margin:0 -15px}.allname{position:relative}.allname h2 span{font-size:15px;opacity:.5;margin-left:5px}.allname__cont{margin-top:10px;display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;text-align:left}.allname__cont article{flex:1;font-size:13px}.allname__cont article+article{border-top:2px solid rgba(0,0,0,.1);padding-top:20px;margin-top:20px}.allname__cont h3{font-size:20px;font-weight:600;margin-bottom:10px}.allname__cont p{display:flex;padding:5px 0}.allname__cont p+p{border-top:1px solid var(--bg1-2)}.allname__cont .name-area{min-width:200px}@media (max-width: 550px){.allname__cont .name-area{min-width:140px}}.allname__cont strong{display:inline-block;min-width:110px;font-weight:700;font-size:16px;color:var(--typo1)}@media (max-width: 550px){.allname__cont strong{min-width:80px;font-size:15px}}.allname__cont span{margin:0 5px;color:var(--typo3);word-break:break-all;font-size:15px}@media (max-width: 550px){.allname__cont span{font-size:13px}}.allname__cont span.kor{word-break:break-all;font-weight:600}.allname__cont span.mean{font-size:15px;color:var(--typo5);word-break:break-all}@media (max-width: 550px){.allname__cont span.mean{font-size:13px}}.allname__list{text-align:left;padding:10px;border-radius:8px}.allname__list p{padding:13px 0}.allname__list p+p{margin:0}.content-link{width:100%;margin:20px 0}.content-link a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px;border:1px solid var(--blue1);color:var(--blue1);border-radius:8px;background:var(--surfaceBlue1);font-size:18px;color:var(--typo1)}.content-link a+a{margin-top:8px}.content-link a.red{border-color:var(--red1);background-color:var(--surfaceRed1)}.content-link a.red strong,.content-link a.red svg{color:var(--red1)}.content-link a svg{font-size:30px;color:var(--blue1);animation:iconMotion .7s infinite alternate ease-in-out}@keyframes iconMotion{0%{transform:translateY(-3px)}to{transform:translateY(2px)}}.content-link a strong{display:block;font-size:22px;font-weight:700;margin-top:5px;color:var(--blue1)}.chick-list{display:flex}.chick-list+.chick-list{margin-top:10px;border-top:1px solid var(--surface1)}.chick-list button{display:inline-flex;padding:5px 6px;background:var(--bg1-2);color:var(--typo1);border:0;font-weight:600}.chick-list dt{flex-shrink:0;margin-right:5px;font-weight:600;width:90px}.chick-list dt strong{font-size:13px;color:var(--typo6)}.chick-list dt p{line-height:1.4;font-size:14px}.chick-list dd{display:flex;flex:1;justify-content:space-around;align-items:center;line-height:1.4;font-size:14px}.chick-list dd button,.chick-list dd span{display:inline-flex;align-items:center;justify-content:center;min-width:50px;margin-right:10px}.chick-list dd .isActive{border:1px solid var(--blue1);background-color:var(--surfaceBlue1);color:var(--blue1)}.chick-list dd strong{color:var(--red1)}.snackbar{position:fixed;bottom:15px;left:50%;background:rgba(0,0,0,.75);padding:10px 16px;font-size:15px;font-weight:500;border-radius:20px;color:#fff;opacity:0;transform:translate(-50%);transition:.2s;z-index:1000}.snackbar.show{opacity:1}.card-content{border-radius:16px;padding:16px 24px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.card-content{padding:16px}}.card-content strong{position:relative;font-size:17px;margin-right:6px;padding-right:4px}.card-content strong:after{content:"";width:2px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%);background:var(--typo7);opacity:.3}:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #d9dde4;--surface2: #f2f2f2;--surface3: #ccc;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(0, 177, 186);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(220, 247, 242);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 237, .1);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #d9dde4;--surface2: #f2f2f2;--surface3: #ccc;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(0, 177, 186);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(220, 247, 242);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 237, .1);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.loading-wrap{display:flex;min-height:calc(100vh - 200px);justify-content:center;align-items:center;flex-direction:column}.loading-wrap svg{margin-top:-80px;font-size:30px;color:var(--typo7);opacity:.6;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}