:root {
  --full-container: 1760px;
  --max-container: 1600px;
  --middle-container: 1440px;
  --main-color: #a40b04;
  --sub-color: #e80101;
  --sub-color2: #1d3557;
  --txt-color: #272727;
}
.full-container {max-width:var(--full-container); margin:0 auto;}
.container {max-width:var(--max-container); margin:0 auto;}
.middle-container {max-width:var(--middle-container); margin:0 auto;}

@media screen and (max-width: 1720px) {.full-container {padding:0 20px; width: 100%;}}
@media screen and (max-width: 1440px) {.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
{flex-direction: column; font-family: 'pretendard', sans-serif !important; text-align: center; font-size: 2rem !important; color: #fff; font-weight: 500 !important; letter-spacing: -0.14rem; transition: color 0.3s ease;}
.header .sub-menu.elementor-nav-menu--dropdown
{width: 100% !important;}
.header .menu-item
{min-width: 17rem;}
.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 .elementor-nav-menu--main .elementor-item .detail-name 
{font-size: 1.7rem; line-height: 1.2;}


/* table */
table {border-top: 2px solid var(--main-color);}
table tr th {width: 28rem; vertical-align: middle; font-size: 1.8rem; color: #1b1b1b; font-weight: bold; border: 0; border-bottom: 1px solid #e5e5e5; background-color: #f7f7f7;}
table tr td {text-align: center; vertical-align: middle; font-size: 1.8rem; color: #222; text-align: center; border: 1px solid #e5e5e5; border-top: 0px solid; background-color: #fff;}
table tr td:nth-last-of-type(1) {border-right: 0;}
table tr td:nth-of-type(1) {border-left: 0;}

/* 가로형 표 */
.sub-table-wrap table tr th {background-color: #eef1e8 !important;}
.sub-table-wrap table tr td {background-color: #fff !important;}
.sub-table-wrap table tr td p {position: relative; padding-left: 1.2rem; font-size: 1.8rem; line-height: 1.9; color: #222;}
.sub-table-wrap table tr td p.accent {font-weight: 700; line-height: 1.4; color: var(--main-color);}
.sub-table-wrap table tr td p::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: var(--main-color);}

/* animation--------------------------- */

/* 위로 나타나기 - 서브페이지 or 섹션 */
.main-visual-con,.main-intro-con,.main-contact-con,
.sub-sec,
.greeting-txt-con h2,.greeting-txt-con h3,.greeting-txt-con p
,.location-con ,.history-item
{opacity: 0; transform: translateY(50px); transition: all 0.6s ease; overflow: hidden;}
.main-visual-con.active,.main-intro-con.active,.main-contact-con.active,
.sub-sec.active,
.greeting-txt-con h2.active,.greeting-txt-con h3.active,.greeting-txt-con p.active
,.location-con.active ,.history-item.active
{opacity: 1; transform: translateY(0);}

.sub-title-con,.sub-con,.main-title,.main-detail,.count-con,.main-title02,.contact-btn-wrap
{opacity: 0; transform: translateY(50px); transition: all 0.6s ease;}
.sub-title-con.active,.sub-con.active,.main-title.active,.main-detail.active,.count-con.active,
.main-title02.active,.contact-btn-wrap.active
{opacity: 1; transform: translateY(0);}

/* 좌우에서 나오기 */
.greeting-img-con
{opacity: 0; transform: translateX(-50px); transition: all 0.6s ease;}
.greeting-txt-con
{opacity: 0; transform: translateX(50px); transition: all 0.6s ease;}

.greeting-img-con.active,.greeting-txt-con.active
{opacity: 1; transform: translate(0, 0);}

/* 도로록, item 하나씩 올라오기 */
.quick-btn-wrap .btn,.item
{opacity: 0; transform: translateY(30px); transition: background-color 0.3s ease, opacity 0.6s ease, transform 0.6s ease;}
.quick-btn-wrap .btn.active,.item.active
{opacity: 1; transform: translateY(0);}