/* noto-sans-kr-100 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../font/noto-sans-kr-v27-korean_latin-100.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../font/noto-sans-kr-v27-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../font/noto-sans-kr-v27-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* reset */
body{font-family:'Noto Sans KR', sans-serif; letter-spacing: -0.05px;}

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, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.3em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table caption{
  display:none;
}

table tr th, 
table tr td{
  vertical-align: middle;
}

a{
  text-decoration: none;
  color:inherit;
}

button{background: inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
textarea{resize:none; font-family:'Noto Sans KR', sans-serif; box-sizing: border-box;}

input:disabled,
textarea:disabled{opacity:0.8;}

/*글자정렬*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

.w100{width:100%}
 
/* margin */
.nomg{margin:0!important;}
.nomb{margin-bottom:0!important;}
.nomt{margin-top:0!important;}
.m0{margin:0;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml100{margin-left:100px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr100{margin-right:100px;}

/* padding */
.p0{padding:0;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb100{padding-bottom:100px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl100{padding-left:100px;}

.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr100{padding-right:100px;}