@charset "UTF-8";
/* Reset */
*, ul, li, ol {
  font-family:'Pretendard';
  /* font-weight:400;  */
  /* font-size: 16px; */
  margin:0;
  padding:0;
  list-style: none;
}
html {font-size: 62.5%;}
body {
/* min-width: 1280px; */
/* max-width: 1920px; */
-webkit-text-size-adjust: none;
/* -ms-user-select: auto; */
-moz-user-select: -moz-none;
/* -webkit-user-select: none; */
/* user-select: none; */
background-color: white;
/* overflow-x: auto; */

}

body input, body textarea, body div[contenteditable="true"], body code {
-webkit-text-size-adjust: text;
-ms-user-select: text;
-moz-user-select: -moz-text;
-webkit-user-select: text;
user-select: text;
}

body, div, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, header, footer, main, article, section, aside {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, input, textarea, select, button, table {
/* font-size: 1.6rem; */
/* line-height: 1.4; */
/* letter-spacing: -0.025rem; */
/* color: #111; */
word-break: keep-all;
/* 가능한 한 단어는 자르지 않음. 특히 한글을 줄바꿈 안 되게 할 때 사용. */

}
table{
  border-collapse:collapse;
}
a {
  color:black;
text-decoration: none;
cursor: pointer;

/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); */
}
button {
border: 0;
border-radius: 0;
background-color: transparent;
cursor: pointer;
/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); */
}



html, body{
  height: 100%;
  /* overflow-x: hidden; */

}



/* 영문 font조절 */

.engW4{
  width: 380px !important;
}
.eng10{
  font-size: 10px !important;
}

.eng12{
  font-size: 12px !important;
}
.eng14{
  font-size: 14px !important;
}
.eng14L{
  font-size: 14px !important;
  line-height: 24px !important;
}

.eng16{
  font-size: 16px !important;
  line-height: 24px !important;
}

.eng18{
  font-size: 18px !important;
  text-align: center;
}
.eng18L{
  font-size: 18px !important;
  line-height: 20px;
}
.eng20{
  font-size: 20px !important;
}

.eng26{
  font-size: 26px !important;
  text-align: center;
}
.eng2626{
  font-size: 26px !important;
}

.eng28{
  font-size: 28px !important;
}
.eng30{
  font-size: 30px !important;
}
.eng34{
  font-size: 34px !important;
}
.eng34L{
  font-size: 34px !important;
  line-height: 45px !important;
}
.eng36{
  font-size: 36px !important;
}
.eng40L{
  font-size: 40px !important;
  line-height: 60px !important;
}

.eng45L{
  font-size: 45px !important;
  line-height: 60px !important;
}




/* 반응형 */
#pageTitleWrap{
  margin-top: 90px;
}
.swpierWrapp{
  margin-top: 80px;
}
#pagewrap {
  /* width:1280px; */
  width: 100%;
  /* max-width: 1280px; */
  transform-origin: top left;
}

@media (max-width: 1280px) {
  #pagewrap {
      width: 1280px;
      transform: scale(calc(100vw / 1280));
      transform-origin: top left;
  }
  .swpierWrapp{
    margin-top: 90px;
  }
  #pageTitleWrap{
    margin-top: 90px;
  }
}



#header {
  width: 100%;
  height: auto;
}

/* 태블릿용 */
@media (max-width: 1024px) {
  .swpierWrapp{
    margin-top: 130px;
  }
}
@media (max-width: 820px) {
  .swpierWrapp{
    margin-top: 150px;
  }
  #pageTitleWrap{
    margin-top: 130px;
  }
}

/* 아주 작은 모바일 (예: iPhone SE) */
@media (max-width: 480px) {
  .swpierWrapp{
    margin-top: 270px;
  }
  #pageTitleWrap{
    margin-top: 280px;
  }
}
@media (max-width: 375px) {
  .swpierWrapp{
    margin-top: 300px;
  }
  #pageTitleWrap{
    margin-top: 320px;
  }
}



.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}