@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../../font/NotoSans-Thin.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url(../../font/NotoSans-Light.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../font/NotoSans-DemiLight.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(../../font/NotoSans-Regular.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(../../font/NotoSans-Medium.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(../../font/NotoSans-Bold.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(../../font/NotoSans-Black.woff2) format('woff2')
}

/* reset */
* {font-family:'Noto Sans KR', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
html, body {width: 100%; font-size:14px;}
body{font-family:'Noto Sans KR', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;font-weight:400;letter-spacing:-0.064px;line-height:1.5;color: var(--gray-900);}
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, 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, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word;white-space:normal;font-size: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0;}
img{max-width:100%;border:0;vertical-align:top;}
i, em, address{font-style:normal;}
strong, b{font-weight:700;}
sup{font-size:10px;line-height:1;}
form, fieldset{display:block;border:0;}
iframe{border:0;}
caption, legend{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
input, textarea{opacity:1;-webkit-text-fill-color:inherit;}
input, textarea, select{margin:0;padding:0;font-family: "Noto Sans KR";font-size:16px;font-weight:400;color:#111;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal;-webkit-appearance:none;appearance:none;outline:none;}
textarea, select{outline:none;}
select::-ms-expand{display:none;}
select:disabled{pointer-events:none;}

button{overflow:visible;display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:16px;font-weight:400;color:#111;line-height:inherit;vertical-align:top;text-decoration:none;cursor:pointer;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
button span,
button:after{position:relative;}
button[disabled], a.disabled{cursor:default;pointer-events:none;}

/* link */
a{color:inherit;text-decoration:none;word-break:break-all;cursor:pointer;}
a:link,
a:visited,
a:active,
a:focus-visible,
a:focus{text-decoration:none; outline: none;}
a:hover{text-decoration:none;}

.underline{text-decoration:underline;}
.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}

/* float */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.clear{clear:both;}

/* text align */
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.mo_br{display:none;}


input::-webkit-input-placeholder { color: var(--gray60); } /* 크롬, 사파리 */
input:-moz-placeholder { color: var(--gray60); } /* 파이어폭스 */
input::-moz-placeholder { color: var(--gray60); } /* 파이어폭스 */
input:-ms-input-placeholder { color: var(--gray60) ; } /* IE */

input:not([type=checkbox], [type=radio]) {  
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-800);
  padding: 0 32px 0 8px;
  border: 1px solid var(--gray-100);
  border-radius: 5px;
}
select {
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-800);
  padding: 0 28px 0 12px;
  border: 1px solid var(--gray-100);
  border-radius: 5px;
  background-color: white;
  background-image: url(../../images/common/ic_select_arrow.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center right 8px;
}

select:focus-visible,
select:focus-within {
  outline: 1px solid var(--gray-800);
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
	border:3px solid transparent;
	background-clip: padding-box;
	border-radius: 4px;
	background-color: var(--gray-100);
}
::-webkit-scrollbar-track { 
	background-color: transparent;
}
::-webkit-scrollbar-button {
	display: none;
}

:focus-visible {outline: 0;}