@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

body{font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
:root{
    --main_border: 1px solid #ddd;
    --top_border: 2px solid #333;
}
.bdT{border-top: var(--main_border);}
.bdB{border-top: var(--main_border);}
.bdL{border-top: var(--main_border);}
.bdR{border-top: var(--main_border);}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.vaM{vertical-align: middle;}
.mg_auto{margin: 0 auto;}
.flex{display: flex;}
.flex_center{display: flex; align-items: center;}
.flex_ac{display: flex; justify-content: center; align-items: center;}
.flex_column{flex-direction: column;}
.text_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.absolute_center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 가로값 */
.w_800{width: 240px;}
.w_500{width: 240px;}
.w_240{width: 240px;}

/* 여백값 */
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}


.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px;}

/* 셀렉트, 인풋 */
input{font-family: 'Noto Sans KR', sans-serif;}
select::-ms-expand {display: none;}/* IE */
select{ -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} /* 기존 폼 제거 */

/* 웹 접근성 */
.blind{width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}

.wrap {width: 100%;}
.wrap .inner {width: 100%; position: relative;}


/* 비즈니스 탭 */
.budiness_tab {width: 100%; display: flex; align-items: center; background: #F4F4F4; border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden; margin: 100px auto 70px; max-width: 1600px;}
.budiness_tab li {width: 25%; height: 60px; position: relative;}
.budiness_tab li::after {content: ''; width: 100%; max-width: 1px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #DDDDDD;}
.budiness_tab li:last-child:after {display: none;}
.budiness_tab li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size:24px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; text-align: center;}
.budiness_tab li.on::after {display: none;}
.budiness_tab li.on a {background: #3942AF; border-radius: 12px; overflow: hidden; color: #fff;}

/* 복지 탭 */
.budiness_tab.twoMenu li {width: 50%;}


/* 서브페이지 메인 */
.section1 {width: 100%; background: url(/assets/images/lms_visual_img.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}
.section1 .section1_inner {width: 100%; height: 100vh; overflow: hidden; position: relative; max-width: 1600px; margin: 0 auto;}
.section1 .section1_inner .main_title_box {width: 100%; max-width: 1600px; position: absolute; left: 0; top: calc(50% - 100px); transform: translateY(-50); line-height: 1.4;}
.section1 .section1_inner .main_title_box .main_title {font-size: 64px; color: #fff; font-weight: 500; }
.section1 .section1_inner .main_title_box .sub_title {font-size: 30px; color: #fff;word-break: keep-all;}

#welfare .section1 {background: url(/assets/images/recruit_bg.png) no-repeat; background-size: cover;}
#employment .section1 {background: url(/assets/images/recruit_bg.png) no-repeat; background-size: cover;}



/* main */
#main .section1 {width: 100%; background: url(/assets/images/main_bg.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}
#main .section1 .section1_inner {width: 100%; height: 100vh; overflow: hidden; position: relative; max-width: 1600px; margin: 0 auto;}
#main .section1 .section1_inner .main_title {width: 100%; max-width: 1600px; position: absolute; left: 0; top: calc(50% - 100px); transform: translateY(-50);font-size: 64px; color: #fff; font-weight: 500;  line-height: 1.4; word-break: keep-all;}
#main .section1 .section1_inner .scroll_box {position: absolute;  left: 50%; bottom: 100px; transform: translateX(-50%);  width: 100%; max-width: 28px; height: 48px; text-align: center;}
#main .section1 .section1_inner .scroll_box .mouse_line {width: 100%; height: 100%; border: 2px solid #fff; border-radius: 14px;}
#main .section1 .section1_inner .scroll_box .mouse_line .line {position: absolute; left: 50%; top: 10px; width: 100%; max-width: 2px; height: 12px; background: #fff; border-radius: 12px; transform: translateX(-50%);}
#main .section1 .section1_inner .scroll_box img {width: 100%; max-width: 14px; margin: 5px auto 0;}
#main .section2 {width: 100%; background: url(/assets/images/section2_bg.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}
#main .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
#main .section2 .section2_inner .title {font-size: 64px; font-weight: 800; margin: 100px 0 42px; width: 100%; text-align: center;}
#main .section2 .section2_inner .swiper .swiper-pagination .swiper-pagination-bullet {width: auto; height: auto; border-radius: 0;background-color: transparent; opacity: 1; margin: 0; margin-right: 28px;}
#main .section2 .section2_inner .swiper .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
#main .section2 .section2_inner .swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: transparent; font-weight: 800;}
#main .section2 .section2_inner .swiper .swiper-pagination {position: unset; font-size: 32px; color: #000; font-weight: normal; margin-bottom: 48px;}
#main .section2 .section2_inner .swiper {width: 100%; padding-bottom: 58px;}
#main .section2 .section2_inner .swiper .swiper-wrapper {width: 100%;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide {width: 100%;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top {width: 100%; display: flex; align-items: center; max-width: 1358px; margin: 0 auto;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box {width: 50%; max-width: 670px; height: 390px; position: relative; border: 15px solid #C4C7E7; border-radius: 36px; margin-left: 33px;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 {width: 100%; background: #3942AF; height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32px; color: #fff; font-weight: 500; text-align: center; line-height: 1.3; position: absolute; left: 27px; top: 27px; transition: all 0.3s;} 
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box:hover h2 {left: 0; top: 0; transition: all 0.3s;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .right_text {width: 50%; font-size: 32px; color: #000; font-weight: 600; line-height: 1.3; text-align: center;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom {width: 100%; display: flex; align-items: center; max-width: 1358px; margin: -64px auto 0;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box {width: 50%; max-width: 670px; height: 390px; position: relative; border: 15px solid rgba(32, 153, 192, 0.20); border-radius: 36px; margin-right: 33px;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 {width: 100%; background: #2099C0; height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32px; color: #fff; font-weight: 500; text-align: center; line-height: 1.3; position: absolute; right: 27px; bottom: 27px;  transition: all 0.3s} 
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box:hover h2 {right: 0; bottom: 0; transition: all 0.3s;}
#main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .left_text {width: 50%; font-size: 32px; color: #000; font-weight: 600; line-height: 1.3; text-align: center;}
#main .section2 .section2_inner .swiper-slide .history_box {width: 100%; max-width: 1156px; margin: 205px auto 0;}
#main .section2 .section2_inner .swiper-slide .history_box .year_select_box {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px;}
#main .section2 .section2_inner .swiper-slide .history_box .year_select_box .year {font-size: 40px; font-weight: 700; font-family: 'Inter';}
/* 셀렉박스 커스텀 */
#main .cont-select {position: relative; width: 100%; max-width: 192px;}
#main .btn-select {width: 100%; font-size: 20px;line-height: 14px;background-color: #fff;border: 1px solid #C4C4C4;box-sizing: border-box;border-radius: 34px;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-family: 'Pretendard Variable'; font-weight: 500; height: 64px; display: flex; align-items: center; box-sizing: border-box; padding: 20px 25px 20px 20px; color: #000;}
#main .btn-select img {position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 100%; max-width: 19px; margin: 0 auto;}
#main .list-member {list-style-type : none;display: none;position: absolute;width: 100%;top: 63px;left: 0;padding: 0;border: 1px solid #C4C4C4;box-sizing: border-box;box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);background: #fff;border-radius: 10px;}
#main .btn-select.on+.list-member {display: block;}
#main .list-member li {width: 100%; padding: 5px 8px;box-sizing: border-box;}
#main .list-member li button {width: 100%; border: none;background-color: #fff;border-radius: 8px;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 18px; height: 100%;}

#main .section2 .section2_inner .swiper-slide .history_box .history_text {width: 100%; font-size: 32px; color: #000; line-height: 1.4; word-break: keep-all;}
#main .swiper-button-prev, .swiper-rtl .swiper-button-next {width: 100%; max-width: 64px; height: 64px;}
#main .swiper-button-next, .swiper-rtl .swiper-button-prev {width: 100%; max-width: 64px; height: 64px;}
#main .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: ''; background: url(/assets/images/slide_left.png); background-repeat: no-repeat; width: 100%; height: 100%; background-size: cover;}
#main .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: ''; background: url(/assets/images/slide_right.png); background-repeat: no-repeat; width: 100%; height: 100%; background-size: cover;}
#main .section2 .section2_inner .swiper-slide .history_box .history_text .history_list {display: none;}
#main .section2 .section2_inner .swiper-slide .history_box .history_text .history_list.on {display: block;}
#main .section2 .section2_inner .swiper-slide .history_box .history_text .history_list{width: 100%;}
#main .section2 .section2_inner .swiper-slide .history_box .history_text .history_list li{width: 100%; box-sizing: border-box; padding-left: 20px; text-indent: -20px;}



#main .section3 {width: 100%; background: url(/assets/images/section3_bg.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}
#main .section3 .section3_inner {width: 100%; max-width: 1600px; margin: 0 auto;}
#main .section3 .section3_inner .title {font-size: 64px; font-weight: 800; margin: 100px 0 42px; width: 100%; text-align: center;}
#main .section3 .section3_inner .swiper .swiper-pagination {position: unset; font-size: 32px; color: #000; font-weight: normal; margin-bottom: 179px; line-height: 1.3;}
#main .section3 .section3_inner .swiper .swiper-pagination .swiper-pagination-bullet {width: auto; height: auto; border-radius: 0;background-color: transparent; opacity: 1; margin: 0; margin-right: 28px;}
#main .section3 .section3_inner .swiper .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
#main .section3 .section3_inner .swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: transparent; font-weight: 800;}
#main .section3 .section3_inner .swiper {width: 100%;}
#main .section3 .section3_inner .swiper .swiper-wrapper {width: 100%;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide {width: 100%;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service {width: 100%; }
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner {width: 100%; max-width: 1410px; margin: 0 auto;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list {width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-bottom: 332px;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {width: 100%; max-width: 330px; height: 330px; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 34px; margin-right: 30px; transition: all 0.4s;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li .num {position: absolute; font-family: "Poppins", serif; font-weight: 800; font-size: 90px; color: #363636; opacity: 0.1; }
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a {display: block; width: 100%;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .icon_box {width: 100%;text-align: right;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .icon_box img {display: block; width: 100%; max-width: 90px; margin-left: auto;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box {width: 100%; text-align: left; margin-top: 60px;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .list_title {font-size: 27px; font-weight: 800; color: #fff; margin-bottom: 7px; word-break: keep-all; line-height: 1.3;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .sub_text {font-size: 18px; color: #fff; font-weight: 300; line-height: 1.3;}

#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) {background: #3942AF;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1):hover {transform: translateY(-20px); transition: all 0.4s;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) {background: #2099C0; transform: translateY(125px);}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2):hover {transform: translateY(105px); transition: all 0.4s;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) {background: #2371C2; transform: translateY(-30px);}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3):hover {transform: translateY(-40px); transition: all 0.4s;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) {background: #009DA7; transform: translateY(70px); margin-right: 0;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4):hover {transform: translateY(40px); transition: all 0.4s;}

#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) span, 
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) span {top: -120px; left: 0;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) span, 
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) span {bottom: -120px; left: 0;}

#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li {border-radius: 0; background: #fff; border: 1px solid #DDDDDD; text-align: center}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_title {font-size: 22px; font-weight: 700; margin-bottom: 18px; word-break: keep-all;line-height: 1.3;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_text {font-size: 18px; word-break: keep-all; line-height: 1.2; margin-bottom: 47px; word-break: keep-all;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view {width: 100%; max-width: 124px; height: 36px; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #fff; position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%);}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view img {display: block; width: 100%; max-width: 15px; margin-left: 6px;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li:nth-child(1) a .more_view {background: #3942AF;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li:nth-child(2) a .more_view {background: #2099C0;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li:nth-child(3) a .more_view {background: #2371C2;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li:nth-child(4) a .more_view {background: #009DA7;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list {width: 100%; max-width: 1410px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list li {width: 100%; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; overflow: hidden; background: #fff;}
#main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list li img {width: 100%; display: block;}

#main .section4 {width: 100%;}
#main .section4 .section4_inner {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
#main .section4 .section4_inner .title {font-size: 64px;font-weight: 800;margin: 100px 0 42px;width: 100%;text-align: center;}
#main .section4 .section4_inner .sub_title {font-size: 32px; line-height: 1.2; width: 100%; text-align: center; letter-spacing: 4px; word-break: keep-all;}
#main .section4 .section4_inner .recruit_content {width: 100%; margin-top: 93px;}
#main .section4 .section4_inner .recruit_content .recruit_list {display: grid;  grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
#main .section4 .section4_inner .recruit_content .recruit_list li {height: 255px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding: 50px;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img {width: 100%; max-width: 130px; margin: 0 auto;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img img {display: block; width: 100%;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text {width: calc(100% - 130px); box-sizing: border-box; padding-left: 60px; position: relative;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 155px; background: #DDDDDD; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 32px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px; word-break: keep-all; line-height: 1.3;}
#main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 24px; line-height: 1.4; word-break: keep-all;}
#main .section4 .section4_inner .Apply_btn {width: 100%; max-width: 274px; height: 80px; border-radius: 10px; background: #3942AF; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; margin: 38px auto 100px;}

#main .section5 {width: 100%;}
#main .section5 .section5_inner {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
#main .section5 .section5_inner .title { font-size: 64px; font-weight: 800; margin: 100px 0 42px; width: 100%; text-align: center;}
#main .section5 .section5_inner .sub_title {font-size: 32px; line-height: 1.2; width: 100%; text-align: center; letter-spacing: 4px;}
#main .section5 .section5_inner .location_content {margin-top: 90px;}
#main .section5 .section5_inner .location_content .map_content {width: 100%; height: 500px;}
#main .section5 .section5_inner .location_content .map_content .map {width: 100%; height: 100%;}
#main .section5 .section5_inner .location_content .location_info {width: 100%;}
#main .section5 .section5_inner .location_content .location_info .info {width: 100%; box-sizing: border-box; padding: 40px 0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center;}
#main .section5 .section5_inner .location_content .location_info .info.no_border {border-bottom: none; padding: 0;}
#main .section5 .section5_inner .location_content .location_info .info .left_img_box {width: 30%; max-width: 125px; }
#main .section5 .section5_inner .location_content .location_info .info .left_img_box img {display: block; width: 100%;}
#main .section5 .section5_inner .location_content .location_info .info .right_txt_box {width: 70%; font-size: 23px; color: #000; font-weight: 600; box-sizing: border-box; padding-left: 53px; word-break: keep-all; line-height: 1.3;}
#main .section5 .section5_inner .location_content .location_info .info .info_list {width: 100%; display: flex; align-items: center;}
#main .section5 .section5_inner .location_content .location_info .info .info_list li {width: 100%; max-width: 500px; margin-right: 50px; display: flex; align-items: center; box-sizing: border-box; padding: 40px 0; border-bottom: 1px solid #E0E0E0;}
#main .section5 .section5_inner .location_content .location_info .info .info_list li:last-child {margin-right: 0;}


/* 비쥬얼 마우스 스타일 */
.section1 .section1_inner .scroll_box {position: absolute;  left: 50%; bottom: 100px; transform: translateX(-50%); display: inline-block; width: 100%; max-width: 28px; height: 48px; text-align: center;}
.section1 .section1_inner .scroll_box .mouse_line {width: 100%; height: 100%; border: 2px solid #fff; border-radius: 14px;}
.section1 .section1_inner .scroll_box .mouse_line .line {position: absolute; left: 50%; top: 10px; width: 100%; max-width: 2px; height: 12px; background: #fff; border-radius: 12px; transform: translateX(-50%);}
.section1 .section1_inner .scroll_box img {width: 100%; max-width: 14px; margin: 5px auto 0;}



/* business */
#business .section2 {width: 100%; overflow: hidden;}
#business .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 0 auto 128px;}
#business .section2 .section2_inner .title {font-size: 56px; font-weight: 600; margin: 0 0 34px; text-align: center;}
#business .section2 .section2_inner .sub_title {font-size: 32px; text-align: center; margin-bottom: 50px;}
#business .section2 .section2_inner .content_box {width: 100%; max-width:  1198px; margin: 0 auto; text-align: center; position: relative;}
#business .section2 .section2_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#business .section2 .section2_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#business .section2 .section2_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}
#business .section2 .section2_inner .content_box .system_box > li {width: 100%; position: relative; box-sizing: border-box; padding-top: 48px;}
#business .section2 .section2_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#business .section2 .section2_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; box-sizing: border-box; height: 160px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border-radius: 12px;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 20px; word-break: keep-all;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt img {display: block; width: 100%; max-width: 56px; margin: 0 auto;}
#business .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px; text-align: center;} 
#business .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#business .section2 .section2_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}

#business .section3 {width: 100%;}
#business .section3  .section3_inner {width: 100%; max-width: 1600px; margin: 0 auto 128px;}
#business .section3 .section3_inner .content_box {width: 100%; max-width:  1200px; margin: 0 auto; text-align: center; position: relative;}
#business .section3 .section3_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#business .section3 .section3_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#business .section3 .section3_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}
#business .section3 .section3_inner .content_box .system_box > li {width: 100%;  position: relative; box-sizing: border-box; padding-top: 48px;}
#business .section3 .section3_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#business .section3 .section3_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; box-sizing: border-box; height: 190px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border-radius: 12px;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list.two_line {display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box; padding-left: 30px; text-align: left;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 20px; word-break: keep-all; }
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt img { display: block;width: 100%;max-width: 56px; margin: 0 auto;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px;} 
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center {width: 100%; background: #FCFCFC; box-sizing: border-box; height: 120px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border: 1px solid #2371C2; border-radius: 12px; margin-bottom: 49px;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center {border: 1px solid #2099C0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center {border: 1px solid #009DA7;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center::after {background: #2099C0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center::after {background: #009DA7;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list {width: 100%; line-height: 1.3;}
#business .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list li {font-size: 20px; word-break: keep-all;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#business .section3 .section3_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}

#business .section4 {width: 100%; background: #FBFBFB;}
#business .section4 .section4_inner {width: 100%; max-width: 1600px; margin: 0 auto; display: flex; align-items: flex-start; box-sizing: border-box; padding-top: 100px; padding-bottom: 87px;}
#business .section4 .section4_inner .left_box {width: calc(50% - 40px); margin-right: 40px;}
#business .section4 .section4_inner .left_box .title {font-size: 34px; font-weight: 600; text-align: center; }
#business .section4 .section4_inner .left_box .linkage {display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 158px;}
#business .section4 .section4_inner .left_box .linkage li {width: 100%; position: relative;}
#business .section4 .section4_inner .left_box .linkage li .circle_box {width: 100%; max-width: 300px; height: 300px; border: 1px solid rgba(35, 113, 194, 0.3); border-radius: 50%; position: relative;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(odd) .circle_box {margin-left: auto;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(even) .circle_box {margin-right: auto;}
#business .section4 .section4_inner .left_box .linkage li .circle_box .circle {width: 100%; max-width: 260px; height: 260px; background: rgba(35, 113, 194, 0.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
#business .section4 .section4_inner .left_box .linkage li .circle_box .circle .circle_inner {width: 100%; max-width: 220px; height: 220px; border-radius: 50%; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; display: flex; align-items: center; justify-content: center;}
#business .section4 .section4_inner .left_box .linkage li .circle_box .circle .circle_inner img {width: 100%; max-width: 64px; margin: 0 auto;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(1) .circle_box {transform: translate(40px, 40px); z-index: 99;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(2) .circle_box {transform: translate(-40px, 40px); z-index: 9;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(3) .circle_box {transform: translate(40px, -40px); z-index: 999;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(4) .circle_box {transform: translate(-40px, -40px); z-index: 1;}
#business .section4 .section4_inner .left_box .linkage li .circle_box .s_circle {width: 100%; max-width: 300px; height: 300px; position: absolute; left: 0; top: 0;  border-radius: 50%;}
#business .section4 .section4_inner .left_box .linkage li .circle_box .s_circle::after {content: ''; width: 100%; max-width: 20px; height: 20px; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); background: #2371C2; border-radius: 50%;}
#business .section4 .section4_inner .left_box .linkage li span {position: absolute; font-size: 32px; font-weight: 500;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(1) span {left: 0; top: 0;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(2) span {right: 0; top: 0;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(3) span {left: 0; bottom: 0;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(4) span {right: 0; bottom: 0;}
#business .section4 .section4_inner .right_box {width: calc(50% - 40px); box-sizing: border-box; padding-left: 40px; border-left: 1px dashed #CCCCCC;}
#business .section4 .section4_inner .right_box .title {font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 112px;}
#business .section4 .section4_inner .right_box .recruit_list {display: grid;  grid-template-columns: repeat(1, 1fr);}
#business .section4 .section4_inner .right_box .recruit_list li { background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding: 30px; margin-bottom: 20px;}
#business .section4 .section4_inner .right_box .recruit_list li:last-child {margin-bottom: 0;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .left_img {width: 100%; max-width: 80px; margin: 0 auto;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .left_img img {display: block; width: 100%;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text {width: calc(100% - 80px); box-sizing: border-box; padding-left: 40px; position: relative;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 64px; background: #DDDDDD; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text .list_title {font-size: 28px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px; word-break: keep-all; line-height: 1.3;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 20px; line-height: 1.4;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text .text_box {display: block;}
#business .section4 .section4_inner .right_box .recruit_list li .list_inner .right_text .text_box .sub_text {box-sizing: border-box; padding-left: 10px; text-indent: -10px; word-break: keep-all;}


/* /views/business/ 고객사 고통요소 */
.customer_list {width: 100%; overflow: hidden;}
.customer_list .customer_inner {width: 100%; max-width: 1600px; margin: 100px auto 100px;}
.customer_list .customer_inner .title {font-size: 56px; font-weight: 800; color: #000; text-align: center;}
.customer_list .customer_inner .sub_title {text-align: center; font-size: 32px; margin-top: 26px; word-break: keep-all; line-height: 1.3;} 
.customer_list .customer_inner .content_box {width: 100%;}
.customer_list .customer_inner .content_box .list {width: 100%; margin-top: 100px;}
.customer_list .customer_inner .content_box .list > li {width: 100%; margin-bottom: 30px;}
.customer_list .customer_inner .content_box .list > li:last-child {margin-bottom: 0;}
.customer_list .customer_inner .content_box .list > li a {width: 100%; display: block; display: flex; align-items: flex-start;}
.customer_list .customer_inner .content_box .list > li a .left_img_box {width: 100%; max-width: 480px; height: 322px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden;}
.customer_list .customer_inner .content_box .list > li a .left_img_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
.customer_list .customer_inner .content_box .list > li a .right_text_box {width: calc(100% - 480px); box-sizing: border-box;padding: 0 42px;}
.customer_list .customer_inner .content_box .list > li a .right_text_box .year {font-size: 24px; margin-bottom: 24px;}
.customer_list .customer_inner .content_box .list > li a .right_text_box .text_title {font-size: 32px; font-weight: 600; margin-bottom: 26px;}
.customer_list .customer_inner .content_box .list > li a .right_text_box .text_list { width: 100%;}
.customer_list .customer_inner .content_box .list > li a .right_text_box .text_list li {font-size: 24px; color: #555555; word-break: keep-all; margin-bottom: 10px; box-sizing: border-box; padding-left: 10px; text-indent: -13px; line-height: 1.3;}
.customer_list .customer_inner .content_box .list > li a .right_text_box .text_list li:last-child {margin-bottom: 0;}





/* system */
#system .section2 {width: 100%; overflow: hidden;}
#system .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 0 auto 128px;}
#system .section2 .section2_inner .tabl_menu {width: 100%; display: flex; align-items: center; background: #F4F4F4; border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden;}
#system .section2 .section2_inner .tabl_menu li {width: 25%; height: 60px; position: relative;}
#system .section2 .section2_inner .tabl_menu li::after {content: ''; width: 100%; max-width: 1px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #DDDDDD;}
#system .section2 .section2_inner .tabl_menu li:last-child:after {display: none;}
#system .section2 .section2_inner .tabl_menu li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size:24px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
#system .section2 .section2_inner .tabl_menu li.on::after {display: none;}
#system .section2 .section2_inner .tabl_menu li.on a {background: #3942AF; border-radius: 12px; overflow: hidden; color: #fff;}
#system .section2 .section2_inner .title {font-size: 56px; font-weight: 600; margin: 0 0 34px; text-align: center;}
#system .section2 .section2_inner .sub_title {font-size: 32px; text-align: center; margin-bottom: 50px; line-height: 1.2;}
#system .section2 .section2_inner .content_box {width: 100%; max-width:  1200px; margin: 0 auto; text-align: center; position: relative;}
#system .section2 .section2_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#system .section2 .section2_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#system .section2 .section2_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}
#system .section2 .section2_inner .content_box .system_box > li {width: 100%; position: relative; box-sizing: border-box; padding-top: 48px;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(1),
#system .section2 .section2_inner .content_box .system_box > li:nth-child(3) {text-align: left;}
#system .section2 .section2_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#system .section2 .section2_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; height: 410px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 22px; z-index: 99; position: relative; border-radius: 12px; }
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 16px; word-break: keep-all; box-sizing: border-box; padding-left: 10px; text-indent: -10px;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li.list_title {font-size: 24px; font-weight: 600; margin: 20px 0;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt img {display: block; width: 100%; max-width: 56px; margin: 0 auto;}
#system .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px; line-height: 1.2; text-align: center;} 
#system .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#system .section2 .section2_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}



#system .section5 {width: 100%; overflow: hidden;}
#system .section5 .section5_inner {width: 100%; max-width: 1600px; margin: 0 auto 205px; overflow: hidden; }
#system .section5 .section5_inner .title {font-size: 64px;font-weight: 800; margin-top: 100px ;width: 100%;text-align: center;}
#system .section5 .section5_inner .recruit_content {width: 100%; margin-top: 100px;}
#system .section5 .section5_inner .recruit_content .recruit_list {display: grid;  grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
#system .section5 .section5_inner .recruit_content .recruit_list li {height: 284px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding: 0 30px;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img {width: 100%; max-width: 128px; margin: 0 auto;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img img {display: block; width: 100%; max-width: 80px; margin: 0 auto;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text {width: calc(100% - 128px); box-sizing: border-box; padding-left: 40px; position: relative;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 64px; background: #DDDDDD; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 28px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box {display: block;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box .sub_text {box-sizing: border-box;padding-left: 10px;text-indent: -10px;word-break: keep-all; line-height: 1.5;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box .sub_text span {color: #004FAC;}
#system .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 20px; line-height: 1.4;}



/* internship */
#internship .section2 {width: 100%; overflow: hidden;}
#internship .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 0 auto 128px;}
#internship .section2 .section2_inner .tabl_menu {width: 100%; display: flex; align-items: center; background: #F4F4F4; border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden;}
#internship .section2 .section2_inner .tabl_menu li {width: 25%; height: 60px; position: relative;}
#internship .section2 .section2_inner .tabl_menu li::after {content: ''; width: 100%; max-width: 1px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #DDDDDD;}
#internship .section2 .section2_inner .tabl_menu li:last-child:after {display: none;}
#internship .section2 .section2_inner .tabl_menu li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size:24px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
#internship .section2 .section2_inner .tabl_menu li.on::after {display: none;}
#internship .section2 .section2_inner .tabl_menu li.on a {background: #3942AF; border-radius: 12px; overflow: hidden; color: #fff;}
#internship .section2 .section2_inner .title {font-size: 56px; font-weight: 600; margin: 0 0 34px; text-align: center;}
#internship .section2 .section2_inner .sub_title {font-size: 32px; text-align: center; margin-bottom: 50px; line-height: 1.2;}
#internship .section2 .section2_inner .content_box {width: 100%; max-width:  1200px; margin: 0 auto; text-align: center; position: relative;}
#internship .section2 .section2_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#internship .section2 .section2_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#internship .section2 .section2_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}

#internship .section2 .section2_inner .content_box .system_box > li {width: 100%; position: relative; box-sizing: border-box; padding-top: 48px;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(1),
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(3) {text-align: left;}
#internship .section2 .section2_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; height: 250px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 35px 46px; z-index: 99; position: relative; border-radius: 12px;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 18px; word-break: keep-all; text-align: center;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li.list_title {font-size: 24px; font-weight: 600; margin: 20px 0;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt img {display: block; width: 100%; max-width: 56px; margin: 0 auto;}
#internship .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px; line-height: 1.2; text-align: center;} 
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#internship .section2 .section2_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}
#internship .section3 {width: 100%; background: #fff; overflow: hidden;}
#internship .section3 .section3_inner {width: 100%; max-width: 1200px; margin: 100px auto 40px; text-align: center;}
#internship .section3 .section3_inner .content_box {width: 100%; max-width:  1200px; margin: 0 auto; text-align: center; position: relative;}
#internship .section3 .section3_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#internship .section3 .section3_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#internship .section3 .section3_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}

#internship .section3 .section3_inner .content_box .system_box > li {width: 100%; position: relative; box-sizing: border-box; padding-top: 48px;}
#internship .section3 .section3_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; box-sizing: border-box; height: 190px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border-radius: 12px;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list.two_line {display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box; padding-left: 30px; text-align: left;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 20px; word-break: keep-all; }
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt img { display: block;width: 100%;max-width: 56px; margin: 0 auto;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px;} 
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center {width: 100%; background: #FCFCFC; box-sizing: border-box; height: 120px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border: 1px solid #2371C2; border-radius: 12px; margin-bottom: 49px;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center {border: 1px solid #2099C0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center {border: 1px solid #009DA7;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center::after {background: #2099C0;}
#internship .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center::after {background: #009DA7;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list {width: 100%; line-height: 1.3;}
#internship .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list li {font-size: 20px; word-break: keep-all;}

#internship .section4 {width: 100%; overflow: hidden; background: url(/assets/images/internship_section4_bg.png) no-repeat; background-size: cover;} 
#internship .section4 .section4_inner {width: 100%; margin: 100px 0 293px; }
#internship .section4 .section4_inner .title {font-size: 56px; font-weight: 600; margin-bottom: 250px; text-align: center;}
#internship .section4 .section4_inner .process_cont {width: 100%; position: relative;}
#internship .section4 .section4_inner .process_cont .left_line {position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
#internship .section4 .section4_inner .process_cont .left_line img {display: block; width: 100%;}
#internship .section4 .section4_inner .process_cont .right_line {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
#internship .section4 .section4_inner .process_cont .right_line img {display: block; width: 100%;}
#internship .section4 .section4_inner .process_cont .process_list {width: 100%; max-width: 1600px;  margin: 0 auto; position: relative; height: 320px;}
#internship .section4 .section4_inner .process_cont .process_list li {position: absolute; width: 100%; max-width: 320px; height: 320px; border-radius: 50%; background: #ddd; display: flex; align-items: center; justify-content: center; background: linear-gradient(67deg, #01E5C9, #0196E2 65%);}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(1) {top: calc(50% - 100px); transform: translateY(-50%); left: 0; z-index: 9;}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(2) {top: calc(50% - -20px); transform: translateY(-50%); left: 257px; z-index: 99;}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(3) {top: calc(50% - 122px); transform: translateY(-50%); left: 514px; z-index: 999;}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(4) {top: calc(50% - -50px); transform: translateY(-50%); left: 771px; z-index: 9999;}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(5) {top: calc(50% - 65px); transform: translateY(-50%); left: 1028px; z-index: 99999;}
#internship .section4 .section4_inner .process_cont .process_list li:nth-child(6) {top: 50%; transform: translateY(-50%); left: 1285px;}



#internship .section4 .section4_inner .process_cont .process_list li .text_box {text-align: center; display: inline-block;}
#internship .section4 .section4_inner .process_cont .process_list li .text_box .num {font-size: 40px; color: #fff; font-weight: 600; margin-bottom: 28px; display: inline-block;}
#internship .section4 .section4_inner .process_cont .process_list li .text_box .list_title {font-size: 32px; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 28px;}
#internship .section4 .section4_inner .process_cont .process_list li .text_box .sub_text {font-size: 24px; color: #fff;}
#internship .section5 {width: 100%; overflow: hidden;}
#internship .section5 .section5_inner {width: 100%; max-width: 1600px; margin: 0 auto 205px; overflow: hidden; }
#internship .section5 .section5_inner .title {font-size: 64px;font-weight: 800; margin-top: 100px ;width: 100%;text-align: center;}
#internship .section5 .section5_inner .recruit_content {width: 100%; margin-top: 100px;}
#internship .section5 .section5_inner .recruit_content .recruit_list {display: grid;  grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
#internship .section5 .section5_inner .recruit_content .recruit_list li {height: 284px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding: 0 30px;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img {width: 100%; max-width: 128px; margin: 0 auto;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img img {display: block; width: 100%; max-width: 80px; margin: 0 auto;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text {width: calc(100% - 128px); box-sizing: border-box; padding-left: 40px; position: relative;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 100%; background: #DDDDDD; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 28px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px; word-break: keep-all; line-height: 1.3;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box {display: block;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box .sub_text {box-sizing: border-box;padding-left: 10px;text-indent: -10px;word-break: keep-all; line-height: 1.5;}
#internship .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 20px; line-height: 1.4;}



/* sandbox */
#sandbox .section2 {width: 100%; overflow: hidden;}
#sandbox .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 0 auto 128px;}
#sandbox .section2 .section2_inner .tabl_menu {width: 100%; display: flex; align-items: center; background: #F4F4F4; border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden;}
#sandbox .section2 .section2_inner .tabl_menu li {width: 25%; height: 60px; position: relative;}
#sandbox .section2 .section2_inner .tabl_menu li::after {content: ''; width: 100%; max-width: 1px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #DDDDDD;}
#sandbox .section2 .section2_inner .tabl_menu li:last-child:after {display: none;}
#sandbox .section2 .section2_inner .tabl_menu li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size:24px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
#sandbox .section2 .section2_inner .tabl_menu li.on::after {display: none;}
#sandbox .section2 .section2_inner .tabl_menu li.on a {background: #3942AF; border-radius: 12px; overflow: hidden; color: #fff;}
#sandbox .section2 .section2_inner .title {font-size: 56px; font-weight: 600; margin: 0 0 34px; text-align: center;}
#sandbox .section2 .section2_inner .sub_title {font-size: 32px; text-align: center; margin-bottom: 50px; line-height: 1.2;}
#sandbox .section2 .section2_inner .content_box {width: 100%; max-width:  1200px; margin: 0 auto; text-align: center; position: relative;}
#sandbox .section2 .section2_inner .content_box::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#sandbox .section2 .section2_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#sandbox .section2 .section2_inner .content_box .system_box {width: 100%; display: flex; align-items: center; position: relative;}
#sandbox .section2 .section2_inner .content_box .system_box > li {width: 100%;position: relative; box-sizing: border-box; padding-top: 48px;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(1),
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(3) {text-align: left;}
#sandbox .section2 .section2_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(2):after {display: none;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #2371C2; z-index: 99;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2099C0;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #009DA7;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; height: 130px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 35px 46px; z-index: 99; position: relative; border-radius: 12px;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 18px; word-break: keep-all; text-align: center;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li.list_title {font-size: 24px; font-weight: 600; margin: 20px 0;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt img {display: block; width: 100%; max-width: 56px; margin: 0 auto;}
#sandbox .section2 .section2_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #2371C2; margin-top: 20px; line-height: 1.2; text-align: center;} 
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#sandbox .section2 .section2_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}



#sandbox .section3 {width: 100%; background: #fff; overflow: hidden;}
#sandbox .section3 .section3_inner {width: 100%; max-width: 1600px; margin: 100px auto 40px; text-align: center;}
#sandbox .section3 .section3_inner .content_box {width: 100%; margin: 0 auto; text-align: center; position: relative;}
#sandbox .section3 .section3_inner .content_box .title_border {display: flex; width: 100%; max-width: 400px; height: 72px; border-radius: 12px;align-items: center; justify-content: center; font-size: 32px; color: #fff; font-weight: 500; background: #2371C2; margin: 0 auto 48px; position: relative; z-index: 99;}
#sandbox .section3 .section3_inner .content_box .title_border::after {content: ''; width: 100%; max-width: 1px; height: 48px; position: absolute; left: 50%; bottom: -48px; transform: translateX(-50%); background: #CCCCCC;}
#sandbox .section3 .section3_inner .content_box .system_box {width: 100%; display: grid;  position: relative; grid-template-columns: repeat(4, 1fr);}
#sandbox .section3 .section3_inner .content_box .system_box > li {width: 100%;  position: relative; box-sizing: border-box; padding-top: 48px;}
#sandbox .section3 .section3_inner .content_box .system_box > li::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #CCCCCC;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration {width: 100%; box-sizing: border-box; padding: 0 44px;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top {width: 100%; max-width: 260px; height: 260px; background: #fff; margin: 0 auto 58px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; border: 3px solid #3942AF; z-index: 99;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top {border: 3px solid #2371C2;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top {border: 3px solid #2099C0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(4) .configuration .configuration_top {border: 3px solid #009DA7;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top::after {content: ''; width: 100%; max-width: 220px; height: 220px;  border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom {width: 100%; background: #F8F8F8; box-sizing: border-box; height: 190px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border-radius: 12px;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #2371C2; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_bottom::after {background: #2099C0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_bottom::after {background: #009DA7;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list {width: 100%; line-height: 1.3;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list.two_line {display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box; padding-left: 30px; text-align: left;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_bottom .text_list li {font-size: 20px; word-break: keep-all; }
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt {display: inline-block;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt img { display: block;width: 100%;max-width: 56px; margin: 0 auto;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_top .img_txt .txt {font-size: 24px; color: #3942AF; margin-top: 20px;} 
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_top .img_txt .txt {color: #2371C2;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_top .img_txt .txt {color: #2099C0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(4) .configuration .configuration_top .img_txt .txt {color: #009DA7;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center {width: 100%; background: #FCFCFC; box-sizing: border-box; height: 220px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 34px; z-index: 99; position: relative; border: 1px solid #3942AF; border-radius: 12px; margin-bottom: 0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center {border: 1px solid #2371C2;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center {border: 1px solid #2099C0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(4) .configuration .configuration_center {border: 1px solid #009DA7;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::after {content: ''; width: 100%; max-width: 8px; height: 8px; border-radius: 50%; background: #3942AF; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2) .configuration .configuration_center::after {background: #2371C2;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3) .configuration .configuration_center::after {background: #2099C0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(4) .configuration .configuration_center::after {background: #009DA7;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center::before {content: ''; width: 100%; max-width: 20px; height: 20px; border-radius: 50%;  position: absolute; left: 50%; top: -11px; transform: translateX(-50%); border: 1px solid #CCCCCC; background: #fff;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list {width: 100%; line-height: 1.3;}
#sandbox .section3 .section3_inner .content_box .system_box > li .configuration .configuration_center .text_list li {font-size: 24px; word-break: keep-all;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(2):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(3):before {content: ''; width: 100%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(1):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; right: 0;}
#sandbox .section3 .section3_inner .content_box .system_box > li:nth-child(4):before {content: ''; width: 50%; height: 1px ; background: #CCCCCC; position: absolute; top: 0; left: 0;}



#sandbox .section4 {width: 100%; overflow: hidden; background: url(/assets/images/sandbox_section4_bg.png) no-repeat; background-size: cover;} 
#sandbox .section4 .section4_inner {width: 100%; margin: 100px 0 293px; }
#sandbox .section4 .section4_inner .title {font-size: 56px; font-weight: 600; margin-bottom: 250px; text-align: center;}
#sandbox .section4 .section4_inner .process_cont {width: 100%; position: relative;}
#sandbox .section4 .section4_inner .process_cont .left_line {position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
#sandbox .section4 .section4_inner .process_cont .left_line img {display: block;}
#sandbox .section4 .section4_inner .process_cont .right_line {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
#sandbox .section4 .section4_inner .process_cont .process_list {width: 100%; max-width: 1600px; display: grid; grid-template-columns: repeat(6, 1fr); margin: 0 auto; position: relative; height: 320px;}
#sandbox .section4 .section4_inner .process_cont .process_list li {width: 100%; max-width: 320px; height: 320px; border-radius: 50%; background: #ddd; display: flex; align-items: center; justify-content: center; background: linear-gradient(67deg, #01E5C9, #0196E2 65%);}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(1) {position: absolute; top: calc(50% - 100px); transform: translateY(-50%); left: 0; z-index: 9;}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(2) {position: absolute; top: calc(50% - -20px); transform: translateY(-50%); left: 257px; z-index: 99;}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(3) {position: absolute; top: calc(50% - 122px); transform: translateY(-50%); left: 514px; z-index: 999;}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(4) {position: absolute; top: calc(50% - -50px); transform: translateY(-50%); left: 771px; z-index: 9999;}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(5) {position: absolute; top: calc(50% - 65px); transform: translateY(-50%); left: 1028px; z-index: 99999;}
#sandbox .section4 .section4_inner .process_cont .process_list li:nth-child(6) {position: absolute; top: 50%; transform: translateY(-50%); left: 1285px;}
#sandbox .section4 .section4_inner .process_cont .process_list li .text_box {text-align: center; display: inline-block;}
#sandbox .section4 .section4_inner .process_cont .process_list li .text_box .num {font-size: 40px; color: #fff; font-weight: 600; margin-bottom: 28px; display: inline-block;}
#sandbox .section4 .section4_inner .process_cont .process_list li .text_box .list_title {font-size: 32px; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 28px;}
#sandbox .section4 .section4_inner .process_cont .process_list li .text_box .sub_text {font-size: 24px; color: #fff;}

#sandbox .section5 {width: 100%; overflow: hidden;}
#sandbox .section5 .section5_inner {width: 100%; max-width: 1600px; margin: 0 auto 100px; overflow: hidden; }
#sandbox .section5 .section5_inner .title {font-size: 64px;font-weight: 800; margin-top: 100px ;width: 100%;text-align: center;}
#sandbox .section5 .section5_inner .recruit_content {width: 100%; margin-top: 100px;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list {display: grid;  grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li {height: 284px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding-right: 30px; }
#sandbox .section5 .section5_inner .recruit_content .recruit_list li:nth-child(1),
#sandbox .section5 .section5_inner .recruit_content .recruit_list li:nth-child(2) {height: 214px;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li:nth-child(3),
#sandbox .section5 .section5_inner .recruit_content .recruit_list li:nth-child(4) {height: 304px;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li:nth-child(n+5) {margin-bottom: 0; height: 276px;}

#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img {width: 100%; max-width: 123px; margin: 0 auto;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .left_img img {display: block; width: 100%; max-width: 80px; margin: 0 auto;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text {width: calc(100% - 123px); box-sizing: border-box; padding-left: 40px; position: relative;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 64px; background: #DDDDDD; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 28px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box {display: block;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box .sub_text {box-sizing: border-box;padding-left: 10px;text-indent: -10px;word-break: keep-all; line-height: 1.5;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .text_box .sub_text.no_list {text-indent : 0;}
#sandbox .section5 .section5_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 19px; line-height: 1.4;}

#sandbox .section3 .section3_inner .content_box .recruit_list {width: 100%; height: 194px;background: #fff;border: 1px solid #DDDDDD;border-top: 3px solid #004FAC;display: flex;align-items: center;box-sizing: border-box;padding: 0 30px; margin-top: 40px;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .left_img {width: 100%;max-width: 128px;margin: 0 auto;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .left_img img {display: block;width: 100%;max-width: 80px;margin: 0 auto;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .right_text {width: calc(100% - 128px); box-sizing: border-box; padding-left: 40px; position: relative; text-align: left;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .right_text::after {content: '';width: 100%;max-width: 2px;height: 64px;background: #DDDDDD;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .right_text .list_title {font-size: 28px;color: #1D1D1D;font-weight: 700;margin-bottom: 18px; line-height: 1.3;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .right_text .text_box {display: block;}
#sandbox .section3 .section3_inner .content_box .recruit_list .list_inner .right_text .text_box .sub_text {box-sizing: border-box;padding-left: 10px;text-indent: -10px;word-break: keep-all;line-height: 1.5; font-size: 20px; color: #555555;}




.vision {width: 100%;}
.vision .vision_inner {width: 100%; position: relative;}
#vision .section1 {width: 100%; background: url(/assets/images/vision_bg.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}

#vision .section2 {width: 100%; background: url(/assets/images/section2_bg.png); background-repeat: no-repeat; overflow: hidden; background-size: cover;}
#vision .section2 .section2_inner {width: 100%; max-width: 1600px; margin: 100px auto 0; overflow: hidden; margin-bottom: 100px;}
#vision .section2 .section2_inner .title {font-size: 64px; font-weight: 800; margin: 100px 0 42px; width: 100%; text-align: center;}
#vision .section2 .section2_inner .sub_title {font-size: 32px; line-height: 1.2; width: 100%; text-align: center; letter-spacing: 4px; word-break: keep-all; margin-bottom: 48px;}
#vision .section2 .section2_inner {width: 100%;}
#vision .section2 .section2_inner .slide_top {width: 100%; display: flex; align-items: center; max-width: 1358px; margin: 0 auto;}
#vision .section2 .section2_inner .slide_top .left_box {width: 50%; max-width: 670px; height: 390px; position: relative; border: 15px solid #C4C7E7; border-radius: 36px; margin-left: 33px;}
#vision .section2 .section2_inner .slide_top .left_box h2 {width: 100%; background: #3942AF; height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32px; color: #fff; font-weight: 500; text-align: center; line-height: 1.3; position: absolute; left: 27px; top: 27px; transition: all 0.3s;} 
#vision .section2 .section2_inner .slide_top .left_box:hover h2 {left: 0; top: 0; transition: all 0.3s;}
#vision .section2 .section2_inner .slide_bottom {width: 100%; display: flex; align-items: center; max-width: 1358px; margin: -64px auto 0;}
#vision .section2 .section2_inner .slide_bottom .right_box {width: 50%; max-width: 670px; height: 390px; position: relative; border: 15px solid rgba(32, 153, 192, 0.20); border-radius: 36px; margin-right: 33px;}
#vision .section2 .section2_inner .slide_bottom .right_box h2 {width: 100%; background: #2099C0; height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32px; color: #fff; font-weight: 500; text-align: center; line-height: 1.3; position: absolute; right: 27px; bottom: 27px;  transition: all 0.3s} 
#vision .section2 .section2_inner .slide_bottom .right_box:hover h2 {right: 0; bottom: 0; transition: all 0.3s;}
#vision .section2 .section2_inner .slide_bottom .left_text {width: 50%; font-size: 32px; color: #000; font-weight: 600; line-height: 1.3; text-align: center;}
#vision .section2 .section2_inner .history_box {width: 100%; max-width: 1156px; margin: 205px auto 0;}
#vision .section2 .section2_inner .history_box .year_select_box {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px;}
#vision .section2 .section2_inner .history_box .year_select_box .year {font-size: 40px; font-weight: 700; font-family: 'Inter';}
#vision .section2 .section2_inner .slide_top .right_text {width: 50%; font-size: 32px; color: #000; font-weight: 600; line-height: 1.3; text-align: center;}
#vision .section2 .section2_inner .content_box {display: block; position: relative;}
#vision .section2 .section2_inner .content_box .counsel_btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100px; height: 100px; border-radius: 10px; background: #16408D; position: absolute; right: 0; bottom: 0;}
#vision .section2 .section2_inner .content_box .counsel_btn img {display: block; width: 100%; max-width: 56px;}
.counsel_popUp {display: none; position: absolute; right: 0; bottom: 0; width: 100%; max-width: 640px; background: #fff; border: 1px solid #3942AF; border-radius: 10px; box-sizing: border-box; padding: 40px; height: 720px; overflow-y: auto;}

  /* 스크롤바 커스텀 */ 
.counsel_popUp::-webkit-scrollbar {width: 4px;  }
.counsel_popUp::-webkit-scrollbar-thumb {background: #3942AF; /* 스크롤바 색상 */border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.counsel_popUp::-webkit-scrollbar-track {background: none;  /*스크롤바 뒷 배경 색상*/}

.counsel_popUp.on {display: block;}
.counsel_popUp .chat_box {width: 100%;}
.counsel_popUp .chat_box .chat {width: 100%;}
.counsel_popUp .chat_box .chat .chat_text {display: none;  align-items: center;}
.counsel_popUp .chat_box .chat .chat_text.on{display: flex;}
.counsel_popUp .chat_box .chat .chat_text .profile {width: 100%; max-width: 56px; height: 56px; background: #3942AF; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 7px;}
.counsel_popUp .chat_box .chat .chat_text .profile img {display: block; width: 100%; max-width: 37px;}
.counsel_popUp .chat_box .chat .chat_text .text {display: inline-block; background: #E3EBFF; box-sizing: border-box; padding: 16px; border-radius: 19px 19px 19px 0; line-height: 1.3;}
.counsel_popUp .chat_box .chat .chat_text .text p {font-size: 20px;}
.counsel_popUp .chat_box .chat .chat_text.no_profile  {margin-left: 63px; margin-top: 7px;}
.counsel_popUp .chat_box .user_select { width: 100%; margin-top: 24px; overflow: hidden;}
.counsel_popUp .chat_box .user_select.one {display: none;}
.counsel_popUp .chat_box .user_select.one.on {display: block;}
.counsel_popUp .chat_box .user_select.two {display: none;}
.counsel_popUp .chat_box .user_select.two.on {display: block;}
.counsel_popUp .chat_box .user_select .select_title {font-size: 18px; font-weight: normal; margin-bottom: 24px;}
.counsel_popUp .chat_box .user_select .select_title span {color: #FF0000;}
.counsel_popUp .chat_box .user_select .list {width: 100%; float: left;}
.counsel_popUp .chat_box .user_select .list li {display: inline-block; float: left; background: #E4E4E4; border-radius: 6px; margin-right: 8px; margin-bottom: 10px;}
.counsel_popUp .chat_box .user_select .list li.on {background: #246BEB;}
.counsel_popUp .chat_box .user_select .list li.on a {color: #fff;}
.counsel_popUp .chat_box .user_select .list li:last-child {margin-right: 0;}
.counsel_popUp .chat_box .user_select .list li a {display: inline-block; box-sizing: border-box; padding: 12px 12px; font-size: 20px; font-weight: 500; color: #2D2D2D; }
.counsel_popUp .chat_box .complete_btn { display: none; width: 100%; max-width: 170px; height: 46px; align-items: center; justify-content: center; background: #E4E4E4; color: #fff; font-size: 20px; border-radius: 8px; margin: 30px auto 30px;}
.counsel_popUp .chat_box .complete_btn.on {display: flex;}
.counsel_popUp .chat_box .complete_btn.active {background: #246BEB;}
.counsel_popUp .chat_box .chat_text.project {display: none; align-items: center;}
.counsel_popUp .chat_box .chat_text.project.on {display: flex;}
.counsel_popUp .chat_box .chat_text.project .profile {width: 100%; max-width: 56px; height: 56px; background: #3942AF; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 7px;}
.counsel_popUp .chat_box .chat_text.project .profile img {display: block; width: 100%; max-width: 37px;}
.counsel_popUp .chat_box .chat_text.project .text {display: inline-block; background: #E3EBFF; box-sizing: border-box; padding: 16px; border-radius: 19px 19px 19px 0;}
.counsel_popUp .chat_box .chat_text.project .text p {font-size: 20px;}
.counsel_popUp .chat_box .chat_text.no_profile {margin-left: 63px; margin-top: 7px;}
.counsel_popUp .chat_box .yellow_chat_text {display: block; width: 100%; text-align: right; margin-bottom: 7px}
.counsel_popUp .chat_box .yellow_chat_text .yellow_chat {box-sizing: border-box; padding: 16px; background: #FFDD67; border-radius: 19px 19px 0 19px; display: inline-block; }
.counsel_popUp .chat_box .yellow_chat_text .yellow_chat p {font-size: 20px; color: #212121;}
.counsel_popUp .chat_box .yellow_chat_box {display: none; width: 100%;}
.counsel_popUp .chat_box .yellow_chat_box.on {display: block;}
.counsel_popUp .close_btn {display: block; width: 100%; max-width: 32px; margin-left: auto; margin-bottom: 40px;}
.counsel_popUp .close_btn img {display: block; width: 100%;}


/* contact */
.contact {width: 100%;}
.contact .contact_inner {width: 100%; position: relative;}
.contact .contact_content {width: 100%;}
.contact .contact_content .contact_content_inner {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
.contact_content .contact_content_inner .title {font-size: 64px;font-weight: 800;margin: 200px 0 42px;width: 100%;text-align: center;}
.contact_content .contact_content_inner .sub_title {font-size: 32px;line-height: 1.2;width: 100%;text-align: center; letter-spacing: 4px; word-break: keep-all;} 
.contact_content .contact_content_inner .tideflo_info {width: 100%; display: flex; align-items: center; margin: 90px 0 100px;}
.contact_content .contact_content_inner .tideflo_info li {width: 50%; margin-right: 30px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #3942AF;}
.contact_content .contact_content_inner .tideflo_info li:nth-child(2) {border-top: 3px solid #2371C2;}
.contact_content .contact_content_inner .tideflo_info li:last-child {margin-right: 0;}
.contact_content .contact_content_inner .tideflo_info li a {display: flex; width: 100%; align-items: center; box-sizing: border-box; padding: 30px 0;}
.contact_content .contact_content_inner .tideflo_info li a .left_img {width: 100%; max-width: 225px; box-sizing: border-box; padding: 15px 0; border-right: 1px solid #DDDDDD;}
.contact_content .contact_content_inner .tideflo_info li a .left_img img {width: 100%; display: block; max-width: 125px; margin: 0 auto;}
.contact_content .contact_content_inner .tideflo_info li a .right_text {width: calc(100% - 225px); font-size: 40px; font-weight: 800; color: #1D1D1D; box-sizing: border-box; padding-left: 50px;}


/* welfare */
.welfare {width: 100%;}
.welfare .welfare_inner {width: 100%; position: relative;}
.welfare .welfare_inner .welfare_box {width: 100%; max-width: 1600px; margin: 126px auto 0;}
.welfare .welfare_inner .title {font-size: 64px; font-weight: 800; margin: 0 auto 100px; text-align: center;}
.welfare .welfare_inner .welfare_content {width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px 35px; margin-bottom: 74px;}
.welfare .welfare_inner .welfare_content .box {width: 100%; border-radius: 30px; border: 1px solid #C6C6C6; overflow: hidden; height: 480px; display: flex; align-items: center; justify-content: center; position: relative;}
.welfare .welfare_inner .welfare_content .box:nth-child(1) {background: rgba(121, 212, 209, 0.30); }
.welfare .welfare_inner .welfare_content .box:nth-child(2) {background: rgba(187, 223, 255, 0.40); }
.welfare .welfare_inner .welfare_content .box:nth-child(3) {background: rgba(163, 229, 225, 0.30);}
.welfare .welfare_inner .welfare_content .box:nth-child(4) {background: #FFFBED; grid-row: 2 / 4; height: 995px;}
.welfare .welfare_inner .welfare_content .box:nth-child(5) {background: #EDE5DD;}
.welfare .welfare_inner .welfare_content .box:nth-child(6) {background: rgba(174, 199, 255, 0.30);}
.welfare .welfare_inner .welfare_content .box:nth-child(7) {background: rgba(235, 215, 255, 0.50);grid-column : 2 / span 2; }
.welfare .welfare_inner .welfare_content .box .box_inner {display: inline-block;}
.welfare .welfare_inner .welfare_content .box .box_inner p.img {display: block; width: 100%; max-width: 304px;}
.welfare .welfare_inner .welfare_content .box .box_inner p.img img {display: block; width: 100%;}
.welfare .welfare_inner .welfare_content .box .box_inner .text_box {display: block; text-align: center; width: 100%;}
.welfare .welfare_inner .welfare_content .box .box_inner .text_box .welfare_title {font-size: 40px; font-weight: 600; margin: 47px 0 17px;}
.welfare .welfare_inner .welfare_content .box .box_inner .text_box p {font-size: 24px; line-height: 1.3;}
.welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner p.img {position: absolute; left: 50%; top: 200px; transform: translateX(-50%);}
.welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner .text_box {position: absolute; left: 50%; bottom: 200px; transform: translateX(-50%);}


/* employment */
.employment {width: 100%;}
.employment .employment_inner {width: 100%; position: relative;}
.employment .employment_inner .employment_content {width: 100%; max-width: 1600px; margin: 0 auto 0;}
.employment .employment_inner .employment_content .title {font-size: 64px; font-weight: 800; margin: 0 auto 100px; text-align: center;}
.employment .employment_inner .employment_content .recruit_content {width: 100%; margin-top: 93px;}
.employment .employment_inner .employment_content .recruit_content .recruit_list {display: grid;  grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li {height: 255px; background: #FCFCFC; border: 1px solid #DDDDDD; border-top: 3px solid #004FAC;display: flex; align-items: center; box-sizing: border-box; padding: 50px;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img {width: 100%; max-width: 130px; margin: 0 auto;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img img {display: block; width: 100%;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text {width: calc(100% - 130px); box-sizing: border-box; padding-left: 60px; position: relative;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text::after {content: ''; width: 100%; max-width: 2px; height: 155px; background: #DDDDDD; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 32px; color: #1D1D1D; font-weight: 700; margin-bottom: 18px; word-break: keep-all; line-height: 1.3;}
.employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .sub_text {color: #555555; font-size: 24px; line-height: 1.4; word-break: keep-all;}
.employment .employment_inner .employment_content .Apply_btn {width: 100%; max-width: 274px; height: 80px; border-radius: 10px; background: #3942AF; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; margin: 38px auto 100px;}





















/* 애니메이션 */
.welfare .welfare_inner .welfare_content .box:nth-child(1) .box_inner p.img img {animation: ring 2s .5s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(2) .box_inner p.img img {animation: ring 2s .6s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(3) .box_inner p.img img {animation: ring 2s .9s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner p.img img {animation: ring 2s 1.0s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(5) .box_inner p.img img {animation: ring 2s .8s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(6) .box_inner p.img img {animation: ring 2s .5s ease-in-out infinite}
.welfare .welfare_inner .welfare_content .box:nth-child(7) .box_inner p.img img {animation: ring 2s .7s ease-in-out infinite}

.section1 .section1_inner .scroll_box { animation:arrow_down 1.5s infinite;}
.section1 .section1_inner .scroll_box img {animation: arrow-wave 1s infinite; animation-direction: alternate;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(1) .circle_box .s_circle {animation:spin 3s linear infinite;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(2) .circle_box .s_circle {animation:spin 3s linear infinite;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(3) .circle_box .s_circle {animation:spin2 3s linear infinite;}
#business .section4 .section4_inner .left_box .linkage li:nth-child(4) .circle_box .s_circle {animation:spin2 3s linear infinite;}
#main .section1 .section1_inner .main_title .ani_text1 {animation: txt_blur 1.5s  alternate ease-in;}
#main .section1 .section1_inner .main_title .ani_text2 {animation: txt_blur 2.5s  alternate ease-in;}





@keyframes arrow-wave {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@keyframes arrow_down{
    0%{bottom:100px;}
    50%{bottom:90px;}
    100%{bottom:100px;}
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes spin2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}


@keyframes txt_blur {
    0% {
    filter:blur(7px);
    -moz-filter:blur(7px);
    -webkit-filter:blur(7px);
    opacity: 0;
    }
    50% {
    filter:blur(7px);
    -moz-filter:blur(7px);
    -webkit-filter:blur(7px);
    opacity: 0;
    }
    100% {
    filter:blur(0);
    -moz-filter:blur(0);
    -webkit-filter:blur(0);
    opacity: .9;
    }
}


@keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(10deg); }
    10% { -webkit-transform: rotateZ(-8deg); }
    19% { -webkit-transform: rotateZ(8deg); }
    28% { -webkit-transform: rotateZ(-6deg); }
    37% { -webkit-transform: rotateZ(6deg); }
    46% { -webkit-transform: rotateZ(-4deg); }
    55% { -webkit-transform: rotateZ(4deg); }
    64% { -webkit-transform: rotateZ(-2deg); }
    73% { -webkit-transform: rotateZ(1deg); }
    82% { -webkit-transform: rotateZ(-1deg); }
    100% { -webkit-transform: rotateZ(0); }
}



.tab {display: none;}
.tab.on {display: block;}
.recruit_content1 {display: none;}
.recruit_content1.on {display: block;}
.recruit_content2 {display: none;}
.recruit_content2.on {display: block;}




/* 반응형 */
@media screen and (max-width: 1600px) {
    .pd18 {box-sizing: border-box; padding: 0 18px;}
    #main .section5 .section5_inner .location_content .location_info .info .info_list {display: block;}
    #main .section5 .section5_inner .location_content .location_info .info .info_list li {width: 100%; margin-right: 0; max-width: unset;}

    .contact_content .contact_content_inner .tideflo_info {display: block;}
    .contact_content .contact_content_inner .tideflo_info li {width: 100%; margin-right: 0;}

    #vision .section2 .section2_inner .content_box .counsel_btn {position: unset; margin-left: auto; margin-top: 30px;}
}
@media screen and (max-width: 1400px) {
    #main .section4 .section4_inner .recruit_content .recruit_list {grid-template-columns: repeat(1, 1fr);}
    .employment .employment_inner .employment_content .recruit_content .recruit_list {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 1200px) {
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {height: 394px;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view {bottom: 34px;}
}
@media screen and (max-width: 1040px) {
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 br {display: none;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 { word-break: keep-all; box-sizing: border-box; padding: 0 20px;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 br {display: none;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 { word-break: keep-all; box-sizing: border-box; padding: 0 20px;}

    #vision .section2 .section2_inner .slide_bottom .right_box h2 br {display: none;}
    #vision .section2 .section2_inner .slide_bottom .right_box h2 { word-break: keep-all; box-sizing: border-box; padding: 0 20px;}
    #vision .section2 .section2_inner .slide_top .left_box h2 br {display: none;}
    #vision .section2 .section2_inner .slide_top .left_box h2 { word-break: keep-all; box-sizing: border-box; padding: 0 20px;}
}
@media screen and (max-width: 1080px) {
    .customer_list .customer_inner .content_box .list > li a {display: block;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box {width: 100%; padding: 0;}
    .customer_list .customer_inner .content_box .list > li a .left_img_box {margin-bottom: 50px;}
}

@media screen and (max-width: 900px) {
    #main .section1 .section1_inner .main_title br {display: none;}
    #main .section2 .section2_inner .swiper {padding-bottom: 150px;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top {display: block;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box {width: calc(100% - 27px); margin-left: 0; max-width: unset; margin-bottom: 50px;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .right_text {width: 100%; margin-bottom: 47px;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom {margin: 0; display: flex; flex-direction: column-reverse;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box {width: 100%; margin-right: 0; width: calc(100% - 27px); max-width: unset; margin-bottom: 37px;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .left_text {width: 100%; }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {top: unset; bottom: 50px;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {top: unset; bottom: 50px; right: 188px; left: unset;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 110px 58px; padding-bottom: 208px;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {margin-right: 0; max-width: unset;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) {transform: unset;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) {transform: unset;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) {transform: unset;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) span, 
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) span, 
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) span,
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) span {top: -108px;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2):hover {transform: translateY(-20px);}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3):hover {transform: translateY(-20px);}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4):hover {transform: translateY(-20px);}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list {grid-template-columns: repeat(2, 1fr); margin-bottom: 208px;}
    #main .section4 .section4_inner .sub_title br {display: none;}

    .contact_content .contact_content_inner .tideflo_info li a .right_text {font-size: 34px;}

    #vision .section2 .section2_inner .swiper {padding-bottom: 150px;}
    #vision .section2 .section2_inner .slide_top {display: block;}
    #vision .section2 .section2_inner .slide_top .left_box {width: calc(100% - 27px); margin-left: 0; max-width: unset; margin-bottom: 50px;}
    #vision .section2 .section2_inner .slide_top .right_text {width: 100%; margin-bottom: 47px;}
    #vision .section2 .section2_inner .slide_bottom {margin: 0; display: flex; flex-direction: column-reverse;}
    #vision .section2 .section2_inner .slide_bottom .right_box {width: 100%; margin-right: 0; width: calc(100% - 27px); max-width: unset; margin-bottom: 37px;}
    #vision .section2 .section2_inner .slide_bottom .left_text {width: 100%; }

    .welfare .welfare_inner .welfare_content {grid-template-columns: repeat(2, 1fr);}
    .welfare .welfare_inner .welfare_content .box:nth-child(4) {grid-row: unset; height: 480px;}
    .welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner .text_box {position: unset; transform: unset;}
    .welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner p.img {position: unset; transform: unset;}
    .welfare .welfare_inner .welfare_content .box:nth-child(7) { grid-column: 1 / span 2;}
}



@media screen and (max-width: 720px) {
    .budiness_tab li {height: 9.9444vw;}
    .budiness_tab li a {font-size: 3.7778vw;}
    .budiness_tab {border-radius: 1.1111vw;}
    .budiness_tab li.on a {border-radius: 1.1111vw;}
    .budiness_tab {margin: 13.8889vw auto 9.7222vw;;}

    .section1 .section1_inner .main_title_box {top: 50%; transform: translateY(-50%);}
    .section1 .section1_inner .main_title_box .main_title {font-size: 9.5556vw;}
    .section1 .section1_inner .main_title_box .sub_title {font-size: 5.3333vw;}
    .section1 .section1_inner .main_title_box .sub_title br {display: none;}

    .pd18 {padding: 0 2.5000vw;}
    .section1 .section1_inner .scroll_box {display: none;}
    #main .section1 .section1_inner .main_title {font-size: 7.5556vw; text-align: center; top: calc(50% - 13.8889vw);}
    #main .section2 .section2_inner .title {font-size: 5.5556vw;  margin: 13.8889vw 0 5.8333vw;}
    #main .section2 .section2_inner .swiper .swiper-pagination {font-size: 3.8889vw;}
    #main .section2 .section2_inner .swiper-slide .history_box {margin: 0 auto;}
    #main .section2 .section2_inner .swiper-slide .history_box .history_text {width: 100%; font-size: 3.8889vw;}
    #main .section3 .section3_inner .title {font-size: 5.5556vw; margin: 13.8889vw 0 5.8333vw;}
    #main .section3 .section3_inner .swiper .swiper-pagination {font-size: 3.8889vw; margin-bottom: 22.7778vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .right_text {word-break: keep-all; font-size: 3.8889vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .left_text {word-break: keep-all; font-size: 3.8889vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 {font-size: 3.8889vw; left: 2.3611vw; top: 2.3611vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box {height: 47.2222vw; border: 1.3889vw solid #C4C7E7;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box {height: 47.2222vw; border: 1.3889vw solid rgba(32, 153, 192, 0.20);}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 {font-size: 3.8889vw; right: 2.3611vw; bottom: 2.3611vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .year_select_box .year {font-size: 3.8889vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li .num {font-size: 9.7222vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) span {top: -11.1111vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {padding: 2.5000vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .list_title {font-size: 3.0556vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {height: 45.8333vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list {margin-bottom: 0;}

    #main .cont-select { max-width: 32.6667vw;}
    #main .btn-select {width: 100%; font-size: 3.7778vw;line-height: 7.3611vw;border: 0.1389vw solid #C4C4C4;border-radius: 4.7222vw;cursor: pointer;white-space: nowrap; height: 8.8889vw;  align-items: center;  padding: 2.7778vw 3.4722vw 2.7778vw 2.7778vw;}
    #main .btn-select img { right: 3.4722vw; top: 50%; transform: translateY(-50%); max-width: 2.6389vw;}
    #main .list-member {list-style-type : none;width: 100%;top: 8.8889vw;left: 0;padding: 0;border: 0.1389vw solid #C4C4C4;box-shadow: 0.5556vw 0.5556vw 1.9444vw rgba(0, 0, 0, 0.15);background: #fff;border-radius: 1.3889vw;}
    #main .list-member li {width: 100%; padding: 1.6944vw 1.1111vw;}
    #main .list-member li button {width: 100%; border: none;border-radius: 1.1111vw;cursor: pointer;white-space: nowrap; font-size: 3.7778vw; color: #000;}


    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list {gap: 13.3333vw 2.5000vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view { max-width: 17.2222vw; height: 5.0000vw; border-radius: 4.1667vw;  font-size: 2.3611vw;   left: 50%;  bottom: 4.1667vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view img { max-width: 2.0833vw; margin-left: 0.8333vw;}
    #main .section4 .section4_inner .title {font-size: 5.5556vw; margin: 13.8889vw 0 5.8333vw;}
    #main .section4 .section4_inner .sub_title {font-size: 3.8889vw; letter-spacing: 0.2778vw;}
    #main .section4 .section4_inner .recruit_content {margin-top: 4.1667vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li {height: auto;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner {flex-direction: column;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 4.3333vw; margin-top: 3.3333vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {font-size: 3.5000vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text br {display: none;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img {max-width: 14.1667vw; margin: 0 auto 0 0 ; position: relative;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img::after {content: ''; width: 100%; height: 0.1389vw; background: #DDDDDD; position: absolute; left: 0; bottom: 0;}
    #main .section4 .section4_inner .recruit_content .recruit_list li {padding: 4.1667vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text {width: 100%; padding-left: 0;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text::after {display: none;}
    #main .section4 .section4_inner .Apply_btn {width: 100%;max-width: 33.0556vw;height: 8.6111vw;border-radius: 1.3889vw;font-size: 2.9167vw;margin: 5.2778vw auto 5.8333vw;}
    #main .section5 .section5_inner .title {font-size: 5.5556vw; margin: 13.8889vw 0 5.8333vw;}
    #main .section5 .section5_inner .sub_title {font-size: 3.8889vw; letter-spacing: 0;}
    #main .section5 .section5_inner .location_content {margin-top: 6.9444vw;}
    #main .section5 .section5_inner .location_content .location_info .info .left_img_box {max-width: 14.1667vw;}
    #main .section5 .section5_inner .location_content .location_info .info .right_txt_box {padding-left: 5.5556vw; font-size: 3.7778vw;}

    #main .section5 .section5_inner .location_content .location_info .info .info_list li {padding: 4.7619vw 0;}
    #main .section5 .section5_inner .location_content .location_info .info {padding: 4.7619vw 0;}
    #main .section5 .section5_inner .location_content .map_content {height: 79.1667vw;}

    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_title {font-size: 4.0556vw;  margin-bottom: 2.5000vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_text {font-size: 3.0556vw; margin-bottom: 6.5278vw;}

    .contact_content .contact_content_inner .title {font-size: 5.5556vw; margin: 27.7778vw 0 5.8333vw;}
    .contact_content .contact_content_inner .sub_title {font-size: 3.8889vw;}
    .contact_content .contact_content_inner .tideflo_info {margin: 10.2778vw 0 13.8889vw;}
    .contact_content .contact_content_inner .tideflo_info li a {padding: 2.7778vw 0;}
    .contact_content .contact_content_inner .tideflo_info li a .left_img {max-width: 22.2222vw;}
    .contact_content .contact_content_inner .tideflo_info li a .left_img img {max-width: 11.3889vw;}
    .contact_content .contact_content_inner .tideflo_info li a .right_text {font-size: 4.0556vw; padding-left: 4.4444vw; width: calc(100% - 22.2222vw);}


    .customer_list .customer_inner {margin: 13.8889vw auto 17.7778vw;}
    .customer_list .customer_inner .title {font-size: 5.5556vw;}
    .customer_list .customer_inner .sub_title {font-size: 3.3333vw; margin-top: 4.7222vw;}
    .customer_list .customer_inner .content_box .list {margin-top: 6.9444vw;}
    .customer_list .customer_inner .content_box .list > li {margin-bottom: 6.6667vw;}
    .customer_list .customer_inner .content_box .list > li a .left_img_box {margin-bottom: 4.9444vw; border-radius: 1.6667vw; max-width: 52.2222vw; height: 34.1667vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .year {font-size: 3.7778vw; margin-bottom: 3.3333vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .text_title {font-size: 4.3333vw; margin-bottom: 3.6111vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .text_list li {font-size: 3.7778vw; margin-bottom: 0; padding-left: 1.3889vw; text-indent: -1.8056vw;}

    #vision .section2 .section2_inner {margin-bottom: 13.8889vw;}
    #vision .section2 .section2_inner .title {font-size: 5.5556vw;  margin: 13.8889vw 0 5.8333vw;}
    #vision .section2 .section2_inner .sub_title {font-size: 3.8889vw; letter-spacing: 0.2778vw; margin-bottom: 6.9444vw;}
    #vision .section2 .section2_inner .slide_top .right_text {word-break: keep-all; font-size: 3.8889vw;}
    #vision .section2 .section2_inner .slide_bottom .left_text {word-break: keep-all; font-size: 3.8889vw;}
    #vision .section2 .section2_inner .slide_top .left_box h2 {font-size: 3.8889vw; left: 2.3611vw; top: 2.3611vw;}
    #vision .section2 .section2_inner .slide_top .left_box {height: 47.2222vw; border: 1.3889vw solid #C4C7E7;}
    #vision .section2 .section2_inner .slide_bottom .right_box {height: 47.2222vw; border: 1.3889vw solid rgba(32, 153, 192, 0.20);}
    #vision .section2 .section2_inner .slide_bottom .right_box h2 {font-size: 3.8889vw; right: 2.3611vw; bottom: 2.3611vw;}

    .counsel_popUp {  left: 0; top: 0; width: 100%; max-width: unset; background: #fff; border: 0.1389vw solid #3942AF; border-radius: 1.3889vw;  padding: 5.5556vw; height: 151.0000vw; overflow-y: auto;}
    .counsel_popUp::-webkit-scrollbar {width: 0.5556vw;  }
    .counsel_popUp::-webkit-scrollbar-thumb {background: #3942AF; border-radius: 1.3889vw; }
    .counsel_popUp::-webkit-scrollbar-track {background: none; }
    .counsel_popUp .chat_box .chat .chat_text {align-items: flex-start;}
    .counsel_popUp .chat_box .chat .chat_text .profile {max-width: 8.7778vw; height: 8.7778vw; border-radius: 1.3889vw;  align-items: center;  margin-right: 0.9722vw;}
    .counsel_popUp .chat_box .chat .chat_text .profile img { width: 100%; max-width: 5.1389vw;}
    .counsel_popUp .chat_box .chat .chat_text .text { background: #E3EBFF;  padding: 2.2222vw; border-radius: 2.6389vw 2.6389vw 2.6389vw 0; line-height: 1.3;}
    .counsel_popUp .chat_box .chat .chat_text .text p {font-size: 3.7778vw;}
    .counsel_popUp .chat_box .chat .chat_text.no_profile  {margin-left: 8.7500vw; margin-top: 1.9722vw;}
    .counsel_popUp .chat_box .user_select { margin-top: 3.3333vw; }
    .counsel_popUp .chat_box .user_select .select_title {font-size: 3.5000vw;  margin-bottom: 3.3333vw;}
    .counsel_popUp .chat_box .user_select .list li { border-radius: 0.8333vw; margin-right: 1.1111vw; margin-bottom: 1.3889vw;}
    .counsel_popUp .chat_box .user_select .list li a {  padding: 1.6667vw 1.6667vw; font-size: 3.7778vw;   }
    .counsel_popUp .chat_box .complete_btn {  max-width: 32.6111vw; height: 8.3889vw; font-size: 3.7778vw; border-radius: 1.1111vw; margin: 4.1667vw auto 4.1667vw;}
    .counsel_popUp .chat_box .chat_text.project .profile { max-width: 8.7778vw; height: 8.7778vw; border-radius: 1.3889vw;   margin-right: 0.9722vw;}
    .counsel_popUp .chat_box .chat_text.project .profile img { max-width: 5.1389vw;}
    .counsel_popUp .chat_box .chat_text.project .text { padding: 2.2222vw; border-radius: 2.6389vw 2.6389vw 2.6389vw 0;}
    .counsel_popUp .chat_box .chat_text.project .text p {font-size: 3.7778vw;}
    .counsel_popUp .chat_box .chat_text.no_profile {margin-left: 8.7500vw; margin-top: 0.9722vw;}
    .counsel_popUp .chat_box .yellow_chat_text { margin-bottom: 1.9722vw}
    .counsel_popUp .chat_box .yellow_chat_text .yellow_chat { padding: 2.2222vw; border-radius: 2.6389vw 2.6389vw 0 2.6389vw;  }
    .counsel_popUp .chat_box .yellow_chat_text .yellow_chat p {font-size: 3.7778vw; }
    .counsel_popUp .close_btn {max-width: 5.4444vw; margin-left: auto; margin-bottom: 5.5556vw;}


    #vision .section2 .section2_inner .content_box .counsel_btn { align-items: center;  width: 100%; max-width: 13.8889vw; height: 13.8889vw; border-radius: 1.3889vw; background: #16408D;  right: 0; bottom: 0;}
    #vision .section2 .section2_inner .content_box .counsel_btn img { max-width: 7.7778vw;}

    .welfare .welfare_inner .title {font-size: 5.5556vw; margin: 0 0 5.8333vw;}
    .welfare .welfare_inner .welfare_content { gap: 2.8611vw 2.8611vw; margin-bottom: 10.2778vw;}
    .welfare .welfare_inner .welfare_content .box {width: 100%; border-radius: 4.1667vw; border: 0.1389vw solid #C6C6C6;  height: 48.6667vw;  align-items: center; }
    .welfare .welfare_inner .welfare_content .box .box_inner .text_box .welfare_title {font-size: 4.5556vw;  margin: 3.5278vw 0 2.3611vw;}
    .welfare .welfare_inner .welfare_content .box .box_inner p.img {max-width: 31.2222vw;}
    .welfare .welfare_inner .welfare_content .box .box_inner .text_box p {font-size: 3.3333vw; line-height: 1.3;}
    .welfare .welfare_inner .welfare_content .box:nth-child(4) {height: 50.6667vw}
    .welfare .welfare_inner .welfare_content .box:nth-child(4) .box_inner p.img {margin: 0 auto;}
    .welfare .welfare_inner .welfare_box {margin: 13.8889vw auto 0;}


    .employment .employment_inner .employment_content {margin: 0 auto 0;}
    .employment .employment_inner .employment_content .title {font-size: 5.5556vw; margin: 0 0 10.8333vw;}
    .employment .employment_inner .employment_content .recruit_content {margin-top: 4.1667vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li {height: auto;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner {flex-direction: column;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 4.3333vw; margin-top: 3.3333vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .sub_text {font-size: 3.5000vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .sub_text br {display: none;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img {max-width: 14.1667vw; margin: 0 auto 0 0 ; position: relative;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img::after {content: ''; width: 100%; height: 0.1389vw; background: #DDDDDD; position: absolute; left: 0; bottom: 0;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li {padding: 4.1667vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text {width: 100%; padding-left: 0;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text::after {display: none;}
    .employment .employment_inner .employment_content .Apply_btn {width: 100%;max-width: 33.0556vw;height: 8.6111vw;border-radius: 1.3889vw;font-size: 2.9167vw;margin: 5.2778vw auto 5.8333vw;}

    #main .section2 .section2_inner .swiper-slide .history_box .history_text .history_list li {padding-left: 2.7778vw; text-indent: -2.7778vw;}
}

@media screen and (max-width: 600px) {
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list li {height: 22.0000vw; display: flex; align-items: center; justify-content: center;}
}


@media screen and (max-width: 420px) {
    #main .section1 .section1_inner .main_title {font-size: 8.5714vw;}
    #main .section2 .section2_inner .swiper .swiper-pagination {font-size: 6.1905vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 {font-size: 5.2381vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .right_text {font-size: 5.2381vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 {font-size: 5.2381vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .left_text {font-size: 5.2381vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .year_select_box .year {font-size: 5.2381vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .history_text {font-size: 5.2381vw;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {right: 23.8095vw;}
    #main .section3 .section3_inner .swiper .swiper-pagination {font-size: 6.1905vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list {gap: 22.8571vw 1.9048vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .icon_box img {max-width: 12.3810vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .list_title {font-size: 4.7619vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .sub_text {font-size: 4.2857vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) span {top: -12.8571vw; }
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li .num {font-size: 11.9048vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_title {margin-bottom: 2.3810vw;}
    #main .section5 .section5_inner .location_content .location_info .info .left_img_box {max-width: 19.0476vw;}

    #vision .section2 .section2_inner .slide_top .left_box h2 {font-size: 5.2381vw;}
    #vision .section2 .section2_inner .slide_top .right_text {font-size: 5.2381vw;}
    #vision .section2 .section2_inner .slide_bottom .right_box h2 {font-size: 5.2381vw;}
    #vision .section2 .section2_inner .slide_bottom .left_text {font-size: 5.2381vw;}
}



@media screen and (max-width: 360px) {
    .budiness_tab li {height: 11.1111vw;}
    .budiness_tab li a {font-size: 3.3333vw;}

    .section1 .section1_inner .main_title_box .main_title {font-size: 8.8889vw; text-align: center;}
    .section1 .section1_inner .main_title_box .sub_title {font-size: 4.1667vw; text-align: center;}
    .section1 .section1_inner {height: 100.0000vw;}
    .section1 .section1_inner .main_title_box{top: 50%; transform: translateY(-50%);}

    .pd18 {padding: 0 5.0000vw;}
    #main .section1 .section1_inner {height: 100.0000vw;}
    #main .section1 .section1_inner .main_title {font-size: 6.6667vw; top: 50%; transform: translateY(-50%);}
    #main .section2 .section2_inner .title {font-size: 6.6667vw; margin: 8.3333vw auto 5.5556vw;}
    #main .section2 .section2_inner .swiper .swiper-pagination {font-size: 4.4444vw; margin-bottom: 8.3333vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box {border: 1.1111vw solid #C4C7E7; height: 38.8889vw; border-radius: 3.6111vw; width: calc(100% - 2.7778vw); margin-bottom: 8.0556vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .right_text {font-size: 4.4444vw; margin-bottom: 10.0000vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_top .left_box h2 {border-radius: 3.6111vw; left: 2.7778vw; top: 2.7778vw; font-size: 4.4444vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box {border: 1.1111vw solid #C4C7E7; height: 38.8889vw; border-radius: 3.6111vw; width: calc(100% - 2.7778vw); margin-bottom: 2.7778vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .right_box h2 {border-radius: 3.6111vw; right: 2.7778vw; bottom: 2.7778vw; font-size: 4.4444vw;}
    #main .section2 .section2_inner .swiper .swiper-wrapper .swiper-slide .slide_bottom .left_text {font-size: 4.4444vw;}
    #main .swiper-button-prev, .swiper-rtl .swiper-button-next {max-width: 8.8889vw; height: 8.8889vw;}
    #main .swiper-button-next, .swiper-rtl .swiper-button-prev {max-width: 8.8889vw; height: 8.8889vw;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {right: 16.1111vw;}
    #main .section3 .section3_inner .swiper .swiper-pagination{margin-bottom: 19.1667vw; font-size: 4.4444vw;}
    #main .section3 .section3_inner .title {font-size: 6.6667vw; margin: 8.3333vw auto 5.5556vw;}
    #main .section2 .section2_inner .swiper .swiper-pagination .swiper-pagination-bullet {margin-right: 4.4444vw;}
    #main .section3 .section3_inner .swiper .swiper-pagination .swiper-pagination-bullet {margin-right: 4.4444vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li .num {font-size: 8.8889vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(1) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(2) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(3) span, #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li:nth-child(4) span {top: -10.5556vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li {height: 42.7778vw; padding: 3.3333vw; border-radius: 1.1111vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .icon_box img {max-width: 10.5556vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box {margin-top: 7.7778vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .list_title {font-size: 4.4444vw; margin-bottom: 1.1111vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list li a .text_box .sub_text {font-size: 3.8889vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list {padding-bottom: 22.7778vw; gap: 16.6667vw 4.1667vw;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {bottom: 13.8889vw;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {bottom: 13.8889vw;}
    .swiper-button-prev.se3, .swiper-rtl .swiper-button-next {bottom: 5.0000vw;}
    .swiper-button-next.se3, .swiper-rtl .swiper-button-prev {bottom: 5.0000vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_title {font-size: 3.8889vw; margin-bottom: 1.6667vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .service_text {font-size: 3.3333vw; margin-bottom: 8.3333vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view {max-width: 24.2222vw; height: 5.8333vw; font-size: 3.6111vw; border-radius: 3.8889vw; bottom: 2.2222vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service.version .service_inner .service_list li a .more_view img {max-width: 3.2222vw; margin-left: 0.5556vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .service .service_inner .service_list.slide2 li {padding: 3.6111vw 1.1111vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .year_select_box .year {font-size: 5.5556vw; margin-right: auto; margin-bottom: 4.4444vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .history_text {font-size: 3.8889vw;}
    #main .section2 .section2_inner .swiper-slide .history_box .year_select_box {flex-direction: column-reverse;}
    #main .section2 .section2_inner .swiper-slide .history_box .year_select_box {margin-bottom: 0;}
    #main .cont-select {margin-left: auto; margin-bottom: 8.3333vw; max-width: 40.0000vw;}
    #main .btn-select {padding: 3.3333vw 12.2222vw 3.3333vw 4.4444vw; font-size: 4.4444vw; border-radius: 58.8889vw; height: 11.1111vw;}
    #main .btn-select img {right: 4.4444vw; width: 100%; max-width: 3.3333vw;}
    #main .list-member li button {font-size: 4.4444vw; border-radius: 1.1111vw;}
    #main .list-member li { padding: 1.1111vw;}
    #main .list-member {top: 12.2222vw; border-radius: 2.7778vw;}
    #main .section2 .section2_inner .swiper {padding-bottom: 25.0000vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list {margin-bottom: 22.7778vw;}
    #main .section3 .section3_inner .swiper .swiper-wrapper .swiper-slide .partner_list li {height: 17.7778vw;}

    #main .section4 .section4_inner .title {font-size: 6.6667vw; margin: 8.3333vw auto 5.5556vw;}
    #main .section4 .section4_inner .sub_title {font-size: 4.4444vw;}
    #main .section4 .section4_inner .recruit_content {margin-top: 19.1667vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li {padding: 7.7778vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img {max-width: 12.5000vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 5.5556vw; margin: 4.4444vw 0;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .left_img img {box-sizing: border-box; padding-bottom: 4.4444vw;}
    #main .section4 .section4_inner .recruit_content .recruit_list li .list_inner .right_text .sub_text {font-size: 4.4444vw;}
    #main .section4 .section4_inner .Apply_btn {max-width: 62.2222vw;height: 15.0000vw;border-radius: 2.2222vw;font-size: 4.4444vw;margin: 10.5556vw auto 7.7778vw;}

    #main .section5 .section5_inner .title { font-size: 6.6667vw; margin: 8.3333vw auto 5.5556vw;}
    #main .section5 .section5_inner .sub_title {font-size: 4.4444vw;}
    #main .section5 .section5_inner .location_content {margin-top: 8.3333vw;}
    #main .section5 .section5_inner .location_content .location_info .info {padding: 5.5556vw 0;}
    #main .section5 .section5_inner .location_content .location_info .info .info_list li {padding: 5.5556vw 0;}
    #main .section5 .section5_inner .location_content .location_info .info .left_img_box {max-width: 19.4444vw;}
    #main .section5 .section5_inner .location_content .location_info .info .right_txt_box {font-size: 3.8889vw; padding-left: 4.4444vw;}

    .customer_list .customer_inner {margin: 8.3333vw 0;}
    .customer_list .customer_inner .title {font-size: 6.6667vw;}
    .customer_list .customer_inner .sub_title {font-size: 4.4444vw; margin-top: 2.7778vw;}
    .customer_list .customer_inner .content_box .list {margin-top: 8.3333vw;}
    .customer_list .customer_inner .content_box .list > li a .left_img_box {margin-bottom: 7.2222vw; border-radius: 3.3333vw; max-width: 44.4444vw; height: 29.7222vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .year {font-size: 4.4444vw; margin-bottom: 4.4444vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .text_title {font-size: 4.1667vw; margin-bottom: 4.4444vw;}
    .customer_list .customer_inner .content_box .list > li a .right_text_box .text_list li {font-size: 3.8889vw;}

    .contact_content .contact_content_inner .title {font-size: 6.6667vw;margin: 8.3333vw auto 5.5556vw;; }
    .contact_content .contact_content_inner .sub_title {font-size: 4.4444vw; letter-spacing: 0;}
    .contact_content .contact_content_inner .tideflo_info {margin: 10.0000vw 0;}
    .contact_content .contact_content_inner .tideflo_info li a .left_img {max-width: 25.5556vw;}
    .contact_content .contact_content_inner .tideflo_info li a .right_text {width: calc(100% - 25.5556vw); font-size: 4.4444vw; padding-left: 5.5556vw;}
    .contact_content .contact_content_inner .tideflo_info li a .left_img img {max-width: 14.4444vw;}

    #vision .section2 .section2_inner .sub_title {font-size: 4.4444vw; margin-bottom: 8.3333vw;}
    #vision .section2 .section2_inner .title {font-size: 6.6667vw; margin: 8.3333vw auto 5.5556vw;}
    #vision .section2 .section2_inner .left_box {border: 1.1111vw solid #C4C7E7; height: 38.8889vw; border-radius: 3.6111vw; width: calc(100% - 2.7778vw); margin-bottom: 8.0556vw;}
    #vision .section2 .section2_inner .slide_top .left_box {border: 1.1111vw solid #C4C7E7; height: 38.8889vw; border-radius: 3.6111vw; width: calc(100% - 2.7778vw); margin-bottom: 8.0556vw;}
    #vision .section2 .section2_inner .slide_top .right_text {font-size: 4.4444vw; margin-bottom: 10.0000vw;}
    #vision .section2 .section2_inner .slide_top .left_box h2 {border-radius: 3.6111vw; left: 2.7778vw; top: 2.7778vw; font-size: 4.4444vw;}
    #vision .section2 .section2_inner .slide_bottom .right_box {border: 1.1111vw solid #C4C7E7; height: 38.8889vw; border-radius: 3.6111vw; width: calc(100% - 2.7778vw); margin-bottom: 2.7778vw;}
    #vision .section2 .section2_inner .slide_bottom .right_box h2 {border-radius: 3.6111vw; right: 2.7778vw; bottom: 2.7778vw; font-size: 4.4444vw;}
    #vision .section2 .section2_inner .slide_bottom .left_text {font-size: 4.4444vw;}

    .counsel_popUp {padding: 4.4444vw; height: 143vw;}
    .counsel_popUp .chat_box .chat .chat_text .profile {max-width: 8.8889vw; height: 8.8889vw; border-radius: 2.7778vw; margin-right: 1.9444vw;}
    .counsel_popUp .chat_box .chat .chat_text .profile img {max-width: 5.5556vw;}
    .counsel_popUp .chat_box .chat .chat_text .text {padding: 2.7778vw 4.4444vw; border-radius: 5.2778vw 5.2778vw 5.2778vw 0;}
    .counsel_popUp .chat_box .chat .chat_text .text p {font-size: 3.8889vw;}
    .counsel_popUp .chat_box .user_select {margin-top: 4.4444vw;}
    .counsel_popUp .chat_box .user_select .select_title {font-size: 3.3333vw; margin-bottom: 2.7778vw;}
    .counsel_popUp .chat_box .user_select .list li {border-radius: 1.6667vw; margin-right: 2.2222vw; margin-bottom: 2.2222vw;}
    .counsel_popUp .chat_box .user_select .list li a {padding: 2.7778vw; font-size: 3.3333vw;}
    .counsel_popUp .chat_box .complete_btn {max-width: 33.3333vw; height: 8.3333vw; border-radius: 2.2222vw; font-size: 3.8889vw; margin: 4.4444vw auto;}
    .counsel_popUp .chat_box .yellow_chat_text {margin-bottom: 1.9444vw;}
    .counsel_popUp .chat_box .yellow_chat_text .yellow_chat {padding: 2.7778vw 4.4444vw; }
    .counsel_popUp .chat_box .yellow_chat_text .yellow_chat p {font-size: 3.8889vw;}
    .counsel_popUp .chat_box .chat_text.project .profile { max-width: 8.8889vw;height: 8.8889vw;border-radius: 2.7778vw; margin-right: 1.9444vw;}
    .counsel_popUp .chat_box .chat_text.project .profile img {max-width: 5.5556vw;}
    .counsel_popUp .chat_box .chat_text.project .text {padding: 2.7778vw 4.4444vw; border-radius: 5.2778vw 5.2778vw 5.2778vw 0;}
    .counsel_popUp .chat_box .chat_text.project .text p {font-size: 3.8889vw;}

    .employment .employment_inner .employment_content .title {font-size: 6.6667vw; margin: 0 auto 5.5556vw;}
    .employment .employment_inner .employment_content .sub_title {font-size: 4.4444vw;}
    .employment .employment_inner .employment_content .recruit_content {margin-top: 0;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li {padding: 7.7778vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img {max-width: 12.5000vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .list_title {font-size: 5.5556vw; margin: 4.4444vw 0;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .left_img img {box-sizing: border-box; padding-bottom: 4.4444vw;}
    .employment .employment_inner .employment_content .recruit_content .recruit_list li .list_inner .right_text .sub_text {font-size: 4.4444vw;}
    .employment .employment_inner .employment_content .Apply_btn {max-width: 62.2222vw;height: 15.0000vw;border-radius: 2.2222vw;font-size: 4.4444vw;margin: 10.5556vw auto 7.7778vw;}


    .welfare .welfare_inner .title { font-size: 6.6667vw; margin: 0 auto 5.5556vw;}
}