.div-bg-img { background-position: center; background-size: cover; }
.theme-bg-light { background-color: #f0f7ff; }

body {font-family: "Nanum Gothic Coding", serif;}



.mw-25 {max-width: 25%;}
.mw-33 {max-width: 33%;}
.mw-50 {max-width: 50%;}
.mw-100 {max-width: 100%;}
.mw-none {max-width: unset;}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .mw-sm-25 {max-width: 25%;}
    .mw-sm-33 {max-width: 33%;}
    .mw-sm-50 {max-width: 50%;}
    .mw-sm-100 {max-width: 100%;}
    .mw-sm-none {max-width: unset;}

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .mw-md-25 {max-width: 25%;}
    .mw-md-33 {max-width: 33%;}
    .mw-md-50 {max-width: 50%;}
    .mw-md-100 {max-width: 100%;}
    .mw-md-none {max-width: unset;}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .mw-lg-25 {max-width: 25%;}
    .mw-lg-33 {max-width: 33%;}
    .mw-lg-50 {max-width: 50%;}
    .mw-lg-100 {max-width: 100%;}
    .mw-lg-none {max-width: unset;}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .mw-xl-25 {max-width: 25%;}
    .mw-xl-33 {max-width: 33%;}
    .mw-xl-50 {max-width: 50%;}
    .mw-xl-100 {max-width: 100%;}
    .mw-xl-none {max-width: unset;}
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .mw-xxl-25 {max-width: 25%;}
    .mw-xxl-33 {max-width: 33%;}
    .mw-xxl-50 {max-width: 50%;}
    .mw-xxl-100 {max-width: 100%;}
    .mw-xxl-none {max-width: unset;}

}

/* container를 감싸는 responsive case */
@media (max-width: 1949.98px) {
    .responsive-case { width: 100%; }
}
@media (min-width: 1950px) {
    .responsive-case { width: 1800px; }
}



/* 구글 폰트들 */
.noto-sans-kr-regular {
    font-family: "Noto Sans KR", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .noto-sans-kr-bold {
    font-family: "Noto Sans KR", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  .noto-sans-kr-extrabold {
    font-family: "Noto Sans KR", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }
  
  .nanum-gothic-regular {
    font-family: "Nanum Gothic", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .nanum-gothic-bold {
    font-family: "Nanum Gothic", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .nanum-gothic-extrabold {
    font-family: "Nanum Gothic", serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .nanum-gothic-coding-regular {
    font-family: "Nanum Gothic Coding", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .nanum-gothic-coding-bold {
    font-family: "Nanum Gothic Coding", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .cinzel-decorative-regular {
    font-family: "Cinzel Decorative", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .cinzel-decorative-bold {
    font-family: "Cinzel Decorative", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .cinzel-decorative-black {
    font-family: "Cinzel Decorative", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .nanum-pen-script-regular {
    font-family: "Nanum Pen Script", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .pattaya-regular {
    font-family: "Pattaya", serif;
    font-weight: 400;
    font-style: normal;
  }

  .tangerine-regular {
    font-family: "Tangerine", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .tangerine-bold {
    font-family: "Tangerine", serif;
    font-weight: 700;
    font-style: normal;
  }