@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

.ppg {
    font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#product {
    margin-top: 250px;
}

.inner {
  max-width: 1720px;
  width: 90%;
  margin: 0 auto;
}

.inner02 {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}

.clearfix::after {
 content: '';
 display: block;
 clear: both;
}


/* 여백초기화 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
    overflow-x: hidden;
}



/* img 최대크기 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}


/* 테이블 선 중첩 */
table {
  border-collapse: collapse;
  width: 100%;
}


/* 하이퍼링크 초기화 */
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

/* 목록스타일 초기화 */
ol,
ul {
  list-style: none;
}

/* 글자 기울임 초기화 */
address,
em,
i {
  font-style: normal;
}


/* body 초기화 */
body {
  margin: 0;
  padding: 0;
  line-height: 1;
}




/* 수직정렬 */
img,
input,
select,
textarea {
  vertical-align: middle;
}


/* 버튼 */
button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

/* input 텍스트 상속 */
select,
input,
textarea,
button {
  font: inherit;
}


input[type=number] {
  -moz-appearance: textfield;
}

input:disabled {
  background-color: rgba(255, 255, 255, 0);
  cursor: not-allowed;
}

select {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input,
textarea {
  border: 0;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Chrome, Safari, Firefox */
  color: #444;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  color: #444;
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  /* Chrome, Safari, Firefox */
  color: #444;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE, Edge */
  color: #444;
  opacity: 1;
}

input[readonly]::-moz-placeholder,
input:disabled::-moz-placeholder,
textarea[readonly]::-moz-placeholder,
textarea:disabled::-moz-placeholder {
  /* Chrome, Safari, Firefox */
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

input[readonly]:-ms-input-placeholder,
input:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  /* Chrome, Safari, Firefox */
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

input[readonly]::placeholder,
input:disabled::placeholder,
textarea[readonly]::placeholder,
textarea:disabled::placeholder {
  /* Chrome, Safari, Firefox */
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

input[readonly]:-ms-input-placeholder,
input:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  /* IE, Edge */
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

input::-ms-clear,
input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  /* IE, Edge */
  display: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  
}

input,
select,
button,
fieldset {
  font: inherit;
  color: inherit;
  border: 0;
  border-color: transparent;
  background-color: transparent;
}