@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';}
.fl {display: flex; align-items: center; justify-content: space-between;}

header { text-align: center; position: relative; padding: 1.5rem 0; background: #6d6dea; font-size: 1.8rem; font-weight: 600; color: #fff;}
#wrap { padding-bottom: 8rem;}

nav { position: fixed;z-index: 9998; background: #f5f5f5; bottom: -1px; left: 0; width: 100%;}
nav ul { display: flex; justify-content: space-between; padding: 1rem 0;}
nav ul li { position: relative; text-align: center; width: 33%; }
nav ul li a img { width: 3.5rem;}
nav ul li a p { padding-top: 3rem; font-size: 1.5rem; font-weight: 500; color: #33333350; }
nav ul li.on a p { color: #333; font-weight: 600;} 
nav ul li:nth-child(1) a p { background: url(../img/menu_icon_1-2.png) no-repeat center top / 2.5rem;}
nav ul li:nth-child(2) a p { background: url(../img/menu_icon_2-2.png) no-repeat center top / 2.5rem;}
nav ul li:nth-child(3) a p { background: url(../img/menu_icon_3-2.png) no-repeat center top / 2.5rem;}
nav ul li:nth-child(4) a p { background: url(../img/menu_icon_4-2.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(1) a p { background: url(../img/menu_icon_1-1.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(2) a p { background: url(../img/menu_icon_2-1.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(3) a p { background: url(../img/menu_icon_3-1.png) no-repeat center top / 2.5rem;}
nav ul li.on:nth-child(4) a p { background: url(../img/menu_icon_4-1.png) no-repeat center top / 2.5rem;}