#wrap {min-height: 100vh;width: 100%;padding-top: 5rem;padding-bottom: 1rem;}
#wrap.index {display: flex;flex-direction: column;justify-content: center;padding-left: 15%;background: url('../img/index_background.png') no-repeat center / cover;}
#wrap.index img {width: 60%;margin-bottom: 60%;}
.index_logo {
    position: absolute;
    left: 1.5rem; top: 1.5rem;
    z-index: 999;
}

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

/* header */
header, .header {position: fixed;left: 0;top: 0;width: 100%;height: 5rem;z-index: 100;padding-left: 1.5rem;background-color: #fff;display: flex;align-items: center;justify-content: space-between;}
.header a img {width:7rem;}
header {padding: 0 1.5rem;}
header h1 {font-size: 1.7rem;font-weight: 600;text-align: center;font-family: 'NanumSquareNeo', sans-serif;line-height: 1.2;}
header .prev, header .dummy {width: 1rem;height: 3rem;object-fit: contain;}


/* home.php */
.homeouter {margin: 0 2rem;font-size: 1.6rem;line-height: 1.5;color: #385f81;font-family: 'pretendard', sans-serif;}
.homeinner {border-radius: .7rem;padding: 1.5rem;margin: .5rem 2rem 2rem;box-shadow: .1rem .1rem .3rem rgba(0, 0, 0, .2);border: 1px solid #e9e9e9;}
.homeinner h2 {font-size: 1.8rem;font-weight: 800;line-height: 1.4;color: #122949;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #f3f3f3;}
.homeinner p {font-size: 1.6rem;line-height: 1.4;color: #385f81;font-family: 'pretendard', sans-serif;}
.homebanner h2 {font-size: 1.8rem;font-weight: 800;display: flex;align-items: center;padding-left: 2rem;margin-top: 5rem;margin-bottom:2rem;}
.homebanner h2 img {width: 1.8rem;height: 1.8rem;margin-right: .5rem;}


/* banner */
.banner {background-color: #beeef7;display: block;width: calc(100% - 4rem);border-radius: .7rem;margin: 1rem 2rem;padding: 1.5rem;}
.banner.color {background-color: #ffe495;}
.banner .p1 {color: #07a4b5;font-size: 1.2rem;font-family: 'NanumSquareNeo', sans-serif;margin-bottom: .5rem;font-weight: 500;}
.banner .p2 {color: #0a567c;font-size: 1.8rem;font-family: 'NanumSquareNeo', sans-serif;margin-bottom: .5rem;font-weight: 900;}
.banner.color .p1 {color: #3d655d;}
.banner.color .p2 {color: #0c681d;}
.banner span {display: flex;justify-content: right;}
.banner img {width: 10rem;}


/* sub.php */
.sub_wrap h2 {padding: 2rem 2rem 0;font-size: 1.8rem;font-weight: 800;}
.sub_wrap pre {margin: 1.5rem 2rem 0;font-size: 1.6rem;line-height: 1.5;font-family: 'pretendard', sans-serif;}
.sub_wrap .warn {margin: 2rem 2rem .5rem;font-size: 1.4rem;font-weight: bold;color: #255f99;}
.sub_wrap .chart_wrap {margin: .5rem 2rem;max-height: 50vh;overflow: scroll;}
.sub_wrap .chart_wrap img {max-width: 120%;}