/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/(home)/(service)/business/layout.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.layout_business_area__9NDKg { padding: 216px 80px; overflow: hidden; }
.layout_business_area__9NDKg h2 { font-size: 44px; margin-bottom: 16px; text-align: center; font-weight: bold; }
.layout_business_area__9NDKg h4 { font-size: 34px; font-weight: 600; line-height: 155%; }
.layout_business_area__9NDKg .layout_st_tx__7MJCB { font-size: 18px; line-height: 155%; text-align: center; margin-bottom: 53px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF { margin-bottom: 100px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF::before { content: ''; position: absolute; top: 0px; left: -16px; right: -16px; height: 250%; background: url(/images/application_bg.png) no-repeat center 0/994px auto ; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk { box-sizing: border-box; width: 100%; max-width: 1400px; height: 408px; background: #5F49DB; border-radius: 44px; box-shadow: 0 0 70px 10px rgba(82, 0, 255, 0.1); display: flex; flex-direction: column; justify-content: center; color: #fff; overflow: hidden; margin: 0 auto; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding: 0 87px; text-shadow: 0 0 15px #5F49DB; }
.layout_business_area__9NDKg .layout_c01__Cn5Wm .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding-right: 64%; }
.layout_business_area__9NDKg .layout_c02__88xA1 .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding-left: 65.8%; }
.layout_business_area__9NDKg .layout_c03__IvHjY .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding-right: 60.4%; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_t_tx__xetAR { font-size: 16px; line-height: 150%; margin-bottom: 16px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_tit__mMmb0 { font-size: 40px; font-weight: 600; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk::before { content: ''; position: absolute; bottom: 0; top: 10px; background: no-repeat right bottom/contain; }
.layout_business_area__9NDKg .layout_c01__Cn5Wm .layout_t_con__1QzuF .layout_box__gRtlk::before { right: 10px; width: 64%; background-image: url(/images/application_tab_img01.png); }
.layout_business_area__9NDKg .layout_c02__88xA1 .layout_t_con__1QzuF .layout_box__gRtlk::before { left: 10px; width: 65.8%; background-image: url(/images/application_tab_img02.png); background-position: 0 bottom; }
.layout_business_area__9NDKg .layout_c03__IvHjY .layout_t_con__1QzuF .layout_box__gRtlk::before { right: 16px; width: 60.4%; background-image: url(/images/application_tab_img03.png); }
.layout_business_area__9NDKg .layout_bt_app__f_z75 { position: fixed; bottom: 40px; left: 50%; transform: translate(-50%,-50%); font-size: 16px; color: #fff; font-weight: 600; padding: 0 29px; line-height: 48px; background: rgba(19, 25, 43, 0.9); backdrop-filter: blur(30px); border-radius: 24px; box-shadow: 0 4px 40px -10px rgba(34, 0, 161, 0.4); z-index: 20; }

@media screen and (min-width: 768px) {

}
@media screen and (max-width:1024px) {
.layout_business_area__9NDKg { padding: 128px 24px; }
.layout_business_area__9NDKg h2 { font-size: 38px; }
.layout_business_area__9NDKg h4 { font-size: 28px; }
.layout_business_area__9NDKg .layout_st_tx__7MJCB { font-size: 16px; margin-bottom: 43px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF::before { left: -24px; right: -24px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk { display: block; height: 533px; border-radius: 36px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding: 40px !important; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_tit__mMmb0 { font-size: 30px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk::before { top: auto; height: 310px; }
.layout_business_area__9NDKg .layout_c01__Cn5Wm .layout_t_con__1QzuF .layout_box__gRtlk::before { right: -5%; width: 105%; }
.layout_business_area__9NDKg .layout_c02__88xA1 .layout_t_con__1QzuF .layout_box__gRtlk::before { left: -2%; width: 105%; }
.layout_business_area__9NDKg .layout_c03__IvHjY .layout_t_con__1QzuF .layout_box__gRtlk::before { right: -5%; width: 105%; }
.layout_business_area__9NDKg .layout_bt_app__f_z75 { bottom: 30px; }
}
@media screen and (max-width:767px) {
.layout_business_area__9NDKg { padding: 90px 16px; overflow: hidden; }
.layout_business_area__9NDKg h4 { font-size: 24px; }
.layout_business_area__9NDKg .layout_t_con__1QzuF .layout_box__gRtlk .layout_tx__By78o { padding: 24px !important; }
.layout_tab_ba_content__L2qdW .layout_t_con__1QzuF .layout_box__gRtlk { height: 400px; border-radius: 30px; }
.layout_tab_ba_content__L2qdW .layout_tx__By78o { padding: 24px !important; }
.layout_tab_ba_content__L2qdW .layout_t_tx__xetAR { font-size: 14px; }
.layout_tab_ba_content__L2qdW .layout_tit__mMmb0 { font-size: 26px; }
.layout_tab_ba_content__L2qdW::before { height: 245px; background-size: auto 100%; background-position: left bottom; }
.layout_business_area__9NDKg .layout_c02__88xA1 .layout_t_con__1QzuF .layout_box__gRtlk::before { background-position: right bottom; }
.layout_business_area__9NDKg .layout_bt_app__f_z75 { bottom: 20px; font-size: 14px; padding: 0 20px; width: 210px; text-align: center; }
}

.layout_strengths__5BAcm { padding-bottom: 160px; text-align: center; }
.layout_strengths__5BAcm h4 { margin-bottom: 72px; }
.layout_strengths__5BAcm .layout_list__PjJmW { max-width: 932px; margin: 0 auto; display: flex; gap: 16px; }
.layout_strengths__5BAcm .layout_list__PjJmW li { width: 33.3%; background: center center/cover; padding: 48px 0 42px; font-size: 18px; line-height: 145%; font-weight: 500; border-radius: 40px; }
.layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(1) { background-image: url(/images/mission_list_bg01.png); }
.layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(2) { background-image: url(/images/mission_list_bg02.png); }
.layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(3) { background-image: url(/images/mission_list_bg03.png); }
.layout_strengths__5BAcm .layout_list__PjJmW li::before { content: ''; display: block; width: 150px; height: 150px; margin: 0 auto 28px; background-size: 100%; }
.layout_c01__Cn5Wm .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(1):before { background-image: url(/images/strengths_list_ic01_01.png); }
.layout_c01__Cn5Wm .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(2):before { background-image: url(/images/strengths_list_ic01_02.png); }
.layout_c01__Cn5Wm .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(3):before { background-image: url(/images/strengths_list_ic01_03.png); }
.layout_c02__88xA1 .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(1):before { background-image: url(/images/strengths_list_ic02_01.png); }
.layout_c02__88xA1 .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(2):before { background-image: url(/images/strengths_list_ic02_02.png); }
.layout_c02__88xA1 .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(3):before { background-image: url(/images/strengths_list_ic02_03.png); }
.layout_c03__IvHjY .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(1):before { background-image: url(/images/strengths_list_ic03_01.png); }
.layout_c03__IvHjY .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(2):before { background-image: url(/images/strengths_list_ic03_02.png); }
.layout_c03__IvHjY .layout_strengths__5BAcm .layout_list__PjJmW li:nth-child(3):before { background-image: url(/images/strengths_list_ic03_03.png); }
@media screen and (max-width:1024px) {
.layout_strengths__5BAcm { padding: 70px 24px; }
.layout_strengths__5BAcm h4 { margin-bottom: 50px; }
.layout_strengths__5BAcm .layout_list__PjJmW { gap: 9px; }
.layout_strengths__5BAcm .layout_list__PjJmW li { padding: 37px 0 34px; font-size: 15px; border-radius: 30px; }
.layout_strengths__5BAcm .layout_list__PjJmW li::before { width: 118px; height: 118px; margin-bottom: 16px; }
}
@media screen and (max-width:767px) {
.layout_strengths__5BAcm { padding: 100px 16px 70px; }
.layout_strengths__5BAcm h4 { margin-bottom: 40px; }
.layout_strengths__5BAcm .layout_list__PjJmW { gap: 8px; flex-direction: column; }
.layout_strengths__5BAcm .layout_list__PjJmW li { width: 100%; box-sizing: border-box; padding: 8px 20px 20px; }
.layout_strengths__5BAcm .layout_list__PjJmW li::before { width: 98px; height: 98px; margin-bottom: 8px; }
}

.layout_business_area__9NDKg .layout_process___JIox { padding: 88px 80px 257px; margin: 0 -80px; background: #FBFBFB url(/images/process_bg.png) no-repeat center center/contain; text-align: center; }
.layout_business_area__9NDKg .layout_process___JIox::before { content: ''; position: absolute; top: 0;}

.layout_business_area__9NDKg .layout_portfolio___a49Y { padding-top: 156px; }
.layout_business_area__9NDKg .layout_portfolio___a49Y .layout_t_area__2DSSc { margin-bottom: 72px; text-align: center; }
.layout_business_area__9NDKg .layout_portfolio___a49Y h4 { margin-bottom: 20px; }
@media screen and (max-width:1024px) {

.layout_business_area__9NDKg .layout_process___JIox { padding: 55px 30px 10px; margin: 0 -30px; }
.layout_business_area__9NDKg .layout_process___JIox h4 { margin-bottom: 100px; }

.layout_business_area__9NDKg .layout_portfolio___a49Y { padding-top: 124px; }
.layout_business_area__9NDKg .layout_portfolio___a49Y .layout_t_area__2DSSc { margin-bottom: 40px; }
.layout_business_area__9NDKg .layout_portfolio___a49Y h4 { margin-bottom: 15px; }
}
@media screen and (max-width:767px) {
.layout_business_area__9NDKg .layout_portfolio___a49Y { padding-top: 80px; }
.layout_business_area__9NDKg .layout_portfolio___a49Y h4 { margin-bottom: 11px; }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/(home)/(service)/business/@tab/components/processArc.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
/* .process { padding: 88px 80px 257px; margin: 0 -80px; background: #FBFBFB url(/images/process_bg.png) no-repeat center center/contain; text-align: center; } */
.processArc_process__XZIcF::before { content: ''; position: absolute; top: auto;}
.processArc_process__XZIcF h4 { margin-bottom: 100px; }
.processArc_process__XZIcF .processArc_list__WX63z { max-width: 877px; margin: 0 auto; }
.processArc_process__XZIcF .processArc_list__WX63z .processArc_line__yBMxT { padding-bottom: 16.9%; background: url(/images/process_dot_line.png) 0/100% 100%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li { position: absolute; cursor: pointer; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1) { top: 0; left: 0; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2) { top: 75%; left: 23%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3) { bottom: 0; left: 50%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4) { top: 75%; right: 23%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5) { top: 0; right: 0; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_num__Y_3Qp { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 62px; line-height: 62px; border: 1px solid #fff; background: #fff; border-radius: 100%; font-size: 30px; font-weight: 600; box-shadow: 0 10px 30px rgba(75, 46, 255, 0.1); transition: all 0.3s ease-in-out;  }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1) .processArc_num__Y_3Qp { color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1):hover .processArc_num__Y_3Qp { border-color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1).processArc_on__2lzWW .processArc_num__Y_3Qp { background: #5FC6F3; border-color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2) .processArc_num__Y_3Qp { color: #59A0ED; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2):hover .processArc_num__Y_3Qp { border-color: #59A0ED; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2).processArc_on__2lzWW .processArc_num__Y_3Qp { background: #59A0ED; border-color: #59A0ED; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3) .processArc_num__Y_3Qp { color: #5173E6; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3):hover .processArc_num__Y_3Qp { border-color: #5173E6; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3).processArc_on__2lzWW .processArc_num__Y_3Qp { background: #5173E6; border-color: #5173E6; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4) .processArc_num__Y_3Qp { color: #4946DF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4):hover .processArc_num__Y_3Qp { border-color: #4946DF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4).processArc_on__2lzWW .processArc_num__Y_3Qp { background: #4946DF; border-color: #4946DF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5) .processArc_num__Y_3Qp { color: #421DD8; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5):hover .processArc_num__Y_3Qp { border-color: #421DD8; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5).processArc_on__2lzWW .processArc_num__Y_3Qp { background: #421DD8; border-color: #421DD8; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li.processArc_on__2lzWW .processArc_num__Y_3Qp { color: #fff; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_num__Y_3Qp span { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); width: 200%; font-size: 22px; font-weight: 500; line-height: 120%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1) .processArc_num__Y_3Qp span { color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2) .processArc_num__Y_3Qp span { color: #59A0ED; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3) .processArc_num__Y_3Qp span { color: #5173E6; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4) .processArc_num__Y_3Qp span { color: #4946DF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5) .processArc_num__Y_3Qp span { color: #421DD8; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 { position: absolute; top: 95px; left: 50%; transform: translateX(-50%); width: 270px; box-sizing: border-box; padding: 22px; background: #484B5E; border-radius: 20px; color: #fff; box-shadow: 20px 20px 30px rgba(150, 112, 212, 0.1); text-align: left; margin-left: -135px; }
/* .process .list>ul>li.on .ov_box { display: block; } */
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 17px; height: 14px; background: url(/images/process_arrow.png) 0/100% 100%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5::after { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 70px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_exp__CxK14 { margin-bottom: 32px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_exp__CxK14 dt { font-size: 22px; margin-bottom: 14px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_exp__CxK14 dd { font-size: 15px; line-height: 133%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_t_step__gixVN dt { font-size: 14px; margin-bottom: 11px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_t_step__gixVN dd { font-size: 13px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_t_step__gixVN dd li { padding-left: 10px; margin-bottom: 8px; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_t_step__gixVN dd li:last-child { margin: 0; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li .processArc_ov_box__AeWr5 .processArc_t_step__gixVN dd li::before { content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #fff; border-radius: 100%; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(1) .processArc_ov_box__AeWr5 dt { color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(2) .processArc_ov_box__AeWr5 dt { color: #7BBAFF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(3) .processArc_ov_box__AeWr5 dt { color: #86A2FF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(4) .processArc_ov_box__AeWr5 dt { color: #9795FF; }
.processArc_process__XZIcF .processArc_list__WX63z>ul>li:nth-child(5) .processArc_ov_box__AeWr5 dt { color: #A48DFF; }

.processArc_process__XZIcF .processArc_list_mo__UjAC6 { display: none; }
@media screen and (max-width:1024px) {
.processArc_process__XZIcF { padding: 55px 0px; margin: 0 -30px; }
.processArc_process__XZIcF h4 { margin-bottom: 100px; }
.processArc_process__XZIcF .processArc_list__WX63z { display: none; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 { position: relative; display: block; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_container__LxPES { padding: 0 30px; overflow: visible !important; margin-top: 20vw;}
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination__EAzGt { position: relative; bottom: auto; left: auto; width: auto; padding-bottom: 16.9%; background: url(/images/process_dot_line.png) 0/100% 100%; margin: 0 45px 120px; position: absolute; width: calc(100% - 140px); top: -35vw; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_ { position: absolute; width: 0; height: 0; background: none; opacity: 1; cursor: pointer; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(1) { top: 0; left: 0; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(2) { top: 75%; left: 23%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(3) { bottom: 0; left: 50%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(4) { top: 75%; right: 23%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(5) { top: 0; right: 0; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 48px; line-height: 48px; border: 1px solid #fff; background: #fff; border-radius: 100%; font-size: 22px; font-weight: 600; box-shadow: 0 10px 30px rgba(75, 46, 255, 0.1); transition: all 0.3s ease-in-out; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(1)::before { content: '1'; color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb:nth-child(1)::before { background: #5FC6F3; border-color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(2)::before { content: '2'; color: #59A0ED; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb:nth-child(2)::before { background: #59A0ED; border-color: #59A0ED; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(3)::before { content: '3'; color: #5173E6; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb:nth-child(3)::before { background: #5173E6; border-color: #5173E6; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(4)::before { content: '4'; color: #4946DF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb:nth-child(4)::before { background: #4946DF; border-color: #4946DF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(5)::before { content: '5'; color: #421DD8; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb:nth-child(5)::before { background: #421DD8; border-color: #421DD8; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet_active__M82zb::before { color: #fff !important; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_ span { content: ''; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); width: 100px; font-size: 16px; font-weight: 500; line-height: 120%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(1) span { color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(2) span { color: #59A0ED; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(3) span { color: #5173E6; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(4) span { color: #4946DF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_:nth-child(5) span { color: #421DD8; }

/* .c01 .process .list_mo .swiper_pagination_bullet:nth-child(1)::after { content: '의뢰'; }
.c01 .process .list_mo .swiper_pagination_bullet:nth-child(2)::after { content: '기획 • 디자인'; }
.c01 .process .list_mo .swiper_pagination_bullet:nth-child(3)::after { content: '개발'; }
.c01 .process .list_mo .swiper_pagination_bullet:nth-child(4)::after { content: '오픈'; }
.c01 .process .list_mo .swiper_pagination_bullet:nth-child(5)::after { content: '활용'; }

.c02 .process .list_mo .swiper_pagination_bullet:nth-child(1)::after { content: '의뢰'; }
.c02 .process .list_mo .swiper_pagination_bullet:nth-child(2)::after { content: '기획 • 디자인'; }
.c02 .process .list_mo .swiper_pagination_bullet:nth-child(3)::after { content: 'BI 기능구현'; }
.c02 .process .list_mo .swiper_pagination_bullet:nth-child(4)::after { content: '오픈'; }
.c02 .process .list_mo .swiper_pagination_bullet:nth-child(5)::after { content: '활용'; }

.c03 .process .list_mo .swiper_pagination_bullet:nth-child(1)::after { content: '의뢰'; }
.c03 .process .list_mo .swiper_pagination_bullet:nth-child(2)::after { content: '기획'; }
.c03 .process .list_mo .swiper_pagination_bullet:nth-child(3)::after { content: '디자인'; }
.c03 .process .list_mo .swiper_pagination_bullet:nth-child(4)::after { content: '개발'; }
.c03 .process .list_mo .swiper_pagination_bullet:nth-child(5)::after { content: '오픈'; } */

.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_slide__9bEs4 { width: 318px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS { box-sizing: border-box; padding: 22px; height: 246px; background: #484B5E; border-radius: 20px; color: #fff; box-shadow: 20px 20px 30px rgba(150, 112, 212, 0.1); text-align: left; margin-right: 8px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS::after { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 70px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_exp__CxK14 { margin-bottom: 35px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_exp__CxK14 dt { font-size: 22px; margin-bottom: 14px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_exp__CxK14 dd { font-size: 15px; line-height: 133%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_t_step__gixVN dt { font-size: 14px; margin-bottom: 11px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_t_step__gixVN dd { font-size: 13px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_t_step__gixVN dd li { padding-left: 10px; margin-bottom: 8px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_t_step__gixVN dd li:last-child { margin: 0; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_box__CHPOS .processArc_t_step__gixVN dd li::before { content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #fff; border-radius: 100%; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_s01__9cY6I dt { color: #5FC6F3; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_s02__WS32j dt { color: #7BBAFF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_s03__sJY3H dt { color: #86A2FF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_s04__El0WR dt { color: #9795FF; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_s05__ush2q dt { color: #A48DFF; }
}
@media screen and (max-width:767px) {
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination__EAzGt { margin: 0 15px 100px; width: calc(100% - 90px); }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_::before {  width: 32px; line-height: 32px; font-size: 14px; }
.processArc_process__XZIcF .processArc_list_mo__UjAC6 .processArc_swiper_pagination_bullet__D1XE_::after { top: 22px; font-size: 13px; }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/swiper/modules/pagination.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"lib/fonts/index.ts","import":"Poppins","arguments":[{"weight":"600","subsets":["latin"]}],"variableName":"poppins"} ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* devanagari */
@font-face {
  font-family: '__Poppins_10bb4e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/29e7bbdce9332268-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_10bb4e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c3bc380753a8436c-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_10bb4e';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Poppins_Fallback_10bb4e';src: local("Arial");ascent-override: 93.62%;descent-override: 31.21%;line-gap-override: 8.92%;size-adjust: 112.16%
}.__className_10bb4e {font-family: '__Poppins_10bb4e', '__Poppins_Fallback_10bb4e';font-weight: 600;font-style: normal
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"lib/fonts/index.ts","import":"","arguments":[{"src":[{"weight":"900","path":"./pretendard/Pretendard-Black.woff2"},{"weight":"800","path":"./pretendard/Pretendard-ExtraBold.woff2"},{"weight":"700","path":"./pretendard/Pretendard-Bold.woff2"},{"weight":"600","path":"./pretendard/Pretendard-SemiBold.woff2"},{"weight":"500","path":"./pretendard/Pretendard-Medium.woff2"},{"weight":"400","path":"./pretendard/Pretendard-Regular.woff2"},{"weight":"300","path":"./pretendard/Pretendard-Light.woff2"},{"weight":"200","path":"./pretendard/Pretendard-ExtraLight.woff2"},{"weight":"100","path":"./pretendard/Pretendard-Thin.woff2"}]}],"variableName":"pretendard"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/4aeaaf124a5054bc-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 900;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/dd3e76c51ce1a360-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/e00e15f44d7b58c0-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/cfa29e4f0aabf12a-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/12f0acdcae926a24-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/119cf01b445a4dc3-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/e725ed3d1f6bc360-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/b6885b7a9c09d162-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 200;
}

@font-face {
font-family: '__pretendard_1fae68';
src: url(/_next/static/media/fc2b22d5c5b14cbb-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 100;
}@font-face {font-family: '__pretendard_Fallback_1fae68';src: local("Arial");ascent-override: 93.76%;descent-override: 23.75%;line-gap-override: 0.00%;size-adjust: 101.55%
}.__className_1fae68 {font-family: '__pretendard_1fae68', '__pretendard_Fallback_1fae68'
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/(home)/(service)/business/@tab/components/portfolio.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/

.portfolio_list__nqpXd { max-width: 1240px; display: flex; gap: 35px; margin: 0 auto; }
.portfolio_list__nqpXd li { width: 33.3333%; }

@media screen and (max-width:1024px) {
.portfolio_list__nqpXd { gap: 15px; }
}
@media screen and (max-width:767px) {
.portfolio_list__nqpXd { flex-direction: column; gap: 40px; }
.portfolio_list__nqpXd li { width: 100%; }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/(home)/(service)/portfolio/(list)/[tab]/components/item.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

.item_item__HMUkl.item_prv__iuqVn a:hover { cursor: not-allowed;}
.item_item__HMUkl .item_ph__cWZ1d { aspect-ratio: 100 / 68.5; border-radius: 20px; background: center center/cover; margin-bottom: 20px; overflow: hidden; }
.item_item__HMUkl .item_ph__cWZ1d p { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(16, 18, 68, 0.6); padding: 4px 15px; font-size: 14px; color: #fff; font-weight: 500; text-align: center; }
.item_item__HMUkl .item_tx__sZSWd { line-height: 26px; font-size: 18px; }
.item_item__HMUkl .item_tx__sZSWd .item_c_name__KblRA { display: inline-block; font-weight: normal; margin-right: 5px; }
.item_item__HMUkl .item_tx__sZSWd .item_nd__1y6Mq { display: inline-block; line-height: 24px; padding: 0 13px; font-size: 13px; color: #6467BE; font-weight: 500; border: 1px solid #6467BE; border-radius: 13px; vertical-align: middle; margin-top: -3px; }
.item_item__HMUkl .item_tx__sZSWd .item_tit__CzzN9 { font-size: 22px; font-weight: 700; margin-top: 11px; transition: all 0.3s ease-in-out; } 
.item_item__HMUkl:hover .item_tx__sZSWd .item_tit__CzzN9 { color: #421DD8; }
.item_item__HMUkl.item_prv__iuqVn:hover .item_tx__sZSWd .item_tit__CzzN9{ text-decoration: none; color: #13192B; }
.item_item__HMUkl .item_tx__sZSWd span { position: absolute; top: 0; right: 0; color: #ACAFB7; font-weight: 500; }

@media screen and (max-width:1024px) {
  .item_item__HMUkl .item_ph__cWZ1d { margin-bottom: 17px; }
  .item_item__HMUkl .item_tx__sZSWd { line-height: 18px; font-size: 14px; }
  .item_item__HMUkl .item_tx__sZSWd .item_nd__1y6Mq { line-height: 15px; padding: 1px 7px 0; font-size: 11px; }
  .item_item__HMUkl .item_tx__sZSWd .item_tit__CzzN9 { font-size: 16px; margin-top: 8px; }
}