:root {
  --full-container: 1600px;
  --middle-container: 1300px;
  --main-color: #c71c22;
  --sub-color: #003416;
  --txt-color: #0e0e0e;
}
.full-container 
{max-width:var(--full-container); margin:0 auto;}
.middle-container
{max-width:var(--middle-container); margin:0 auto;}

body 
{position: relative; word-break: keep-all; font-size: 10px;} 
* 
{box-sizing: border-box; font-size: 10px; letter-spacing: -0.03rem; font-family: "Pretendard", sans-serif; line-height: 1;} 
body,h1,h2,h3,h4,h5,p,ul,li,address,small,a,br,hr,button,img,dl,dd,dt
{margin: 0; padding: 0; list-style: none; word-break: keep-all; line-height: 1; color: #030303;} 
span 
{margin: 0; padding: 0; list-style: none; word-break: keep-all; line-height: 1;}
a 
{text-decoration: none; color: #030303;} 
.common-title 
{font-size: 4.6rem; font-weight: 700; text-align: center; padding-bottom: 5.5rem;}
.common-detail
{font-size: 4.6rem; font-weight: 700; color: var(--main-color);}
#subContent
{margin: 10rem 0;}

#subVisual
{position: relative; overflow: hidden;}

#subNavCon
{position: absolute; bottom: 3rem; backdrop-filter: blur(5px);}
#subNav .elementor-item:hover
{background-color: var(--bg-color); border-radius: 0.1rem 1rem 0.1rem 1rem;}
#subNav .elementor-item-active
{background-color: var(--bg-color); border-radius: 0.1rem 1rem 0.1rem 1rem;}

@media screen and (max-width: 1600px) {
  .full-container {max-width: 100% !important; padding: 0 20px;}
}
@media screen and (max-width: 1300px) {
  .middle-container {max-width: 100% !important; padding: 0 20px;}
}
@media screen and (max-width: 1024px) {
#subContent {margin: 6rem 0;}
}