:root {
  --full-container: 1800px;
  --container: 1400px;
  --sub-container: 1480px;
  --main-color: #0080ff;
  --point-color: #1e5db0;
  --sub-color: #1e5db0; 
  --sub-color2: #14a557;
  --txt-color: #0b0b0b;
  --bg-color:#f5f6f9;
}
.full-container {max-width:var(--full-container); margin:0 auto;}
.container {max-width:var(--container); margin:0 auto;}
.sub-container {max-width:var(--sub-container); margin:0 auto;}

@media screen and (max-width: 1800px) {.full-container {padding:0 20px; width: 100%;}}
@media screen and (max-width: 1400px) {.container {padding:0 20px; width: 100%;}}
@media screen and (max-width: 1480px) {.sub-container {padding:0 20px; width: 100%;}}

/* 기본설정변경 */
::selection {background-color: var(--main-color); color: #fff;}
h1,h2,h3,h4,p,a,li,div,button,dl, dt, dd ,b, strong
{font-family: 'pretendard', sans-serif; color: var(--txt-color);}
.nav a 
{font-family: "pretendard", sans-serif; letter-spacing: 1.4;}
.header .elementor-nav-menu--main .elementor-item
{padding: 4rem 1.5rem !important; justify-content: center; font-family: 'pretendard', sans-serif !important; font-size: 2rem !important; color: #000; font-weight: 500 !important; transition: color 0.3s ease;}
.header .sub-menu.elementor-nav-menu--dropdown
{width: 100% !important;}
.header .menu-item
{min-width: 19.5rem;}
.header .menu-item a.elementor-sub-item
{white-space: wrap; line-height: 1.4;}
.header .sub-menu
{transform: translate(0);}
ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover
{border: 0 !important;}
.header .elementor-nav-menu .sub-arrow
{display: none;}
.elementor-nav-menu .sub-arrow
{display: none;}
.header .header-left,.header .header-left .icon-wrap
{width: auto !important;}

/* animation--------------------------- */
.fade-up
{opacity: 0; transform: translateY(50px); transition: all 0.6s ease;}
.fade-up.active
{opacity: 1; transform: translateY(0);}

.fade-left
{opacity: 0; transform: translateX(-50px); transition: all 0.6s ease;}
.fade-right
{opacity: 0; transform: translateX(50px); transition: all 0.6s ease;}

.fade-left.active,.fade-right.active
{opacity: 1; transform: translate(0, 0);}

.item ,.box,.txt-up,.his-list
{opacity: 0; transform: translateY(30px); transition: background-color 0.3s ease, opacity 0.6s ease, transform 0.6s ease;}
.item.active ,.box.active,.txt-up.active,
.his-list.active
{opacity: 1; transform: translateY(0);}