:root {
    --full-container: 1620px;
    --max-container: 1480px;
    --middle-container: 1200px;
    --main-color: #6b3fa0;
    --sub-color: #cfa430;
    --side-color: #efe2ff;
    --sub-menu-height: 60px;
    --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:'pretendard'; 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; letter-spacing:-0.04em;}

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