#sub_content{margin-left: calc(2rem + 3.75rem); padding: 5rem 0; border-left: 1px solid #000; min-height: calc(100vh - 60px);}
.sub_inner{padding: 0 3.75rem; margin:0 auto;}
.footer.sub{position: initial; margin-left: calc(2rem + 3.75rem); border-left: 1px solid #000; width: calc(100% - 5.8rem);}
.sub_title{margin-bottom: 3.125rem; text-align:center;}
.sub_title h3{font-size: 2.8125rem; font-weight: 600; line-height: 130%;}
header .home {cursor:pointer;position:absolute;top:2.5rem;left:50%;transform:translateX(-50%);width: 1.875rem;height: 1.25rem;}

#sub_content.prj{margin-right: 3.75rem;}
.footer.prj{margin-right: 3.75rem; width: calc(100% - 5.8rem - 3.75rem);}
.apply_bar{position: fixed; top: 0; right: 0; width: 3.75rem; height: 100vh; background: #FFF; z-index: 1000; transition: all 0.3s; font-size: var(--textMd); border-left: 1px solid #eee;}
.apply_bar a{width: 100%; height: 100%; display: block;}
.apply_bar a span{transform: translateX(-50%) rotate(-90deg); display: block; position: absolute; top: 3.25rem; left: 50%; transition: all 0.3s;}
.apply_bar:hover{background: #000;}
.apply_bar:hover a span{color: #FFF;}

/* project view */
.bd_view{display: flex; align-items: flex-start; gap: 5rem;}
.bd_view .img_wrap{width: 63.75%;}
.bd_view .img_wrap .list{display: flex; flex-wrap: wrap; gap: 1.25rem;}
.bd_view .img_wrap .list li{width: calc(50% - (1.25rem / 2)); aspect-ratio: 1/1;}
.bd_view .img_wrap .list li img{width: 100%; height: 100%; object-fit: cover;}
.bd_view .img_wrap .btn_wrap{margin-top: 3.75rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem;}
.bd_view .img_wrap .more_btn,
.bd_view .list_btn{font-size: 1rem; background: var(--color-primary); color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; width: 7rem; height: 3.125rem; font-weight: 600; cursor: pointer;}
.bd_view .img_wrap .more_btn.on i{width: 1rem; aspect-ratio: 1/1; background: url(/img/sub/prv_close.svg) no-repeat center / contain; filter: brightness(0) invert(1);}
.bd_view .list_btn{border: 1px solid var(--black); color: var(--black); background: #FFF;}
.bd_view .txt_wrap{position: sticky; top: 5rem; width: calc(36.25% - 5rem); padding-top: 2rem; padding-right: 1.25rem; display: flex; flex-direction: column; gap: 3.75rem}
.bd_view .txt_wrap .cont{padding-right: 2rem; height: 76vh; overflow-y: auto;}
.bd_view .txt_wrap .cont::-webkit-scrollbar {width: 3px;}
.bd_view .txt_wrap .cont::-webkit-scrollbar-thumb {height: 30%; background: #000;}
.bd_view .txt_wrap .cont::-webkit-scrollbar-track {background: #D9D9D9;}
.bd_view .txt_wrap .title{font-size: 2.8125rem; font-weight: 600;}
.bd_view .txt_wrap .desc{margin: 3.125rem 0; font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.03125rem;}
.bd_view .txt_wrap .date{font-size: 1rem; line-height: 1.5; color: #6d6d6d;}
.project .popupWrap{width: 50rem;}
.project .popupClose{right: -2.5rem;}
.project .popupWrap .pop_swiper{overflow: hidden;}
.project .popupWrap .pop_swiper .swiper-slide{aspect-ratio: 1/1;}
.project .popupWrap .pop_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.project .popupWrap .pop_swiper .arrow{position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; background: rgba(19, 82, 135, 0.70); backdrop-filter: blur(5px);}
.project .popupWrap .pop_swiper .arrow div{display: flex; align-items: center; justify-content: center; width: 2.75rem; aspect-ratio: 1/1; cursor: pointer;}
.project .popupWrap .pop_swiper .arrow .line{width: 1px; height: 1rem; background: #FFF; opacity: 0.1; display: inline-block;}
.project .popupWrap .pop_swiper .arrow div img{width: 1.25rem;}


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

	/* project view */
	.bd_view{gap: 4rem;}
	.bd_view .img_wrap{width: 60%;}
	.bd_view .img_wrap .list{gap: 1.25rem;}
	.bd_view .img_wrap .list li{width: calc(50% - (1.25rem / 2));}
	/* .bd_view .img_wrap .more_btn,
	.bd_view .list_btn{font-size: 0.875rem; gap: 0.25rem; padding: 0.65rem 1.75rem;} */
	.bd_view .img_wrap .more_btn.on i{width: 1rem;}
	.bd_view .txt_wrap{top: 4rem; width: calc(40% - 4rem); padding-top: 0; padding-right: 0.25rem; gap: 3.75rem}
	.bd_view .txt_wrap .cont{padding-right: 1.25rem;}
	.bd_view .txt_wrap .title{font-size: 2.5rem;}
	.bd_view .txt_wrap .desc{margin: 2.75rem 0; font-size: 1.125rem;}
	.bd_view .txt_wrap .date{font-size: 1rem;}
	.project .popupWrap{width: auto; height: 80%; aspect-ratio: 1/1;}
	.project .popupWrap .pop_swiper{height: 100%; aspect-ratio: 1/1;}

}


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

	#sub_content{margin-left: 0; padding: 5rem 0; border-left: none; margin-top: 3.75rem; min-height: initial;}
	.sub_inner{padding: 0 2.5rem;}
	.footer.sub{margin-left: 0; border-left: none; background: #000 !important; color: #FFF !important; display: block; width: 100%; display: none;}
	#sub_content.prj{margin-right: 0;}

	/* project view */
	.bd_view{gap: 3rem;}
	.bd_view .img_wrap{width: 58%;}
	.bd_view .txt_wrap{top: 8.5rem; width: calc(42% - 3rem);}
	.project .popupClose{right: -4.5rem;}
	.bd_view .txt_wrap .date{display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem;}
	.bd_view .txt_wrap .date .projectMore{display: inline-flex !important; font-size: 1rem; width: 7rem; height: 2.5rem;}
}


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

	#sub_content{padding: 3.75rem 0; margin-top: 3.5rem;}
	.sub_inner{padding: 0 1.25rem;}
	.sub_title{margin-bottom: 3.125rem;}
	.sub_title h3{font-size: 2rem;}

	.project .popupClose{right: 0; top: -2.5rem;}
	.project .popupWrap{width: calc(100% - 2.5rem); height: auto;}

	/* project view */
	.bd_view{gap: 3rem; flex-direction: column-reverse;}
	.bd_view .img_wrap{width: 100%;}
	.bd_view .img_wrap .list{gap: 1rem;}
	.bd_view .img_wrap .list li{width: calc(50% - (1rem / 2));}
	.bd_view .img_wrap .btn_wrap{margin-top: 2.5rem;}
	.bd_view .img_wrap .more_btn,
	.bd_view .list_btn{font-size: 0.875rem; gap: 0.25rem; width: 6.25rem; height: 2.75rem;}
	.bd_view .img_wrap .more_btn.on i{width: 1rem;}
	.bd_view .txt_wrap{position: initial; width: 100%; gap: 3.75rem}
	.bd_view .txt_wrap .cont{padding-right: 0; height: auto;}
	.bd_view .txt_wrap .title{font-size: 2rem;  gap: 1rem;}
	.bd_view .txt_wrap .desc{margin: 1.875rem 0; font-size: 1rem;}
	.bd_view .txt_wrap .date{font-size: 0.875rem;}
	.bd_view .txt_wrap .date .projectMore{font-size: 0.875rem; width: 6.56rem; height: 1.96rem; gap: 0.44rem; border-radius: 21.875rem; margin-bottom: 1.82rem;}
	.bd_view .txt_wrap .list_btn{display: none;}
	.project .popupClose{top: -2.5rem;}
	
}