* {
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url("/static/admin/myname-new/font/Paperlogy-7Bold.266445877784.woff2") format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url("/static/admin/myname-new/font/Paperlogy-8ExtraBold.d02bc25665e5.woff2") format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url("/static/admin/myname-new/font/Paperlogy-9Black.48de1ffd09ab.woff2") format('woff2');
    font-weight: 900;
    font-style: normal;
}
/* 모든 Device를 위한 공통 로드 */
@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url("/static/font/LeferiPoint-BlackA.61c97711f452.woff") format('woff');
    font-weight: 700;
    font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: "pretendard", sans-serif;
  font-size: 16px;
  color: #212121;
  background-color: #fff;
  line-height: 1.5
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure,
figcaption,
span {
  margin: 0;
  padding: 0;
  letter-spacing: -0.5px;
}
body,
html,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
p hr,
button,
input,
form,
fieldset,
table,
caption,
th,
td,
header,
nav,
section,
article,
aside,
footer,
textarea {
  margin: 0;
  padding: 0;
}

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

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

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

legend,
caption {
  text-indent: -100%;
  *text-indent: 0;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  color: transparent;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

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

table,
th,
td {
  border: none;
  text-align: left;
}

th,
label {
  font-weight: normal;
}

address {
  font-style: normal;
}

button,
input {
  border: none;
  background: none;
}

button:focus,
input:focus {
  outline: none;
}

button,
a,
input,
label {
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  font-family: "pretendard", sans-serif;
}

/* 기본 모양 지우기도 **그림을 그려 줄 짝이 있을 때만** 한다.
   짝이 없는데 모양까지 지우면 빈 네모만 남아, 보이기는 하는데 눌렀는지
   알 수 없는 상태가 된다(아래 체크박스 묶음과 같은 사정).
   라디오는 `input + label` 로 그리는 화면이 여럿이라 그 조건을 그대로 둔다. */
input[type="checkbox"].chk-ipt,
input[type="radio"]:has(+ label) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
button:disabled {
  cursor: no-drop;
}

input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
  cursor: no-drop;
}

a {
  text-decoration: none;
  color: #333;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"],
input[type="password"] {
  cursor: text;
}

input::placeholder {
  font-family: "pretendard", sans-serif;
}

textarea {
  resize: none;
  font-family: "pretendard", sans-serif;
}

textarea:placeholder {
  color: #6b6b6b;
  font-family: "pretendard", sans-serif;
}
textarea:focus {
  outline: none;
}

/* select*/
select {
  border-radius: 0; /* 아이폰 사파리 보더 없애기 */
  -webkit-appearance: none; /* 화살표 없애기 for chrome*/
  -moz-appearance: none; /* 화살표 없애기 for firefox*/
  appearance: none; /* 화살표 없애기 공통*/
}
select::-ms-expand {
  display: none; /* 화살표 없애기 for IE10, 11*/
}

/* 공통 컨텐츠 font */

@media only screen and (max-width: 1460px) {
}

@media only screen and (min-width: 1461px) {
}

/* 가입 화면의 동의 칸 — 체크박스를 감추고 **바로 뒤 `<label>` 에 그림을 그린다.**
 *
 *     <input type="checkbox" class="chk-ipt"><label class="chk"></label>
 *
 * 원본은 이 묶음을 `input[type=checkbox]` 와 `input[type=checkbox] + label` 로,
 * 즉 **모든 체크박스에** 걸어 두었다. 그림을 그려 줄 짝이 없는 곳에서는
 * 체크박스도 라벨도 통째로 사라진다. 실제로 사라져 있던 곳 —
 *
 *     가격정책   월간·연간 전환 스위치 (바꿀 방법이 아예 없었다)
 *     로그인     '아이디저장'
 *     견적 요청   개인정보 동의 문구
 *     공개 명함   폼박스 동의 (서버가 필수로 막는다)
 *     그 밖에    만들기 화면 '로고 배경 지우기', 자료 고르기,
 *                사이트 팝업 '다시 보지 않기', 일정 알림 'N일전'
 *
 * 화면마다 `display:block` 을 덧발라 되살린 흔적이 남아 있다(푸터 모달).
 * 그렇게 하나씩 막는 대신 **이 묶음을 쓰는 곳에만** 건다(`.chk-ipt`).
 * 가입 화면은 네 칸 모두 그 클래스를 달고 있어 그대로다.
 * 다른 곳은 브라우저 기본 체크박스가 그대로 보인다.
 */

input[type="checkbox"].chk-ipt {
  display: none;
}
input[type="checkbox"].chk-ipt:checked + label::before {
  background: url("../imgs/join/checkbox_on.bf8eab75b75d.svg") center / 100% no-repeat;
}

input[type="checkbox"].chk-ipt + label {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  display: flex;
  align-items: center;
  display: none;
}

input[type="checkbox"].chk-ipt + label::before {
  content: "";
  display: inline-block;
  margin-right: 16px;
  width: 22px;
  height: 22px;
  background: url("../imgs/join/checkbox_off.c258155ba418.svg") center / 100% no-repeat;
}

mark {
  background: none;
}

.eng input[type="checkbox"].chk-ipt + label {
  font-size: 15px;
}

@media (max-width: 768px) {
  input[type="checkbox"] + label {
    font-size: 16px;
  }
}

/* 기본 폰트 */
@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 900;
  src: url("/static/font/pretendard/Pretendard-Black.cefa0543e98a.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 800;
  src: url("/static/font/pretendard/Pretendard-ExtraBold.89373147524a.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("/static/font/pretendard/Pretendard-Bold.d93573b4d0c2.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("/static/font/pretendard/Pretendard-SemiBold.461720124bec.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("/static/font/pretendard/Pretendard-Medium.7bab4a8a2580.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("/static/font/pretendard/Pretendard-Regular.db095fbdc6e9.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("/static/font/pretendard/Pretendard-Light.bfff3a54757b.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 200;
  src: url("/static/font/pretendard/Pretendard-ExtraLight.1104ea032b64.woff") format("woff");
}

@font-face {
  font-family: "pretendard";
  font-style: normal;
  font-weight: 100;
  src: url("/static/font/pretendard/Pretendard-Thin.483e171704cb.woff") format("woff");
}