@charset "utf-8";
/*마우스오버 아이콘*/
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800);

/*웹폰트 사용시 연결해주세요*/

/********************  noto+Sans+kr  ********************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap'); 
/********************  noto+Sans+kr  ********************/

/********************  noto+Serif+kr  ********************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
/* font-family: 'Noto Serif KR', serif; 
font-family: 'Noto Sans KR', serif;  */
/********************  noto+Serif+kr  ********************/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css");



*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  min-width: 1400px;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  min-width: 1400px;
  min-height: 100%;
  color: #333;
  background-color: #fff;
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header,
footer,
main,
section,
article,
aside,
nav {
  display: block;
}

section {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ol,
li {
  list-style: none;
}

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

address,
em,
i {
  font-style: normal;
}

strong,
b {
  font-weight: inherit;
}

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

caption,
legend {
  width: 0;
  height: 0;
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}

fieldset {
  border: 0;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

video,
canvas,
svg,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

button:disabled,
input:disabled {
  cursor: default;
}

textarea {
  resize: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

input::placeholder,
textarea::placeholder {
  color: #999;
  opacity: 1;
}


/* =========================================================
   Font
========================================================= */

/* 기본 한글 폰트 */
.ko {
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
}

/* 영문 폰트 */
.en,
[lang="en"] {
  font-family: "Montserrat", "Pretendard Variable", "Pretendard", sans-serif;
}


/* =========================================================
   Layout
========================================================= */

/* 전체 콘텐츠 고정 너비 */
.wrap {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}

/* 섹션 내부 고정 너비 */
.inner {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}


/* =========================================================
   Common
========================================================= */

/* Float 해제 */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* 접근성용 숨김 요소 */
.hidden,
.blind {
  width: 1px;
  height: 1px;
  position: absolute;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 화면에서 완전히 감춤 */
.none {
  display: none !important;
}