/*공통*/
* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none; color: inherit;}
body {font-family: 'NotoSerifKR'; color: #111; overflow-x: hidden;}

/*font*/
@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Thin.otf') format('woff2');
    font-weight: 100;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-ExtraLight.otf') format('woff2');
    font-weight: 200;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Light.otf') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Regular.otf') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Medium.otf') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-SemiBold.otf') format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Bold.otf') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-ExtraBold.otf') format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Black.otf') format('woff2');
    font-weight: 900;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-ExtraLight.otf') format('woff2');
    font-weight: 200;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-Light.otf') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-Regular.otf') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-Medium.otf') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-SemiBold.otf') format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-Bold.otf') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('../../font/NotoSerifKR-Black.otf') format('woff2');
    font-weight: 900;
}

@font-face {
    font-family: 'NotoSerif_Italic';
    src: url('../../font/NotoSerif-Italic.ttf') format('woff2');
    font-weight: 900;
}

.contents {
    width: 100%; height: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 37px 18px; box-sizing: border-box;
    overflow-y: scroll;
}

.flex_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}