@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* Base */

/*html{ overflow-y:scroll}*/
body {font-family:'notokr-medium','Noto Sans',  'Noto Sans KR', 'Malgun Gothic', dotum, verdana, sans-serif;  word-break:break-all;}
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, img, ins, kbd, q, s, samp, small, strike, 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;  font-weight: normal;  font-style: normal; }

h1, h2, h3, h4, h5, h6 {font-weight:normal;	font-size:1em;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; word-break:break-all;}
table th {font-weight:400;}
img, button, fieldset, abbr, acronym {border:0;}

li, dd, dl, ol {list-style:none}
ol, ul, dl {list-style: none;overflow:hidden;}
legend {display:none}

a { font-family:'notokr-medium', "Noto Sans KR",  sans-serif, "Malgun Gothic";  color:#292929; text-decoration:none}
a:link{text-decoration:none;color:#292929}
a:visited, a:active, a:hover{text-decoration:none;color:#292929}
a:focus{outline:none;}
fieldset, legend {border:0;	margin:0;padding:0;}
label{cursor:pointer;vertical-align:middle}
address, caption, em{font-weight:normal;font-style:normal;}
option  {padding-right:6px; } /* Firefox Fix */
textarea  {overflow:auto; padding:5px; resize:none; }
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,.main_menu,section,summary {display:block}
input,textarea,select {border:0; color:#888; vertical-align:middle}

strong,b {font-weight:bold}
caption,legend {width:1px; text-align:left; font-size:0; line-height:0; text-indent:-999em}


img, select, input { vertical-align:middle; padding:0; margin:0 }
.pd10 {padding:10px} 
.pd15 {padding:15px} 
.pd20 {padding:20px} 
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pb10 {padding-bottom:10px}
.ptb10 {padding-top:10px; padding-bottom:10px}
.ptb20 {padding-top:20px; padding-bottom:20px}
.ptb40 {padding-top:40px; padding-bottom:40px}
.ptb50 {padding-top:50px; padding-bottom:50px}
.ptb80 {padding-top:80px; padding-bottom:80px}

.mg10 {margin:10px}
.mg15 {margin:15px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mb30 {margin-bottom:30px}
.mb50 {margin-bottom:50px}
.mb80 {margin-bottom:80px}
.mtb20 {margin-top:20px; margin-bottom:20px}
.mtb30 {margin-top:30px; margin-bottom:30px}
.mtb40 {margin-top:40px; margin-bottom:40px}
.m0 {margin:0 !important}
.ml0 {margin-left: 0;}
.mr0 {margin-right: 0 !important}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.ml100 {margin-left:100px }
.ml300 {margin-left:300px }

.tc {text-align:center}
.tl {text-align:left}
.tr {text-align:right}

.fl {float:left}
.fr {float:right}


/*손가락*/
.cp { cursor:pointer}

/* 높이 */
.gap { height:80px;}
.sgap { height:50px;}
.ssgap { height:30px;}
.sssgap { height:20px;}

/* 색상 */
.wh {color: #fff}
.black { color:#000;}
.blue { color:#1168ca;}
.red { color:#dc0000;}
.font30 {font-size:30px;font-family:'notokr-medium'; }
.font14 { font-size: 14px }
.font16 { font-size: 16px }
.font24 { font-size: 24px }
.font26 { font-size: 26px }

/* 너비 */
.wd230 {width: 230px;}
.wd330 {width: 330px;}
.wd480 {width: 480px;}



/* 선없음 */
.noline {border: none !important}

/* float 사용 후 높이 잃어버릴 때 /* Clearfix */
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

/* 리사이즈 */
.noresize {resize: vertical;}

 /*resize: none;  사용자 임의 변경 불가 
  resize: both;  사용자 변경이 모두 가능 
  resize: horizontal;  좌우만 가능 
  resize: vertical;  상하만 가능 */

  /* Rules for sizing the icon. */
.material-icons.md-16 { font-size: 16px; vertical-align: middle;}
.material-icons.md-18 { font-size: 18px; vertical-align: middle; }
.material-icons.md-20 { font-size: 20px; vertical-align: middle; }
.material-icons.md-24 { font-size: 24px; vertical-align: middle;}
.material-icons.md-32 { font-size: 32px; vertical-align: middle;}
.material-icons.md-36 { font-size: 36px; vertical-align: middle;}
.material-icons.md-66 { font-size: 66px; vertical-align: middle;}

.material-icons-outlined.md-16 { font-size: 16px; vertical-align: middle;}
.material-icons-outlined.md-18 { font-size: 18px; vertical-align: middle; }
.material-icons-outlined.md-20 { font-size: 20px; vertical-align: middle; }
.material-icons-outlined.md-24 { font-size: 24px; vertical-align: middle;}
.material-icons-outlined.md-32 { font-size: 32px; vertical-align: middle;}
.material-icons-outlined.md-36 { font-size: 36px; vertical-align: middle;}
.material-icons-outlined.md-66 { font-size: 66px; vertical-align: middle;}


/* Rules for using icons as black on a light background. */
.material-icons.md-w { color: rgba(255, 255, 255, 1); }
.material-icons.md-w.md-inactive { color: rgba(255, 255, 255, 0.26); }

.material-icons-outlined.md-w { color: rgba(255, 255, 255, 1); }
.material-icons-outlined.md-w.md-inactive { color: rgba(255, 255, 255, 0.26); }

.material-icons.md-g { color: rgba(184, 184, 184, 1); }
.material-icons.md-g.md-inactive { color: rgba(184, 184, 184, 0.26); }

.material-icons-outlined.md-g { color: rgba(184, 184, 184, 1); }
.material-icons-outlined.md-g.md-inactive { color: rgba(184, 184, 184, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(0, 120, 245, 1); }
.material-icons.md-light.md-inactive { color: rgba(0, 120, 245, 0.8); }

.material-icons-outlined.md-light { color: rgba(0, 120, 245, 1); }
.material-icons-outlined.md-light.md-inactive { color: rgba(0, 120, 245, 0.8); }






/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
 
/**
* HTML5에 새로 추가된 요소들을 블럭으로 지정, IE 6/7/8/9, 파폭 3 적용
*/
 
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div {
    display: block;
}
 
 
/**
* audio와 canvas 그리고 video 요소를 inline-block값을 지정하고 지원하지 않는 브라우저는 핵을 이용함 , IE 6/7/8/9, 파폭 3 적용
*/
 
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
 
 
/**
* audio요소에 contorls 속성이 정의 되지 않은 경우 이를 감춤 , 모든 웹브라우저 및 iOS 5 이상 기기 적용
*/
 
audio:not([controls]) {
    display: none;
    height: 0;
}
 
 
/**
* visibility 속성의 hidden값과 display 속성의 none 값을 통일함으로 레이아웃 구현에 차이를 줄임, IE 7/8/9. 파폭 3, 사파리 4, IE 6은 지원않함
*/
 
[hidden] {
    display: none;
}
 
 
/* ==========================================================================
   Base
   ========================================================================== */
 
/**
* 1. IE 6/7 에서 body에  em 단위의 정확한 글자크기를 구현하기 위한 설정으로 100%=16px, 75%=12px 
* 2. iOS에서 가로,세로 모드로 화면을 전환할때 사용자가 직접 줌하지 않는 한 글자크기를 조정하지 않음  
*/


/* font 설정 
@font-face {
 font-family: 'NanumSquare';
 src: url(webfont/NanumSquareR.eot);
 src: url(webfont/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquareR.woff) format('woff'),
      url(webfont/NanumSquareR.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquareB';
 src: url(webfont/NanumSquareB.eot);
 src: url(webfont/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquareB.woff) format('woff'),
      url(webfont/NanumSquareB.ttf) format('truetype');
}

 
html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 border: none; 
 font-family:NanumSquare, 'Malgun Gothic','돋움', 'dotum'; 
 color:#484848;
 font-style: normal; 
 font-size:14px;
 background: transparent;
 -webkit-text-size-adjust:none;
 box-sizing:border-box;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

 




3. import 해서 사용하는 방법

@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css"); font-family:'Nanum Square';

*/
 
html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
 
/* 아이폰 가로모드에서 급 글자가 커질때
*{-webkit-text-size-adjust:none;} : 글자크기 자동조정방지
*{-webkit-text-size-adjust:auto;} : 화면 폭에 맞추어 자동조절
*{-webkit-text-size-adjust:100%;} : 폰트크기를 지정된 사이즈로 변경 */
 
/**
* textarea 와 다른 폼요소들 사이의 폰트글꼴이 다른 것을 일치시킴
*/
 
html, button, input, select, textarea {
    font-family: 'notokr-Medium',sans-serif;
}
 
 
/**
 * IE 6/7에 기본적으로 적용되어 있는 body의 margin 속성값을 초기화
 */
 
body {
    margin: 0;
}
 
 
/* ==========================================================================
   Links
   ========================================================================== */
 
/**
 * 크롬과 다른 브라우저들 사이의 outline 속성값을 일치시킴
 */
 
a:focus {
    outline: thin dotted;
}
 
 
/**
 * 모든 브라우저에서 포커스되거나 마우스 오버되었을때 가독성 향상
 */
 
a:active,
a:hover {
    outline: 0;
}
 
 
/* ==========================================================================
   Typography
   ========================================================================== */
 
/**
 * IE 6/7에서 폰트 크기와 마진값이 다른 것을 일치시킴
 * 파폭 4+, 사파리 5, 크롬에서 section 과 article 요소안에 폰트 크기가 다른 것을 일치시킴
 */
 
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
 
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
 
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
 
h4 {
    font-size: 1em;
    margin: 1.3em 0;
}
 
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
 
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
 
 
/**
 * abbr 요소의 title 속성 디자인 통일, IE 7/8/9,사파리 5, 크롬 적용
 */
 
abbr[title] {
    border-bottom: 1px dotted;
}
 
 
/**
 *강조를 위한 b와 strong 요소에 폰트굵기 굵게 적용하고 인용을 위한 blockquote 요소의 마진값 설정, 파폭 3+, 사파리 4/5, 크롬 적용
 */
 
b,
strong {
    font-weight: bold;
}
 
blockquote {
    margin: 1em 40px;
}
 
 
/**
 * dfn 요소의 기본 폰트 스타일을 이탤릭으로 설정, 사파리 5, 크롬 적용
 */
 
dfn {
    font-style: italic;
}
 
 
/**
 * 파폭과 다른 브라우저들의 차이점 통일
 * IE 6/7 적용되지 않음
 */
 
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
 
 
/**
 * HTML5에 새로 추가된 mark 요소의 속성값 통일, IE 6/7/8/9 적용
 */
 
mark {
    background: #ff0;
    color: #000;
}
 
 
/**
 * IE 6/7과 다른 브라우저들 사이의 p, pre 요소의 마진값을 통일
 */
 
p, pre {
    margin: 1em 0;
}
 
 
/**
 * 폰트 글꼴을 통일, IE 6, 사파리 4/5, 크롬 적용
 */
 
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
 
 
/**
 * 모든 브라우저에서 pre 요소의 가독성을 향상
 */
 
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
 
 
/**
 * IE 6/7에서 따옴표를 표시하는 q 요소를 지원하지 않기에 이를 노출되지 않게함
 */
 
q {
    quotes: none;
}
 
 
/**
 * 사파리 4에서 q 요소의 :before와 :after가 지원되지 않으므로 노출되지 않게함
 */
 
q:before, q:after {
    content: '';
    content: none;
}
 
 
/**
 * 모든 브라우저에서 small 요소의 폰트크기 통일
 */
 
small {
    font-size: 80%;
}
 
 
/**
 * 모든 브라우저에서 sub 와 sup 요소에 영향을 미치는 line-height 를 초기화
 */
 
sub, sup {

    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
 
sup {
    top: -0.5em;
}
 
sub {
    bottom: -0.25em;
}
 
 
/* ==========================================================================
   Lists
   ========================================================================== */
 
/**
 * IE 6/7에서 마진 값이 다른 것을 통일

 
dl, menu, ol, ul {
    margin: 1em 0;
}
 
dd {
    margin: 0 0 0 40px;
}
 
 
/**
 * IE 6/7에서 패딩 값이 다른 것을 통일
 */
 

/**
 * IE 7에서 블릿에 이미지를 사용할 경우 다른 브라우저들과 위치가 다르기에 사용자가 직접 설정하게 도와줌
* 크로스 브라우징엔 background-image 속성을 이용하는 것이 좋음
 */
 
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
 
 
/* ==========================================================================
   Embedded content
   ========================================================================== */
 
/**
 * 1. a 요소안에 이미지가 위치할 경우 생기는 테두리 값 제거, IE 6/7/8/9 , 파폭 3 적용
 * 2. IE 7에서 이미지를 축소/확대시 계단현상이 생기는 것을 방지
 */
 
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
 
 
/**
 * IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정
 */
 
svg:not(:root) {
    overflow: hidden;
}
 
 
/* ==========================================================================
   Figures
   ========================================================================== */
 
/**
 * figure 요소의 마진 값 설정, IE 6/7/8/9, 사파리 5, 오페라 11.
 */
 
figure {
    margin: 0;
}
 
 
/* ==========================================================================
   Forms
   ========================================================================== */
 
/**
 * IE 6/7에 설정되어 있는 마진 값을 초기화
 */
 
form {
    margin: 0;
}
 
 
/**
 * fieldset 요소의 보더, 마진, 패딩값 통일
 */
 
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
 
 
/**
 * 1. IE 6/7/8/9에서 상속된 컬러가 정확하지 않는 것을 방지
 * 2. 파폭 3에서 캡션 내용의 공백 문자가 다르게 처리되는 현상 방지 
 * 3. IE 6/7의 정확한 정렬을 위해 핵사용
 */
 
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
 
 
/**
 * 1. 모든 브라우저에서 정확한 폰트 크기를 상속받게 함
 * 2. 마진값 재 설정, IE 6/7, 파폭 3+, 사파리 5, 크롬 적용
 * 3. 모든 브라우저에서 세로 정렬 위치가 동일하게 보이도록 함
 */
 
button, input, select, textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
 
 
/**
 * 파폭 3+ 에서 button 과 input 요소의 기본 line-height 값이 달라 통일시킴
 */
 
button, input {
    line-height: normal;
}
 
 
/**
 * button과 select 요소의 value 값을 브라우저마다 대소문자를 표시를 다르게 하는 경우를 방지하기 위해 초기화
 * button 요소의 스타일은 크롬, 사파리 5+, IE 6+ 적용
 * select 요소의 스타일은 파폭 4+ 와 오페라 적용
 */
 
button, select {
    text-transform: none;
}
 
 
/**
 * 1. 안드로이드 4.0 이상의 웹킷 브라우저에서 audio와 video 요소에 발생하는 버그 방지
 * 2. iOS에서 input 요소의 type 속성값을 인식하지 못하는 버그 방지
 * 3. input 요소의 type 속성값에 적용될 마우스 커서의 스타일을 포인터로 설정
  * 4. IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵
 *  IE 6에서는 내부 간격이 남아있음
 */
 
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
 
 
/**
 * disabled 된 button과 input 요소들의 마우스 커서모양을 기본값으로 설정
 */
 
button[disabled], html input[disabled] {
    cursor: default;
}
 
 
/**
 * 1. IE 8/9에서 box sizing 속성값을 content-box에서 border-box로 변경
 * 2. IE 8/9에서 패딩 제거
 * 3. IE 7에서 핵을 이용해 패딩 제거
 * IE 6에서는 패딩이 남아있음
 */
 
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
 
 
/**
 * 1. 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정
 * 2. 해당 영역의 크기를 지정하는데 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정
 */
 
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
 
 
/**
 * 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거
 */
 
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
 
 
/**
 * 파폭 3+ 에서 button과 input에 지정되어 있는 패딩과 보더값을 0으로 설정
 */
 
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
 
 
/**
 * 1. IE 6/7/8/9의 textarea 요소에 기본 지정된 세로 스크롤 제거
 * 2. 모든 브라우저에서 가독성 향상과 정렬을 위함
 */
 
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
 
 
/* ==========================================================================
   Tables
   ========================================================================== */
 
/**
 * 테이블 요소 사이의 간격을 제거
 */
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}




@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'notokr-bold';
    src: url('../../fonts/NotoKR-Bold/notokr-bold.eot');
    src: url('../../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
    url('../../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
    url('../../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
    url('../../fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../../fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('../../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
    url('../../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
    url('../../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
    url('../../fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('../../fonts/NotoKR-Regular/notokr-regular.eot');
    src: url('../../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
    url('../../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'),
    url('../../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
    url('../../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('../../fonts/NotoKR-Light/notokr-light.eot');
    src: url('../../fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/NotoKR-Light/notokr-light.woff2') format('woff2'),
    url('../../fonts/NotoKR-Light/notokr-light.woff') format('woff'),
    url('../../fonts/NotoKR-Light/notokr-light.ttf') format('truetype'),
    url('../../fonts/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}