@import"https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css";*{margin:0;padding:0;font-family:NanumBarunGothic;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}p{margin:0}#app{width:100%}#mainblock{max-width:300px;width:100%;box-shadow:0 8px 16px #000;margin:50px auto}#mainblock>#title{text-align:center;padding:40px 0;font-size:17px;font-weight:700;height:100px}#mainblock>#body{height:calc(100% - 100px);padding:10px}#viewTrain{width:calc(100% - 50px);margin:auto}.station{height:94px}.leftdiv{height:100%;width:calc(50% - 37px);float:left;text-align:center;border-bottom:1px dashed #DDD;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px}.stname{width:70.5px;height:100%;background:#efefef;float:left;border:solid 1px #DDD;text-align:center;display:flex;justify-content:center;align-items:center;padding:5px}.stname>p{color:#000;margin:0;font-size:11px}.rightdiv{height:100%;width:calc(50% - 37px);float:left;text-align:center;border-bottom:1px dashed #DDD;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px}#upbtn{position:fixed;width:60px;height:60px;background:#000;border-radius:30px;right:20px;bottom:20px;border:solid 1px white;text-align:center;color:#fff;line-height:60px;font-size:25px;cursor:pointer}.trnio{padding-bottom:1px}.trainInfo3{padding-top:1px}.trnio>p{font-size:7pt;margin:0}.trainInfo3>p{font-size:11px;font-family:NanumBarunGothic;font-weight:500;margin:0}.trainInfo2{font-size:7pt;background:gray;color:#fff;padding:0 2px 1px;border-radius:5px;opacity:.8}.trainInfo2>p{font-size:7pt;margin:0}.traina{border-radius:8px;border:1px solid #999;margin-top:-1px;z-index:10;cursor:pointer;width:52px;display:inline-block;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;position:relative}.traina:hover,.traina:visited{border-radius:8px;border:1px solid #999;margin-top:-1px;box-shadow:0 2px 2px gray;z-index:10}.train출발상{top:-35px}.train운행중상{top:-50px}.train진입상,.train출발하{top:35px}.train운행중하{top:50px}.train진입하{top:-35px}.d1{display:block}.d2{display:none}.wrin1{font-size:9pt}
