@charset "UTF-8";

/* 폰트 셋팅 */
/*프리텐다드*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");

/*Inter*/
@import url("https://rsms.me/inter/inter.css");

/*NotoSans JP*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");

/*NotoSans SC*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap");

@font-face {
   font-family: "Inter";
   font-style: normal;
   unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

body {
   /*overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;*/
   letter-spacing: normal;
   line-height: 1;
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   word-break: break-all;
   word-wrap: break-word;

   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
body * {
   font-family: "Pretendard Variable", sans-serif;
   font-weight: normal;
}
body,
html {
   min-width: 320px;
}
@supports (font-variation-settings: normal) {
   body {
      font-family: "Pretendard Variable", sans-serif !important;
   }
}

/* reset ::: 스타일초기화 */
* {
   margin: 0;
   padding: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body a {
   display: block;
   text-decoration: none;
}

/* table 기본설정 */
body table {
   border: none;
   border-collapse: collapse;
   border-spacing: 0;
}

body td,
body th,
body fieldset,
body img,
body abbr,
body acronym,
body iframe {
   border: 0 none;
}
body img {
   object-fit: contain;
}

body address,
body caption,
body cite,
body code,
body dfn,
body em,
body th,
body var {
   font-weight: normal;
   font-style: normal;
}

body dl,
body dt,
body dd,
body ul,
body ol,
body ul {
   list-style: none;
}

/* body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin: 0;
    padding: 0;
} */

body caption,
body legend {
   overflow: hidden;
   font-size: 0;
   line-height: 0;
   height: 0;
   width: 0;
   text-indent: -999em;
}

body hr {
   display: none;
}

body img,
body input,
body button,
body select,
body textarea {
   vertical-align: middle;
   font-family: "Pretendard Variable", sans-serif !important;

   font-weight: normal;
}

body input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

/* 폼태그 기본 설정 */

:focus:not(a) {
   outline: none !important;
}

body form {
   margin: 0;
   padding: 0;
}

body fieldset {
   margin: 0;
   padding: 0;
   border: 0 none;
}

body label {
   cursor: pointer;
   margin: 0;
   padding: 0;
   vertical-align: middle;
}

body caption {
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

body button {
   cursor: pointer;
   border: 0 none;
}

body button,
body input,
body textarea {
   outline: none;
}

body button:focus,
body input:focus,
body textarea:focus {
   outline: none !important;
}

body input[type="checkbox"],
body input[type="radio"] {
   margin: 0;
   padding: 0;
}

body input[type="text"],
body input[type="password"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-border-radius: 0;
   border-radius: 0;
   border: none;
}

body select,
body textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-border-radius: 0;
   border-radius: 0;
   border: none;
}

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

body select {
   vertical-align: middle;
   padding-left: 10px;
   border: none;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   -moz-appearance: none;
   appearance: none;
}

/* placeholder 스타일 지정 */
body input::placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
   opacity: 1;
}

body input::-webkit-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}

body input:-ms-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}

body input:-mos-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}

body textarea::placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
   opacity: 1;
   /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}

body textarea::-webkit-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}

body textarea:-ms-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}

body textarea:-mos-input-placeholder {
   color: #999;
   font-size: 16px;
   font-weight: 300;
}