.sub-title-box{
	display : flex;
	align-items : end;
	width : 100%;
	height : 419px;
	position : relative;
	padding : 0 0 85px 349px;
}
.sub-title-bg{
	width : 100%;
	height : 100%;
	position : absolute;
	background : url(/assets/images/sub/sub-title-bg.png)no-repeat;
	background-size : cover;
	background-position : center;
	z-index : -1;
	left : 0;
	top : 0;
}
.sub-title{
	font-size : 48px;
	font-weight : 700;
	letter-spacing : -0.04em;
	position : relative;
	color : #fff;
	transform : translateY(-50px);
	opacity : 0;
	animation : sub-title 1s both;
}
@keyframes sub-title{
	0%{
		transform : translateY(-50px);
		opacity : 0;
	}
	100%{
		transform : translateY(0px);
		opacity : 1;	
	}
}
.sub-title::after{
	content : '';
	position : absolute;
	left : 0;
	top : -18px;
	width : 55px;
	height : 2px;
	background : #fff;
}
.scroll-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 12.5px;
    position : absolute;
    z-index: 1;
    left : 25px;
    bottom : 25px;
}
.scroll-icon > span{
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    font-size: 13px;
    font-weight: 700;
    font-family: Montserrat;
    color : #fff;
}
.scroll-icon .mouse{
    display: flex;
    justify-content: center;
    width : 24px;
    height : 44px;
    border-radius: 100px;
    border : 1px solid #fff;
    padding-top : 13px; 
}
.scroll-icon .mouse > .dot{
    width : 4px;
    height : 4px;
    border-radius: 50%;
    background : #fff;
    animation : mouse-dot 1.5s infinite;
}
@keyframes mouse-dot {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(12px);
    }
}
.sub-menu-bar{
	display : flex;
	justify-content : center;
	width : 100%;
	height : 71px;
	background : #FAFAFA;
}
.sub-menu-inner{
	display : flex;
	justify-content : end;
	width : 1200px;
}
.sub-menu{
	display : flex;
	align-items : center;
	height : 100%;
	padding : 0 50px 0 22px;;
	position : relative;
	color : #111111;
}
.sub-menu:not(:last-child)::after{
	position : absolute;
	content : '';
	width : 1px;
	height : 16px;
	background : rgba(51,51,51,0.35);
	right : 0;
	top : 50%;
	transform : translateY(-50%);
}
.sub-menu .sub-arrow{
	position : absolute;
	right : 11px;
	transition : .5s;
	transform-origin : 50% 70%;
}
.sub-menu > a.home{
	display : flex;
	align-items : center;
	gap : 13px;
	width : 100%;
	font-family : Montserrat;
	font-weight : 500;
	color : #111111;
	height : 100%;
}
.sub-menu > ul{
	display : none;
	position : absolute;
	min-width : 100%;
	top : 0;
	left : 0;
	z-index : 1;
	transform : translateY(71px);
	padding : 10px 10px 0;
	background : #fff;
	border : 1px solid #ddd;
	border-radius : 10px;
}
.sub-menu:hover > ul{
	display : block;
}
.sub-menu:hover .sub-arrow{
	transform : rotate(-180deg);
}
.sub-menu > ul > li{
}
.sub-menu > ul > li > a{
	display : flex;
	justify-content : center;
	width : 100%;
	padding : 10px 0;
}
.sub-menu > ul > li:not(:last-child) > a{
	border-bottom : 1px solid #ddd;
}
.sub-content{
	padding : 100px 0;;
	max-width : 1200px;
	margin : 0 auto;
}
.sub-content-img{
	display : block;
	margin : 0 auto;
	width : 100%;
	max-width : 1200px;
}
/* 오리발 CSS */
.page_info{display:flex;flex-direction:column;justify-content:center;max-width : 1200px;margin : 4em auto 0;background:#f7f7f7;border:1px solid #e5e5e5;padding:25px 60px 25px 120px;min-height :120px;font-size:13px;letter-spacing:-0.04em;color:#777;position:relative;}
.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>a{color:rgba(50,80,255,1);text-decoration:underline;}
/* 오리발 CSS END */