:root {
    --full-container: 1620px;
    --max-container: 1520px;
    --middle-container: 1200px;
    --main-color: #00559b;
    --sub-color: #ffcb08;
    --transition1: all 0.3s ease;
}
.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;}
.full-container 
{max-width:var(--full-container); margin:0 auto;}

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

  @media screen and (max-width:1620px){.full-container {width: 100%; padding:0 20px;}}
  @media screen and (max-width:1520px){.container {width: 100%; padding:0 20px;}}
  @media screen and (max-width:1200px){.middle-container {width: 100%; padding:0 20px;}}