/* Button */

.btn-creamy {
    color: #1d1d1d;
    background-color: #fcfaee;
    border-color: #fcfaee;
}

/* text */

.fs-title {
    font-size: 28px;
    font-weight: bold;
}

.fs-subtitle {
    font-size: 20px;
    font-weight: bold;
}

.fs-24 {
    font-size: 24px;
}

.fs-22 {
    font-size: 22px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

.fs-17 {
    font-size: 17px;
}

.fs-16 {
    font-size: 16px;
}

.fs-15 {
    font-size: 15px;
}

.fs-14 {
    font-size: 14px;
}

.fs-13 {
    font-size: 13px;
    line-height:110%;
}

.fs-12 {
    font-size: 12px;
    line-height:100%;
}

.fs-10 {
    font-size: 10px;
}

.fs-em1 {
    font-size:1.0vw;
}

.wb {
word-break: keep-all ;
}
.ls-1 {letter-spacing:-1px;}
.ls-2 {letter-spacing:-2px;}
.mt-up1 {margin-top:-8px;}
.mt-up2 {margin-top:-16px;}
.flr {float:right;text-align: right;}
.cbase {color: #001f4f;}
.mxauto {display: flex;justify-content: center;align-items: centerl }
.footnote {font-size: 12px;font-weight:bold;line-height:120%;}


/* 메인슬라이드 크기 미디어 태그 */
@media (max-width: 990px) {
  .lat-max {
    display: none; }  

  .lat-pc {
    display: none; }

  .lat-tbl {
    display: none; }    

  .lat-mobile {
    display: block; } 
}


@media (min-width: 991px) and (max-width: 1200px) {
  .lat-max {
    display: none; }

  .lat-pc {
    display: none; }

  .lat-tbl {
    display: block; } 

  .lat-mobile {
    display: none; } 
}

@media (min-width: 1201px) and (max-width: 1500px) {
  .lat-max {
    display: none; }

  .lat-pc {
    display: block; }

  .lat-tbl {
    display: none; }    

  .lat-mobile {
    display: none; }
}


@media (min-width: 1501px) {
  .lat-max {
    display: block; }

  .lat-pc {
    display: none; }

  .lat-tbl {
    display: none; }    

  .lat-mobile {
    display: none; }
}


/* 텍스트 크기 미디어 태그 */
@media (max-width: 480px) {
  .text-pc {
    display: none; }

  .text-tbl {
    display: none; }    

  .text-mobi {
    display: none; }  

  .text-mobile {
    display: block; } 
}

@media (min-width: 481px) and (max-width: 991px) {
  .text-pc {
    display: none; }

  .text-tbl {
    display: none; } 

  .text-mobi {
    display: block; } 

  .text-mobile {
    display: none; } 
}


@media (min-width: 992px) and (max-width: 1500px) {
  .text-pc {
    display: none; }

  .text-tbl {
    display: block; } 

  .text-mobi {
    display: none; } 

  .text-mobile {
    display: none; } 
}


@media (min-width: 1501px) {
  .text-pc {
    display: block; }

  .text-tbl {
    display: none; }    

  .text-mobi {
    display: none; } 

  .text-mobile {
    display: none; }
}