.header {display: flex; align-items: center;flex-direction: column;background:#fff;}
.header h2 {font-size: 1.8rem;font-weight: 900;padding: 2rem 0;width: 100%;text-align: center;border-bottom: 1px solid #ededed;}
.header p { font-size: 1.8rem;font-weight: 900;padding: 2rem;width: 100%;text-align: center;}
.header ul {display: flex;align-items: center;width:100%;justify-content: space-around;}
.header ul li {width:30%; text-align:center;position:relative;}
.header ul li a {display: flex; align-items:center; height: 6rem; justify-content:center;}
.header ul li.active a{font-weight:900;}
.header ul li.active::after {position:absolute; content:''; width:100%; bottom:0; left:0;height: 4px;background: #f47f65;}
.header ul li a {font-size:1.8rem}
.header .sub_title {display: flex; align-items: center; width: 100%; justify-content: center; border-bottom: 1px solid #ddd; height: 6rem;}
.header .sub_title span {font-size: 1.6rem; padding: 2rem; font-weight: bold;}
.header .prev_btn {width: 1.8rem;height: 1.8rem;position: absolute;top: 1.8rem;left: 1.5rem;background: url(../img/prev.png) no-repeat center / contain;}
.footer {position: fixed; bottom: 0; background: #fff;height:6rem; width:100%; left:0;box-shadow: 0px 0px 42px #d9d9d9; z-index: 999;}
.footer ul {display:flex; height:100%; align-items:center;}
.footer ul li {width:25%}
.footer ul li a {display: flex;font-size: 1.2rem;flex-direction: column;align-items: center;justify-content: center;}
.footer ul li a img {height:3rem }
.footer ul li a p {font-size:1.2rem; margin-top:0.5rem; text-align: center;}
.footer ul li.active a p {font-weight:900}