/* 서브공통 */
.con_wrap {}
.con_wrap * {color: #121212; line-height: 1.4; word-break: keep-all;}
.con_wrap .sub_tit_box {margin-bottom: 30px;}
.con_wrap .sub_tit_box span {font-size: 16px; color: #005bac; display: block; margin-bottom: 5px;}
.con_wrap .sub_tit_box h3 {font-size: 40px;}

@media screen and (max-width:960px) {
	.con_wrap .sub_tit_box h3 {font-size: 35px;}
}
@media screen and (max-width:640px) {
	.con_wrap .sub_tit_box h3 {font-size: 30px;}
}
@media screen and (max-width:500px) {
	.con_wrap .sub_tit_box span {font-size: 14px;}
	.con_wrap .sub_tit_box h3 {font-size: 25px;}
}
/* 서브공통 */




/* a1 */
#a1 {position: relative; scroll-behavior: smooth;}
#a1 .box {margin-bottom: 80px;}
#a1 .box:last-child {margin-bottom: 0;}

#a1 .box1 .title_box {margin-bottom:40px; padding:80px 20px 0;}
#a1 .box1 .title_box h2 {font-size:50px; font-weight:700;}
#a1 .box1 .title_box span {font-size:22px; display:block; color:#666; margin-top:10px;}
#a1 .box1 .img_wrap {position:relative; width:50%; margin:0 auto; overflow:hidden;}
#a1 .box1 .img_box {width:100%; border-radius:20px; overflow:hidden; position:relative;}
#a1 .box1 .img_box img {width:100%; height:800px; object-fit:cover; display:block;}
#a1 .box1 .img_box .cover {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; z-index:1;}
#a1 .box1 .img_box .desc_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; text-align:center; opacity:0; width:90%;}
#a1 .box1 .img_box .desc_box p {font-size:36px; color:#fff; font-weight:600;}

#a1 .box2 .sub_tit_box {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
#a1 .box2 ul {gap: 50px;}
#a1 .box2 ul .img_box {width: 30%;}
#a1 .box2 ul .img_box img {width: 100%; border-radius: 20px;}
#a1 .box2 ul .txt_box {width: calc(70% - 50px);}
#a1 .box2 ul .txt_box h2 {font-size: 25px; margin-bottom: 20px;}
#a1 .box2 ul .txt_box p {font-size: 18px;}
#a1 .box2 ul .txt_box p .ceo {display: block; margin-top: 30px; font-weight: 600; font-size: 120%;}

#a1 .box3 .hist_timeline {position: relative; max-width: 1400px; margin: 60px auto 0;}
#a1 .box3 .hist_timeline::before {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #e0e0e0; transform: translateX(-50%);}
#a1 .box3 .hist_block {display: flex; justify-content: flex-end; padding-right: calc(50% + 60px); margin-bottom: 60px; position: relative;}
#a1 .box3 .hist_block.right {justify-content: flex-start; padding-right: 0; padding-left: calc(50% + 60px);}
#a1 .box3 .hist_block::after {content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: #005bac; border: 3px solid #fff; outline: 1px solid #005bac; transition: all 0.3s ease;}
#a1 .box3 .hist_block:hover::after {background: #121212; outline-color: #121212; width: 18px; height: 18px;}
#a1 .box3 .hist_card {background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 30px 36px; max-width: 620px; width: 100%; transition: border-color 0.3s ease;}
#a1 .box3 .hist_block:hover .hist_card {border-color: #005bac;}
#a1 .box3 .hist_card strong {display: block; font-size: 36px; font-weight: 700; color: #005bac; margin-bottom: 40px; line-height: 1; transition: color 0.3s ease;}
#a1 .box3 .hist_block:hover .hist_card strong {color: #121212;}
#a1 .box3 .hist_item {display: flex; gap: 14px; align-items: flex-start; margin-bottom: 16px;}
#a1 .box3 .hist_item:last-child {margin-bottom: 0;}
#a1 .box3 .hist_badge {background: #eef5fb; color: #005bac; font-size: 15px; font-weight: 700; padding: 3px 10px; border-radius: 20px; flex-shrink: 0; margin-top: 2px; letter-spacing: 1px; white-space: nowrap; transition: all 0.3s ease;}
#a1 .box3 .hist_block:hover .hist_badge {background: #121212; color: #fff;}
#a1 .box3 .hist_item_body {flex: 1;}
#a1 .box3 .hist_item_body p {font-size: 18px; color: #444; line-height: 1.7; word-break: keep-all;}
#a1 .box3 .hist_item_body img {display: block; width: 100%; margin-top: 12px; border-radius: 8px;}

@media screen and (max-width:1200px) {
	#a1 .box1 .title_box h2 {font-size: 45px;}
	#a1 .box1 .title_box span {font-size: 22px; margin-top: 0;}
	#a1 .box1 .img_box img {height: 600px;}
	#a1 .box1 .img_box .desc_box p {font-size: 30px;}
}
@media screen and (max-width:960px) {
	#a1 .box1 .title_box h2 {font-size: 40px;}
	#a1 .box1 .title_box span {font-size: 20px;}
	#a1 .box1 .img_box .desc_box p {font-size: 28px;}
	#a1 .box2 ul .img_box {width: 100%;}
	#a1 .box2 ul .txt_box {width: 100%;}

	#a1 .box3 .hist_timeline::before {left: 20px;}
	#a1 .box3 .hist_block {padding-right: 0; padding-left: 60px; justify-content: flex-start;}
	#a1 .box3 .hist_block.right {padding-left: 60px;}
	#a1 .box3 .hist_block::after {left: 20px;}
	#a1 .box3 .hist_card {max-width: 100%;}
}
@media screen and (max-width:640px) {
	#a1 .box {margin-bottom: 50px;}
	#a1 .box1 .title_box h2 {font-size: 35px;}
	#a1 .box1 .title_box span {font-size: 18px;}
	#a1 .box1 .img_box img {height: 400px;}
	#a1 .box1 .img_box .desc_box p {font-size: 22px;}
	#a1 .box2 ul .txt_box p {font-size: 16px;}

	#a1 .box3 .hist_item {flex-wrap: wrap; gap: 5px; margin-bottom: 25px;}
	#a1 .box3 .hist_block {padding-left: 44px; margin-bottom: 30px;}
	#a1 .box3 .hist_block.right {padding-left: 44px;}
	#a1 .box3 .hist_block::after {left: 14px; width: 12px; height: 12px; top: 26px;}
	#a1 .box3 .hist_timeline::before {left: 14px;}
	#a1 .box3 .hist_card {padding: 20px 24px;}
	#a1 .box3 .hist_card strong {font-size: 28px; margin-bottom: 20px;}
	#a1 .box3 .hist_item_body {flex: auto; width: 100%;}
	#a1 .box3 .hist_item_body p {font-size: 16px;}
	#a1 .box3 .hist_badge {font-size: 13px;}
}
@media screen and (max-width: 450px){
	#a1 .box1 .title_box h2 {font-size: 28px;}
}
/* a1 */



/* a2 */
#a2 {}
#a2 .box {margin-bottom: 80px;}
#a2 .box:last-child {margin-bottom: 0;}

#a2 .box1 ul {}
#a2 .box1 ul li {gap: 30px; margin-bottom: 50px;}
#a2 .box1 ul li:last-child {margin-bottom: 0;}
#a2 .box1 ul li .img_box {width: 50%;}
#a2 .box1 ul li .img_box img {width: 100%; border-radius: 20px;}
#a2 .box1 ul li .txt_box {width: calc(50% - 30px); padding-top: 30px;}
#a2 .box1 ul li .txt_box span {display: block; margin-bottom: 10px; background-color: #ddd; width: max-content; border-radius: 30px; font-size: 15px; font-weight: 500; padding: 10px 20px; text-align: center; color: #666;}
#a2 .box1 ul li .txt_box h3 {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-size: 28px;}
#a2 .box1 ul li .txt_box p {font-size: 20px; line-height: 1.5;}
#a2 .box1 ul li:nth-child(2) .img_box {order: 2;}

@media screen and (max-width:1200px) {
  #a2 .box1 ul li .txt_box h3 {font-size: 26px;}
	#a2 .box1 ul li .txt_box p {font-size: 18px;}
}

@media screen and (max-width:960px) {
  #a2 .box1 ul li .img_box {width: 100%;}
  #a2 .box1 ul li .txt_box {width: 100%; padding-top: 0;}
	#a2 .box1 ul li:nth-child(2) .img_box {order: 1;}
	#a2 .box1 ul li:nth-child(2) .txt_box {order: 2;}
}

@media screen and (max-width:640px) {
	#a2 .box {margin-bottom: 50px;}
	#a2 .box1 ul li .txt_box span {font-size: 14px; padding: 8px 15px;}
  #a2 .box1 ul li .txt_box h3 {font-size: 24px;}
	#a2 .box1 ul li .txt_box p {font-size: 16px;}
}
/* a2 */



/* a3 */
#a3 {}
#a3 .box {margin-bottom: 80px;}
#a3 .box:last-child {margin-bottom: 0;}

#a3 .box1 img {display: block; width: 100%; margin: 0 auto; max-width: 992px;}

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

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

@media screen and (max-width:640px) {
	#a3 .box {margin-bottom: 50px;}

}
/* a3 */