@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.point { font-family: 'GmarketSans';}

#wrap { background: #f2f3f5; padding-bottom: 7.6rem; min-height: 100vh;}

header { text-align: center; position: fixed; padding: 1.5rem 0; background: #4eb36f; z-index: 9999; left: 0; top: 0; width: 100%;}
header .prev { position: absolute;  left: 0rem; top:0%; padding: 1.5rem; height: 100%;}
header .prev img {  height: 100%;}
header h2 { font-size: 1.8rem; font-weight: 500; color: #fff;}

nav { position: fixed;z-index: 9999; background: #fff; bottom: -1px; left: 0; width: 100%;box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;}
nav ul { display: flex; justify-content: space-between; padding: 1.5rem 0;}
nav ul li { position: relative; text-align: center; width: 33%; }
nav ul li:nth-child(2):before,
nav ul li:nth-child(2):after { content: ''; position: absolute; height: 85%; width: 1px; background: #bdbdbd; left: 0; top: 50%; transform: translateY(-50%) rotate(10deg);}
nav ul li:nth-child(2):after { left: unset; right: 0;}
nav ul li a img { width: 3.5rem;}
nav ul li a p { padding-top: 3rem; font-size: 1.6rem; color: #9aafa3; }
nav ul li.on a p { color: #4bb26d; font-weight: 600;} 
nav ul li:nth-child(1) a p { background: url(../img/icon_10-1.png) no-repeat center top / 2.5rem;}
nav ul li:nth-child(2) a p { background: url(../img/icon_11-1.png) no-repeat center top / 2.5rem;}
nav ul li:nth-child(3) a p { background: url(../img/icon_12-1.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(1) a p { background: url(../img/icon_10-2.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(2) a p { background: url(../img/icon_11-2.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(3) a p { background: url(../img/icon_12-2.png) no-repeat center top / 2.5rem;}

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

/* footer */

footer {
    background: #7f7f7fb7;
    padding: 2rem 1.5rem;
}
footer .name {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-align: center;
}
footer address {
    font-style: normal;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-align: center;
}
footer .num {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
    text-align: center;
}