#wrap {min-height: 100vh;width: 100%;}

/* 인덱스 */
.index {background: url('../img/background.png') no-repeat center/contain !important;}
.index .index_logo {width: 70%;margin: 0 auto;display: block;padding-top: 10rem;max-width: 300px;}

/* 홈 */
header {display: flex;align-items: center;padding-right: 1.5rem;background-color: #153261;height:5.5rem;width: 100%;justify-content: space-between;}
header img {height: 2.5rem;}
header.downcolor {background-color: #fff;}


header .prev {
    width: 5.5rem;
    height: 5.5rem;
    background: url(../img/prev.png) no-repeat center / 40%;
}
header .dummy {
    width: 5.5rem;
    height: 5.5rem;
}


.type {margin: 1.5rem;position: relative;}
.type1::before {content: "";position: absolute;left: -1.5rem;top: -1.5rem;background-color: #153261;z-index: -1;height: 100%;width: calc(100% + 3rem);}
.type1 {background-color: #fff;border-radius: .5rem;padding: 1.5rem;box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);}
.type1 h2 {font-size: 1.8rem;font-weight: bold;color: #163362;padding: .3rem 0 1rem;margin-bottom: 1rem;border-bottom: 1px solid #c4c4c4;}
.type1 pre {font-size: 1.6rem;line-height: 1.4;color: #646464;}
.type2 h2 {font-size: 1.9rem;font-weight: bold;color: #021127;margin-top: 3rem;}
.type3 h2 {font-size: 1.9rem;font-weight: bold;color: #021127;margin-top: 3rem;}
.type2 span {display: flex;justify-content: space-between;margin-top: 1.5rem;}
.type2 span a {display: block;width: calc(50% - .5rem);border-radius: .7rem;box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);}
.type2 span a img {width: 100%;}
.type3::before {content: "";position: absolute;left: -1.5rem;top: 20rem;background-color: #153261;z-index: -1;height: calc(100% - 18.5rem);width: calc(100% + 3rem);}
.type3 ul {border-radius: 5px;margin-top: 2rem;border-radius: .5rem;background-color: #fff;border: 1px solid #d6e1f1;box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);}
.type3 ul li:last-of-type {padding-bottom: 1.5rem;}
.type3 ul li .question {background: url('../img/open.png') no-repeat calc(100% - 1.6rem) center / 2.5rem ;padding: 1.5rem 1.5rem;padding-right: 5rem;line-height: 1.3;font-size: 1.8rem;color: #4c4c4c;word-break: break-all;}
.type3 ul li .answer {background-color: #edf2f9;border-bottom: 1px solid #e4ebf6;border-bottom: 1px solid #e4ebf6;font-size: 1.6rem;line-height: 1.4;margin: 0 1.5rem;padding: 2rem 1rem;color: #636363;display: none;}
.type3 ul li.on .answer {display: block;}
.type3 ul li.on .question {background: url('../img/close.png') no-repeat calc(100% - 1.6rem) center / 2.5rem ;}



/* ios 추가기능 계산기 */
.calc {}
.calc form {
    min-height: calc(100vh - 5.5rem);
    display: flex;flex-direction: column;justify-content: space-between;
}
.calc form pre {
    margin: 1.5rem;
    padding: 1.5rem;
    color: #021127;
    line-height: 1.4;
    font-size: 1.4rem;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid #7ea4ca65;
    box-shadow: .2rem .2rem .5rem #7ea4ca65;
}
.calc form span {
    border: 1px solid #cfcfcf;
    border-radius: .7rem;
    padding: .6rem .7rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 1rem 1.5rem;
    position: relative;
}
.calc form span p {
    border: 1px solid #cfcfcf;
    background: #f2f2f2;
    border-radius: .5rem;
    padding: .5rem 1rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #153261;
    width: 9rem;
}
.calc form select {
    font-size: 1.4rem;
    color: #7b7b7b;
    height: 100%;
    border: none;
    width: calc(100% - 11rem);
    padding: .5rem 0 .5rem 2rem;
    background: transparent url(../img/arrow.png) no-repeat 0% center / 1rem;
}
.calc form option {
    font-size: 1.4rem;
    color: #153261;
}
.calc form .form_point_txt {
    font-size: 1.4rem;
    color: #7c94b7;
    margin: 0 1.5rem;
    line-height: 1.4;
}
.calc form input[type="number"] {
    font-size: 1.4rem;
    color: #7b7b7b;
    height: 100%;
    background: transparent;
    width: calc(100% - 11rem);
}
.calc form span p {
    font-size: 1.4rem;
    color: #7b7b7b;
}
.calc form span:nth-of-type(2):after {
    content: "KRW";
    position: absolute;
    top: 50%;right: 0;
    font-size: 1.4rem;
    color: #7b7b7b;
    transform: translate(-1.5rem, -50%);
}
.calc form input[type="submit"] {
    font-size: 1.6rem;
    padding: 1.5rem;
    margin: 1.5rem;
    color: #fff;
    line-height: 1.2;
    border-radius: .5rem;
    background-color: #153261;
}
#noresult {
    font-size: 1.4rem;
    color: #153261;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

/* 계산기 결과 */
#result {}
#result h2 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #021127;
    margin: 1.5rem;
    line-height: 1.4;
}
#result h2 b {
    line-height: inherit;
    font-weight: inherit;
    margin-right: .5rem;
    font-size: 4rem;
    color: #2e67aa;
}
#result pre {
    color: #021127;
    font-size: 1.4rem;
    line-height: 1.4;
    border-radius: .5rem;
    margin: 1.5rem;
    padding: 1.5rem;
    background-color: #f2f3f4;
}
#result .bordergray {
    border: 1px solid #d7e2f1;
    border-radius: .5rem;
    margin: 1.5rem;
}
#result .bordergray span {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1.5rem;
    color: #4d4d4d;
    border-top: 1px solid #d7e2f1;
    display: flex;justify-content: space-between;align-items: center;
}
#result .bordergray span:nth-of-type(1) {border-top: none;}
#result .bordergray span h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #021127;
}
#result .bordergray span h4 {
    font-size: 1.6rem;
}
#result .bordergray span h4 b {
    line-height: inherit;
    margin-right: .5rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: #2e67aa;
}