:root{--primary-color:#385cae;--secondary-color:#e4097a;--muted-color:#777}body,html{height:100%;position:fixed;width:100%}body{background-color:#000;margin:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:KorailRoundGothic,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.muted{color:#999}#xrManagerElementContainer{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100000}#xrManagerElementContainer>div{pointer-events:auto;position:fixed}#main,#root{height:100%;position:relative;width:100%}#main>.loading{align-items:center;background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:0;opacity:1;padding:20px;position:absolute;top:0;transition:opacity 2s ease-in-out;width:100%;z-index:200000}#main>.loading.hide{opacity:0;pointer-events:none}#main>.loading>.train_wrap{max-width:300px;overflow:hidden;position:relative}#main>.loading>.train_wrap>img{position:relative;width:100%}#main>.loading>.train_wrap>.gradient{animation:leftToRight 23s cubic-bezier(0,.3,.2,.9) forwards;background:linear-gradient(90deg,#0000 5%,#000 10%);height:100%;left:-10%;position:absolute;top:0;width:110%;z-index:1}#main>.loading.hide>.train_wrap>.gradient{animation-duration:10s}#main>.loading>.text_wrap{color:#fff;font-size:20px;line-height:1.5;opacity:.7;text-align:center;text-shadow:0 0 5px #00000040;word-break:keep-all}@keyframes leftToRight{0%{left:-10%}to{left:110%}}#main>#overlay{height:100%;justify-content:space-between;left:0;position:fixed;top:0;z-index:100000}#header,#main>#overlay{align-items:center;display:flex;flex-direction:column;pointer-events:none;width:100%}#header{box-sizing:border-box;gap:6px;justify-content:center;margin-top:18px;padding:0 20px;position:relative;z-index:100}#trainNavBar{filter:drop-shadow(0 2px 7px #00000020);height:50px;max-width:420px;width:100%}#trainNavBar,#trainNavBar>.circle{align-items:center;display:flex;justify-content:center}#trainNavBar>.circle{aspect-ratio:1;background-color:#385cae;background-color:var(--primary-color);border:5px solid #fff;border-radius:50%;height:100%;margin-right:-30px;z-index:2}#trainNavBar>.circle>img{width:40%}#trainNavBar>.bar{align-items:center;background-color:#fff;border-radius:0 10px 10px 0;display:flex;flex:1 1;height:80%;justify-content:space-between;padding-left:40px;padding-right:10px}#trainNavBar>.bar>.title{color:#385cae;color:var(--primary-color);font-size:15px;font-weight:700;word-break:keep-all}#header>.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}#header>.btns>.btn{align-items:center;background-color:#385cae;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex:1 1;gap:4px;height:30px;justify-content:center;padding:4px 5px;pointer-events:auto}#header>.btns>.btn.active{background-color:#e4097a;background-color:var(--secondary-color)}#header>.btns>.btn.active>.text{color:#e4097a;color:var(--secondary-color)}#header>.btns>.btn.disabled{background-color:#777;background-color:var(--muted-color);cursor:default}#header>.btns>.btn.disabled>.text{color:#777;color:var(--muted-color)}#header>.btns>.btn>.icon{align-items:center;color:#fff;display:flex;height:20px;justify-content:center;width:20px}#header>.btns>.btn>.text{align-items:center;background-color:#fff;border-radius:3px;color:#385cae;color:var(--primary-color);display:flex;flex:1 1;font-size:12px;font-weight:700;height:100%;line-height:1;padding:0 7px;white-space:nowrap}#footer{margin-top:auto}#footer>.bottomGuide{margin-bottom:25px}#footer>.bottomGuide>span{color:#fff;font-size:12px;font-weight:300;opacity:.7;text-shadow:0 0 5px #00000040}#trainNavigator{margin-top:10px;max-width:100%;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}#trainNavigator>.inner{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;height:300px;max-width:100%;overflow-x:scroll;overflow-y:hidden;padding:10px 40px;pointer-events:auto;scrollbar-width:none}#trainNavigator>.inner::-webkit-scrollbar{display:none}#trainNavigator>.inner>.train{align-items:center;background-color:#fff;border-radius:94px 10px 10px 10px;box-shadow:0 2px 7px #00000070;display:inline-flex;gap:5px;padding:10px 10px 10px 50px}#trainNavigator>.inner>.train>.car_wrap{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}#trainNavigator>.inner>.train>.car_wrap>.car{align-items:center;background-color:#fff;border:2px solid #385cae;border:2px solid var(--primary-color);border-radius:7px;color:#385cae;color:var(--primary-color);cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:48px;justify-content:center;line-height:1;width:48px}#trainNavigator>.inner>.train>.car_wrap>.car.active{border-color:#e4097a;border-color:var(--secondary-color);border-width:3px;color:#e4097a;color:var(--secondary-color);z-index:1}#trainNavigator>.inner>.train>.car_wrap.has2f>.car{align-items:center;height:auto;justify-content:center;white-space:nowrap;width:100%}#trainNavigator>.inner>.train>.car_wrap.has2f>.car:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-2px}#trainNavigator>.inner>.train>.car_wrap.has2f>.car:nth-child(2){border-top-left-radius:0;border-top-right-radius:0}#trainNavigator>.inner>.train>.car_wrap>.car>div{align-items:center;display:flex;gap:1px;justify-content:center;padding-bottom:5px;padding-top:7px}#trainNavigator>.inner>.train>.car_wrap>.car>div.row{flex-direction:row}#trainNavigator>.inner>.train>.car_wrap>.car>div.column{flex-direction:column}#trainNavigator>.inner>.train>.car_wrap>.car>div>.no{font-size:28px}#trainNavigator>.inner>.train>.car_wrap>.car>div>.subText{font-size:11px;white-space:nowrap}#trainNavigator>.inner>.train>.car_wrap.has2f>.car>div{padding-bottom:3px;padding-top:3px}#trainNavigator>.inner>.train>.car_wrap.has2f>.car>div>.no{font-size:20px}#trainNavigator>.inner>.train>.passage{align-self:stretch;box-sizing:border-box;height:auto;padding:4px 0;position:relative}#trainNavigator>.inner>.train>.passage>.bar{background-color:#385cae;background-color:var(--primary-color);border-radius:10px;height:100%;position:relative;width:3px;z-index:2}#trainNavigator>.inner>.train>.passage>.btns{background-color:#385cae;background-color:var(--primary-color);border:2px solid #fff;border-radius:6px;display:flex;flex-direction:column;gap:6px;left:50%;margin-top:14px;padding:5px;position:absolute;top:100%;transform:translateX(-50%)}#trainNavigator>.inner>.train>.passage>.btns>button{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#385cae;color:var(--primary-color);cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}#trainNavigator>.inner>.train>.passage.hasAmenities{padding-bottom:0}#trainNavigator>.inner>.train>.passage.active>.bar{background-color:#e4097a;background-color:var(--secondary-color)}#trainNavigator>.inner>.train>.passage.hasAmenities>.bar{border:2px solid #fff;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;height:calc(100% + 14px)}#trainNavigator>.inner>.train>.passage.active>.btns{background-color:#e4097a;background-color:var(--secondary-color)}#trainNavigator>.inner>.train>.passage>.btns>button.active{color:#e4097a;color:var(--secondary-color)}#trainNavigator>.inner>.train>.passage>.btns>button.active>img{filter:hue-rotate(81deg) saturate(1.4)}.popup{align-items:center;display:flex;justify-content:center;pointer-events:none;position:fixed;z-index:100000}.popup,.popup>.bg{height:100%;left:0;top:0;width:100%}.popup>.bg{background-color:#0003;pointer-events:auto;position:absolute;z-index:1}.popup>.inner{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0003;max-width:400px;overflow:hidden;pointer-events:auto;position:relative;width:90vw;z-index:2}.popup>.inner>.head{align-items:center;background-color:#385cae;background-color:var(--primary-color);display:flex;justify-content:space-between}.popup>.inner>.head>.box{align-self:stretch;background-color:#e4097a;background-color:var(--secondary-color);width:20px}.popup>.inner>.head>.title{color:#fff;font-size:15px;line-height:1;margin-bottom:0;margin-right:auto;margin-top:0;padding-left:10px}.popup>.inner>.head>.btnClose{align-items:center;background-color:#eee;background-color:#e4097a;background-color:var(--secondary-color);border:none;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.popup>.inner>.body{box-sizing:border-box;color:#333;font-size:14px;line-height:1.5;padding:20px;word-break:keep-all}.popup>.inner>.body>.imageWrap{margin-top:20px;text-align:center}.popup>.inner>.body>.imageWrap>img{max-width:100%}.seatNo{cursor:pointer;padding:10px}.seatNo>div{-webkit-user-drag:none;-webkit-touch-callout:none;background-color:#385cae;background-color:var(--primary-color);border-radius:4px;box-shadow:0 1px 5px #00000040;color:#fff;font-size:16px;gap:3px;height:24px;padding:0 5px;-webkit-user-select:none;user-select:none}.seatNo>div,.seatNo>div:after{align-items:center;display:flex;font-weight:700;justify-content:center}.seatNo>div:after{background-color:#fff;border-radius:5px;color:#385cae;color:var(--primary-color);content:"";font-size:12px;height:14px;line-height:1;width:14px}.seatNo.seatA>div:after{content:"A"}.seatNo.seatB>div:after{content:"B"}.seatNo.seatC>div:after{content:"C"}.seatNo.seatD>div:after{content:"D"}.seatNo>div>span{padding-top:2px}.seatNo .bicycleSeatImg,.seatNo .electricWheelImg{filter:invert(1);height:14px}.popup .seatNoHintWrap{color:#777;font-size:16px}.popup .seatIsForwardsWrap{font-size:16px;margin-top:10px}.popup .seatIsForwardsWrap>span.label{margin-right:5px}.popup .seatIsForwardsWrap>span.value{font-weight:700}.popup .seatIsBicycleSeat,.popup .seatIsElectricWheel{margin-top:10px}.popup .seatIsBicycleSeat>span,.popup .seatIsElectricWheel>span{border-radius:4px;color:#fff;display:inline-block;padding:3px 7px}.popup .seatIsBicycleSeat>span{background-color:#5000bf}.popup .seatIsElectricWheel>span{background-color:#bf7300}#translationSelector{align-items:end;bottom:1.5rem;display:flex;filter:drop-shadow(0 2px 7px #00000020);flex-direction:column;gap:.3rem;position:absolute;right:1.5rem;z-index:10}#translationSelector>.btn{background-color:#fff;border-radius:.375rem;border-width:0;color:#385cae;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:700;gap:.25rem;padding:.5rem;pointer-events:auto;width:-webkit-fit-content;width:fit-content}#translationSelector>.btn,#translationSelector>.btn>div{align-items:center;display:flex;justify-content:center}#translationSelector>.btn>div .icon{font-size:1.5rem;line-height:2rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#translationSelector>.btn .icon.rotate-180{transform:translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1)}#translationSelector>.dropdown{background-color:#fff;border-radius:.375rem;box-sizing:border-box;color:#385cae;color:var(--primary-color);list-style:none;margin:0;padding-inline:0;padding:0 .25rem;pointer-events:auto;width:100%}#translationSelector>.dropdown>li{border-radius:.375rem;cursor:pointer;font-weight:700;margin:.25rem 0;padding:.4rem}#translationSelector>.dropdown>li[aria-selected=true]{background-color:#385cae;background-color:var(--primary-color);color:#fff}@media screen and (max-width:420px){#header>.btns{gap:4px}#header>.btns>.btn>.text{font-size:11px}#trainNavBar>.bar>.title{font-size:13px}#main>.loading>.text_wrap{font-size:16px}#translationSelector>.btn>div{display:none}}@media screen and (min-width:768px){#header{gap:10px;margin-top:24px}#header>.btns>.btn{height:34px}#header>.btns>.btn>.text{font-size:14px;padding:0 10px}#trainNavBar{height:60px;max-width:500px}#trainNavBar>.bar>.title{font-size:18px}.popup>.inner{max-width:600px}.popup>.inner>.body{font-size:16px}}@media (hover:hover) and (pointer:fine){#translationSelector>.btn:hover,#translationSelector>.dropdown>li:hover{background-color:#385cae;background-color:var(--primary-color);color:#fff}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}