html, body {max-width: 100%;  letter-spacing: -0.5px; font-family:'Pretendard', sans-serif;}

:root {
	--white-color: #fff;
	--black-color:#111;
	--black-color2:#403B37;
	--gray-color: #707070;
	--primary-color: #861c23;
	--secondary-color: #c8ae78;
	--light-gray-color: #f1f1f1;
	--border-color: #dddddd;

	--font-subtit: 60px;
	--font-mvtit: 40px;
	--font-mvtxt: 20px;

	--font-large: 50px;
	--font-large2: 55px;
	--font-medium: 32px;
	--font-basic: 24px;
	--font-regular: 22px;
	--font-small: 20px;
	--font-smaller: 18px;
	--font-contact: 16px;
	--font-footer: 14px;
}

.section {
	position: relative;
	padding: 140px 0;
}
.section-in {
	position: relative;
	width: 1280px;
	height: 100%;
	margin: auto;
}
.inner {
	width: 90%;
    margin: 0 auto;
}
.wrap-in {
	width: 1280px;
    margin: 0 auto;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.gold {
	color: var(--secondary-color);
}

.flex {
	display: flex;
}
.half {
	width: 50%;
}
.left {
	float: left;
}
.right {
	float: right;
}

.sub-tab {
	display: flex;
	gap: 30px;
	margin-bottom: 80px;
}
.sub-tab li {
	position: relative;
    display: inline-block;
	font-size: var(--font-basic);
    text-align: center;
	color: #adadad;
	font-weight: bold;
    cursor: pointer;
}
.sub-tab li.current {
	color: var(--black-color);
	font-weight: bold;
}
.sub-tab li.current::after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 100%;
	height: 2px;
	background: var(--black-color);
	transform: translateX(-50%);
}
.sub-tab-content {
	display: none;
}
.sub-tab-content.current {
    display: inherit;
}


/************************* sub *************************/
.sub {
	padding-bottom: 180px;
}
.sub-top {
	padding: 225px 0 80px;
}
.sub-title {
	display: block;
	width: 100%;
	font-size: var(--font-subtit);
	font-weight: 700;
	color: var(--primary-color);
	word-break: keep-all;
}
/************************* sub *************************/

@media all and (max-width:1441px){
	.section-in, .wrap-in {width: 90%; margin: auto;}

	:root {
	--font-subtit: 60px;
	--font-mvtit: 36px;
	--font-mvtxt: 18px;
	--font-large: 44px;
	--font-large2: 44px;
	--font-medium: 28px;
	--font-basic: 22px;
	--font-regular: 20px;
	--font-small: 18px;
	--font-smaller: 16px;
	}
}

@media all and (max-width:1281px){

	:root {
	--font-subtit: 50px;
	--font-mvtit: 34px;
	--font-mvtxt: 17px;
	--font-large: 40px;
	--font-large2: 40px;
	--font-medium: 26px;
	--font-basic: 20px;
	--font-regular: 18px;
	--font-small: 17px;
	--font-smaller: 16px;
	}

	.section {padding: 120px 0;}
	.sub-tab {margin-bottom: 50px;}
}

@media all and (max-width:1025px){

	:root {
		--font-subtit: 42px;
		--font-mvtit: 30px;
		--font-mvtxt: 16px;
		--font-large: 36px;
		--font-large2: 36px;
		--font-medium: 24px;
		--font-basic: 18px;
		--font-regular: 17px;
		--font-small: 16px;
		--font-smaller: 15px;
	}

	.sub-top {padding: 130px 0 70px;}
	.sub {padding-bottom: 150px;}
	.sub-tab {margin-bottom: 30px;}
}

@media all and (max-width:877px){
	.section {padding: 100px 0;}
}

@media all and (max-width:641px){

	:root {
		--font-subtit: 34px;
		--font-mvtit: 26px;
		--font-large: 28px;
		--font-large2: 28px;
		--font-medium: 20px;
		--font-basic: 17px;
		--font-regular: 16px;
		--font-small: 15px;
		--font-smaller: 14px;
	}

	.section {padding: 90px 0;}
	.sub-top {padding: 110px 0 50px;}
}

@media all and (max-width:481px){

	:root {
		--font-subtit: 28px;
		--font-mvtit: 22px;
		--font-large: 24px;
		--font-large2: 24px;
		--font-medium: 18px;
	}

	.sub-top {padding: 110px 0 40px;}

	.sub-tab {gap: 20px;}
}