:root {
    --full-container: 1620px;
    --max-container: 1420px;
    --sub-container: 1300px;
    --middle-container: 1200px;
    --main-color: #e2b200 ;
    --sub-color: #0056ad;
    --transition1: all 0.3s ease;
}

html, body { overflow-x: hidden; color: #000; }
.container
{max-width:var(--max-container); margin:0 auto; }
.container:after
{content:''; display:block; clear:both;}

.middle-container
{max-width:var(--middle-container); margin:0 auto;}
.sub-container
{max-width:var(--sub-container); margin:0 auto;}
.full-contianer 
{max-width:var(--full-container); margin:0 auto;}

h1,h2,h3,h4,h5,h6
{font-family:'pretendard';}
p, span, td, small, li, ul, dl, dt, dd ,b, strong
{line-height:1.5; word-break:keep-all;}





  @media screen and (max-width:var(--max-container)){
    .container
    {padding:0 20px;}
  }