body {padding-top: 6rem;min-height: calc(100vh - 6rem);}

/* header */
header {
    position: fixed;
    left: 0;top: 0;
    width: 100%;
    z-index: 10;
}
header .case {
    height: 6rem;
    padding: 0 1.5rem;
    position: relative;
    display: flex;justify-content: space-between;align-items: center;
}
header .case1 {background-color: #2e59c5;display: none;}
header .case2 {background-color: #fff;display: flex;border-bottom: 1px solid #f0f0f0;}
header.on .case1 {display:flex;}
header.on .case2 {display:none;}
header .logo {height: 3rem;}
header .open_nav img {height: 1.5rem;}
header h1 {font-size: 1.8rem;}
header .prev {transform: rotate(180deg);}
header .dummy {width: 1.5rem;height: 1.5rem;}
header span {display: flex;align-items: center;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);}
header span > img {height: 2.3rem;margin-right: .8rem;}
header span > a > img {height: 2.3rem;}


.nav_wrap nav {
    position: fixed; 
    z-index: 1000;
    left: -100%;
    /* left: 0; */
    top: 0;
    height: 100%;width:100%;
    background-color: #fafafa;
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1);
}
.nav_wrap .nav_header {
    position: fixed;
    left: -100%;top: 0;
    width: 100%;height: 6rem;
    padding: 0 1.5rem;
    display: flex;justify-content: space-between;align-items: center;
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1);
}
.nav_wrap .nav_header img {height: 3rem;}
.nav_wrap .nav_header a img {height: 2.3rem;}
.nav_wrap .nav_header .close img {height: 1.8rem;}
.nav_wrap .nav_content {padding: 8rem 2rem 1rem;}
.nav_wrap .nav_content li a {
    width: 100%;
    display: block;
    padding: 1.8rem;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: .8rem;
    border-radius: .8rem;
    border: 1px solid #ddd;
    background: url('../img/arrow.png') no-repeat calc(100% - 1.5rem) center / .5rem;
    box-shadow: 2px 2px .5rem rgba(0, 0, 0, .1) ;
}
.nav_wrap .nav_content li a:hover {color: #2e59c5;}
.nav_wrap .nav_content li a img {width: .5rem;}
.nav_wrap .nav_bg {background-color: rgba(0, 0, 0, .5);min-height: 100vh;width: 100%;position: fixed;left: 0;top:0;z-index: 999;display: none;}

.nav_wrap.on nav {display: block;left: 0;}
.nav_wrap.on .nav_bg {display: block;}
.nav_wrap.on {left: 0;}
.nav_wrap.on .nav_header {left: 0;}


/* home */
.news_banner {position: relative;padding: 2rem 0;background-color: #2e59c5;}
.swiper {padding: 2rem;}
.swiper .swiper-wrapper {height: 15rem;}
.swiper a {display: block;background-color: #fff;border-radius: .3rem;padding: 2rem;width: 100%;height: 100%;}
.swiper .date {font-size: 1.6rem;color: #2e59c5;margin-bottom: .5rem;}
.swiper .title {font-size: 2rem;font-weight: bold;line-height: 1.2;}
.swiper .swiper-pagination {width: fit-content !important;position: absolute;left: 50% !important;transform: translateX(-50%);}
.swiper .swiper-pagination-bullet {margin: 0 .3rem !important;height: .6rem !important;width: .6rem !important;}

.b_wrap1 {padding: 1.5rem;}
.b_wrap1 a {box-shadow: 0 0 1rem rgba(0, 0, 0, .3);height: 100%;display: block;margin: .5rem;border-radius: .3rem;width: 100%;}
.b_wrap1 span {display: flex;width: 100%;}
.b_wrap1 img {width: 100%;}

.b_wrap2 {padding: 1.5rem;}
.b_wrap2 h2 {font-weight: bold;font-size: 2rem;margin-bottom: 1rem;}
.b_wrap2 span {display: flex;}
.b_wrap2 span a {margin: .5rem;width: 100%;}
.b_wrap2 span a img {width: 100%;}

/* qna */