@charset "UTF-8";
/* 24.11.22 tgkim */
/* 24.12.12 Edit - Hyeok */
.ban01 {
	right:-200px;
}

/* newkeep add CSS */
.common_ban.renew { background: #f4f4f4; }
.c_ban_txt01.renew, .c_ban_txt02.renew { color: #121212; }
.common_ban.renew img.ban01 { width: 600px; height: auto; bottom: 0px; }

/* manager section 01 */
.c_sec01 { padding-bottom:140px; }
.c_sec01 .inner { padding:140px 0 0; align-items:center; flex-direction:column; }
.c_sec01 .inner .m_txt02 { line-height:1.4; }
.manager_info_area { margin-top:100px; }
.info_txt { font-size:34px; color:#383838; letter-spacing:-0.03em; text-align:center; }
.info_txt span { font-size:48px; font-weight:700; color:#022D81; }
.flow_wrap { min-height:406px; margin-top:80px; position:relative; }
.flow_area { position:absolute; }
.flow_area2 { position:absolute; top:105px; }
.flow_area3 { position:absolute; top:210px; }
.flow_area4 { position:absolute; top:315px; }
div[class*='flow_area'] ul { display:flex; justify-content:space-between; margin-bottom:16px; }
div[class*='flow_area'] ul:last-child { margin-bottom:0; }
div[class*='flow_area'] ul li.manager_card { display:flex; align-items:center; width:220px; height:90px; margin-right:14px; padding:16px 0 16px 18px; border-radius:20px; box-sizing:border-box; background:rgba(189,212,229,36%); }
div[class*='flow_area'] ul li.manager_card:nth-child(2n-1) { background:rgba(234,241,245,100%); }
div[class*='flow_area'] ul li.manager_card:nth-child(3n-1) { background:rgba(234,239,245,100%); }
div[class*='flow_area'] ul li.manager_card img { margin-right:10px; }
div[class*='flow_area'] ul li.manager_card .card_txt01 { font-size:18px; font-weight:500; color:#383838; letter-spacing:-0.03em; }
div[class*='flow_area'] ul li.manager_card .card_txt02 { margin-top:3px; font-size:12px; color:#939EAD; letter-spacing:-0.03em; }

.flow_area.original,
.flow_area3.original { animation:50s linear 0s infinite normal forwards running rollingleft1; }
.flow_area.clone,
.flow_area3.clone { animation:50s linear 0s infinite normal none running rollingleft2; }
@keyframes rollingleft1 {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-100%);
	}
	50.01%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes rollingleft2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}
.flow_area2.original,
.flow_area4.original { animation:50s linear 0s infinite normal forwards running rollingr1; }
.flow_area2.clone,
.flow_area4.clone { animation:50s linear 0s infinite normal none running rollingr2; }
@keyframes rollingr1 {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(100%);
	}
	50.01%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes rollingr2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(200%);
	}
}

/* manager section 02 */
.c_sec02 { background:#F9FAFB; }
.c_sec02 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.work_list_area { width:100%; margin-top:100px; }
.swiper_list { width:100%; }
.swiper_list .swiper-wrapper { flex-wrap:wrap; justify-content:space-between; }
.swiper_list .swiper-slide { width:100%; }
.swiper_list .swiper-slide .items_line { display:flex; justify-content:space-between; height:377px; margin-bottom:30px; box-sizing:border-box; }
.swiper_list .swiper-slide:last-child .items_line { margin-bottom:0; }
.swiper_list .swiper-slide .items_line .bg_box { width:calc(33.33% - 60px / 3); height:377px; padding:0; box-sizing:border-box; border-radius:16px; position:relative; z-index:2; overflow:hidden; }
.swiper_list .swiper-slide .bg_box:after { width:100%; height:100%; border-radius:16px; background: linear-gradient(0deg, rgba(5,40,106,1) 0%, rgba(1,23,65,0) 100%); position:absolute; left:0; z-index:3; content:''; }
.swiper_list .swiper-slide .bg_box img { width:100%; object-fit:cover; }
.swiper_list .swiper-slide .bg_box .txt_box { width:100%; height:100%; padding:65px 30px; box-sizing:border-box; color:#FFF; letter-spacing:-0.03em; text-align:center; position:absolute; top:265px; z-index:10; background:linear-gradient(0deg, rgba(5,40,106,0.8) 0%, rgba(1,23,65,0) 100%); transition:all 0.4s; }
.swiper_list .swiper-slide .bg_box .txt_box .txt01 { font-size:26px; font-weight:500; }
.swiper_list .swiper-slide .bg_box .txt_box .txt02 { margin-top:20px; font-size:18px; line-height:1.6; word-break:keep-all; }
.swiper_list .swiper-slide .bg_box:hover .txt_box { top:0; background:rgba(2,45,129,0.8); transition:all 0.4s; }
.swiper_list .swiper-pagination { opacity:0; }

/* manager section 03 */
.c_sec03 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec03 .inner .m_txt02 { line-height:1.4; }
.edu_area { display:flex; justify-content:space-between; width:100%; margin-top:100px; }
.edu_img { box-shadow:0 0 20px rgba(0,0,0,16%); border-radius:10px; }
.fold_list { width:439px; }
.fold_list li { margin-bottom:19px; padding:24px 30px 24px 80px; border:1px solid #DADEE3; border-radius:10px; box-sizing:border-box; position:relative; cursor:pointer; transition:all 0.3s; }
.fold_list li:last-child { margin-bottom:0; }
.fold_list li.on { padding:35px 30px 35px 80px; border:1px solid #022D81; box-shadow:0 0 20px rgba(0,0,0,16%); transition:all 0.3s; }
.fold_list li .edu { position:absolute; top:15px; left:25px; opacity:1; transition:all 0.3s; }
.fold_list li .edu_on { position:absolute; top:30px; left:25px; opacity:0; transition:all 0.3s; }
.fold_list li.on .edu { opacity:0; transition:all 0.3s; }
.fold_list li.on .edu_on { opacity:1; transition:all 0.3s; }
.fold_list li .edu_txt01 { font-size:20px; font-weight:500; color:#292929; letter-spacing:-0.03em; }
.fold_list li .edu_txt02 { display:none; margin-top:10px; font-size:16px; color:#505967; letter-spacing:-0.03em; line-height:1.3; }
.fold_list li.on .edu_txt02 { display:block; }
.fold_list li img.down { position:absolute; top:28px; right:30px; opacity:1; }
.fold_list li img.up { position:absolute; top:28px; right:30px; opacity:0; }
.fold_list li.on img.down { opacity:0; transition:all 0.3s; }
.fold_list li.on img.up { opacity:1; transition:all 0.3s; }

/* manager section 04 */
.c_sec04 { background:#F9FAFB; }
.c_sec04 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec04 .inner .m_txt02 { line-height:1.4; }
.test_area { display:flex; justify-content:space-between; width:100%; margin-top:100px; }
.w_test { width:545px; border-radius:20px; box-shadow:0 0 35px rgba(110,110,110,10%); }
.w_test .img_box { height:195px; }
.w_test .img_box img { width:100%; }
.a_test { width:705px; border-radius:20px; box-shadow:0 0 35px rgba(110,110,110,10%); }
.a_test .img_box { height:195px; }
.a_test .img_box img { width:100%; }
.w_test .test_title { background:#3BA3FD; }
.a_test .test_title { background:#022D81; }
.test_title { width:180px; margin:22px auto; padding:8px 29px; box-sizing:border-box; font-size:20px; color:#FFF; letter-spacing:-0.03em; text-align:center; border-radius:21px; }
.test_list { display:flex; justify-content:space-between; flex-wrap:wrap; padding:0 30px 25px; box-sizing:border-box; }
.test_list li { display:flex; flex-direction:column; align-items:center; width:140px; height:140px; padding:28px 15px; margin-bottom:28px; border-radius:10px; box-sizing:border-box; background:#EBF6FF; }
.test_list li p.test_name { margin-top:10px; font-size:20px; color:#292929; letter-spacing:-0.03em; word-break:keep-all; text-align:center; line-height:1.2; }
.a_test .test_list li { background:#E5E9F2; }
.w_test .test_list li:nth-child(n+4):nth-child(-n+6) { margin-bottom:0; }
.a_test .test_list li:nth-child(n+5):nth-child(-n+8) { margin-bottom:0; }

@media all and (max-width: 1024px) {
	.common_ban { height:240px; }
	.common_ban .inner { justify-content:flex-start; padding:30px 5% 20px; box-sizing:border-box; }
	.common_ban.renew img.ban01 { width:200px; bottom:0px; right:0px; z-index:0; }
	.c_ban_txt01 { margin-bottom:10px; font-size:25px; line-height:1.2; position:relative; z-index:2; }
	.c_ban_txt02 { padding-right:33%; box-sizing:border-box; font-size:16px; line-height:1.4; position:relative; z-index:2; word-break:keep-all; }
	.m_txt01 { margin-bottom:8px; font-size:22px; line-height:1.4; }
	.m_txt02 { font-size:15px; line-height:1.4; word-break:keep-all; }

	.c_sec01 { padding-bottom:70px; }
	.c_sec01 .inner { padding:70px 5% 0; box-sizing:border-box; }
	.manager_info_area { margin-top:50px; }
	.info_txt { padding:0 15%; font-size:19px; text-align:center; word-break:keep-all; line-height:1.4; }
	.info_txt span { font-size:24px; }
	.flow_wrap { margin-top:40px; }
	.c_sec02 .inner { padding:70px 5%; box-sizing:border-box; }
	.c_sec02 .inner .mo_space { display:block; }
	.work_list_area { margin-top:50px; }
	.swiper_list .swiper-wrapper { flex-wrap:nowrap; }
	.swiper_list .swiper-slide .items_line { flex-wrap:wrap; flex-direction:column; height:auto; }
	.swiper_list .swiper-slide .items_line .bg_box { width:100%; height:200px; margin-bottom:25px; }
	.swiper_list .swiper-slide .bg_box:hover .txt_box,
	.swiper_list .swiper-slide .bg_box .txt_box { height:auto; padding:0 20px; top:auto; bottom:25px; background:transparent; }
	.swiper_list .swiper-slide .bg_box .txt_box .txt01 { font-size:18px; }
	.swiper_list .swiper-slide .bg_box .txt_box .txt02 { margin-top:20px; font-size:13px; line-height:1.4; }
	.swiper_list .swiper-slide:nth-child(n+7):nth-child(-n+9) { margin-bottom:15px; }
	.swiper_list .swiper-slide:last-child { margin-bottom:0; }
	.swiper_list .swiper-pagination { display:flex; justify-content:center; align-items:center; bottom:0; opacity:1; }
	.swiper_list .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; background:#9BA7B9; }
	.swiper_list .swiper-pagination-bullet-active { width:8px; height:8px; background:#022D81; }

	.c_sec03 .inner { padding:70px 5%; box-sizing:border-box; }
	.edu_area { flex-wrap:wrap; margin-top:50px; }
	.edu_img { width:100%; }
	.edu_img img { width:100%; }
	.fold_list { width:100%; margin-top:15px; }
	.fold_list li { margin-bottom:15px; }
	.fold_list li:last-child { margin-bottom:0; }
	.fold_list li { padding:20px 15px 20px 60px; }
	.fold_list li.on { padding:20px 15px 20px 60px; }
	.fold_list li .edu { top:10px; left:4%; }
	.fold_list li .edu_on { top:20px; left:4%; }
	.fold_list li .edu_txt01 { font-size:15px; }
	.fold_list li .edu_txt02 { margin-top:7px; font-size:13px; line-height:1.4; }
	.fold_list li img.up { height:8px; top:20px; right:4%; }
	.fold_list li img.down { height:8px; top:20px; right:4%; }

	.c_sec04 .inner { padding:70px 5%; box-sizing:border-box; }
	.test_area { flex-wrap:wrap; margin-top:50px; }
	.w_test { width:100%; }
	.w_test .img_box { max-height:109px; }
	.w_test .img_box img { height:100%; }
	.a_test { width:100%; margin-top:15px; }
	.a_test .img_box { max-height:109px; }
	.a_test .img_box img { height:100%; }
	.test_title { width:fit-content; margin:10px auto; padding:5px 18px; font-size:13px; }
	.test_list { justify-content:flex-start; padding:0 5% 15px; }
	.test_list li { width:31%; margin:0 1% 10px 1%; height:90px; padding-top:25px; }
	.test_list li > img { height:22px; }
	.test_list li p.test_name { font-size:12px; }
}