/* pretendard font */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Thin.woff2') format('woff2'),
         url('./font/Pretendard-Thin.woff') format('woff'),
         url('./font/Pretendard-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-ExtraLight.woff2') format('woff2'),
         url('./font/Pretendard-ExtraLight.woff') format('woff'),
         url('./font/Pretendard-ExtraLight.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Light.woff2') format('woff2'),
         url('./font/Pretendard-Light.woff') format('woff'),
         url('./font/Pretendard-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Regular.woff2') format('woff2'),
         url('./font/Pretendard-Regular.woff') format('woff'),
         url('./font/Pretendard-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Medium.woff2') format('woff2'),
         url('./font/Pretendard-Medium.woff') format('woff'),
         url('./font/Pretendard-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-SemiBold.woff2') format('woff2'),
         url('./font/Pretendard-SemiBold.woff') format('woff'),
         url('./font/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Bold.woff2') format('woff2'),
         url('./font/Pretendard-Bold.woff') format('woff'),
         url('./font/Pretendard-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-ExtraBold.woff2') format('woff2'),
         url('./font/Pretendard-ExtraBold.woff') format('woff'),
         url('./font/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('./font/Pretendard-Black.woff2') format('woff2'),
         url('./font/Pretendard-Black.woff') format('woff'),
         url('./font/Pretendard-Black.otf') format('opentype');
}


/* Tenor Sans font */
@font-face {
	font-family: "Tenor Sans";
	font-weight: 500;
	src: url("./font/Tenor_Sans.eot");
    src: url("./font/Tenor_Sans.eot?#iefix")format("embedded-opentype"),
        url("./font/Tenor_Sans.woff")format("woff"),
        url("./font/Tenor_Sans.woff2")format("woff2"),
        url("./font/Tenor_Sans.ttf")format("truetype");
}


*  {
    margin : 0 ; 
    padding : 0; 
    box-sizing : border-box;
    color: inherit;
    font-family: 'Pretendard', 'Dotum', sans-serif;
    }

html {
    width: 100%;
    height: 100%;
	scroll-behavior: smooth;
	font-size: 62.5%;
	
	overflow-y:scroll;     
    -ms-overflow-style: none; /* IE and Edge */
    overflow-x: hidden; /* Firefox */
}

/* 스크롤바 커스텀 */
html::-webkit-scrollbar {
    display: block; /* Chrome, Safari, Opera*/
}
html::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
html::-webkit-scrollbar-track {
    background-color: #eee;
}
html::-webkit-scrollbar-thumb {
    /*border-radius: 3px;*/
    background-color:#231f20;
}
html::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}


body {
    position: relative;
    font-family: 'Pretendard', 'Dotum', sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    color: #222;
    letter-spacing: 0px;
    line-height: 1;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1;
    min-width:320px;
}


body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {
	margin: 0;
	padding: 0
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd,
keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, td, tfoot, thead, th, tr, td, video, tt, u, ul, var, input {margin:0; padding:0; border:0; vertical-align:baseline; box-sizing:border-box; word-break: keep-all;}

h1, h2, h3, h4, h5, h6, table, tr, th, td, input, button, select, textarea {font-size:1em; box-sizing:border-box;}
body, input, button, select, textarea, sub {font-family:"Pretendard", dotum, Helvetica, sans-serif; -webkit-text-size-adjust:none;}
cite, address, optgroup {font-style:normal;}
kbd, samp, code {font-family:monospace;}

a{
	color: inherit;
    text-decoration: none;
    outline: none;
}
a:link, a:visited, a:focus, a:active {text-decoration:none;}

button, label {cursor:pointer;}
code {display:block;}
input[type="submit"] {-webkit-appearance:none;}

legend, hr {position:absolute; top:0; left:0; overflow:hidden;}
legend, hr, caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

img, input, button, select, textarea {vertical-align:middle;}
ul, ol, li {list-style:none;}
abbr, acronym {border-bottom:1px dotted black; cursor:help;}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
/* p {word-break:break-all;} */
/* td, th {word-break:break-all;} */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:""; content:none;}

img,
fieldset {
	border: none;
	vertical-align: top
}

textarea,
button {
	vertical-align: middle
}

input,
select {
	vertical-align: middle;
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	color: #222;
	letter-spacing: 0px;
	border-radius: 0;
	font-size: 17px
}

input {
	padding: 3px 10px;
	height: 32px
}

option {
	padding: 3px 10px;
}

input[type="file"],
input[type="radio"],
input[type="checkbox"] {
	border: 0;
	padding: 0;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="password"] {
	height: 40px;
	border: 1px solid #ccc;
	color: #222;
	background: #fff;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"] {
	width: 278px;
	background: #fff;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select {
	background: #fff;
	padding-left: 12px;
    background-size: 10px 6px;
    background-position: top 21px right 15px;
    border-radius: 5px;

	/* 화살표 모양의 이미지 */
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	color: #222;
	font-size: 16px;
	letter-spacing: 0px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0
}

a {
	text-decoration: none;
	color: #222;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	width: 100%;
}

button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
	font-size: 16px;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}


button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
img {
	display: block;
}