:root {
  --full-container: 1620px;
  --max-container: 1480px;
  --middle-container: 1380px;
  --small-container: 1200px;
  --main-color: #1a979b;
  --sub-color: #092e87;
  --color-white:#fff;
  --color:black:#000;
  --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;}
.small-container
{max-width:var(--small-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:var(--max-container)){
  .container
  {padding:0 20px;}
}