@charset "UTF-8";

/* 공통 css */
html {
    scroll-behavior: smooth;
}

/* color */
.color_cc1d1d {color: #cc1d1d !important;}
.color_000 { color: #000 !important}

/* font */
.font_size_15 { font-size: 15px !important;}
.font_size_20 { font-size: 20px !important;}
.font_size_30 { font-size: 30px !important;}
.font_size_33 { font-size: 33px !important;}
.font_size_40 { font-size: 40px !important;}

.fw_medium { font-weight: 500 !important;}

/* bacground */ 
.bg_f0f0f0 { background-color: #f0f0f0 !important;}
.bg_cc1d1d { background-color: #cc1d1d !important;}

/* margin */

.mt_10 { margin-top: 10px !important;}
.mt_30 { margin-top: 30px !important;}

.mb_5 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px !important;}
.mb_30 { margin-bottom: 30px !important;}

.ml_0 { margin-left: 0 !important;}

/* width */
.w_100p { width: 100%}

.w160 { width: 160px}
.w200 { width: 200px}



.overflow_hidden { overflow: hidden;}
.border_radius_20 { border-radius: 20px !important;}

:root {
    --body: #fff;
    --black: #000;
    --white: #fff;
    --theme: #cc1d1d;
    --header: #000000;
    --text: #788094;
    --border: #CAD2D2;
    --bg: #000D44;
    --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
  }

:root {
    --swiper-theme-color: #cc1d1d !important;
}