@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; line-height: 1.4; font-weight: 400; font-family: 'pretendard'; color: #222;}

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%;}

.sr-only {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px;overflow: hidden; } 

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

	Web Font

***************************************************************/
/* NEXON-Lv2-Gothic */
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-6SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}




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