@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&subset=korean";@import"//fonts.googleapis.com/css?family=Droid+Sans:400,700&text=0123456789";.header{position:fixed;width:100%;height:40px;display:flex;align-items:center;justify-content:center;padding-top:15px;background-color:#fff;z-index:500;top:0;cursor:pointer;opacity:.8}.header-title{margin-right:10%}.popup{z-index:10000;top:0;left:0;width:100%;height:100%;position:fixed;background-color:#000c;opacity:1;overflow:hidden}.popup__close-button{width:35px;height:35px;z-index:1500}.popup__close-button--top{position:absolute;right:60px;top:60px}.popup__close-button--bottom{position:relative;display:table;margin-left:auto;margin-right:auto;margin-top:20px}.popup__close-button:hover{cursor:pointer}.popup__close-button img{width:100%;height:100%;max-width:600px;display:block;margin:auto}.popup__portfolio-image-list{position:absolute;height:100%;width:100%;padding:100px 5% 60px;overflow-y:scroll}.popup__portfolio-image-list-item{display:table;margin-left:auto;margin-right:auto}.popup__portfolio-image-list-item img{max-width:100%;padding-left:35px;padding-right:35px}@media screen and (max-width: 800px){.popup__close-button--top{right:15px;top:15px}}.portfolio-list{margin-top:10px;margin-bottom:10px}.portfolio{margin-top:10px;padding-bottom:10px}.portfolio-title{padding-top:3px;border-bottom:1px solid #404040;font-weight:200}.portfolio-title>span:hover{cursor:pointer;font-weight:700}.portfolio-text{font-weight:400;margin-top:10px;margin-bottom:10px}.portfolio-year__year{margin-top:80px;margin-bottom:15px;border-bottom:3px solid #202020;font-weight:700;cursor:pointer}.portfolio-year__yearly-text{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted gray;line-height:26px;letter-spacing:1px;color:#202020}.portfolio-year__yearly-text-eng{font-size:14px;font-weight:200}.main-wrapper{position:relative;margin-top:20px;width:100%}.portfolio-year-list{position:absolute;width:800px;top:0;left:0;right:0;margin-left:auto;margin-right:auto}.site-title{opacity:1;margin-left:20px;text-align:center}@media screen and (max-width: 800px){.portfolio-year-list{width:94%}}html,button,input,textarea{font-family:Droid Sans,Noto Sans KR,sans-serif}*,h1,h2,h3,h4,h5,h6,p{box-sizing:border-box;margin:0;padding:0}ul{padding:0;list-style:none}em{font-style:normal}button{border:0;background:transparent}button:focus{outline:0}a,a:link,a:hover{border:0;color:#202020;font-weight:400;text-decoration:none}textarea:focus,input:focus{outline:none}#app{width:100%;height:100%}.labs{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.labs .list{width:320px;height:60vh}.remove-bg{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:gray}.remove-bg .download-button{width:200px;position:fixed;bottom:20px;left:0;right:0;margin:auto;border-radius:5px;padding:14px;display:block;background-color:#fff}.remove-bg .download-button:hover{cursor:pointer;background-color:#000;color:#fff}.player-container[data-v-fb823d0a]{position:absolute;transform-origin:top left;width:48px;height:48px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #00000080;display:flex;justify-content:center;align-items:center;z-index:10}.player-token[data-v-fb823d0a]{color:#fff;font-weight:700;font-size:24px;text-shadow:1px 1px 2px rgba(0,0,0,.7);position:relative}.player-info[data-v-fb823d0a]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;background-color:#0009;color:#fff;padding:.5vmin 1vmin;border-radius:5px;white-space:nowrap;margin-bottom:.8vmin;font-size:1.5vmin;opacity:.9}.player-name[data-v-fb823d0a]{font-weight:700}.player-money[data-v-fb823d0a]{font-size:1.3vmin;color:#ffde7d}button,button:hover{cursor:pointer}html,body{width:100%;height:100%;font-family:notokr,Open Sans,애플SD 고딕네오,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,나눔고딕,NanumGothic,돋움,Dotum,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.large-text{font-size:48px;letter-spacing:2px;line-height:60px}.medium-text{font-size:18px;letter-spacing:2px;line-height:28px}.small-text{font-size:13px;letter-spacing:1px;line-height:20px}.monopoly{width:100vw;height:100vh;background-color:#cbdd61;display:flex;align-items:center;justify-content:center}.monopoly-inner .game-board{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);width:90vmin;height:90vmin;max-width:900px;max-height:900px;background-color:#fff;border:1px solid #CBDD61;box-shadow:0 10px 20px #0003}.monopoly-inner .top-row{grid-area:1/1/2/7}.monopoly-inner .left-col{grid-area:2/1/6/2}.monopoly-inner .center-area{grid-area:2/2/6/6}.monopoly-inner .right-col{grid-area:2/6/6/7}.monopoly-inner .bottom-row{grid-area:6/1/7/7}.monopoly-inner .board-row,.monopoly-inner .board-col{display:flex}.monopoly-inner .board-col{flex-direction:column}.monopoly-inner .cell{background-color:#d3f5ce;border:1px solid #CBDD61;overflow:hidden;position:relative}.monopoly-inner .cell .content{padding:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;height:100%;width:100%}.monopoly-inner .cell .name{font-size:1.5vmin;font-weight:700;padding:2px 0}.monopoly-inner .cell .price{font-size:1.3vmin}.monopoly-inner .cell.property .color-bar,.monopoly-inner .cell.community-chest .color-bar,.monopoly-inner .cell.chance .color-bar,.monopoly-inner .cell.tax .color-bar,.monopoly-inner .cell.utility .color-bar{height:25%;width:100%;border-bottom:1px solid #CBDD61;margin-bottom:5px}.monopoly-inner .cell.property .name,.monopoly-inner .cell.community-chest .name,.monopoly-inner .cell.chance .name,.monopoly-inner .cell.tax .name,.monopoly-inner .cell.utility .name{height:50%}.monopoly-inner .cell.property .price,.monopoly-inner .cell.community-chest .price,.monopoly-inner .cell.chance .price,.monopoly-inner .cell.tax .price,.monopoly-inner .cell.utility .price{height:25%}.monopoly-inner .cell.corner .content{justify-content:center}.monopoly-inner .cell.corner .name{font-size:2vmin}.monopoly-inner .top-row .cell,.monopoly-inner .bottom-row .cell{width:100%}.monopoly-inner .left-col .cell,.monopoly-inner .right-col .cell{height:100%}.monopoly-inner .center-area{background-color:#fcf9ec;border:2px solid #289CBE;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px}.monopoly-inner .center-area .title{font-size:4vmin;font-weight:700;text-align:center;color:#cbdd61;padding:10px 0;margin-bottom:20px;letter-spacing:.2vmin}.monopoly-inner .center-area .cards{display:flex;justify-content:space-around;width:100%}.monopoly-inner .center-area .card{border:2px solid #CBDD61;padding:2vmin 3vmin;transform:rotate(-5deg);background:#fff;box-shadow:3px 3px 5px #0000001a;font-weight:700}.monopoly-inner .center-area .card:last-child{transform:rotate(5deg);background-color:#f7941d}.monopoly-inner .dice{width:8vmin;height:8vmin;max-width:68px;max-height:68px;background-color:#fff;border-radius:10%;box-shadow:inset 0 0 10px #0003;transition:transform .2s ease;margin-right:20px;padding:clamp(1vmin,1vmin,4px)}.monopoly-inner .dice:last-child{margin-right:0}.monopoly-inner .dice-container{display:flex;justify-content:center;align-items:center}.monopoly-inner .dice.rolling{animation:roll .5s ease-in-out}.monopoly-inner .face{width:100%;height:100%;display:grid}.monopoly-inner .face .dot{width:1.8vmin;height:1.8vmin;max-width:10px;max-height:10px;background-color:#333;border-radius:50%;align-self:center;justify-self:center}.monopoly-inner .face-1{grid-template-areas:". . ." ". a ." ". . ."}.monopoly-inner .face-1 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-2{grid-template-areas:"a . ." ". . ." ". . b"}.monopoly-inner .face-2 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-2 .dot:nth-child(2){grid-area:b}.monopoly-inner .face-3{grid-template-areas:"a . ." ". b ." ". . c"}.monopoly-inner .face-3 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-3 .dot:nth-child(2){grid-area:b}.monopoly-inner .face-3 .dot:nth-child(3){grid-area:c}.monopoly-inner .face-4{grid-template-areas:"a . b" ". . ." "c . d"}.monopoly-inner .face-4 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-4 .dot:nth-child(2){grid-area:b}.monopoly-inner .face-4 .dot:nth-child(3){grid-area:c}.monopoly-inner .face-4 .dot:nth-child(4){grid-area:d}.monopoly-inner .face-5{grid-template-areas:"a . b" ". c ." "d . e"}.monopoly-inner .face-5 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-5 .dot:nth-child(2){grid-area:b}.monopoly-inner .face-5 .dot:nth-child(3){grid-area:c}.monopoly-inner .face-5 .dot:nth-child(4){grid-area:d}.monopoly-inner .face-5 .dot:nth-child(5){grid-area:e}.monopoly-inner .face-6{grid-template-areas:"a . b" "c . d" "e . f"}.monopoly-inner .face-6 .dot:nth-child(1){grid-area:a}.monopoly-inner .face-6 .dot:nth-child(2){grid-area:b}.monopoly-inner .face-6 .dot:nth-child(3){grid-area:c}.monopoly-inner .face-6 .dot:nth-child(4){grid-area:d}.monopoly-inner .face-6 .dot:nth-child(5){grid-area:e}.monopoly-inner .face-6 .dot:nth-child(6){grid-area:f}.monopoly-inner .roll-button{padding:10px 20px;font-size:2vmin;font-weight:700;color:#27a09e;border:rgb(39,160,158) 3px solid;background-color:#fff;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .2s,transform .1s}.monopoly-inner .roll-button:hover{background-color:#27a09e;color:#fff}.monopoly-inner .roll-button:active{transform:translateY(2px);box-shadow:0 2px 4px #0003}.monopoly-inner .roll-button:disabled{background-color:#999;cursor:not-allowed}@keyframes roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(45deg) scale(1.1)}50%{transform:rotate(-45deg) scale(1.1)}to{transform:rotate(0) scale(1)}}