/* value */
.value_wrap .sec01 { text-align:center; margin-bottom:140px; word-break: keep-all; } 
.value_wrap .sec01 strong { display:block; font-size:60px; color:#000; line-height: 1; margin-bottom: 60px; } 
.value_wrap .sec01 p { font-size:30px; color: #ddd; font-weight:600; line-height:1.5; transition: all 0.3s ease; } 
.value_wrap .sec01 p span { color: #ddd; transition: color 0.5s ease; } 
.value_wrap .sec01 p span.active { color: #000; /* 바뀔 색상 */ } 

.value_wrap .value_sec { margin-bottom:140px; word-break: keep-all; } 
.value_wrap .value_sec .value_tit { font-size: 40px; font-weight: 700; margin-bottom:60px; } 
.value_wrap .value_sec .value_con { position:relative; font-size: 0; } 
.value_wrap .value_sec .value_con .img_wrap { position:relative; display: inline-block; width:32%; padding-bottom: 26%; background:#fff; border-radius: 40px; overflow: hidden; box-sizing: border-box; vertical-align: middle; } 
.value_wrap .value_sec .value_con .img_wrap img { position: absolute; width: 100%; top:50%; left:50%; transform: translate(-50%,-50%); } 
.value_wrap .value_sec .value_con .txt_wrap { display: inline-block; width:68%; box-sizing: border-box; vertical-align: middle; padding:25px 0; padding-left: 80px; } 
.value_wrap .value_sec .value_con .txt_wrap .subCon_tit { position:relative; line-height:1; margin-bottom:60px; } 
.value_wrap .value_sec .value_con .txt_wrap i { display:block; width:100%; height:1px; background:#e8e8e8; content:""; margin-bottom:60px; animation: titLine 3s ease; animation-delay: 1.3s; } 
@keyframes titLine { 
 0% { width:0%; } 
 100% { width:100%; } 
 }
.value_wrap .value_sec .value_con .txt_wrap p { font-size: 25px; color:#000; margin-bottom:30px; text-align: right; } 
.value_wrap .value_sec .value_con .txt_wrap p br { display: none; } 
.value_wrap .value_sec .value_con .txt_wrap span { display: block; font-size:120px; color:#f5f5f5; font-weight: 800; line-height: 1; text-align: right; } 

.value_wrap .value_sec.sec03 .value_tit { text-align: right; } 
.value_wrap .value_sec.sec03 .value_con .img_wrap { position:absolute; right:0; top:50%; transform: translateY(-50%); } 
.value_wrap .value_sec.sec03 .value_con .txt_wrap { padding-left: 0; padding-right:80px; } 
.value_wrap .value_sec.sec03 .value_con .txt_wrap .subCon_tit { text-align: right; } 
.value_wrap .value_sec.sec03 .value_con .txt_wrap p,
.value_wrap .value_sec.sec03 .value_con .txt_wrap span { text-align: left; } 

/* culture */
.culture_wrap { text-align:center; word-break: keep-all; } 
.culture_wrap .sec01 { text-align:center; margin-bottom:140px; } 
.culture_wrap .sec01 .fill_txt { margin-bottom:140px; } 
.culture_wrap .sec01 .fill_txt strong.fill01 { font-size:60px; color: #ddd; display: inline-block; line-height:1.3; transition: all 0.3s ease; } 
.culture_wrap .sec01 .fill_txt strong.fill01 span { color: #ddd; transition: color 0.5s ease; } 
.culture_wrap .sec01 .fill_txt strong.fill01 span.active { color: #000; /* 바뀔 색상 */ } 
.culture_wrap .sec01 .who_wrap { position:relative; width: 100%; height:600px; background: url(../img/sub/culture_bg01.jpg) no-repeat; background-size: cover; transition: all 0.3s ease; } 
.culture_wrap .sec01 .who_wrap .inner { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); } 
.culture_wrap .sec01 .who_wrap strong { display:block; font-size:60px; color:#fff; line-height:1; margin-bottom:60px; transition: all 0.3s ease; } 
.culture_wrap .sec01 .who_wrap p { font-size:25px; color:#fff; font-weight:300; line-height:1.7; transition: all 0.3s ease; } 

.culture_wrap .sec02 { margin-bottom:140px; } 
.culture_wrap .sec02 .work_wrap { font-size:0; box-sizing: border-box; margin-bottom:120px; } 
.culture_wrap .sec02 .work_wrap:last-child { margin-bottom:0; } 
.culture_wrap .sec02 .work_wrap > div { display: inline-block; width: 50%; text-align: left; vertical-align: top; } 
.culture_wrap .sec02 .work_wrap .left_wrap { padding-right: 40px; box-sizing: border-box; } 
.culture_wrap .sec02 .work_wrap .left_wrap strong { display: block; font-size: 80px; color:#ddd; line-height:1; margin-bottom:60px; transition: all 0.3s ease; } 
.culture_wrap .sec02 .work_wrap .left_wrap strong span { color:#000; } 
.culture_wrap .sec02 .work_wrap .left_wrap p { font-size: 35px; color:#000; line-height: 1.4; transition: all 0.3s ease; } 
.culture_wrap .sec02 .work_wrap .right_wrap .img_wrap { position: relative; width: 100%; padding-bottom:63%; border-radius: 40px; overflow: hidden; margin-bottom: 50px; transition: all 0.3s ease; } 
.culture_wrap .sec02 .work_wrap .right_wrap .img_wrap img { position: absolute; width: 100%; top:50%; left:50%; transform: translate(-50%, -50%); } 
.culture_wrap .sec02 .work_wrap .right_wrap .txt_wrap { padding:0 10px; } 
.culture_wrap .sec02 .work_wrap .right_wrap strong { display: block; font-size: 25px; color:#000; line-height:1; margin-bottom:30px; transition: all 0.3s ease; } 
.culture_wrap .sec02 .work_wrap .right_wrap p { line-height: 1.5; transition: all 0.3s ease; } 

.culture_wrap .sec03 { margin-bottom:140px; } 
.culture_wrap .sec03 .tool_list { display: flex; flex-wrap: wrap; justify-content: center; gap:20px; } 
.culture_wrap .sec03 .tool_list li { width:calc(25% - 15px); border-top:2px solid #000; border-bottom:1px solid #e8e8e8; padding:40px 30px; box-sizing: border-box; font-size: 0; transition: all 0.3s ease; } 
.culture_wrap .sec03 .tool_list li .txt_wrap { display: inline-block; width:calc(100% - 70px); text-align: left; vertical-align: middle; } 
.culture_wrap .sec03 .tool_list li .txt_wrap strong { display: block; font-size:22px; color:#000; line-height: 1; margin-bottom: 20px; transition: all 0.3s ease; } 
.culture_wrap .sec03 .tool_list li .txt_wrap p { font-size:18px; color:#333; font-weight:400; transition: all 0.3s ease; } 
.culture_wrap .sec03 .tool_list li .img_wrap { display: inline-block; width:70px; vertical-align: middle; transition: all 0.3s ease; } 
.culture_wrap .sec03 .tool_list li .img_wrap img { width:100%; } 

.culture_wrap .sec04 { width: 100%; overflow: hidden; } 
.culture_wrap .sec04 .subCon_tit p { font-size:25px; font-weight:500; margin-top:60px; } 
.culture_wrap .sec04 .swiper { width:105%; margin-left:-40px; } 
.culture_wrap .sec04 .swiper-slide { position: relative; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 40px; overflow: hidden; } 
.culture_wrap .sec04 .swiper-slide .txt_wrap { position: absolute; width: 100%; height: 100%; text-align: center; left: 50%; transform: translate(-50%, 101%); background: rgba(0,0,0,0.8); z-index: 100; transition: all 0.3s ease; } 
.culture_wrap .sec04 .swiper-slide .txt_wrap::before { position: absolute; display:block; width: 10px; height: 10px; border-radius: 50%; background:#fff; opacity: 1; content:""; top:-25px; left: 50%; transform: translateX(-50%); animation: on 4s infinite; } 
@keyframes on { 
 0% { opacity: .3; } 
 50% { opacity: 1; } 
 100% { opacity: .3; } 
 }
.culture_wrap .sec04 .swiper-slide .txt_wrap p { position: absolute; font-size: 18px; color:#fff; text-align:center; line-height:1.4; width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; padding:0 20px; box-sizing: border-box; } 
.culture_wrap .sec04 .swiper-slide .img_wrap { position:relative; display: block; width: 100%; padding-bottom:60%; object-fit: cover; } 
.culture_wrap .sec04 .swiper-slide img { position: absolute; width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } 
.culture_wrap .sec04 .swiper-slide:hover .txt_wrap { opacity: 1; transform: translate(-50%, 0); transition: all 0.8s ease; } 

/* people */
.people_wrap .masonry {column-count: 2; column-gap: 50px; max-width: 1300px; margin: 0 auto; } 
.people_wrap .item { display: inline-block; width: 100%; margin-bottom: 50px; box-sizing: border-box;} 
.people_wrap .item .img_wrap{position: relative; width: 100%; border-radius:40px; overflow: hidden; margin-bottom:30px;}
.people_wrap .item1 .img_wrap{padding-bottom:27%;} 
.people_wrap .item2 .img_wrap{padding-bottom:118%;} 
.people_wrap .item3 .img_wrap{padding-bottom:56%;} 
.people_wrap .item1:last-child{margin-bottom: 0;}
.people_wrap .item .img_wrap img{position: absolute; width: 100%; top: 50%; left:50%; transform: translate(-50%, -50%);}
.people_wrap .item .img_wrap img.pc_img{display: block;}
.people_wrap .item .img_wrap img.mob_img{display: none;}
.people_wrap .item .txt_wrap{text-align: left;}
.people_wrap .item .txt_wrap strong{display: block; font-size:25px; color:#000; font-weight:700; margin-bottom:20px; line-height: 1; transition: all 0.3s ease;}
.people_wrap .item .txt_wrap p{display: block; font-size:18px; color:#333; font-weight:500; line-height: 1; transition: all 0.3s ease;}

.people_more .tit {position: relative; text-align: center; margin-bottom:80px;}
.people_more .tit::before{position: absolute; display: block; width: 100%; height:1px; top:20px; left:0; content: ""; background:#e8e8e8; z-index: -1; transition: all 0.3s ease;}
.people_more .tit h6.people_tit{display:inline-block; width:fit-content; font-size:40px; color:#000; line-height:1; background: #fff; padding:0 40px; margin-bottom: 20px; transition: all 0.3s ease;}
.people_more .tit span{display: block; font-size:20px; color:#000; transition: all 0.3s ease;}
.people_more .inner03{text-align: center;}
.people_more .inner03 .main_viewmore_b{display: inline-block; text-align: left; margin-top: 80px;}
.people_more .qna_wrap{display:block; text-align: left;}
.people_more .qna_wrap li{display:block; margin-bottom: 60px;}
.people_more .qna_wrap li.img_wrap{position: relative; width: 100%; padding-bottom:40%; border-radius:40px; overflow: hidden; transition: all 0.3s ease;}
.people_more .qna_wrap li.img_wrap img{position: absolute; width: 100%; top: 50%; left:50%; transform: translate(-50%, -50%);}
.people_more .qna_wrap li:last-child{margin-bottom:0;}
.people_more .qna_wrap li.txt_wrap {word-break: keep-all;}
.people_more .qna_wrap li.txt_wrap strong{position: relative; display:block; font-size: 20px; font-weight: 700; padding-left:50px; margin-bottom: 40px; transition: all 0.3s ease;}
.people_more .qna_wrap li.txt_wrap strong::before{position: absolute; display: block; width: 30px; height:30px; content: ""; background:url(../img/sub/people_icon01.png) no-repeat; top:50%; left:0; transform: translateY(-50%); transition: all 0.3s ease;}
.people_more .qna_wrap li.txt_wrap p b{display:block; font-size: 18px; font-weight:700; margin-bottom:15px; line-height:1.6; transition: all 0.3s ease;}
.people_more .qna_wrap li.txt_wrap p span{display:block; font-size: 18px; font-weight:400; line-height:1.7; transition: all 0.3s ease; margin-bottom:15px;}
.people_more .qna_wrap li.txt_wrap p span:last-child{margin-bottom:0;}

/* benefits */
.benefits_wrap .sec01 { text-align:center; margin-bottom:140px; } 
.benefits_wrap .sec01 i { display: block; } 
.benefits_wrap .sec01 strong { font-size:60px; color: #ddd; display: inline-block; line-height:1.3; transition: all 0.3s ease; } 
.benefits_wrap .sec01 strong span { color: #ddd; transition: color 0.5s ease; } 
.benefits_wrap .sec01 strong span.active { color: #000; /* 바뀔 색상 */ } 

.benefits_wrap .sec { margin-bottom:120px; box-sizing: border-box; font-size:0; word-break: keep-all; } 
.benefits_wrap .sec .txt_wrap { display:inline-block; width:35%; vertical-align:top; } 
.benefits_wrap .sec .txt_wrap span { display:block; font-size:30px; font-weight:700; line-height: 1; margin-bottom:30px; } 
.benefits_wrap .sec .txt_wrap strong { display:block; font-size:60px; font-weight:700; line-height: 1; margin-bottom:60px; } 
.benefits_wrap .sec .txt_wrap p { font-size:20px; line-height: 1.4; } 
.benefits_wrap .sec .list_wrap { display:inline-block; width:65%; vertical-align:top; } 
.benefits_wrap .sec .list_wrap ul { display: flex; flex-wrap: wrap; justify-content: left; gap:40px; } 
.benefits_wrap .sec .list_wrap ul li { width:calc(33.3% - 26.6px); text-align:center; padding:60px 10px; box-sizing: border-box; border-top:2px solid #000; border-bottom:1px solid #e8e8e8; } 
.benefits_wrap .sec .list_wrap ul li img { transition: all 0.3s ease; } 
.benefits_wrap .sec .list_wrap ul li p { font-size:18px; color:#000; margin-top:40px; } 

/* recruit */
.recruit_wrap { text-align: center; word-break: keep-all; } 
.recruit_wrap .sec01 { position:relative; text-align: center; margin-bottom:140px; background: url(../img/sub/recruit_bg02.png) no-repeat center; background-size:100%; } 
.recruit_wrap .sec01_bg { position: absolute; display: inline-block; top:50%; left:50%; transform: translate(-50%, -50%); z-index: -1; } 
.recruit_wrap .sec01_bg p { display: inline-block; animation: rotate_image 15s linear infinite; transform-origin: 50% 50%; } 
.recruit_wrap .sec01_bg p img { width: 100%; transition: all 0.3s ease; } 
@keyframes rotate_image { 100% { transform: rotate(360deg); } 
 } 
.recruit_wrap .fill_txt i { display: block; } 
.recruit_wrap .fill_txt strong { font-size:80px; color: #ddd; display: inline-block; line-height:1.25; transition: all 0.3s ease; } 
.recruit_wrap .fill_txt strong span { color: #ddd; transition: color 0.5s ease; } 
.recruit_wrap .fill_txt strong span.active { color: #000; /* 바뀔 색상 */ } 
.recruit_wrap .sec01 p { font-size:25px; color:000; line-height:1; margin:60px 0; transition: all 0.3s ease; } 
.recruit_wrap .sec01 .main_viewmore_b { display: inline-block; } 

.recruit_wrap .sec02 .step_wrap { position:relative; display: flex; flex-wrap: wrap; justify-content: center; gap:50px; margin-bottom:100px; } 
.recruit_wrap .sec02 .step_wrap:before { position: absolute; width:80%; height:.5px; background:#ccc; content:""; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } 
.recruit_wrap .sec02 .step_wrap li { display: flex; width:220px; height:220px; border-radius: 50%; border:1px dashed #313987; background:#fff; align-items: center; justify-content: center; line-height: 1; transition: all 0.3s ease; } 
.recruit_wrap .sec02 .step_wrap li span { display:block; font-size:16px; margin-bottom:20px; } 
.recruit_wrap .sec02 .step_wrap li strong { display:block; font-size:25px; } 
.recruit_wrap .sec02 .step_wrap li:last-child { background:url(../img/sub/recruit_logo01.png) no-repeat center; background-color:#313987; border:1px solid #313987; } 
.recruit_wrap .sec02 .step_wrap li:last-child span { color: #fff; } 
.recruit_wrap .sec02 .step_wrap li:last-child strong { color: #fff; line-height: 1.3; } 

.recruit_wrap .sec02 .box_wrap { border-top:2px solid #000; border-bottom:1px solid #000; padding:30px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; } 
.recruit_wrap .sec02 .box_wrap > div { width:50%; text-align: left; box-sizing: border-box; padding:30px 0; } 
.recruit_wrap .sec02 .box_wrap .left_wrap { padding-right:40px; transition: all 0.3s ease; } 
.recruit_wrap .sec02 .box_wrap .left_wrap li { position:relative; margin-bottom:30px; padding-left:20px; transition: all 0.3s ease; } 
.recruit_wrap .sec02 .box_wrap .left_wrap li:last-child { margin-bottom:0; } 
.recruit_wrap .sec02 .box_wrap .left_wrap li:before { position: absolute; display: block; width:4px; height:4px; border-radius:50%; background: #313987; content:""; top:50%; left:0; transform: translateY(-50%); } 
.recruit_wrap .sec02 .box_wrap .left_wrap li strong { position:relative; display:inline-block; width:130px; font-size: 20px; color: #000; } 
.recruit_wrap .sec02 .box_wrap .left_wrap li strong::after { position: absolute; display: block; width:1px; height:15px; background: #000; content:""; top:50%; right:30px; transform: translateY(-50%); } 
.recruit_wrap .sec02 .box_wrap .left_wrap li span { display:inline-block; width:calc(100% - 130px); font-size: 16px; color: #000; } 

.recruit_wrap .sec02 .box_wrap .right_wrap { border-left:1px solid #e8e8e8; padding-left:60px; transition: all 0.3s ease; } 
.recruit_wrap .sec02 .box_wrap .right_wrap .btn { display: flex; flex-wrap: wrap; align-items: center; gap:40px; margin-bottom:40px; } 
.recruit_wrap .sec02 .box_wrap .right_wrap .btn a { position: relative; font-size:25px; color:#000; font-weight: 700; line-height: 1.4; } 
.recruit_wrap .sec02 .box_wrap .right_wrap .btn a img { margin-left: 20px; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul { font-size: 0; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li { display: inline-block; width: fit-content; margin-right:60px; transition: all 0.3s ease; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li:last-child { margin-right:0; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li img { display: inline-block; margin-right:20px; vertical-align: middle; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li b { display:inline-block; font-size: 20px; color: #000; vertical-align: middle; margin-right:20px; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li b::after { display:inline-block; width:1px; height:15px; background: #000; content:""; margin-left:20px; } 
.recruit_wrap .sec02 .box_wrap .right_wrap ul li span { display:inline-block; font-size: 16px; vertical-align: middle; }