@charset "utf-8";

/* 넥슨 Lv.1 고딕 Light */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
}

/* 넥슨 Lv.1 고딕 Regular */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
}

/* 넥슨 Lv.1 고딕 Bold */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Light */
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Regular */

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Bold */
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
}


/* 인트로 */
html {font-size:20px; font-family: 'NEXON Lv1 Gothic OTF';}



header h2 { text-align: center; padding: 0.3em 0; }
.index h2 { text-align: center; padding: 0.3em 0; }

.textWrap { display:flex; }

.testBox { 
background: #f4f4f4; font-size: min(4vw,20px); text-align: center; font-weight: bold;
padding: 0.5em 0; color: #000; border-bottom: 2px solid #666; flex:1;
}
.testBox:not(:last-child) { border-right: 1px solid #666; }
.testLink { color: inherit; display: inline-block; padding: 0.2em 0; line-height: 1.2em; }
.testLink.on { color: #ff0000; }
.testLink.on1 { color: blue; }


.pageBox { font-size: 25px; background: green; padding: 50px 0 !important; text-align: center; color: #fff; }