/**************** 반응형 사이즈 저장 ****************/
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}
@media (max-width: 360.98px) {
}
/* @media (max-width: 280.98px) {
} */

/**************** 색상, 기본 px 등 저장 ****************/
:root {
  --color_1: #191919;
  --color_2: #2e66ff;

  --main_bgColor: #f8fbff;

  --h_header: 70px;
  --w_padding: 20px;
  

  --font_color-1: #191919;
  --font_color-2: #767676;
  --font_color-3: #999999;
  --font_color-4: #fdfdfd;
  --alarm_color: #ee5f4a;
  --brand_color-1: #6188fa;
  --brand_color-2: #61fab7;
  --line_color-1: #191919;
  --line_color-2: #dbdbdb;
  --line_color-1: #ededed;
}

* {
  padding: 0;
  margin: 0;
}

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
  color: initial;
}
a:hover {
  color: initial;
}

hr.line {
  width: calc(100% + 40px);
  height: 1.5px;
  margin: 0;
  margin-left: -20px;
  background-color: #edf0f4;
  opacity: 1;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.n-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fixed-cont {
  position: fixed;
  z-index: 100;
}

/**************** 공통 사용될 클래스 저장 ****************/
.v-h {
  visibility: hidden;
}
@media (max-width: 1199.98px) {
  .div-xl-none {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .div-lg-none {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .div-md-none {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  * {
    word-break: keep-all;
  }
  .div-sm-none {
    display: none !important;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 360.98px) {
  .div-ssm-none {
    display: none !important;
  }
}
@media (min-width: 360px) {
  .d-ssm-none {
    display: none !important;
  }
}

/* Prelaoder */
#preloader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}
#preloader:before {
  content: "";
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-size: cover;

  width: 150px;
  height: 70px;

  display: inline-block;
  position: absolute;

  left: calc(50% - 75px);
  top: calc(50% - 35px);
}

/**************** font ****************/
/* NanumFontSetup */
@font-face {
  font-family: "NanumSquare_acB";
  src: url("../font/NanumFontSetup/NanumSquare_acB.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare_acEB";
  src: url("../font/NanumFontSetup/NanumSquare_acEB.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare_acL";
  src: url("../font/NanumFontSetup/NanumSquare_acL.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare_acR";
  src: url("../font/NanumFontSetup/NanumSquare_acR.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareB";
  src: url("../font/NanumFontSetup/NanumSquareB.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareEB";
  src: url("../font/NanumFontSetup/NanumSquareEB.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareL";
  src: url("../font/NanumFontSetup/NanumSquareL.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumSquareR";
  src: url("../font/NanumFontSetup/NanumSquareR.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Bold";
  src: url("../font/SULT/SUIT-Bold.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-ExtraBold";
  src: url("../font/SULT/SUIT-ExtraBold.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-ExtraLight";
  src: url("../font/SULT/SUIT-ExtraLight.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Heavy";
  src: url("../font/SULT/SUIT-Heavy.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Light";
  src: url("../font/SULT/SUIT-Light.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Medium";
  src: url("../font/SULT/SUIT-Medium.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Regular";
  src: url("../font/SULT/SUIT-Regular.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-SemiBold";
  src: url("../font/SULT/SUIT-SemiBold.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT-Thin";
  src: url("../font/SULT/SUIT-Thin.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}