.hgroup_side.hg_side_right.jtb{display: none;}
.bs_esg { width: 100%; max-width: max(1267.2px, 125vw); margin: 0 auto; }
.bs_esg .sc_wrap { padding: max(100px, 10.5104166667vw) 0 max(105.6px, 10.4166666667vw); padding-bottom: 0; overflow: hidden; }
.bs_esg .text_area { width: 100%; position: fixed; top: max(200px, 1.5104166667vw); text-align: center; z-index: 11; padding-bottom: max(34.32px, 3.3854166667vw); left: 0; transition: top 0.4s ease; }
.bs_esg .text_area.on { position: absolute; top: max(800px, 1.5104166667vw); }
.bs_esg .text_area .top_text { font-size: max(13.2px, 1.3020833333vw); color: #DA291C; }
.bs_esg .text_area .top_tit { margin-top: max(5.28px, 0.5208333333vw); font-size: max(29.04px, 2.8645833333vw); font-weight: 500; transition: color 0.4s ease-in-out; }
.bs_esg .text_area.on .top_tit { color: #fff; }
.bs_esg .text_area .top_desc { margin-top: max(40.28px, 2.0208333333vw); font-size: max(10.56px, 1.2416666667vw);}
.bs_esg .text_area.on .top_desc { color: #fff; }
.bs_esg .move_box { position: relative; overflow: hidden; max-width: 1200px; margin: 0 auto; border-top-right-radius: 30px;border-top-left-radius: 30px; transition: transform 0.6s ease; transform-origin: center; }
.bs_esg .move_box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 10; }
.bs_esg .bg { height: 350px; }
.move_box.fullscreen { transform: scale(1); width: 100%; height: 100vh; border-radius: 0; max-width: none; }
.bs_esg .detail_area { position: relative; text-align: center; gap: 100px; max-width: 1200px; margin: 0 auto; padding: 100px 0; }
.bs_esg .detail_area .esg_list .esg_item { display: flex; justify-content: center; gap: 10%; padding-bottom: 100px; }
.bs_esg .detail_area .esg_list .esg_item:nth-child(2) { flex-direction: row-reverse; }
.bs_esg .detail_area .esg_list .esg_item:last-child { padding-bottom: 0; }
.bs_esg .detail_area .esg_list .esg_item .img_box { position: relative; width: 35%; height: 400px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.bs_esg .detail_area .esg_list .esg_item .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 20px; }
.bs_esg .detail_area .esg_list .esg_item .text_box { width: 32%; display: flex; flex-direction: column; justify-content: center; text-align: left; }
.bs_esg .detail_area .esg_list .esg_item:nth-child(2) .text_box { text-align: right; }
.bs_esg .detail_area .esg_list .esg_item .text_box .txt_tit { font-size: max(26.4px, 2.6041666667vw); font-weight: 500; padding-bottom: 30px; }
.bs_esg .detail_area .esg_list .esg_item .text_box .txt_desc { font-size: max(11.88px, 1.171875vw); }
/* 스크롤 이벤트 */
.hidden-section { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.1s; }
.hidden-sectiontwo { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
.hidden-sectionthree { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
.hidden-sectionfour { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.7s; }
.visible { opacity: 1; transform: translateY(0); }
@media (max-width:1023px){
	.bs_esg .sc_wrap { padding: max(30px, 3.5104166667vw) 0 max(105.6px, 10.4166666667vw); }
	.bs_esg .text_area .top_tit br { display: none; }
	.bs_esg .text_area { top: 120px; width: 90%; left: 50%; transform: translateX(-50%); }
	.bs_esg .text_area.on { position: absolute; top: max(520px, 1.5104166667vw); }
	.bs_esg .text_area .top_text { font-size: max(17px, 1.3020833333vw); }
	.bs_esg .text_area .top_tit { margin-top: max(20.28px, 0.5208333333vw); font-size: max(25.04px, 2.8645833333vw); font-weight: 500; }
	.bs_esg .text_area .top_desc { margin-top: max(20.28px, 4.0208333333vw); font-size: max(14.2px, 1.3020833333vw); }
	.bs_esg .move_box{height: max(450.14px, 47.4609375vw);}
	.bs_esg .move_box img { transform: scale(1); }
	.bs_esg .detail_area { display: block; padding: 50px 10px; }
	.bs_esg .detail_area .esg_list .esg_item { display: block; padding-bottom: 50px; }
	.bs_esg .detail_area .esg_list .esg_item .img_box { width: 100%; height: 300px; }
	.bs_esg .detail_area .esg_list .esg_item .text_box { width: 100%; padding-top: 10px; }
	.bs_esg .detail_area .esg_list .esg_item:nth-child(2) .text_box { text-align: left; }
	.bs_esg .detail_area .esg_list .esg_item .text_box .txt_tit { font-size: 28px; padding-bottom: 10px; }
	.bs_esg .detail_area .esg_list .esg_item .text_box .txt_desc { font-size: 16px; }
}
@media (max-width:500px){
	.bs_esg .text_area .top_desc br { display: none; }
	.bs_esg .move_box { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
	.bs_esg .move_box img { width: 100%; height: 100%; transform: scale(1); }
}