@charset "uft-8";

:root {
  --full-container: 1760px;
  --max-container:1440px;
  --sub-container: 1400px;
  --main-color: #b5854f;
  --sub-color: #ffe100;
  --sub-color2: #1e569b;
  --sub-color3: #2c654b;
  --sub-color4: #FAA93E;
  --hover-color: #f5dfc6;
  --text-color: #000000;
  --black-color: #030303;
  --main-bg-color: #fffbef;
  --sub-bg-color: #F5F6F2;
  --transition1: all 0.3s ease-in-out;    
  --transition2: opacity 0.5s ease-in-out ;  
  --font1:'Pretendard';
  --font2:'Suit';
  --border: 1px solid #e4e4e4; 
  --border2: 2px dashed #ddd; 
  --box-shadow:0px 0px 18px 2px #1616160f;
  --text-shadow: 5px 5px 10px #00000061;
}

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

.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);}

::selection {
  background-color: #f5dfc6; 
  color: #111;       
}
::-moz-selection { 
  background-color: #f5dfc6;
  color: #111;  
}