@charset "UTF-8";
/* ▒▒▒▒▒▒▒▒▒▒CSS : COLOR ▒▒▒▒▒▒▒▒▒▒*/
/* ▒▒▒▒▒▒▒▒▒▒ CSS : BACKGROUND▒▒▒▒▒▒▒▒▒▒*/
/* TODO: 개발 중 임시 스타일 - 삭제예정 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");
h2 {
  color: #595959;
  font-size: 50px;
  font-weight: 700;
}

section {
  padding-left: 40px;
  padding-right: 40px;
}

/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* ▒                모바일 세로형                ▒ */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
@media (max-width: 768px), (max-width: 1024px) and (max-height: 416px) {
  section {
    padding-left: 20px;
    padding-right: 20px;
  }
  h2 {
    font-size: 40px;
  }
}
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* ▒                모바일 가로형                ▒ */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
@media all and (max-width: 1024px) and (max-height: 416px) {
  section {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* ▒▒▒▒▒▒▒▒▒▒ GLOBAL - Font ▒▒▒▒▒▒▒▒▒▒*/
/* 전용 폰트 (영문, 숫자, 특수문자) */
@font-face {
  font-family: "Poppins";
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040,
    U+005B-0060, U+007B-007E;
}
/* 전용 폰트 (한글) */
@font-face {
  font-family: "Noto Sans KR";
}
* {
  font-family: "Poppins", "DM Sans", "Noto Sans KR", "Roboto",
    "Apple SD Gothic Neo", Sans-serif;
  word-break: keep-all;
}

/* ▒▒▒▒▒▒▒▒▒▒ LAYOUT ▒▒▒▒▒▒▒▒▒▒ */
html {
  scroll-behavior: smooth;
  color: #23262f;
}

/* body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */
button {
  box-sizing: content-box;
  white-space: nowrap;
}
button > span {
  white-space: nowrap;
}

/* ▒▒▒▒▒▒▒▒▒▒ Checkbox Custom Style ▒▒▒▒▒▒▒▒▒▒*/
/* Basic styling */
[type="checkbox"] {
  width: 22px;
  height: 22px;
  color: #353945;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background 300ms;
  cursor: pointer;
}

.square-color[type="checkbox"] {
  width: 22px;
  height: 22px;
  color: #ff627f;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background 300ms;
  cursor: pointer;
}

/* Check  */
[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #ccd3d8;
  background-image: url("../assets/img/common/img_input_unchecked.svg");
}

/* Checked */
[type="checkbox"]:checked {
  background-color: currentcolor;
}

[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("../assets/img/common/img_input_checked.svg");
}

/* Disabled */
[type="checkbox"]:disabled {
  background-color: #b1b5c3;
  opacity: 0.84;
  cursor: not-allowed;
}

/* IE */
[type="checkbox"]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #ccd3d8;
}

[type="checkbox"]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}

/* ▒▒▒▒▒▒▒▒▒▒ UI - Common ▒▒▒▒▒▒▒▒▒▒*/
label {
  cursor: pointer;
}

.cntr {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

html::-webkit-scrollbar {
  width: 0;
  padding-right: 5px;
}

html::-webkit-scrollbar-track {
  display: none;
}

html::-webkit-scrollbar-thumb {
  background: #e6e8ec;
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 8px;
}

div::-webkit-scrollbar {
  width: 0;
  padding-right: 5px;
}

div::-webkit-scrollbar-track {
  display: none;
}

div::-webkit-scrollbar-thumb {
  background: #e6e8ec;
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 8px;
}

.pc {
  display: block;
}

.pc-flex {
  display: flex;
}

.pc-inline-flex {
  display: inline-flex;
}

.mo {
  display: none;
}

.mo-flex {
  display: none;
}

.mo-inline-flex {
  display: none;
}

.c4,
.c0,
.c4 > span,
.list_li > span {
  color: #2c2c2c;
  opacity: 1;
}

.list_title > span {
  font-size: 21px;
  line-height: 1.45em;
  margin-top: 30px;
  margin-bottom: 15px;
  opacity: 1;
  font-weight: 400;
}

/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* ▒                모바일 세로형                ▒ */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
@media (max-width: 768px), (max-width: 1024px) and (max-height: 416px) {
  .pc {
    display: none;
  }
  .pc-flex {
    display: none;
  }
  .pc-inline-flex {
    display: none;
  }
  .mo {
    display: block;
  }
  .mo-flex {
    display: flex;
  }
  .mo-inline-flex {
    display: inline-flex;
  }
}
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* ▒                모바일 가로형                ▒ */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */

/*# sourceMappingURL=common.css.map */