@charset "uft-8";

:root {
  --full-container: 1800px;
  --max-container:1400px;
  --sub-container: 1400px;
  --main-color: #000065;
  --main-color2: #1b1b47;
  --sub-color: #0055a5;
  --hover-color: #cc2424;
  --text-color: #0a0a0a;
  --black-color: #050505;
  --main-bg-color: #e3f1ff;
  --sub-bg-color: #f5f5f5;
  --transition1: all 0.3s ease-in-out;
  --transition2: opacity 0.5s ease-in-out ;
  --font1:'Pretendard';
  --font2:'Poppins';
  --border: 1px solid #e4e4e4;
  --box-shadow: 0px 0px 10px 1px #16161626;
  --box-shadow-02: 0px 0px 10px 8px  #16161621;
  --box-shadow-in: inset 4px 3px 12px -1px #16161621;
  --text-shadow: 5px 5px 10px #222222;
}

body,html
{font-family:'Pretendard','Poppins';}

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