/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 31.25rem; position:relative; background:url("/img/sub/sub_visual01.jpg") no-repeat center / cover;}
.sub_visual.bg02{background-image:url("/img/sub/sub_visual02.jpg");}
.sub_visual.bg03{background-image:url("/img/sub/sub_visual03.jpg");}
.sub_visual.bg04{background-image:url("/img/sub/sub_visual04.jpg");}
.sub_visual.bg05{background-image:url("/img/sub/sub_visual05.jpg");}
.sub_vis_txt{width:100%; margin: 0 auto; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.sub_vis_txt h2{font-size: 3.75rem; letter-spacing: -0.0625rem; line-height: 1.33;}
.sub_vis_txt .location{margin-top: 0.625rem; gap: 0.625rem;}
.sub_vis_txt .location img{width: 1.25rem;}
.sub_vis_txt .location .txt{font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 1.66;}
.sub_wrap{padding: 6.625rem 0 10rem;}
.sub_inner{max-width: 95rem; margin:0 auto; padding: 0 3.75rem;}
.sub_menu{height: 5rem; border-bottom: 1px solid #E3E3E3; background: #FFF; position: sticky; top: 6.25rem; z-index: 100; max-width: 100%; overflow-x: auto;}
.sub_menu ul{margin:0 auto; position: relative; display: flex; align-items: center; justify-content: center; height:100%; gap: 1.875rem; width: max-content;}
.sub_menu ul li{height: 100%;}
.sub_menu ul li a {display: flex; align-items: center; height: 100%; font-size: 1.125rem; padding: 0.625rem; position: relative; transition: all 0.4s ease-in-out; white-space: nowrap;}
.sub_menu ul li.on a,
.sub_menu ul li a:hover{color: var(--blue); font-weight: 500;}
.sub_menu ul li a::after{content: ''; display: block; width: 0; height: 3px; background: var(--blue); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.4s ease-in-out;}
.sub_menu ul li.on a::after,
.sub_menu ul li a:hover::after{width: 100%;}
.sub_title{margin-bottom: 5rem; text-align:center;}
.sub_title h3{font-size: 2.8125rem; letter-spacing: -0.05rem; font-weight: 600;}
.s_tit em{font-size: 1rem; font-weight: 700; line-height: 150%; display: block; margin-bottom: 0.625rem; color: var(--blue);}
.s_tit h4{font-size: 1.875rem; letter-spacing: -0.0375rem; line-height: 1.46;}

/* 인사말 */
.greet{gap: 9.375rem; display: flex; align-items: flex-start; position: relative;}
.greet::after{content: 'GREETING'; font-size: 9.375rem; letter-spacing: -0.0625rem; font-weight: 900; opacity: 0.02; right: 0; position: absolute; bottom: -7.125rem; z-index: -1;}
.greet .txt{gap: 3.125rem; width: calc(60% - 9.375rem);}
.greet .txt .fs_20{color: #6D6D6D; line-height: 1.5; letter-spacing: -0.0375rem;}
.greet .txt .name{font-size: 1.5rem; letter-spacing: -0.0375rem; font-weight: 500; line-height: 150%;}
.greet .img{width: 40%;}
.greet .img img{width: 100%;}



@media screen and (max-width:1620px){

	.sub_inner{padding: 0 2.5rem;}

}

@media screen and (max-width:1280px){

	/* 인사말 */
	.greet{gap: 7rem;}
	.greet .txt{gap: 3.125rem; width: calc(60% - 7rem);}

}

@media screen and (max-width:1024px){

	/* 공통 */
	.sub_visual{height: 18.75rem;}
	.sub_vis_txt{padding-top: 3.75rem;}
	.sub_vis_txt h2{font-size: 2rem;}
	.sub_vis_txt .location{margin-top: 1.25rem; gap: 0.5625rem;}
	.sub_vis_txt .location img{width: 0.9375rem;}
	.sub_vis_txt .location .txt{font-size: 0.875rem;}
	.sub_wrap{padding: 3.75rem 0 6.25rem;}
	.sub_inner{padding: 0 1.25rem; max-width: 100%;}
	.sub_menu{height: 3.4375rem; top: 3.75rem;}
	.sub_menu ul{gap: 0; padding: 0 0.625rem;}
	.sub_menu ul li a {font-size: 1.0125rem; padding: 0.5625rem;}
	.sub_title{margin-bottom: 2.5rem;}
	.sub_title h3{font-size: 1.75rem;}
	.s_tit em{font-size: 0.875rem; margin-bottom: 0.625rem;}
	.s_tit h4{font-size: 1.375rem;}

	/* 인사말 */
	.greet{gap: 2.75rem;}
	.greet::after{font-size: 5rem; letter-spacing: -0.0625rem; bottom: -15%;}
	.greet .txt{gap: 1.5rem; width: calc(60% - 2.75rem);}
	.greet .txt .name{font-size: 1.125rem;}

}

@media screen and (max-width:768px){

	/* 공통 */
	.sub_visual{background-image:url("/img/sub/m_sub_visual01.jpg");}
	.sub_visual.bg02{background-image:url("/img/sub/sub_visual02.jpg");}
	.sub_visual.bg03{background-image:url("/img/sub/sub_visual03.jpg");}
	.sub_visual.bg04{background-image:url("/img/sub/sub_visual04.jpg");}
	.sub_visual.bg05{background-image:url("/img/sub/sub_visual05.jpg");}
	.sub_menu ul{justify-content: flex-start;}

	/* 인사말 */
	.greet{flex-direction: column;}
	.greet::after{display: none;}
	.greet .txt{gap: 1.5rem; width: 100%;}
	.greet .img{width: 100%;}

}