/* 서브공통 - 시작 */
#header .h_wrap .inner{position:relative;}
#header .h_wrap .inner:after{
	content: '';
    display: block;
	position: absolute;
    left: 0;
	bottom: 0;
    width: 100%;
	height: 1px;
	background-color:rgba(255, 255, 255, 0.2);
}
.sub_inner{width: 100%; height: 100%; max-width:1660px; margin: 0 auto; padding:0 60px;}

	/* 미디어쿼리 시작 */
	@media (max-width: 1600px) {
		.sub_inner{padding: 0 50px;}
	}
	@media (max-width: 1440px) {
		.sub_inner{padding: 0 40px;}
	}
	@media (max-width: 1024px) {
		.sub_inner{padding: 0 30px;}
	}
	@media (max-width: 768px) {
		.sub_inner{padding: 0 20px;}
	}
	@media (max-width: 425px) {
		.sub_inner{padding: 0 16px;}
	}
	/* 미디어쿼리 끝 */
/* 서브공통 - 끝 */


/* 상단 애니메이션 시작 */
@keyframes scale {
    0% {
        transform: scale(1.5);
    }
    to {
        transform: scale(1);
    }
}
/* 상단 애니메이션 끝 */


/* 서브상단 - 시작 */
.sub_head{width:100%; height:450px; position:relative; transition:height ease 0.3s; padding-top:105px;}
.sub_head .sub_top_bg{overflow:hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.sub_head .sub_top_bg .bg_in{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sub_head .sub_top_bg .bg_in img{width:100%; height:100%; object-fit:cover; image-rendering: -webkit-optimize-contrast; transform:scale(1.1) translateZ(0); will-change:transform; backface-visibility:hidden; animation:bgScale 4s forwards;}
@keyframes bgScale {
  from { transform: scale(1.1) translateZ(0); }
  to { transform: scale(1) translateZ(0); }
}
.sub_head .sub_head_in{position:relative; width:100%; height:100%; z-index:5;}
.sub_head .align_center{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.sub_head .align_center .sh_wrap{text-align:center; padding-top:1%;}
.sub_head .subpageTitle{position:relative; color:white; font-size:5rem; letter-spacing:-0.01rem; font-weight:600; z-index:5;}
.sub_head .breadcrumb{display:inline-flex; align-items:center; position:relative; background:rgba(0, 0, 0, 0.1); color:white; backdrop-filter:blur(10px); padding: 0 2.4rem 0 2.4rem; border-radius:5.4rem; margin-top:28px;}
.sub_head .breadcrumb:before{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1px;
    background: linear-gradient(167deg, #fff, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 55%, #fff);
    border-radius: 5.4rem;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0.4;
    z-index: -1;
}
.sub_head .breadcrumb:after{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px rgba(255,255,255, 0.07) solid;
    border-radius: 5.4rem;
    z-index: -2;
}
.sub_head .breadcrumb > li{position:relative; padding:0 1.5rem 0 1.4rem;}
.sub_head .breadcrumb > li:before{
    content: '';
    position: absolute;
    top: 50%; right: 0; bottom: 0;
    transform:translate(0,-50%);
    width:1px; height:11px;
    background-color:rgba(255,255,255,0.2);
}
.sub_head .breadcrumb > li:first-child{line-height:0; padding-left:0;}
.sub_head .breadcrumb > li:last-child{padding-right:0;}
.sub_head .breadcrumb > li:last-child:before{display:none;}
.sub_head .breadcrumb .depth_1 button span,
.sub_head .breadcrumb .depth_2 button span{font-size:1.7rem; letter-spacing:-0.025rem; padding-right:5.3rem; transition: opacity 0.3s ease;}
.sub_head .breadcrumb .depth_1 button,
.sub_head .breadcrumb .depth_2 button{position:relative; padding: 1.7rem 0 1.6rem 0; text-align:left; color:white; font-weight:500;}
.sub_head .breadcrumb .depth_1 button{min-width:14rem;}
.sub_head .breadcrumb .depth_2 button{min-width:16rem;}
.sub_head .breadcrumb button:after{
    content: '';
    display: block;
    top: calc(50% + 1px); right: 0;
    width: 0; height: 0;
    border-style: solid;
    border-width: 4px 5px 0px 5px;
    border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent;
    position: absolute;
    transform: translate(0,-50%);
    transition: 0.3s;
}
.sub_head .breadcrumb button.active:after{
    top:50%;
    transform: translate(0, -50%) rotate(180deg);
}
.sub_head .breadcrumb .home{display:inline-block; width:19px; height:17px; background:url(../images/sub/home_icon.svg) center no-repeat; background-size:contain; transition: opacity 0.3s ease;}
.sub_head .breadcrumb .home:hover,
.sub_head .breadcrumb .depth_1 button:hover span,
.sub_head .breadcrumb .depth_2 button:hover span{opacity: 0.7;}
.sub_head .breadcrumb li{position:relative;}
.sub_head .breadcrumb li:not(:last-child){margin-bottom:1px;}
.sub_head .sbc_list{position:absolute; top:calc(100% + 13px); left:0; min-width: calc(15.8rem + (15px * 2)); background:#ffffff; border-radius:20px; padding:15px 12px; opacity:0; visibility:hidden; transform:translateY(20px) rotateX(-10deg); transform-origin:top center; transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1); border:1px solid rgba(0, 0, 0, 0.06); box-shadow:0 15px 35px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 1), 0 0 0 1.5px rgba(255, 255, 255, 0.9), 0 0 0 2px rgba(0, 0, 0, 0.02); z-index:5;}
.sub_head .sbc_list.on{opacity:1; visibility:visible; transform:translateY(0) rotateX(0deg);}
.sub_head .sbc_list li a{display:flex; align-items:center; padding:12px 16px; color:#333; font-size:1.6rem; font-weight:500; border-radius:12px; transition:all 0.3s; white-space:nowrap; position:relative; overflow:hidden;}
.sub_head .sbc_list li a span{display:inline-block; transition:all 0.3s ease;}
.sub_head .sbc_list li a:hover{color:#1e4d8c;}
.sub_head .sbc_list li a:hover span{transform: translateX(-3px);}
.sub_head .sbc_list li a.active{background:#eaf2ff; color:#1e4d8c; font-weight:700;}


	/* 미디어쿼리 시작 */
	@media (max-width: 1920px) {
		.sub_head{height:420px;}
	}
	@media (max-width: 1600px) {
		.sub_head{height:400px;}
		.sub_head .subpageTitle{font-size:4.6rem;}
	}
	@media (max-width: 1440px) {
		.sub_head{height:380px;}
		.sub_head .subpageTitle{font-size:4.4rem;}
	}
	@media (max-width: 1280px) {
		.sub_head{height:360px; padding-top:90px;}
		.sub_head .subpageTitle{font-size:4.2rem;}
		.sub_head .breadcrumb{margin-top:24px;}
	}
	@media (max-width: 1024px) {
		.sub_head{height:330px; padding-top:85px;}
		.sub_head .subpageTitle{font-size:3.8rem;}
		.sub_head .breadcrumb{margin-top:20px;}
		.sub_head .breadcrumb .depth_1 button,
		.sub_head .breadcrumb .depth_2 button{padding:1.5rem 0 1.4rem 0;}
		.sub_head .breadcrumb .depth_1 button span,
		.sub_head .breadcrumb .depth_2 button span{font-size:1.6rem;}
		.sub_head .sbc_list li a{font-size:1.55rem; padding:10px 14px;}
	}
	@media (max-width: 768px) {
		.sub_head{height:280px; padding-top:85px;}
		.sub_head .sub_head_in{position:relative; z-index:5;}
		.sub_head .align_center{align-items:center; height:calc(100% - 52px);}
		.sub_head .subpageTitle{font-size:3.6rem;}

		.sub_head .breadcrumb{
			position:absolute;
			bottom:0;
			left:0;
			display:flex;
			align-items:stretch;
			width:100%;
			margin:0;
			padding:0 24px;
			border-radius:0;
			background:rgba(0, 0, 0, 0.3);
			backdrop-filter:blur(14px);
			-webkit-backdrop-filter:blur(14px);
			justify-content:flex-start;
		}
		.sub_head .breadcrumb:before,
		.sub_head .breadcrumb:after{border-radius:0;}
		.sub_head .breadcrumb > li{padding:0 2rem 0 1.8rem;}
		.sub_head .breadcrumb > li:not(:first-child){max-width: calc((100% - 35px) / 2); width:100%;}
		.sub_head .breadcrumb > li:not(:first-child) button{width:100%;}
		.sub_head .breadcrumb > li:first-child{display:flex; align-items: center; padding:0 1.6rem 0 0;} /* home 아이콘 li */
		.sub_head .breadcrumb > li:last-child{padding-right:0;}
		.sub_head .breadcrumb > li:before{
			content:'';
			position:absolute;
			top:0; right:0;
			width:1px; height:100%;
			background:rgba(255, 255, 255, 0.15);
			transform:none;
		}
		.sub_head .breadcrumb > li:last-child:before{display:none;}

		/* 말줄임 : span에만 적용, button 구조는 유지 */
		.sub_head .breadcrumb .depth_1 button,
		.sub_head .breadcrumb .depth_2 button{
			position:relative;
			padding:1.6rem 0 1.5rem 0;
			min-width:0;
		}
		.sub_head .breadcrumb .depth_1 button span,
		.sub_head .breadcrumb .depth_2 button span{
			display:block;
			font-size:1.6rem;
			padding-right:2.8rem; /* 화살표 공간 확보 */
			max-width:18rem;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
		}
		.sub_head .sbc_list{top: calc(100% - -3px); left: -2px;width: calc(100% + 4px);
    border-top: none;}
		.sub_head .sbc_list li a{font-size:1.5rem; padding:10px 12px; border-radius:10px;}
	}
	@media (max-width: 500px) {
		.sub_head{height:260px; padding-top:75px;}
		.sub_head .align_center{height:calc(100% - 50px);}
		.sub_head .subpageTitle{font-size:3.4rem;}
		.sub_head .breadcrumb{padding:0 20px;}
		.sub_head .breadcrumb > li{padding:0 1.8rem 0 1.6rem;}
		.sub_head .breadcrumb > li:first-child{padding:0 1.4rem 0 0;}
		.sub_head .breadcrumb > li:last-child .sbc_list{left:auto; right:-5px;}
		.sub_head .breadcrumb > li:not(:first-child){max-width: calc((100% - 31px) / 2);}
		.sub_head .breadcrumb .depth_1 button,
		.sub_head .breadcrumb .depth_2 button{padding:1.55rem 0 1.45rem 0;}
		.sub_head .breadcrumb .depth_1 button span,
		.sub_head .breadcrumb .depth_2 button span{font-size:1.55rem; padding-right:2.6rem; max-width:13rem;}
		.sub_head .breadcrumb .home{width:17px; height:16px;}
	}
	@media (max-width: 425px) {
		.sub_head{height:240px;}
		.sub_head .align_center{height:calc(100% - 48px);}
		.sub_head .subpageTitle{font-size:3.2rem;}
		.sub_head .breadcrumb{padding:0 16px;}
		.sub_head .breadcrumb > li{padding:0 1.6rem 0 1.4rem;}
		.sub_head .breadcrumb > li:first-child{padding:0 1.2rem 0 0;}
		.sub_head .breadcrumb > li:not(:first-child){max-width: calc((100% - 29px) / 2);}
		.sub_head .breadcrumb .depth_1 button,
		.sub_head .breadcrumb .depth_2 button{padding:1.5rem 0 1.4rem 0;}
		.sub_head .breadcrumb .depth_1 button span,
		.sub_head .breadcrumb .depth_2 button span{font-size:1.5rem; padding-right:2.4rem; max-width:11rem;}
		.sub_head .sbc_list li a{font-size:1.4rem; padding:9px 11px;}
	}
	@media (max-width: 375px) {
		.sub_head{height:225px;}
		.sub_head .align_center{height:calc(100% - 46px);}
		.sub_head .subpageTitle{font-size:3rem;}
		.sub_head .breadcrumb{padding:0 16px;}
		.sub_head .breadcrumb > li{padding:0 1.5rem 0 1.3rem;}
		.sub_head .breadcrumb > li:first-child{padding:0 1.1rem 0 0;}
		.sub_head .breadcrumb > li:not(:first-child){max-width: calc((100% - 28px) / 2);}
		.sub_head .breadcrumb .depth_1 button,
		.sub_head .breadcrumb .depth_2 button{padding:1.45rem 0 1.35rem 0;}
		.sub_head .breadcrumb .depth_1 button span,
		.sub_head .breadcrumb .depth_2 button span{font-size:1.45rem; padding-right:2.2rem; max-width:9rem;}
	}
	/* 미디어쿼리 끝 */
/* 서브상단 - 끝 */


/* 프린트 영역 지정 시작 */
@media print {
		* {
			-webkit-print-color-adjust: exact;
			print-color-adjust:exact; 
		}
	}
/* 프린트 영역 지정 끝 */