#wrap{
	background : #fff;
}
.moView{
	display : none !important;
}
.sub-title-box{
	display : flex;
	justify-content : center;
	width : 100%;
	height : 347px;
	position : relative;
	overflow : hidden;
	z-index : 1;
}
.sub-title-bg{
	width : 100%;
	height : 100%;
	background : url(../images/sub/sub-title-bg-01.jpg)no-repeat;
	background-size : cover;
	background-position : center;
	animation : sub-title-bg 3s both;
	position : absolute;
	left : 0;
	top : 0;
	z-index : 0;
}
@keyframes sub-title-bg{
	0%{
		transform : scale(1.5)
	}
	100%{
		transform : scale(1)
	}
}
.sub-title-bg.overview{
	background : url(../images/sub/sub-title-bg-01.jpg)no-repeat;
	background-size : cover;
	background-position : center;
}
.sub-title-inner{
	display : flex;
	flex-direction : column;
	align-items : end;
	justify-content : end;
	width : 100%;
	max-width : 1408px;
	height : 100%;
	padding-bottom : 78px;
	animation : sub-title-inner 1s both;
}
@keyframes sub-title-inner{
	0%{
		opacity : 0;
		transform : translateX(100px)
	}
	100%{
		opacity : 1;
		transform : translateX(0px)
	}
}
.sub-title{
	font-size : 66px;
	font-weight : 400;
	font-family : CarismaGothic;
	color : #961e1e;
}
.sub-title-kor{
	font-size : 20px;
	font-weight : 400;
	letter-spacing : -0.04em;
	color : #212121;
}
.sub-menu-box{
	display : flex;
	justify-content : center;
	width : 100%;
	animation : sub-menu-box 1s both;
	background : #fff;
	position : relative;
	z-index : 1;
}
.sub-menu-inner{
	display : flex;
	align-items : center;
	width : 100%;
	gap : 12px;
	max-width : 1408px;
	padding : 25px 0;
	
}
@keyframes sub-menu-box{
	0%{
		transform: translateX(-100px)
	}
	100%{
		transform: translateX(0px)
	}
}
.sub-home{
	display : flex;
	align-items : center;
	gap : 11px;
	position : relative;
	padding-right : 20px;
	font-family : CarismaClassic;
	letter-spacing : -0.04em;
	color : #212121;
	font-size : 18px;
}
.sub-home::after{
	position : absolute;
	content : '';
	width : 8px;
	height : 8px;
	border-top : 1px solid #6E6E6E;
	border-right : 1px solid #6E6E6E;
	transform : rotate(45deg);
	right : 0;
}
.sub-menu{
	display : flex;
	align-items : center;
	font-size : 18px;
	letter-spacing : -0.04em;
	position : relative;
}
.sub-menu:not(:last-child){
	padding-right : 20px;
}
.sub-menu:not(:last-child)::after{
	position : absolute;
	content : '';
	width : 8px;
	height : 8px;
	border-top : 1px solid #6E6E6E;
	border-right : 1px solid #6E6E6E;
	transform : rotate(45deg);
	right : 0;
}
.sub-menu.point{
	color : #831616;
}
.sub-content-box{
	padding : 80px 0 120px;
	animation : sub-content-box 1s both;
}
@keyframes sub-content-box{
	0%{
		opacity : 0;
	}
	100%{
		opacity : 1;
	}
}
.sub-content-img{
	margin : 0 auto;
}
.overview-table{
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	width : 100%;
	max-width : 1408px;
	color : #262626;
	font-size : 18px;
	margin : 0 auto;
}
.overview-table > li{
	display : flex;
	flex-direction : column;
	width : 670px;
	gap : 10px;
	margin-bottom : 37px;
	overflow : hidden;
}
.overview-th{
	font-weight : 700;
	transform : translateX(-100%);
	transition : 1s;
	font-size : 16px;
	color : #831616;
}
.overview-line{
	width : 0;
	height : 1px;
	background : #BFBFBF;
	transition : width 1s;
}
.aos-animate .overview-line{
	width : 100%;
}
.overview-td{
	letter-spacing : -0.03em;
	height :100px;
	transform : translateX(-100%);
	transition : transform 1s;
}
.aos-animate .overview-th,
.aos-animate .overview-td{
	transform : translateX(0);
	transition-delay : 1s;
}
.overview-td > p{
	display : flex;
	align-items : center;
	margin-top: 5px;
}
.overview-td img.logo{
	display : inline-block;
	/* max-width : 120px; */
	max-height : 1.5em;
}

/* 오리발 */
.page_info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background : #f7f7f7;
	max-width : 1408px;
    border : 1px solid #e5e5e5;
    padding : 25px 60px 25px 120px;
    min-height : 120px;
    font-size: 13px;
    letter-spacing: -0.04em;
    color : #777;
    position : relative;
	margin : 2em auto 0;
}
.page_info::after{
    display: flex;
    align-items: center;
    justify-content: center;
    color : #fff;
    font-size: 36px;
    font-weight: 700;
    content : '!';
    position : absolute;
    width : 70px;
    height : 70px;
    border-radius: 50%;
    background : #ddd;
    left : 25px;
    top : 50%;
    transform: translateY(-50%);
}
.page_info > li{
    position : relative;
    padding-left : 14px;
}
.page_info > li + li{
    margin-top : 3px;
}
.page_info > li::before{
    content : '※ ';
    position : absolute;
    left : 0;
    font-size: 11px;
    line-height: 18px;
}

@media (max-width : 1200px){
	.moView{
		display : block !important;
	}
	.pcView{
		display : none !important;
	}
	.sub-title-box{
		height : 46.2667vw;
		max-height : 347px;
	}
	.sub-title-inner{
		justify-content : center;
		align-items : center;
		padding-top : 50px;
		padding-bottom : 0;
	}
	.sub-title{
		font-size : 28px;
	}
	.sub-title-kor{
		font-size : 14px;
	}
	.sub-menu-box{
		display : none;
	}	
	.overview-table {
			max-width : 1200px;
			padding : 0 20px;
		}
	.overview-table > li {
		/* width : 48%; */
		width : 100%;
		gap: 0;
		margin-bottom: 4.9333vw;
		line-height: 20px;
		font-size : 14px;
	}
	.overview-th{
		font-size : 12px;
	}
	.overview-line{
		margin-bottom : 11px;
	}
	.overview-td > img{
		width : 120px;
	}
	.overview-td img.logo{
		max-height : 1.5em;
	}
	    /* 오리발 */
    .page_info{
        width : 92%;
        justify-content: center;
        padding : 15px 20px 15px 20px;
        min-height : 0;
        font-size: 11px;
    }
    .page_info::after{
        display : none;
    }
    .page_info > li{
        position : relative;
        padding-left : 12px;
    }
    .page_info > li + li{
        margin-top : 4px;
    }
    .page_info > li::before{
        font-size: 10px;
        line-height: 18px;
    }
}