.wrap{width : 100%;}
.sub-title-box{display: flex;flex-direction : column;align-items: center;justify-content: center; width : 100%;height :333px;gap : 33px;background : #E3E3E3;padding-top: 50px;}
.sub-title{font-size: 43px;font-family: MinervaModern;font-weight: 700;color :#B82C28;animation : sub-title 3s both;}
@keyframes sub-title {
    0%{letter-spacing: 1em;opacity: 0;}
    100%{letter-spacing: 0.5em;opacity: 1;}
}
.sub-title-logo{animation : sub-title-logo 3s both;}
@keyframes sub-title-logo{
	0%{transform : translateY(80px);opacity : 0}
	1000%{transform : translateY(0px);opacity : 1}
}
.sub-menu-box{display: flex;justify-content: center;border-bottom: 1px solid #E3E3E3;position : relative;z-index: 10;}
.sub-menu-inner{display: flex;justify-content: end; width : 100%;max-width : 1280px;height : 60px;}
.sub-home{display: flex;align-items: center; width : 133px;font-family: futura-pt;gap : 10px;position : relative;}
.sub-home::before{position: absolute;content:'';width:7px;height:7px;border-top:1px solid #555;border-right:1px solid #555;transform: rotate(45deg);right:15px;transition:transform .2s;}
.sub-home:hover::before{transform: rotate(135deg)}
.sub-home::after{position : absolute;content: '';width : 1px;height : 12px; background : #E0E0E0; right : 0;}
/* .sub-menu{display: flex;align-items: center; position : relative;padding : 0 40px 0 21px;font-size: 15px;z-index: 1;}
.sub-menu::before{position : absolute;content :'';width : 7px;height : 7px;border-top: 1px solid #6E6E6E;border-right: 1px solid #6E6E6E;right : 0;transform: rotate(45deg);}
.sub-menu.point{color : #B82C28}
.sub-menu > ul{position : absolute;top : calc(100% + 1px);left : 0;border : 1px solid #ddd;border-top : none;min-width : 100%;background : #fff;display: none;}
.sub-menu:hover > ul{position : absolute;display: block;}
.sub-menu > ul > li > a{display: block; color : #111;padding : 7px 0;padding-left : 21px;padding-right: 20px;white-space: nowrap;}
.sub-menu > ul > li > a:hover{background : #f0f0f0;}
.sub-menu > ul > li:not(:last-child) > a{border-bottom : 1px solid #ddd} */
.sub-content-box{margin : 0 auto; padding : 100px 0}
.sub-content-img{margin : 0 auto;}

@media(max-width : 1200px){
    .sub-menu-inner{height : 40px}
    .sub-home{font-size: 12px;}
    .sub-menu{font-size: 12px;}
    .sub-menu > ul > li >a {font-size: 12px;}
    .sub-title{font-size: 30px;}
    .sub-title-logo{max-width: 200px;}
}