.krx *{box-sizing:border-box;margin:0;padding:0}.krx{--oner-navy:#12386e;--oner-navy2:#1b4f9c;--oner-orange:#f5821f;--oner-orange2:#ff9d3f;color:#333;font-family:Open Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.4}.krx .wrap{max-width:1100px;margin:0 auto;padding:0 18px}.krx .wrap:first-child{padding-top:26px}.krx .wrap:last-child{padding-bottom:60px}.krx h1{color:#12386e;text-align:center;margin:10px 0 22px;font-size:33px;font-weight:800;line-height:1.2}.krx h2{color:#1b4f9c;margin:26px 0 12px;font-size:22px;font-weight:700;line-height:1.3}.krx p{margin:0 0 12px;font-size:16px;line-height:1.6}.krx .wrapper__calc{background-color:#fbfbfb;width:1024px;max-width:100%;margin:0 auto;padding:10px;display:flex}.krx .container__calc{width:70%;padding:10px}.krx .row__calc{width:100%;padding:10px 0}.krx .label__calc{text-transform:uppercase;width:100%;margin-bottom:5px;font-size:17px;display:block}.krx .combined__calc{width:100%;position:relative}.krx .input__calc{border:1px solid #ddd;width:100%;padding:10px;font-size:17px}.krx .input__calc:disabled{background-color:#ddd}.krx .unit__calc{font-size:17px;position:absolute;top:10px;right:10px}.krx .btn__row--calc{text-align:center;width:100%}.krx .btn__calc{cursor:pointer;text-transform:uppercase;color:#fff;background-color:#2c3e50;border:0;border-radius:50px;width:fit-content;margin:10px auto;padding:10px 30px;font-size:16px}.krx .output__container--calc{background-color:#95a5a6;width:40%;padding:10px}.krx .default__container{width:100%}.krx .output__text{text-align:center;border-bottom:1px solid #000;margin:10px 0;padding:4px 0;font-size:17px;display:block}.krx .dynamic__output{margin-top:10px}.krx .row__res--calc{justify-content:space-between;align-items:center;padding:10px;display:flex}.krx .res__label--calc{text-transform:uppercase;font-size:17px}.krx .res__value--calc{font-size:23px;font-weight:700}.krx input::-webkit-outer-spin-button,.krx input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.krx input[type=number]{-moz-appearance:textfield}.krx .calc__note{color:#12386e;background:#eef4fb;border-left:5px solid #f5821f;border-radius:10px;width:100%;margin:6px 0 14px;padding:16px 18px;font-size:1.07em;line-height:1.65}.krx .calc__note b,.krx .calc__note strong{color:#f5821f}.krx #year,.krx #month,.krx #rateCh{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2312386e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:34px}.krx .container__calc{border-radius:18px;box-shadow:0 12px 34px #12386e24}.krx .label__calc{color:#12386e;letter-spacing:.2px;font-weight:600}.krx .input__calc,.krx .combined__calc select,.krx .combined__calc input{background:#fff;border:1.5px solid #d5deeb;border-radius:10px;transition:border-color .2s,box-shadow .2s}.krx .input__calc:focus,.krx .combined__calc select:focus,.krx .combined__calc input:focus{border-color:#f5821f;outline:none;box-shadow:0 0 0 3px #f5821f2e}.krx .btn__calc{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#f5821f,#ff9d3f);border:none;border-radius:12px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px 16px #f5821f59}.krx .btn__calc:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 22px #f5821f73}.krx .btn__calc:active{transform:translateY(0)}.krx .output__container--calc,.krx .default__container{color:#eaf1fb;background:linear-gradient(160deg,#12386e 0%,#1b4f9c 100%);border-radius:18px;box-shadow:0 14px 34px #12386e59}.krx .output__container--calc *,.krx .default__container *,.krx .output__text{color:#eaf1fb}.krx .res__label--calc{color:#c7d6ee;font-weight:500}.krx .res__value--calc{color:#fff;font-weight:700;display:inline-block}.krx .row__res--calc{border-bottom:1px solid #ffffff24;padding:10px 0}.krx .row__res--calc:last-child{border-bottom:none}.krx .row__res--calc:last-child .res__value--calc,.krx #rate{color:#ffb15c;font-size:1.5em}@keyframes onerPop{0%{opacity:.3;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.krx .oner-pop{animation:.45s cubic-bezier(.2,.8,.3,1.2) onerPop}.krx .krx-akordiyon{border:1px solid #d5deeb;border-radius:12px;margin-top:8px;overflow:hidden}.krx .krx-akordiyon details+details{border-top:1px solid #d5deeb}.krx .krx-akordiyon summary{cursor:pointer;color:#12386e;background:#f7fafd;padding:14px 18px;font-weight:700;list-style:none}.krx .krx-akordiyon summary::-webkit-details-marker{display:none}.krx .krx-akordiyon details[open] summary{color:#f5821f;border-bottom:1px solid #d5deeb}.krx .krx-ic{padding:14px 18px}.krx .krx-ic p{margin:0}@media only screen and (width<=1204px){.krx .wrapper__calc{width:100%}}@media only screen and (width<=870px){.krx .wrapper__calc{flex-direction:column}.krx .container__calc,.krx .output__container--calc{width:100%}.krx h1{font-size:26px}}@media only screen and (width<=350px){.krx .row__res--calc{flex-direction:column}.krx .btn__calc{width:100%}}