@charset "uft-8";

:root {
  --full-container: 1800px;
  --max-container:1560px;
  --min-container:1440px;
  --sub-container: 1400px;
  --main-color: #001224;
  --sub-color: #e60012;
  --sub-color2: #231815;
  --hover-color: #e60012;
  --text-color: #000000;
  --black-color: #030303;
  --main-bg-color: #d1d8df;
  --sub-bg-color: #f7f7f7;
  --transition1: all 0.3s ease-in-out;
  --transition2: opacity 0.5s ease-in-out ;
  --font1:'Pretendard', sans-serif;
  --font2:'Pretendard', serif;
  --font3:'Pretendard', serif;
  --border: 1px solid #cdcdcd;
  --box-shadow:0px 0px 10px 2px #00000018;
  --text-shadow: 5px 5px 10px #00000061;
}

body,html
{font-family:var(--font1)!important;}

.full-container{max-width: var(--full-container); margin: 0 auto;font-size: 1.8rem;color: var(--text-color);font-family: var(--font1)!important;}
.container{max-width: var(--max-container); margin: 0 auto;font-size: 1.8rem;color: var(--text-color);font-family: var(--font1)!important}
.min-container{max-width: var(--min-container); margin: 0 auto;font-size: 1.8rem;color: var(--text-color);font-family: var(--font1)!important}
.sub-container{max-width: var(--sub-container); margin: 0 auto;font-size: 1.8rem;color: var(--text-color);font-family: var(--font1)!important}

::selection {
  background-color: #e60012;
  color: #fff;
}
::-moz-selection {
  background-color: #e60012;
  color: #fff;
}

/* 반응형 */
@media screen and (max-width : 1800px) {
  .full-container,
  .container,
  .min-container,
  .sub-container{padding: 0 2rem;}
}