@charset "utf-8";

* {
    margin:0;
    padding:0;
    box-sizing:border-box;

    /* 사파리 브라우저 글자크기 적용 */
    -webkit-text-size-adjust: 100%;        

    /* 크롬 브라우저에서 인쇄할때 배경색도 나오게 적용 */
    -webkit-print-color-adjust:exact;
}

*::before, *::after {box-sizing: border-box; -webkit-print-color-adjust:exact;}

body {width: 100%; height: 100%; font-size: 18px; font-weight: 400; font-family: 'pretendard'; color: #1d1d1d;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; } 
a { color: inherit; text-decoration: inherit; } 
li { list-style: none; } 
address, em, i { font-style: normal; } 

button { background: none; border: none; } 

img {display: block; max-width:100%;}

li {list-style:none}

table {width: 100%; border-collapse: collapse; vertical-align: middle; text-align: center; table-layout: fixed;}

caption {position:absolute; left:-10000px; visibility: hidden;}

a {color: inherit; text-decoration: none; transition: all 0.3s ease; color: inherit;}

input,button,select {color: inherit; vertical-align: middle; border: 1px solid #ddd; font-size: inherit;}
input {padding: 0 10px;}
input::placeholder {font-family: 'Pretendard'; color: inherit;}
select {padding: 8px 10px;}

/* 사파리 기본 border-radius 제거 */
input:not([type="radio"]):not([type="checkbox"]) {border-radius: 0;}

select {font-family: 'Pretendard'; background-color: #fff;}
button {font-family: 'Pretendard'; background-color: transparent; border: none; cursor: pointer; transition: all 0.3s ease;}
textarea {width: 100%; resize: none;}

blockquote,fieldset,iframe{border:0}

address {font-style: normal;}

label {cursor: pointer; display: inline-flex; align-items: center;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block; width: 100%;}

/* body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-thumb {width: 5px; background: #80BC00; border-radius: 10px;}
body::-webkit-scrollbar-track {background: #000;} */

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } 

/***************************************************************

    Web Font

***************************************************************/
/* NEXON-Lv2-Gothic */
@font-face {
    font-family: 'NEXON-Lv2-Gothic';
    src: url('../../../user/web/font/NEXON-Lv2-Gothic/NEXON-LV2-GOTHIC-LIGHT.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NEXON-Lv2-Gothic';
    src: url('../../../user/web/font/NEXON-Lv2-Gothic/NEXON-LV2-GOTHIC.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NEXON-Lv2-Gothic';
    src: url('../../../user/web/font/NEXON-Lv2-Gothic/NEXON-LV2-GOTHIC-MEDIUM.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NEXON-Lv2-Gothic';
    src: url('../../../user/web/font/NEXON-Lv2-Gothic/NEXON-Lv2-Gothic-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../../../user/web/font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('../../../user/web/font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../../../user/web/font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('../../../user/web/font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../../../user/web/font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('../../../user/web/font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../../../user/web/font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('../../../user/web/font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../../../user/web/font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('../../../user/web/font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}