@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:94%; max-width: 1720px; height:420px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; margin-left: auto; margin-right: auto; border-radius: 20px; margin-top: 100px;}
.s_visual .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.s_visual .inner .sv_tit{}
.s_visual .inner .sv_tit h4{color: var(--color1); font-size: 24px; font-weight: 500; margin-bottom: 15px;}
.s_visual .inner .sv_tit h2{font-size: 56px; color: #000;}
.s_visual .inner .sv_tit h2 span{}
.s_visual .inner .sv_tit .depth{margin-top: 35px;}
.s_visual .inner .sv_tit .depth span{font-family: 'SUIT', sans-serif;}


@media all and (max-width: 1600px){
	.s_visual .inner{padding: 0 3%;}
}


@media all and (max-width: 1280px){
	.s_visual{height: 360px;}
	.s_visual .inner .sv_tit h4{font-size: 22px;}
	.s_visual .inner .sv_tit h2{font-size: 48px;}
	.s_visual .inner .sv_tit .depth{margin-top: 32px;}
}

@media all and (max-width: 1024px){
	.s_visual{height: 330px; border-radius: 10px;}
	.s_visual .inner .sv_tit h4{font-size: 20px;}
	.s_visual .inner .sv_tit h2{font-size: 42px;}
	.s_visual .inner .sv_tit .depth{margin-top: 30px;}
	.s_visual .inner .sv_tit .depth span{font-size: 15px;}
}

@media all and (max-width: 768px){
	.s_visual{height: 280px;}
	.s_visual .inner .sv_tit h4{font-size: 19px; margin-bottom: 12px;}
	.s_visual .inner .sv_tit h2{font-size: 36px;}
	.s_visual .inner .sv_tit .depth{margin-top: 27px;}
	.s_visual .inner .sv_tit .depth span{font-size: 15px;}
}

@media all and (max-width: 500px){
	.s_visual{height: 230px;}
	.s_visual .inner .sv_tit h4{font-size: 18px; margin-bottom: 10px;}
	.s_visual .inner .sv_tit h2{font-size: 30px;}
	.s_visual .inner .sv_tit .depth{margin-top: 23px;}
	.s_visual .inner .sv_tit .depth span{font-size: 14px;}
}



/* Sub-Menu */
.sub_menu_wrap {position: absolute; top: -9999px; left: -9999px; z-index: -9999; opacity: 0; visibility: hidden;}


#subTitle{text-align: center; padding: 90px 0 120px;}
#subTitle span{display: inline-block; padding: 0.4em 1.2em; font-size: 40px; border-radius: 90px; background-color: var(--color1); color: #fff; font-weight: 700;}
@media all and (max-width:1280px){
	#subTitle{padding: 75px 0 100px;}
	#subTitle span{font-size: 36px;}
}
@media all and (max-width:1024px){
	#subTitle{padding: 65px 0 90px;}
	#subTitle span{font-size: 33px;}
}
@media all and (max-width:768px){
	#subTitle{padding: 55px 0 80px;}
	#subTitle span{font-size: 31px;}
}
@media all and (max-width:500px){
	#subTitle{padding: 45px 0 60px;}
	#subTitle span{font-size: 27px;}
}


/* #subTitle {text-align: center; color: #000; font-size: 40px; font-weight: 700; padding: 90px 0 120px;}

@media all and (max-width:1280px){
	#subTitle{font-size: 36px; padding: 75px 0 100px;}
}
@media all and (max-width:1024px){
	#subTitle{font-size: 33px; padding: 65px 0 90px;}
}
@media all and (max-width:768px){
	#subTitle{font-size: 31px; padding: 55px 0 80px;}
}
@media all and (max-width:500px){
	#subTitle{font-size: 27px; padding: 45px 0 60px;}
} */


#pageCont{padding-bottom: 160px;}

@media all and (max-width:1280px){
	#pageCont{padding-bottom: 130px;}
}
@media all and (max-width:1024px){
	#pageCont{padding-bottom: 110px;}
}
@media all and (max-width:768px){
	#pageCont{padding-bottom: 90px;}
}
@media all and (max-width:500px){
	#pageCont{padding-bottom: 80px;}
}