@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto-Regular');
  src: url('/css/font/Roboto-Regular.eot');
  src: url('/css/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('/css/font/Roboto-Regular.woff2') format('font-woff2'),
       url('/css/font/Roboto-Regular.woff') format('woff');
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto-Medium');
  src: url('/css/font/Roboto-Medium.eot');
  src: url('/css/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
       url('/css/font/Roboto-Medium.woff2') format('font-woff2'),
       url('/css/font/Roboto-Medium.woff') format('woff');
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto-Bold');
  src: url('/css/font/Roboto-Bold.eot');
  src: url('/css/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('/css/font/Roboto-Bold.woff2') format('font-woff2'),
       url('/css/font/Roboto-Bold.woff') format('woff');
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto-Black');
  src: url('/css/font/Roboto-Black.eot');
  src: url('/css/font/Roboto-Black.eot?#iefix') format('embedded-opentype'),
       url('/css/font/Roboto-Black.woff2') format('font-woff2'),
       url('/css/font/Roboto-Black.woff') format('woff');
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Noto Sans KR */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local('NotoSansKR-Thin');
  src: url('/css/font/NotoSansKR-Thin.eot');
  src: url('/css/font/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Thin.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Thin.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local('NotoSansKR-Light');
  src: url('/css/font/NotoSansKR-Light.eot');
  src: url('/css/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Light.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('NotoSansKR-Regular');
  src: url('/css/font/NotoSansKR-Regular.eot');
  src: url('/css/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Regular.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('NotoSansKR-Medium');
  src: url('/css/font/NotoSansKR-Medium.eot');
  src: url('/css/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Medium.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('NotoSansKR-Bold');
  src: url('/css/font/NotoSansKR-Bold.eot');
  src: url('/css/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Bold.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('NotoSansKR-Black');
  src: url('/css/font/NotoSansKR-Black.eot');
  src: url('/css/font/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NotoSansKR-Black.woff2') format('font-woff2'),
       url('/css/font/NotoSansKR-Black.woff') format('woff');
}

/* 2023.11.01 jwcho added for error message */
.text-danger {
  color: red;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers. 모든 브라우저에서 줄 높이를 수정
 * 2. Prevent adjustments of font size after orientation changes in iOS. iOS에서 방향 변경 후 글꼴 크기 조정을 방지
 */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers. 모든 브라우저에서 여백을 제거
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari. 
 * Chrome, Firefox, Safari에서 section 및 article 컨텍스트 내의 h1 요소의 글꼴 크기와 여백을 수정
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers. 모든 브라우저에서 글꼴 크기의 상속 및 크기 조정을 수정
 * 2. Correct the odd `em` font sizing in all browsers. 모든 브라우저에서 홀수 'em' 글꼴 크기를 수정
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10. IE 10의 활성 링크에서 회색 배경을 제거
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57- Chrome 57에서 하단 테두리를 제거
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. Chrome, Edge, IE, Opera 및 Safari에서 올바른 텍스트 장식을 추가
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dashted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers. 모든 브라우저에서 글꼴 크기의 상속 및 크기 조정을 수정
 * 2. Correct the odd `em` font sizing in all browsers. 모든 브라우저에서 홀수 'em' 글꼴 크기를 수정
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers. 모든 브라우저에서 올바른 글꼴 크기를 추가
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 * 모든 브라우저에서 'sub' 및 'up' 요소가 줄 높이에 영향을 미치지 않도록 함
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10. IE 10의 링크 내부 이미지에서 테두리를 제거
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers. 모든 브라우저에서 글꼴 스타일을 변경
 * 2. Remove the margin in Firefox and Safari. Firefox 및 Safari에서 여백을 제거
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE. Edge, Firefox 및 IE에서 텍스트 변환 상속을 제거
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari. iOS 및 Safari에서 클릭 가능한 유형을 스타일화할 수 없는 문제를 수정
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox. Firefox에서 내부 테두리와 패딩을 제거
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule. 이전 규칙에서 설정하지 않은 포커스 스타일을 복원
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dashted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE. IE의 '필드 세트' 요소에서 색상 상속을 수정
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+. IE 10+에서 기본 수직 스크롤 막대를 제거
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS. MacOS의 Chrome 및 Safari에서 내부 패딩을 제거
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, figure, figcaption, header, footer, menu, nav, section, summary, audio, video, button {margin: 0; padding: 0; -webkit-print-color-adjust: exact;}
hr {display: none;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -2px; font-size: 100%; font-weight: 500; font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'dashum', '돋움', 'Montserrat', 'Arial', sans-serif;}
table {width: 100%; border-collapse: collapse; font-size: 100%;}
address, em, optgroup {font-style: normal;}
object {vertical-align: top;}
input, button, select {vertical-align: middle; border-radius: 0;}
article, aside, details, hgroup, main, figure, figcaption, header, footer, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
button {box-shadow: none; border: none; font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'dashum', '돋움', 'Montserrat', 'Arial', sans-serif; border-radius: 0; background: none;}
button, select {cursor: pointer;}

/* linkStyle */
a {color: #000; text-decoration: none; background-color: transparent;}

/* IE10에서 활성화(active)된 링크의 회색 배경을 제거 */
a:hover {color: #000;}
a:active, a:focus, a:hover {text-decoration: none; /*text-decoration: underline;*/}
a[href^="tel"] {color: inherit; text-decoration: none;}

::-webkit-input-placeholder {color: rgba(0,0,0,0.4) !important;}
:-ms-input-placeholder {color: rgba(0,0,0,0.4) !important;}
::placeholder {color: rgba(0,0,0,0.4) !important;}
::selection {background: #2b96e3; color: #fff;}

/* skip */
.skip, legend, caption {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

/* font */
html, body {font-size: 20px;}
body {overflow-x: hidden; width: 100%; min-width: 320px; height: 100%; font-weight: 400; letter-spacing: -1px; -webkit-text-size-adjust: 100%; font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'dashum', '돋움', 'Montserrat', 'Arial', sans-serif; word-break: keep-all;}

/* 공통 스타일 */
.dash > li {font-size: 0.938rem; color: #777;}
.dash > li:before {content: ''; display: inline-block; width: 5px; height: 1px; margin: -3px 5px 0 0; background: #777; vertical-align: middle;}

.dot > li {position: relative; box-sizing: border-box; padding: 0 0 0 16px;}
.dot > li:before {content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #fff;}

em{font-weight: 500;}
strong{font-weight: 700;}

.sky{color: #00A2E1;}
.blue{color: #005FB3;}
.orange{color: #FF5819;}
.black{color: #000;}
.yellow{color: #FFD62F;}

.block {display: block;}
.none {display: none;}

.m {display: none !important;}

.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}

.vaT {vertical-align: top;}
.vaB {vertical-align: bottom;}
.vaM {vertical-align: middle;}

.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}

.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.ml0 {margin-left: 0 !important;}
.mr0 {margin-right: 0 !important;}

@media all and (max-width:1024px) {
  /* .m {display: block !important;} */
}

@media all and (max-width:768px) {
  html, body {font-size: 18px;}

  .dash > li {padding: 0 0 3px 12px;}
  .dash > li:before {top: 12px;}
}

@media all and (max-width:500px) {
  html, body {font-size: 16px;}

  .dash > li:before {top: 10px;}
}

@media all and (max-width:380px) {
  html, body {font-size: 15px;}

  .dot > li{padding: 0 0 0 12px;}

  .dot > li:before,
  .dash > li:before {top: 10px;}
}