.hgroup_side.hg_side_right.jtb{display: none;}
.bs_history { width: 100%; max-width: max(1267.2px, 125vw); margin: 0 auto; }
.bs_history .sc_wrap { padding: max(100px, 10.5104166667vw) 0 max(105.6px, 10.4166666667vw); padding-bottom: 0; overflow: hidden; }
.bs_history .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.5s ease; }
.bs_history .text_area.on { position: absolute; top: max(800px, 1.5104166667vw); }
.bs_history .text_area .top_text { font-size: max(13.2px, 1.3020833333vw); color: #DA291C; }
.bs_history .text_area .top_tit { margin-top: max(5.28px, 0.5208333333vw); font-size: max(29.04px, 2.8645833333vw); font-weight: 500; }
.bs_history .text_area.on .top_tit { color: #fff; }
.bs_history .text_area .top_desc { margin-top: max(40.28px, 2.0208333333vw); font-size: max(10.56px, 1.2416666667vw);}
.bs_history .text_area.on .top_desc { color: #fff; }
.bs_history .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_history .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_history .bg { height: 350px; }
.move_box.fullscreen { transform: scale(1); width: 100%; height: 100vh; border-radius: 0; max-width: none; }
.bs_history .detail_area { position: relative; text-align: center; gap: 100px; max-width: 1200px; margin: 0 auto; padding: 100px 0; }
.bs_history .detail_area .tablist_wrap .tablist { display: flex; justify-content: space-around; gap: 100px; border-bottom: 1px solid #dad5d5; }
.bs_history .detail_area .tablist_wrap .tablist .tabitem { width: calc(100% /3); position: relative; padding-bottom: 10px; }
.bs_history .detail_area .tablist_wrap .tablist .tabitem.active::after { content: ''; position: absolute; bottom: 0; width: 65%; left: 50%; transform: translateX(-50%); height: 2px; background: #DA291C; }
.bs_history .detail_area .tablist_wrap .tablist .tabitem.active::before { content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 100%; background: #DA291C; }
.bs_history .detail_area .tablist_wrap .tablist .tabitem .tab_link { display: block; width: 100%; height: 100%; font-size: 40px; font-weight: 500; }
.bs_history .detail_area .tablist_wrap .tablist .tabitem.active .tab_link { color: #DA291C; }
.bs_history .detail_area .h_cont_wrap .h_cont_box { display:none; }
.bs_history .detail_area .h_cont_wrap .h_cont_box.active { display:block; }
.bs_history .detail_area .h_cont_wrap .h_cont_box .history_wrap { display: flex; justify-content: center; gap: 150px; padding: 40px 0 0; }
.h_cont_wrap .h_cont_box .history_wrap .year_box { width: 20%; }
.h_cont_wrap .h_cont_box .history_wrap .year_box .year { font-size: 40px; font-weight: 500; text-align: right; }
.h_cont_wrap .h_cont_box .history_wrap .h_detail_list { display: block; width: 80%; padding: 10px 0; }
.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item { display: flex; justify-content: start; gap: 20px; padding-bottom: 30px; }
.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item:last-child { padding-bottom: 0; }
.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item .month { display: block; min-width: 70px; font-size: 30px; }
.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item .text { display: block; font-size: 30px; color: #757575; }
/* 스크롤 이벤트 */
.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_history .sc_wrap { padding: max(30px, 3.5104166667vw) 0 max(105.6px, 10.4166666667vw); }
	.bs_history .text_area .top_tit br { display: none; }
	.bs_history .text_area { top: 120px; width: 90%; left: 50%; transform: translateX(-50%); }
	.bs_history .text_area.on { position: absolute; top: max(520px, 1.5104166667vw); }
	.bs_history .text_area .top_text { font-size: max(17px, 1.3020833333vw); }
	.bs_history .text_area .top_tit { margin-top: max(20.28px, 0.5208333333vw); font-size: max(25.04px, 2.8645833333vw); font-weight: 500; }
	.bs_history .text_area .top_desc { margin-top: max(20.28px, 4.0208333333vw); font-size: max(14.2px, 1.3020833333vw); }
	.bs_history .move_box{height: max(450.14px, 47.4609375vw);}
	.bs_history .move_box img { transform: scale(1); }
	.bs_history .detail_area { display: block; padding: 50px 10px; }
	.bs_history .detail_area .tablist_wrap .tablist { gap: 10px; }
	.bs_history .detail_area .tablist_wrap .tablist .tabitem .tab_link { font-size: 16px; }
	.bs_history .detail_area .tablist_wrap .tablist .tabitem.active::after { width: 100%; }
	.bs_history .detail_area .h_cont_wrap .h_cont_box .history_wrap { display: block; padding: 20px 0 0; }
	.h_cont_wrap .h_cont_box .history_wrap .year_box { width: 100%; }
	.h_cont_wrap .h_cont_box .history_wrap .year_box .year { font-size: 22px; text-align: left; padding: 0 0 10px 10px; }
	.h_cont_wrap .h_cont_box .history_wrap .h_detail_list { width: 100%; padding:0; }
	.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item .month { font-size: 14px; }
	.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item .text { font-size: 14px; text-align: left; }
	.h_cont_wrap .h_cont_box .history_wrap .h_detail_list .h_detail_item { padding-bottom: 15px; }
}
@media (max-width:500px){
	.bs_history .text_area .top_desc br { display: none; }
	.bs_history .move_box { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
	.bs_history .move_box img { width: 100%; height: 100%; transform: scale(1); }
}