#wrap {min-height: 100vh;width: 100%;padding-top: 5rem;padding-bottom: 2rem;}
#wrap.index {background-color: #ffb883;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#wrap.index img {width: 60%;margin-bottom: 40%;}


/* 로딩 */
.loading_wrap .bar {position: relative; width: 55vw; max-width: 420px; margin: 0 auto;height:1rem; border-radius: 1rem; background:#fff;margin-bottom: 30%;}
.loading_wrap .bar:after {content:''; position: absolute; max-width: 420px; height:1rem; border-radius: 1rem; background:#f5891d; -webkit-animation: loading 1s ; -o-animation: loading 1.2s; animation: loading 1.2s; animation-timing-function: ease-out;animation-fill-mode: both;}
.loading_wrap .loading {font-size: 1.6rem; color: #0974cc; margin-top: 1.2rem; font-weight: 600; text-align: center;}
@keyframes loading {
    0% {width: 0vw;}
    100% {width: 55vw;}
}

.bannerImg {
    width: 100%;
    padding: 1.5rem 0;
}
.bannerImg a {
    width: 100%;
}
.bannerImg a img {
    width: 100%;
}

/* 헤더 */
header {display: flex;align-items: center;z-index: 100;position: fixed;left: 0;top: 0;height: 5rem;width: 100%;padding: 0 1.5rem;justify-content: space-between;background-color: #fff;box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .1);}
header .logo img {width: 15rem;}
header .prev, header .dummy {width: 1rem;}
header .title {font-size: 1.8rem;font-weight: 800;}


/* home */
.content_wrap pre {font-family: 'pretendard', sans-serif;font-size: 1.6rem;line-height: 1.6;padding: 0 2rem;}
.content_wrap pre:first-of-type {margin-top: 2rem;}
.content_wrap .banner {display: block;padding: 1.7rem 5.3rem 1.7rem 1.7rem;margin: 2rem;background: #eff0f2 url('../img/banner_btn.png') no-repeat calc(100% - 1.5rem) center / 4rem;border-radius: 1rem;}
.content_wrap .banner2 {margin: 2rem;display: block;}
.content_wrap a img {width: 100%;}
.content_wrap .banner p {width: fit-content;}
.content_wrap .banner .inp1 {font-size: 1.2rem;font-weight: bold;margin-bottom: .6rem;color: #f5891d;transform: skew(-10deg);font-family: 'A스피드', sans-serif;}
.content_wrap .banner .inp2 {font-size: 1.8rem;margin-bottom: .8rem;word-break: break-all;font-weight: bold;color: #4880ee;font-family: 'Jalnan', sans-serif;}
.content_wrap .banner .inp3 {font-size: 1.2rem;font-weight: 600;color: #595757;font-family: 'NanumSquare', sans-serif;}


/* toggle_wrap */
.toggle_wrap .box {margin: 2rem;padding: 1.5rem;border-radius: 1rem;background-color: #f4f4f4;}
.toggle_wrap .box h4 {border-radius: .5rem;font-size: 1rem;font-weight: bold;background: url('../img/arrow-down.png') no-repeat calc(100% - .3rem) center / 1.5rem;}
.toggle_wrap .box.open h4 {background: url('../img/arrow-up.png') no-repeat calc(100% - .3rem) center / 1.5rem;}
.toggle_wrap .box h4 span {font-size: 1.6rem;color: #00488c;display: block;margin-top: .5rem;}
.toggle_wrap .box pre {line-height: 1.4;display: none;margin-top: 2rem;font-size: 1.6rem;padding-top: 1rem;border-top: 1px solid #ddd;}
.toggle_wrap .box.open pre {display: block;}

/* 240404 추가 */