@charset "UTF-8";#bubble-chart{position:sticky;top:0;background-color:#252525}#bubble-chart:after{display:none}#bubble-chart .bubbleChart-info{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:30%;padding:20px;color:#111;font-weight:400;font-family:Pretendard;font-size:18px;line-height:150%;opacity:.9}#bubble-chart .bubbleChart-info b{font-weight:600}#bubble-chart .description-card{width:45%;max-width:500px;height:fit-content;padding:20px;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);background-color:#fff;transition:opacity .3s ease;text-align:left}#bubble-chart .description-card.visible{opacity:1}#bubble-chart .description-card p{color:#111;font-size:20px;font-weight:600;font-family:Pretendard;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #ddd}#bubble-chart .description-card span{color:#111;text-align:left;font-weight:400;font-family:Pretendard;line-height:150%}#bubble-chart .description-card .tag-box{margin-top:12px}#bubble-chart .description-card .tag-box span{cursor:pointer;border:1px solid #676767;border-radius:15px;display:inline-block;color:#111;font-size:14px;font-weight:400;font-family:Pretendard;padding:5px 10px;margin:3px;transition:all .3s ease}#bubble-chart .description-card .tag-box span:hover{background-color:#0000001a;font-weight:600}g.node{stroke-width:1.5px}g.node:hover{background:linear-gradient(to top,rgba(0,0,0,.5) 50%,transparent 100%)}g.node:hover .node-text{opacity:1;transform:translateY(0)}g.node.congress circle{stroke:#929a9c!important;stroke-width:2px}g.node.administration circle{stroke:#335f99!important;stroke-width:2px}g.node.military circle{stroke:#35743f!important;stroke-width:2px}g.node.yoon circle{stroke:#e342ac!important;stroke-width:2px}g.node circle{position:relative;background:linear-gradient(to top,rgba(0,0,0,.5) 50%,transparent 100%);fill:#ccc;stroke:#fff;stroke-width:2px;transition:all .3s ease;display:block;background-image:url(./img/face-img/icon.jpg);border-radius:50%;width:60px;height:60px;background-size:cover}g.node circle:hover{transform:scale(1.1)}g.node text{font:18px Open Sans,sans-serif;text-anchor:middle;pointer-events:none;fill:#fff}@media (max-width: 768px){#bubble-chart:before{height:32px;top:-25px}#bubble-chart .bubbleChart-info{cursor:unset;top:unset;bottom:10%;left:50%;transform:translate(-50%,-50%);width:90%}#bubble-chart .description-card{font-size:14px;font-weight:300;font-family:Pretendard Variable;top:unset;bottom:0%;left:50%;transform:translate(-50%);width:94%;z-index:100;padding:14px;max-width:unset}#bubble-chart .description-card p{padding-bottom:8px;margin-bottom:8px;font-size:16px}#bubble-chart .description-card span{font-size:13px}#bubble-chart .description-card .tag-box{margin-top:8px}#bubble-chart .description-card .tag-box span{font-size:12px;padding:2px 6px}#bubble-chart:after{content:"스크롤 이동";background-image:url(../img/icon/icon-scrolldown.svg);background-size:100%;background-repeat:no-repeat;background-position:center;padding-top:22px;display:flex;flex-direction:column-reverse;align-items:center;width:40px;height:60px;position:absolute;bottom:0%;left:50%;transform:translate(-50%);font-weight:400;font-family:Pretendard;font-size:14px;text-align:center;white-space:nowrap}}.loading-txt{font-family:Pretendard}.section01{position:relative;height:200vh;height:calc(var(--vh, 1vh) * 200)}.section01 .guide-box{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;font-size:18px;font-weight:300;font-family:Pretendard;padding-bottom:10px;margin-bottom:60px}.section01 .guide-box b{font-weight:600;font-size:20px}.section01 .guide-box span{max-width:50%;line-height:130%;color:#a0a0a0;font-size:16px}.section01 .click-box{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:100px}.section01 .click-box p{font-size:14px;font-weight:300;font-family:Pretendard}.section01 .click-box p span{display:inline-block;width:12px;height:12px;background-color:#c02d77;border-radius:50%;margin-right:4px;vertical-align:middle}.section01 .click-box p:nth-child(1) span{background-color:#c02d77}.section01 .click-box p:nth-child(2) span{background-color:#366328}.section01 .click-box p:nth-child(3) span{background-color:#335f99}.section01 .click-box p:nth-child(4) span{background-color:#929a9c}.section01 .click-box:after{content:"인물 클릭";background-image:url(../img/icon/icon-go.svg);background-size:100%;background-repeat:no-repeat;background-position:center;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;width:19px;height:39px;position:absolute;bottom:-36px;left:50%;transform:translate(-50%,100%);font-weight:400;font-family:Pretendard;font-size:14px;text-align:center;white-space:nowrap;z-index:10}.section01 .tab-menu{z-index:10;display:flex;justify-content:center;gap:10px;width:100%;padding:5px 0;opacity:0;animation:fadeIn .3s ease-out forwards}.section01 .tab-menu.visible{opacity:1;position:fixed;top:0;left:0;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section01 .tab-menu .tab-button{cursor:pointer;width:210px;height:54px;border:none;background:#2C2C2C;border:1.5px solid #1C1C1C;border-radius:2px;font-size:18px;font-weight:500;font-family:Pretendard;color:#fff;box-sizing:border-box}.section01 .tab-menu .tab-button.active{background:#C02D77;border:1.5px solid #E342AC;color:#fff}.section01 .tab-menu .tab-button.active:hover{background:#C02D77}.section01 .tab-menu .tab-button:hover{background:#1C1C1C}.section01 .tab-menu .tab-button:nth-child(1){display:none}@media (max-width: 768px){.section01 .guide-box{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;font-size:18px;font-weight:300;font-family:Pretendard}.section01 .guide-box b{font-weight:600;font-size:20px}.section01 .guide-box span{max-width:90%;font-size:14px}.section01 .tab-menu{top:56px;padding:0;width:100%;justify-content:space-between;align-items:center;gap:unset;background-color:#c02d77;height:56px;animation:unset}.section01 .tab-menu .arrow-btn{outline:none;border:none;width:80px;height:50px;background-color:#c02d77;-webkit-tap-highlight-color:transparent}.section01 .tab-menu .arrow-btn.prev{transform:scaleX(-1);background-image:url(../img/icon/icon-arrow.svg);background-size:10px;background-repeat:no-repeat;background-position:center}.section01 .tab-menu .arrow-btn.next{background-image:url(../img/icon/icon-arrow.svg);background-size:10px;background-repeat:no-repeat;background-position:center}.section01 .tab-menu .tab-txt{width:100%;font-size:16px;font-weight:300;font-family:Pretendard;color:#fff}.section01 .tab-menu .tab-txt.slide-out{animation:slideOut .3s forwards}.section01 .tab-menu .tab-txt.slide-in{animation:slideIn .3s forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.section01 .tab-menu.visible{opacity:1;z-index:1000}.section01 .tab-menu .tab-button{padding:0;top:56px}}