body{font-family:Noto Sans KR,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0;width:100%;height:100%;font-size:14px;color:#fff;background-color:#181723;background-image:url(../../../apro-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}a,a:visited{color:#fff;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}header.header{background-color:#35353f;height:60px;align-items:center;justify-content:center;padding:0 10px;font-weight:400;border-bottom:1px solid rgba(0,0,0,.2)}header.gnb{background-color:#35353f;height:50px;align-items:center;padding:0 10px;border-top:1px solid hsla(0,0%,100%,.03);border-bottom:1px solid rgba(0,0,0,.2)}.contents{height:calc(100% - 110px);border-top:1px solid hsla(0,0%,100%,.03)}footer.footer{margin-top:50px;text-align:center;color:#fff;opacity:.6;line-height:30px;font-size:.8em}.column{display:flex;flex-direction:column;flex-shrink:1;flex-basis:auto;flex-wrap:nowrap}.row{display:flex;flex-direction:row;flex-shrink:1;flex-basis:auto;flex-wrap:nowrap}.menu-item{cursor:pointer}.menu-item.active,.menu-item:hover{color:#b81835}.apro-input{height:40px;margin-bottom:5px;background-color:#181723;padding:0 10px;border-radius:0;border:none;color:#fff;max-width:100%;box-sizing:border-box}.apro-input:focus{outline:none}.apro-button{display:flex;align-items:center;justify-content:center;vertical-align:middle;outline:0;position:relative;text-decoration:none;transition-duration:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;color:#fff;cursor:pointer;padding:0 10px;background-color:#b81835;border:none}.account{align-items:center;margin-right:5px;background-color:#474754}.account>div{padding:10px;flex-direction:row}.account>span{width:2px;height:20px;background-color:#ffffff1a}.right-column{padding:0;width:300px;flex-shrink:0;overflow:auto}@media (max-width: 970px){.right-column{width:100%;padding:10px;box-sizing:border-box}}.onlytext{padding:0;background:transparent;border:none;font-size:1em}header.gnb>div:nth-child(1){display:none}header.gnb>a:nth-child(3){display:none}header.gnb>div:nth-child(5){display:none;cursor:pointer}.roworcolumn{display:flex;flex-direction:row;flex-shrink:1;flex-basis:auto;flex-wrap:nowrap}.right-slide-menu-dimmer{background-color:#00000080;position:fixed;width:100%;height:100%;z-index:10000}.right-slide-menu{box-shadow:0 0 10px #00000080;width:80%;max-width:400px;height:100%;position:fixed;right:0;top:0;background-color:#35353f;z-index:10001;display:none}.right-slide-menu.open{display:block;animation:slidein .2s forwards}.right-slide-menu.close{animation:slideout .2s forwards;display:none}.right-slide-menu-dimmer.open{animation:fadein .2s forwards}.right-slide-menu-dimmer.close{animation:fadeout .2s forwards;display:none}@keyframes slidein{0%{display:block;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideout{0%{display:block;transform:translate(0)}99%{transform:translate(100%)}to{transform:translate(100%);display:none}}@keyframes fadein{0%{display:block;opacity:0}to{opacity:1}}@keyframes fadeout{0%{display:block;opacity:1}98%{opacity:0}99%{opacity:0;display:none}to{opacity:0;display:none}}@media (max-width: 970px){header.header{height:40px;justify-content:center!important}header.header>a:nth-child(1){display:none}header.header>div:nth-child(3){display:none}header.gnb>div:nth-child(1){display:block;width:24px}header.gnb>div:nth-child(2){display:none}header.gnb>a:nth-child(3){display:block}header.gnb>div:nth-child(4){display:none}header.gnb>div:nth-child(5){display:block}header.gnb{height:60px}.roworcolumn{flex-direction:column}}.loading.svelte-mnpxad{background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:999999}.loader.svelte-mnpxad{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:svelte-mnpxad-rotation 1s linear infinite}@keyframes svelte-mnpxad-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
