/* 서브메뉴 CSS */
.sub-menu-box{display: flex;justify-content: center;width : 100%;border-bottom: 1px solid rgba(0,0,0,0.1);position : relative; z-index: 1;}
.sub-menu-inner{display: flex; align-items : center;max-width: 1200px; width : 100%;}
.sub-menu{display:flex;align-items:center;min-width:150px;max-width:150px;position:relative;font-size: 14px;letter-spacing: -0.04em;height:50px;padding:0 15px;color:#111;cursor:pointer}
.sub-menu:not(:last-child)::before{position:absolute;content:'';width:1px;height:15px;background:#aaa;right:0;}
.sub-menu.long{min-width:200px;max-width:250px}
.sub-menu.disable{pointer-events: none;color : #aaa}
.sub-menu::after{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-menu:hover::after{transform: rotate(135deg)}
.sub-menu.disable::after{border-color:#aaa;}
.sub-menu>ul{display:none;position: absolute;top:100%;left:0;width:100%;border:1px solid #ccc;border-bottom:none;border-top:none}
.sub-menu:hover>ul{display:block;}
.sub-menu>ul>li>a{display:flex;flex-direction:column;justify-content:center;height:40px;background:#fff;border-bottom:1px solid #ccc;padding-left:15px;font-size:14px;transition:padding-left .2s;position:relative;overflow:hidden;}
.sub-menu>ul>li>a::after{position:absolute;content:'';width:5px;height:5px;border-top:1px solid #555;border-right:1px solid #555;transform: rotate(45deg);left:0px;opacity:0;transition:opacity .2s,left .2s;}
.sub-menu>ul>li>a:hover::after{left:10px;opacity:1;}
.sub-menu>ul>li.long>a{height:55px;}
.sub-menu>ul>li>a:hover{padding-left:25px;font-weight:500}
.sub-menu>ul>li:nth-child(1)>a{border-top:1px solid #ccc}
.sub-menu>ul>li>a:hover{background:#f1f1f1}

.sub-title-box{display: flex;justify-content: center;align-items: center;position : relative;height : 346px;padding-top: 80px;overflow: hidden;}
.sub-title-bg{width : 100%;height : 100%;object-fit: cover;object-position : center bottom;position : absolute;left : 0;top : 0;z-index: -1;overflow : Hidden;animation : sub-title-bg 3s both;)}
@keyframes sub-title-bg{
	0%{transform : scale(1.15)}
	100%{transform : scale(1)}
}
.sub-title-desc{color : #fff;font-size : 18px;letter-spacing : -0.033em;margin-bottom: 30px;}
.sub-title{font-size: 30px;letter-spacing: -0.04em;color : #fff;font-family : nanum myeongjo;font-weight : 400;white-space : nowrap;letter-spacing : -0.033em}
@keyframes sub-title{
	0%{opacity : 0;letter-spacing : 1em;padding-left: 1em;}
	50%{opacity : 1;letter-spacing : 1em;padding-left: 1em;}
	100%{opacity : 1;letter-spacing : -0.04em;padding-left: -0.04em;}
}
.sub-title.sub-title2{
    color : #E40073;
    margin-bottom: 0;
}
.sub-content-box{padding : 66px 0 192px;}
.sub-content-img{margin : 0 auto;}

.sub-con-title{display : flex;flex-direction : column; align-items : center;justify-content : center; gap : 13px; font-size : 34px; font-weight : 500;margin-bottom: 28px;}
.sub-con-title > span{width : 1px; height : 49px; background: #9E9E9F;}

.sub-rotate{display : flex;flex-direction : column;align-items : center;justify-content : center;text-align : center; position : absolute;bottom : 53px;right : 95px;width : 102px;height : 102px;background: #fff;color : #06033C;font-size : 20px;letter-spacing : -0.033em;border-radius : 50%;font-weight : 700;font-family : pretendard;z-index: 10;}
.sub-rotate b{font-size : 26px;}
.sub-rotate::after{position : absolute;content : '';width : 134px;height : 134px;background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain;animation : rotate-text 6s infinite linear;}
@keyframes rotate-text{
	0%{transform : rotate(0)}
	100%{transform : rotate(360deg)}
}

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

@media(max-width : 750px){
	.sub-rotate{display: none;}
	/* 서브메뉴 CSS */
	.sub-menu-box{display: flex;justify-content: center;width : 100%;border-bottom: 1px solid rgba(0,0,0,0.1);position : relative; z-index: 1;}
	.sub-menu-inner{display: flex; align-items : center;max-width: 1200px; width : 100%;}
	.sub-menu{display:flex;align-items:center;min-width:180px;max-width:180px;position:relative;font-size: 24px;letter-spacing: -0.04em;height:100%;padding:0 15px;color:#111;cursor:pointer;height : 9.3333vw;max-height : 70px;}
	.sub-menu:not(:last-child)::before{position:absolute;content:'';width:1px;height:15px;background:#aaa;right:0;}
	.sub-menu.long{min-width:200px;max-width:300px}
	.sub-menu.disable{pointer-events: none;color : #aaa}
	.sub-menu::after{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-menu:hover::after{transform: rotate(135deg)}
	.sub-menu.disable::after{border-color:#aaa;}
	.sub-menu>ul{display:none;position: absolute;top:100%;left:0;width:100%;border:1px solid #ccc;border-bottom:none;border-top:none}
	.sub-menu:hover>ul{display:block;}
	.sub-menu>ul>li>a{display:flex;flex-direction:column;justify-content:center;height:50px;background:#fff;border-bottom:1px solid #ccc;padding-left:15px;font-size:20px;transition:padding-left .2s;position:relative;overflow:hidden;}
	.sub-menu>ul>li>a::after{position:absolute;content:'';width:5px;height:5px;border-top:1px solid #555;border-right:1px solid #555;transform: rotate(45deg);left:0px;opacity:0;transition:opacity .2s,left .2s;}
	.sub-menu>ul>li>a:hover::after{left:10px;opacity:1;}
	.sub-menu>ul>li.long>a{height:55px;}
	.sub-menu>ul>li>a:hover{padding-left:25px;font-weight:500}
	.sub-menu>ul>li:nth-child(1)>a{border-top:1px solid #ccc}
	.sub-menu>ul>li>a:hover{background:#f1f1f1}

	.sub-home{
		/* width : 6.6667vw; */
		width : 10.2667vw;
		max-width : 77px;
		height : 100%;
		/* max-width: 50px; */
	}
	.sub-home > img{height : 100%;}
	.sub-title-box{
		display: flex;
		justify-content: center;
		align-items: center;
		position : relative;
		height : 664px;
		overflow: hidden;
	}
	.sub-title-bg{
		width : 100%;
		height : 100%;
		object-fit: cover;
		object-position : center;
		position : absolute;
		left : 0;
		top : 0;
		z-index: -1;
		animation : sub-title-bg 3s both;
		filter : brightness(0.85)
	}
	.sub-title-inner{
		width : 100%;
		padding : 0 10%;
	}
	.sub-desc{
		font-size: 25px;
		letter-spacing: -0.04em;
		color : #121212;
		line-height: 1em;
	}
	.sub-title-box{
		width : 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.sub-title{font-size: 45px;letter-spacing: -0.04em;color : #fff;font-family : nanum myeongjo;font-weight : 400;white-space : nowrap;}
	.sub-content-box{
		padding : 66px 0 192px;
	}
	.sub-content-title{
		display: flex;
		align-items: center;
		flex-direction: column;
		font-size: 34px;
		font-weight: 500;
		gap : 13px;
		color : #0A0A0A;
		margin-bottom: 30px;
	}
	.sub-content-title > span{
		width : 1px;
		height : 49px;
		background : #9E9E9F;
	}
	.sub-content-img{
		margin : 0 auto;
		width : 100%;
	}
	.sub-title-desc{font-size : 24px;color : #fff;margin-bottom: 30px;}
	.sub-con-title{display : flex;flex-direction : column; align-items : center;justify-content : center; gap : 13px; font-size : 34px; font-weight : 500;margin-bottom: 28px;}
	.sub-con-title > span{width : 1px; height : 49px; background: #9E9E9F;}

	 /* 서브메뉴 CSS */
    .sub-menu{min-width:24vw;max-width:24vw;font-size: 3.2vw;padding:0 2vw;}
    .sub-menu:not(:last-child)::before{height:2vw;}
    .sub-menu.long{min-width:26.6667vw;max-width:40vw}
    .sub-menu::after{width:0.9333vw;height:0.9333vw;right:2vw;}
    .sub-menu>ul>li>a{height:6.6667vw;padding-left:2vw;font-size:2.6667vw;}
    .sub-menu>ul>li>a::after{width:0.6667vw;height:0.6667vw;}
    .sub-menu>ul>li>a:hover::after{left:1.3333vw;}
    .sub-menu>ul>li.long>a{height:7.3333vw;}
    .sub-menu>ul>li>a:hover{padding-left:3.3333vw;}

    .sub-title-box{
        height : 88.5333vw;
    }
    .sub-desc{
        font-size: 3.3333vw;
    }
    .sub-title{font-size: 6.0000vw;}
    .sub-content-box{
        padding : 8.8vw 0 25.6vw;
    }
    .sub-content-title{
        font-size: 4.5333vw;
        gap : 1.7333vw;
        margin-bottom: 4vw;
    }
    .sub-content-title > span{
        height : 6.5333vw;
    }
	.sub-title-desc{font-size : 3.2vw;color : #fff;}
	.sub-con-title{gap : 1.7333vw; font-size : 4.5333vw; margin-bottom: 3.7333vw;}
	.sub-con-title > span{width : 0.1333vw; height : 6.5333vw;}
}