@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/**********************************************************
                         common
***********************************************************/
html{
  font-size: 62.5%;
}
html,
body {
   position: relative;
   width: 100%;
}
body {
   min-width: 320px;
   margin: 0 auto;
   font-family: "Pretendard";
   font-weight: normal;
   letter-spacing: 0.5px;
   color: #000;
   background-color: #fff;
   line-height: 1.2;
   font-size:1.6rem;
}
select,
input {
   font-family: "Noto Sans";
   box-sizing: border-box;
}
.header,
.nav,
.section,
.footer {
   width: 100%;
}

/**********************************************************
                       common_class
***********************************************************/
.name {
   position: relative;
   width: 100%;
   max-width: 1240px;
   margin: 0 auto;
   text-align: left;
}
.name_full {
   position: relative;
   width: 100%;
   text-align: left;
}
.name_pd {
   position: relative;
   width: 100%;
   padding: 0 100px;
   text-align: left;
}

.text_left {
   text-align: left;
}
.text_center {
   text-align: center;
}
.text_right {
   text-align: right;
}

.bg_white {
   background: #fff;
}
.bg_black {
   background: #000;
}
.col_white {
   color: #fff;
}
.col_black {
   color: #000;
}

.fw_light {
   font-weight: lighter;
}
.fw_normal {
   font-weight: normal;
}
.fw_bold {
   font-weight: bold;
}

.dp_pc {
   display: block;
}
.dp_mo {
   display: none;
}

.input_50 { width: 50%;  }

/**********************************************************
                        responsive
***********************************************************/
@media screen and (max-width: 1023px) {
   .dp_pc {
      display: none;
   }
   .dp_mo {
      display: block;
   }
}
@media screen and (max-width: 799px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 499px) {
}
@media screen and (max-width: 399px) {
}