.sub-title-box{
	display : flex;
	justify-content : center;
	width : 100%;
	height : 333px;
	overflow : hidden;
	position : relative;
	padding-top : 127px;
}
.sub-title-bg {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
}
.sub-title-bg > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	animation : sub-title-bg 2s both;
}
@keyframes sub-title-bg {
	0%{
		transform : scale(1.2)
	}
	100%{
		transform : scale(1)
	}
}
.sub-title-inner{
	width : 1408px;
	max-width : 1440px;
	position : relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.js-word-split {
  overflow: hidden;
  opacity: 0;
}

.js-word-split.is--active {
  opacity: 1;
}

.js-word-split.is--active .word {
  overflow: hidden;
  display: inline-block;
}

.js-word-split.is--active .char {
  display: inline-block;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  opacity: 0; 
}

.sub-title-eng {
  font-size: 66px;
  line-height: 1.2;
  font-family: jost; 
  font-weight: 300;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
}

.sub-title-eng .char {
  font: inherit;
}

.sub-title-eng.is--active {
  opacity: 1;
  transform: translateZ(0);
}

.sub-title-eng.is--active .char {
  animation: 2s ease-in-out text-active-animantion1 forwards;
}

.sub-title-kor {
  margin-top: 3px;
  font-family: pretendard;
  position: relative;
  font-size: 28px;
  color: #000;
  font-weight: normal;
  text-align: right;
}

.sub-title-kor .char {
  font: inherit;
}

.sub-title-kor.is--active {
  opacity: 1;
  transform: translateZ(0);
}

.sub-title-kor.is--active .char {
  animation: 2s ease-in-out text-active-animantion2 forwards;
}

@keyframes text-active-animantion1 {
  0% {
    color: rgba(40, 71, 102, .9);
    opacity: 0;
  }
  90% {
    color: #ADA7A3;
    opacity: 1;
  }
  100% {
    color: #010033;
    opacity: 1;
  }
}
@keyframes text-active-animantion2 {
  0% {
    color: rgba(40, 71, 102, .9);
    opacity: 0;
  }
  90% {
    color: #ADA7A3;
    opacity: 1;
  }
  100% {
    color: #000;
    opacity: 1;
  }
}

.sub-menu-box{
	display : flex;
	justify-content : center;
	width : 100%;
	height : 53px;
  border-top: 1px solid #dbdbdb;
	border-bottom : 1px solid #dbdbdb;
}
.sub-menu-inner{
	display: flex;
	width : 100%;
	max-width : 1408px;
}
.sub-menu{
	display : flex;
	align-items : center;
	min-width : 120px;
	position : relative;
	height : 100%;
	padding : 0 37px 0 24px;
}
.sub-menu::after{
	position : absolute;
	content : '';
	width : 5px;
	height : 5px;
	border-top : 1px solid #0A0A0A;
	border-right : 1px solid #0A0A0A;
	transform : rotate(45deg);
	right : 18px;
}
.sub-menu > ul{
	display : none;
	position : absolute;
	top : calc(100%);
	z-index : 1;
	background : #fff;
	left : 0;
	min-width : 100%;
	border : 1px solid #ddd;
	border-bottom : none;
}
.sub-menu:hover > ul{
	display : block;
}
.sub-menu > ul > li{
}
.sub-menu > ul > li > a{
	display : block;
	padding : 7px 27px;
	white-space : nowrap;
	border-bottom : 1px solid #ddd;
}
.sub-menu > ul > li > a:hover{
	background : #f5f5f5;
}
.sub-content-box{
	padding : 40px 0 100px;
	animation : sub-content-box 1.2s both .5s;
}
@keyframes sub-content-box {
	0%{opacity : 0}
	100%{opacity : 1}
}
.sub-content-img{
	margin : 0 auto;
}
.sub-content-title{
	display : flex;
	flex-direction : column;
	align-items : center;
	gap : 13px;
	padding-bottom : 40px;
	font-size : 34px;
	font-weight : 500;
	color : #0A0A0A;
}
.sub-content-title > span{
	width : 1px;
	height : 50px;
	background : #9E9E9F;
}

/* 오리발 */
.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;}

.page_info > li p{display : flex; font-size : 12px;gap : 5px;}
.page_info > li p:nth-of-type(1){margin-top: 5px;}
.page_info > li p + p{margin-top: 3px;}

.page_info > li > p b{white-space : nowrap;}