@charset "utf-8";
/* R&D STYLE*/

.tech-title-box{border-bottom: 0px #e8e8e8 solid;}
.tech-title-box h2{font-size: 46px; font-weight: 600; color: #000; border-bottom: 0px #36498d solid; height: 80px; line-height: 80px;width: 79px; overflow: visible; margin-bottom: -1px; white-space: nowrap;}

@media (max-width:960px) {
    .tech-title-box h2{font-size: 38px; height: 70px; line-height: 70px;}
}

@media (max-width:640px) {
    .tech-title-box h2{font-size: 32px; height: 60px; line-height: 60px;}
}

#technology .centerFix {transform: translateX(-180px);}
#technology{--pointColor:#063680;}
#technology .tech-section{padding:30px 0 24px;}
#technology .tech-section .title{margin-bottom:30px; }
#technology .tech-section .title2{display: flex;flex-direction: column;row-gap: 20px;}
#technology .tech-section .title2 > h2{font-size:42px;font-weight:600;letter-spacing:-0.05em;color:#202020;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';}
#technology .tech-section .title2 > p{font-size:18px;letter-spacing:-0.025em;color:#898989;}
#technology .tech-section .title3 > h2{font-size:48px;font-weight:600;letter-spacing:-0.05em;color:#202020;}
#technology .tech-section .title3 > p{font-size:28px;font-weight:400;letter-spacing:-0.025em;color:#202020;line-height: 1.6; margin-top:30px;}
#technology .tech-section .title3 > p em{font-style: normal;color:#063680;}

#technology .tech-section .title4 > h2{font-size:42px;font-weight:600;letter-spacing:-0.05em;color:#202020; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';}
#technology .tech-section .title4 > p{font-size:20px;font-weight:400; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림'; letter-spacing:normal; color:#202020;line-height: 1.375;margin-top: 28px;}
#technology .tech-section .title4 > p em{font-style: normal;font-weight:500;}

#technology .tech-section .title5 > h2{font-size:48px;font-weight:600;letter-spacing:-0.05em;color:#202020;}
#technology .tech-section .title5 > p{font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#202020;line-height: 1.375;margin-top: 50px;}
#technology .tech-section .title5 > p em{font-style: normal;font-weight:500;}

#technology .tech-section .title6 {text-align: center;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';position: relative;}
#technology .tech-section .title6 > h2{font-size:48px;font-weight:600;color:#333333;position: relative;    padding-bottom: 12px;}
#technology .tech-section .title6 > span{font-size:20px;font-weight:500;color:#b2b2b2;line-height: 2.4;}

#technology .tech-section .title7 {text-align: center;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';position: relative;}
#technology .tech-section .title7 > h2{font-size:48px;font-weight:600;color:#333333;position: relative;    padding-bottom: 12px;}
#technology .tech-section .title7 > h2::after{content:'';width:80px;display: block;height:3px;background-color: #073999;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);}
#technology .tech-section .title7 > span{font-size:20px;font-weight:600;color:#acacac;line-height: 2.4;}



#technology .tech-section .center-name{display:block;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 16px;font-weight: 500;color:#a2a2a2;letter-spacing: -0.025em;line-height: 3.33;}
#technology .tech-section .sub-title{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 30px;font-weight: 700;color:#202020;display: flex;align-items: center;}
#technology .tech-section .sub-title::before{content:'';display: inline-block;background-image: url("/image/sub/page06/icon-point.png");background-size: cover;background-repeat: no-repeat;background-position: center;width: 20px;height: 21px;margin-right: 10px;}
#technology .tech-section .sub2-title{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 20px;font-weight: 600;color:#000000;display: flex;align-items: center;letter-spacing: -0.025em;}
#technology .tech-section .sub2-title::before{content:'';display: inline-block;background-image: url("/image/network/icon-point2.png");background-size: cover;background-repeat: no-repeat;background-position: center;width: 13px;height: 13px;margin-right: 10px;}


#technology .tech-section *[rel='preview-open']{cursor: pointer;}
#technology .tech-section *[rel='preview-open']::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/tool/tl_img_view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
#technology .tech-section *[rel='preview-open']::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
#technology .tech-section *[rel='preview-open']:hover::before{opacity: 1;pointer-events: auto;}
#technology .tech-section *[rel='preview-open']:hover::after{opacity: 1;pointer-events: auto;}


#technology .network-tab{margin-top: 65px;}
#technology .network-tab .tab-buttons{display: flex;justify-content: center;column-gap: 40px;}
#technology .network-tab .tab-buttons .tab-button{background-color: transparent;color:#999999;font-size: 44px;font-weight: 700;border:0;border-radius: 0;    border-bottom: 4px solid transparent;line-height: 1;padding:0 9px 22px;}
#technology .network-tab .tab-buttons .tab-button.active{border-bottom: 4px solid var(--pointColor);color:#202020;}


#technology .tech-section ul.address {display: flex;flex-direction: column;row-gap: 10px;}
#technology .tech-section ul.address li{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림'; font-size:15px; font-weight:300;color:#202020; letter-spacing:-0.015em;}
#technology .tech-section ul.address li.icon-map{padding-left: 25px;position: relative;}
#technology .tech-section ul.address li.icon-phone{padding-left: 25px;position: relative;}
#technology .tech-section ul.address li.icon-map::before{content:'';background-image: url("/image/network/icon-map.png");background-repeat: no-repeat;background-position: center;background-size:13px 15px;width: 13px;height: 1em;display: inline-block;margin-right: 10px;position: absolute;left: 0;top: 0.3em}
#technology .tech-section ul.address li.icon-phone::before{content:'';background-image: url("/image/network/icon-phone.png");background-repeat: no-repeat;background-position: center;background-size:13px 16px;width: 13px;height: 1em;display: inline-block;margin-right: 10px;position: absolute;left: 0;top: 0.3em}

#technology .list-box.office-style{display: flex;flex-wrap:wrap;gap:40px 20px;border-radius:0;overflow: hidden;}
#technology .list-box.office-style .list-item{width: calc((100% - 40px) / 3); border-radius:0;}
#technology .list-box.office-style .list-item .img-box{border-radius:5px 5px 0 0; height: 235px;position: relative;}
#technology .list-box.office-style .list-item .text-box{background-color: #f8f8f8;padding:30px;height: calc(100% - 235px); border-radius:0 0 5px 5px;}
#technology .list-box.office-style .list-item .text-box .office-name{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 24px;font-weight: 600;color:#202020;}
#technology .list-box.office-style .list-item .text-box .office-info{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 14px;font-weight: 300;color:#747474;margin-top: 10px;}
#technology .list-box.office-style .list-item .text-box ul.address{margin-top: 40px;}

#technology .list-box.office-style .list-item[rel='office-open'] {cursor: pointer;}
#technology .list-box.office-style .list-item[rel='office-open'] .img-box::after{content:'';position: absolute;left: 50%;top:50%;width: 60px;height: 60px;border-radius: 30px;transform: translate(-50%,-50%);background: #3617ce url(/image/network/view_icon.png) no-repeat center center;opacity: 0;pointer-events: none;transition-duration: 0.3s;}
#technology .list-box.office-style .list-item[rel='office-open'] .img-box::before{content:'';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;pointer-events: none;transition-duration: 0.3s;}
#technology .list-box.office-style .list-item[rel='office-open']:hover .img-box::before{opacity: 1;pointer-events: auto;}
#technology .list-box.office-style .list-item[rel='office-open']:hover .img-box::after{opacity: 1;pointer-events: auto;}

#technology .table-list{display: flex;flex-direction: column;border-top:1px solid #000000;}
#technology .table-list .list-item{display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #eeeeee;padding:20px 25px;cursor: pointer;}
#technology .table-list .list-item .center-name{font-size: 25px;font-weight: 500;color:#202020;}
#technology .table-list .list-item .address{width: 540px;}

#technology .world-map{background-image: url("/image/network/world-map.png");font-size:1px;background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;    max-width: 1200px;margin: 40px auto 0;aspect-ratio: 1200 / 800;height: auto;position: relative;}
#technology .world-map .world-point{border: 0;background-color: transparent;font-size: inherit;position: absolute;}
#technology .world-map .world-point > img{width: 100%;height: auto;display: block;}
#technology .world-map .world-point:nth-of-type(1){width: 25.91666666666667%;left: 36.5%;top: 37%;z-index: 2}
#technology .world-map .world-point:nth-of-type(2){width: 23.41666666666667%;left: 41%;top: 51%;z-index: 1}
#technology .world-map .world-point:nth-of-type(3){width: 19.91666666666667%;left: 77.4%;top: 49.5%;z-index: 3}
#technology .world-map .world-point:nth-of-type(4){width: 18.83333333333333%;left: 78.49%;top: 51.9%;z-index: 2}
#technology .world-map .world-point:nth-of-type(5){width: 19.41666666666667%;left: 77.8%;top: 51.8%;z-index: 1}

#technology .map-list{display: flex;flex-direction: column;border-top:1px solid #000000;margin-top: 50px;}
#technology .map-list .map-item{}
#technology .map-list .map-item .map-title{display: flex;align-items: center;border-bottom:1px solid #dddddd;padding:30px 60px 30px 0;cursor: pointer;position: relative;}
#technology .map-list .map-item .map-title::after{content:'';background-image: url("/image/network/map-arrow.png");background-size: cover;background-repeat: repeat;display: block;position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 55px;height: 55px;transition-duration: 0.3s;transition-property:transform; }
#technology .map-list .map-item .map-title .office-name{display: flex;flex-direction: column;row-gap: 5px;width: 400px;}
#technology .map-list .map-item .map-title .office-name h2{font-size: 24px;font-weight: 700;color:#000000;line-height: 1.25; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';}
#technology .map-list .map-item .map-title .office-name p{font-size: 17px;font-weight: 300;color:#666666;letter-spacing: -0.05em;line-height: 1.41; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';}
#technology .map-list .map-item .office-info ul {display: flex;flex-direction: column;}
#technology .map-list .map-item .office-info ul li{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 15px;font-weight: 400;color:#333333;letter-spacing:-0.01em;position: relative;padding-left: 80px;}
#technology .map-list .map-item .office-info ul li span{font-weight: 600;color:#000000;margin-right: 10px;position: absolute;left: 0;}
#technology .map-list .map-item .map{max-width:1100px;width: 100%;padding:40px 0;display: none;border-bottom:1px solid #dddddd;margin: 0 auto;}
#technology .map-list .map-item .map iframe{width: 100%;aspect-ratio: 1060 / 640;}
#technology .map-list .map-item .map .office-info{margin-bottom: 10px;}
#technology .map-list .map-item.active .map-title::after{transform: rotate(180deg) translateY(50%);}

/*TP Living style*/
#technology .living-box{display: flex;    gap: 40px 30px;}
#technology .living-box .living-logo{width: 410px;display: flex;flex-direction: column;row-gap: 20px;}
#technology .living-box .living-logo .logo-box{width: 241px;height: 75px;}
#technology .living-box .living-logo .logo-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
#technology .living-box .living-logo .button{width: 170px;height: 54px;border:1px solid #d9d9d9;border-radius: 3px;line-height: 54px;padding:0 24px;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 15px;font-weight: 400;color:#000000;letter-spacing: -0.01em;position: relative;}
#technology .living-box .living-logo .button::after{content:'';width: 6px;height: 10px;display: block;position: absolute;right: 30px;top:50%;transform: translateY(-50%);background-image: url("/image/network/button-arrow.png");background-size: cover;background-repeat: no-repeat;}
#technology .living-box .living-list{display: flex;flex-direction: column;row-gap: 70px;}
#technology .living-box .living-list .living-item{display: flex;flex-direction: column;row-gap: 30px;}
#technology .living-box .living-list .living-item h2{font-size: 30px;font-weight: 700;letter-spacing: -0.025em;color:#000000;}
#technology .living-box .living-list .living-item p{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 18px;letter-spacing: -0.025em;line-height: 1.55;color:#111111;font-weight: 300;}

#technology .living-swiper{margin-top: 90px;}
#technology .living-swiper .livingSwiper{position: relative;}
#technology .living-swiper :is(.living-button-next,.living-button-prev){transition-duration: 0.3s;transition-property: background-image;}
#technology .living-swiper .living-button-next{background-image: url("/image/network/img-arrow-next.png");width: 56px;height: 56px;position: absolute;top:50%;z-index: 1;transform: translateY(-50%);right: 10px;}
#technology .living-swiper :is(.living-button-next,.living-button-prev):hover{background-image: url("/image/network/img-arrow-next-hover.png");}
#technology .living-swiper .living-button-prev{background-image: url("/image/network/img-arrow-next.png");width: 56px;height: 56px;position: absolute;top:50%;z-index: 1;transform: translateY(-50%) rotate(180deg);left: 10px;}

#technology .service-box{display: flex;}
#technology .service-box .title{width: 310px;font-size: 36px;font-weight: 700;color:#111111;position: relative;padding-top: 25px;}
#technology .service-box .title::before{content:'';display: block;width: 66px;height: 3px;background-color: #063680;position: absolute;left: 0;top:0;}
#technology .service-box  .service-list{}
#technology .service-box  .service-list .service-item{display: flex;column-gap: 40px;align-items: center;padding:50px 0;border-bottom:1px solid #e8e8e8;}
#technology .service-box .service-list .service-item .logo-box{width: 200px;height: 140px;border:1px solid #dddddd;border-radius: 10px;}
#technology .service-box  .service-list .service-item:first-of-type{padding-top: 0;}
#technology .service-box  .service-list .service-item:last-of-type{padding-bottom: 0;border-bottom:0;}
#technology .service-box  .service-list .service-item .service-info{display: flex;flex-direction: column;row-gap: 20px;}
#technology .service-box  .service-list .service-item .service-info .service-name{display: flex;align-items: center;justify-content: space-between;}
#technology .service-box  .service-list .service-item .service-info .service-name h3{font-size: 24px;font-weight: 700;letter-spacing: -0.025em;color:#000000;}
#technology .service-box  .service-list .service-item .service-info .service-name a{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 15px;font-weight: 600;letter-spacing: -0.025em;color:#000000;position: relative;}
#technology .service-box  .service-list .service-item .service-info .service-name a::after{content:'';display: inline-block;background-image: url("/image/network/button-arrow.png");background-size: cover;background-repeat: no-repeat;width: 6px;height: 10px;margin-left: 10px;}

#technology .big-img-swiper{}
#technology .big-img-swiper .img-list{}
#technology .big-img-swiper .img-list .img-item{}
#technology .big-img-swiper .img-list .img-item .img-box{width: 100%;height: auto;aspect-ratio: 1280 / 640;}
#technology .big-img-swiper :is(.img-button-next,.img-button-prev){transition-duration: 0.3s;transition-property: background-image;}
#technology .big-img-swiper .img-button-next{background-image: url("/image/network/img-arrow-next.png");background-size: cover;width: 56px;height: 56px;position: absolute;top:50%;z-index: 1;transform: translateY(-50%);right: 10px;}
#technology .big-img-swiper :is(.img-button-next,.img-button-prev):hover{background-image: url("/image/network/img-arrow-next-hover.png");}
#technology .big-img-swiper .img-button-prev{background-image: url("/image/network/img-arrow-next.png");background-size: cover;width: 56px;height: 56px;position: absolute;top:50%;z-index: 1;transform: translateY(-50%) rotate(180deg);left: 10px;}
#technology .big-img-swiper .swiper-pagination-bullets{text-align: center;padding:20px 0 ;}
#technology .big-img-swiper .swiper-pagination-bullet{width: 10px;height: 10px;}
#technology .big-img-swiper .swiper-pagination-bullet-active{background-color: #063680;}
#technology .big-img-swiper .text-box{display: flex;align-items: flex-start;margin-top: 60px;}
#technology .big-img-swiper .text-box h3{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 30px;line-height: 1.466;font-weight: 500;color:#333333;}
#technology .big-img-swiper .text-box h3 em{font-weight: 700;font-style: normal;}
#technology .big-img-swiper .text-box .line{background-color: #111111;min-width: 150px;height: 1px;margin: 50px 40px 0;}
#technology .big-img-swiper .text-box p{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 20px;line-height: 1.5;font-weight: 400;color:#111111;}

#technology .goal-box{padding:80px 0 0;}
#technology .goal-box .goal-title{width: 275px;height: 275px;border-radius: 50%;font-size: 32px;font-weight: 600;line-height:1.875;color:#ffffff;border:1px solid #dedede;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 auto;}
#technology .goal-box .goal-title > span{position: relative;z-index: 1;text-align: center;}
#technology .goal-box .goal-title::after{content:'';display: block;width: 226px;height: 226px;background-color: #063680;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
#technology .goal-box .goal-list{display: flex;position: relative;column-gap: 30px;margin-top: 90px;}
#technology .goal-box .goal-list::before{content:'';display: block;width: calc((((100% - 60px) / 3) * 2) + 60px);height: 60px;border-top: 1px dashed #aaaaaa;border-right: 1px dashed #aaaaaa;border-left: 1px dashed #aaaaaa;position: absolute;top:0;left: 50%;transform: translate(-50%,-100%);}
#technology .goal-box .goal-list .goal-list-item{width: calc((100% - 60px) / 3);position: relative}
#technology .goal-box .goal-list .goal-list-item:nth-of-type(2)::before{content:'';width: 1px;height: 90px;border-right: 1px dashed #aaaaaa;position: absolute;left: 50%;top:0;transform: translate(-50%,-100%);}
#technology .goal-box .goal-list .goal-list-item > h3{border-bottom: 2px solid #063680;text-align: center;padding:15px;font-size: 22px;letter-spacing: -0.05em;font-weight: 700;color:#063680;}
#technology .goal-box .goal-list .goal-list-item ul{margin-top: 40px;}
#technology .goal-box .goal-list .goal-list-item ul li{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 500;font-size: 16px;letter-spacing: -0.05em;color:#333333;line-height: 1.428;position: relative;padding-left: 11px;margin:10px 0;}
#technology .goal-box .goal-list .goal-list-item ul li::before{content:'';width: 3px;height: 3px;background-color:#063680;border-radius: 50%;position: absolute;display: block;top:11px;left: 0;}

#technology .process-tab .tab-buttons{column-gap: 20px;margin-top: 60px;justify-content: flex-start;}
#technology .process-tab .tab-buttons .tab-button{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 500;font-size: 20px;letter-spacing: -0.05em;color:#878787;border:1px solid #cccccc;border-radius: 10px;width: 200px;height: 56px;display: flex;align-items: center;justify-content: center;padding:0;}
#technology .process-tab .tab-buttons .tab-button.active{background-color: #063680;border:0;color:#ffffff;}
#technology .process-tab .process-content{margin-top: 60px;}
#technology .process-tab .process-content .process-item{display: none;}
#technology .process-tab .process-content .process-item.active{display: block;}
#technology .process-tab .process-content .process-item .list-box{display: flex;gap: 60px 50px;flex-wrap: wrap;}
#technology .process-tab .process-content .process-item .list-box .list-item{width: calc((100% - 50px) / 2);}
#technology .process-tab .process-content .process-item .list-box .list-item .img-box{width: 100%;height: 320px;border-radius: 20px;}
#technology .process-tab .process-content .process-item .list-box .list-item .text-box{display: flex;flex-direction: column;row-gap: 20px;padding:25px 0 ;}
#technology .process-tab .process-content .process-item .list-box .list-item .text-box > h3 {font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 600;display: flex;align-items: center;column-gap: 10px;font-size: 22px;color: #000000;}
#technology .process-tab .process-content .process-item .list-box .list-item .text-box h3 .num {width: 30px;height: 30px;font-weight: 700;display: inline-flex;justify-content: center;align-items: center;font-size: 20px;color: #ffffff;line-height: 1;background-color: #063680;border-radius: 50%;}
#technology .process-tab .process-content .process-item .list-box .list-item .text-box p{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;font-size: 20px;color:#747474;}

#technology .tech-section .faq-list{border-top:1px solid #000000;}
#technology .tech-section .faq-list .faq-item{border-bottom:1px solid #ebebeb;cursor: pointer;}
#technology .tech-section .faq-list .faq-item:last-of-type{border-bottom:1px solid #3617ce;}
#technology .tech-section .faq-list .faq-item .question{display: flex;width: 100%;align-items: baseline;position: relative;    padding: 30px 0;}
#technology .tech-section .faq-list .faq-item .question h2{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 22px;font-weight: 600;color:#111111;line-height: 1.1;}
#technology .tech-section .faq-list .faq-item .question .num{font-size: 28px;font-weight: 700;color:#aaaaaa;margin-right: 15px;}
#technology .tech-section .faq-list .faq-item .question::after{content:'';background-image: url("/image/solution/faq-arrow.png");background-size: cover;width: 18px;height: 12px;position: absolute;right: 0;top:48px;}
#technology .tech-section .faq-list .faq-item.active .question::after{content:'';background-image: url("/image/solution/faq-arrow-on.png");background-size: cover;width: 18px;height: 12px;position: absolute;right: 0;}
#technology .tech-section .faq-list .faq-item.active .question{color:#3617ce;}
#technology .tech-section .faq-list .faq-item .answer{padding: 0 40px 0 60px;display: none;}
#technology .tech-section .faq-list .faq-item .answer p {font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';padding:25px 0 70px;font-size: 18px;line-height: 1.666;color:#333333;}

#technology .tech-section .faq-info{background-color: #f6f6f6;padding:30px 35px;border-radius: 10px;}
#technology .tech-section .faq-info h2{font-weight: 600;font-size: 19px;line-height: 1.6;letter-spacing: -0.025em;color:#7f7f7f;display: flex;align-items: center;}
#technology .tech-section .faq-info h2::before{content:'';display: inline-block;background-image: url("/image/network/icon-info.png");background-size:cover;width: 24px;height: 24px;margin-right: 8px;}
#technology .tech-section .faq-info ul {margin-top: 20px;}
#technology .tech-section .faq-info ul li{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;font-size: 17px;color:#808080;line-height: 1.76;letter-spacing:-0.025em;position: relative;padding-left: 24px;margin:5px 0;}
#technology .tech-section .faq-info ul li::before{content:'';width: 5px;height: 5px;background-color:#808080;border-radius: 50%;position: absolute;display: block;top:11px;left: 5px;}

#technology .tech-section.section003{margin-top: 70px;}
#technology .tech-section.section004{margin-top: 50px;}
#technology .tech-section.section004 .center-name{margin-top: 40px;}
#technology .tech-section.section004 .big-img-swiper{margin-top: 36px;padding:60px 60px 80px;background-color: #f6f6f6;border-radius: 10px;}

#technology .tech-section.section005 .list-box{display: flex;flex-direction: column;row-gap: 60px;margin-top: 0px;}
#technology .tech-section.section005 .list-box .list-item{display: flex; column-gap: 40px; }
#technology .tech-section.section005 .list-box .list-item:nth-child(even){flex-direction: row-reverse}
#technology .tech-section.section005 .list-box .list-item .img-box{width:calc((100% - 40px) / 2);height: 420px; max-width:700px;}
#technology .tech-section.section005 .list-box .list-item .img-box > img{display: block;width: 100%;height: 100%;object-fit: cover;}
#technology .tech-section.section005 .list-box .list-item .text-box{width: calc((100% - 40px) / 2); padding-top:40px; }
#technology .tech-section.section005 .list-box .list-item .text-box > h2{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 600;display: flex; column-gap: 15px;font-size: 36px;color:#000000; line-height:1.6;}
#technology .tech-section.section005 .list-box .list-item .text-box .num{width: 36px;height: 36px;display: inline-flex;justify-content: center;align-items: center;font-size: 24px;color:#ffffff;line-height: 1;background-color: #063680;border-radius: 50%;}
#technology .tech-section.section005 .list-box .list-item .text-box p{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 20px;line-height: 1.5;color:#333333;font-weight: 400;margin-top: 15px;}
#technology .tech-section.section005 .list-box .list-item .text-box p em{font-weight: 700;font-style: normal;}
#technology .tech-section.section005 article{padding:50px 0; margin-top:0px;}
#technology .tech-section.section006 {border-top: 1px dashed #707070;    padding: 50px 0 60px;}
#technology .tech-section.section006 .sub2-title{margin-top: 30px;}
#technology .tech-section.section006 p.dat{position: relative;margin-top: 30px;padding:0 31px;}
#technology .tech-section.section006 p.dat::before{content:'';width: 5px;height: 5px;background-color:#000000;border-radius: 50%;position: absolute;display: block;top:8px;left: 20px;}
#technology .tech-section.section006 .floor{width: 100%;max-width: 964px;height: auto;aspect-ratio: 964 / 360;margin: 50px auto;}
#technology .tech-section.section006 .floor2{width: 100%;max-width: 1160px;height: auto;aspect-ratio: 1160 / 400;margin: 40px auto;}
#technology .tech-section.section006 .box-text{background-color: #f5f5f5;padding:40px 50px;border-radius: 20px;margin-top: 30px;display: flex;column-gap: 50px;}
#technology .tech-section.section006 .box-text p{font-size: 18px;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;color:#000000;line-height: 1.875;}
#technology .tech-section.section006 .box-text p span{display: block;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 300;font-size: 16px;letter-spacing: -0.025em;color:#333333;margin-top: 20px;}
#technology .tech-section.section006 .box-text p em{font-weight: 600;font-style: normal;}

#technology .tech-section.section007 {border-top: 1px dashed #707070;padding: 50px 0;}
#technology .tech-section.section007 p{font-size: 18px;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;color:#333333;line-height: 1.666;margin-top: 40px;}
#technology .tech-section.section007 ul{margin-top: 40px;}
#technology .tech-section.section007 ul li{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;font-size: 18px;color:#333333;line-height: 1.428;position: relative;padding-left: 24px;margin:5px 0;}
#technology .tech-section.section007 ul li::before{content:'';width: 6px;height: 6px;background-color:#727272;border-radius: 50%;position: absolute;display: block;top:11px;left: 5px;}

#technology .tech-section.section008 {border-top: 1px dashed #707070;padding: 50px 0;}
#technology .tech-section.section008 table{margin-top: 40px;width: 100%;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';}

#technology .tech-section.section008 table th{height: 60px;background-color: #202020;text-align: center;color:#ffffff;font-size: 20px;font-weight: 700;}
#technology .tech-section.section008 table th:nth-of-type(2){background-color: #cf1226;}
#technology .tech-section.section008 table td{height: 60px;text-align: center;border-bottom: 1px solid #cccccc;font-size: 18px;color:#333333;}
#technology .tech-section.section008 table td:nth-of-type(1){border-right: 1px solid #cccccc;}
#technology .tech-section.section008 table tr:nth-of-type(odd) td{background-color: #f9f9f9;}
#technology .tech-section.section008 table tr:last-of-type td{border-bottom: 1px solid #000000;}

#technology .tech-section.section010{position: relative;}
#technology .tech-section.section010::before{content:'';display: block;width: 200vw;height: 100%;position: absolute;top:0;left: 50%;transform:translateX(-50%);background-color: #f6f7f8;}

#technology .tech-section.section011{padding:110px 0 50px;}
#technology .tech-section.section011 .faq-list{margin-top: 40px;}
#technology .tech-section.section011 .faq-info{margin-top: 40px;}





#technology .tech-section .gallery-box{position: relative;margin-top: 40px;}
#technology .tech-section .gallery-box .gallery-img-wrapper{width:100%;max-width: 1020px;height: auto;aspect-ratio: 1020 / 580;position: relative;margin: 0 auto;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-img-view{width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-img-view > img {display: block;width: 100%;height: 100%;object-fit: cover;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button{position: absolute;border:1px solid #dddddd;background-color: transparent;border-radius: 50%;transition-duration: 0.3s;    background-size: cover;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button.gallery-next-button{background-image: url("/image/network/img-arrow-next.png");width: 56px;height: 56px;position: absolute;top:calc(50% - 30px);z-index: 1;transform: translate(100%,-50%);right: -10px;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button:is(.gallery-next-button,.gallery-prev-button):hover{background-image: url("/image/network/img-arrow-next-hover.png");}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button.gallery-prev-button{background-image: url("/image/network/img-arrow-next.png");width: 56px;height: 56px;position: absolute;top:calc(50% - 30px);z-index: 1;transform: translate(-100%,-50%) rotate(180deg);left: -10px;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-count{position: absolute;width: 60px;height: 30px;display: flex;gap: 3px;justify-content: center;align-items: center;bottom:22px;right: 0;background-color: #e2e2e2;border-radius: 25px;}
#technology .tech-section .gallery-box .gallery-img-wrapper .gallery-count span{ font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-size: 12px;font-weight: 400;color:#212121;}
#technology .tech-section .gallery-box .gallery-text{display: flex;justify-content: center;align-items: center;column-gap: 20px;padding:18px 0;}
#technology .tech-section .gallery-box .gallery-text h2{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 600;font-size: 28px;line-height: 1;color:#111111;}
#technology .tech-section .gallery-box .gallery-text span {display:inline-block;padding:0 15px;font-size: 18px;line-height: 28px;color:#666666;text-align: center;font-weight: 400;border:1px solid #e2e2e2;border-radius: 25px;}
#technology .tech-section .gallery-box .gallery-list-wrapper{height: 470px;position: relative;}
#technology .tech-section .gallery-box .gallery-list{display: flex;;margin-top: 80px;position: absolute;left: 0;column-gap: 30px;}
#technology .tech-section .gallery-box .gallery-list:hover .gallery-group{animation-play-state: paused;}

#technology .tech-section .gallery-box .gallery-list .gallery-group{flex-shrink: 0;display: flex;column-gap: 30px;animation: rollingAni 60s linear infinite both;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item {width: 330px;height: 240px;border-radius: 10px;overflow: hidden;position: relative;border:0;background-color: transparent;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item:nth-of-type(2n){width: 240px;height: 330px;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item > img{width: 100%;height: 100%;object-fit: cover;display: block;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item::before{content:'';left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;background-image: url("/image/network/icon-gallery.png");background-size: 30px 30px;background-repeat: no-repeat;display: block;width:  30px;height: 30px;z-index: 1;opacity: 0;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item::after{content:'';width: 100%;height: 100%;display: block;position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.2);opacity: 0;transition-duration: 0.3s;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item:hover::after{opacity: 1;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item.active::after{opacity: 1;}
#technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item.active::before{opacity: 1;}
#technology .tech-section .gallery-box .gallery-list .gallery-group:nth-child(1) {position: absolute;right: 100%;margin-right: 30px;}


@keyframes rollingAni {
    from {
        transform: translateX(calc(50vw - 120px));
    }

    to {
        transform: translateX(calc(-100% - 30px + 50vw - 120px));
    }
}


/*전경 스타일*/
.office-layer{display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 999;opacity: 0;pointer-events: none;padding: 0 50px;}
.office-layer .layer-content .close-button{position: absolute;top: 30px;right: 70px;display: block;background-image: url(/image/network/icon-close.png);background-size: cover;width: 26px;height: 26px;border: 0;background-color: transparent;font-size: 0;text-indent: -9999px;}
.office-layer .layer-content{position: relative;max-width: 1248px;width: 100%;height: 750px;background-color: #ffffff;padding:70px;display: flex;justify-content: space-between;}
.office-layer .layer-content .map-box{width: 600px;height: 600px;overflow: hidden;position: relative;}
.office-layer .layer-content .map-box > iframe{width: 100%;height: 100%;}
.office-layer .layer-content .img-list{width: 600px;height: 600px;overflow: hidden;position: relative;}
.office-layer .layer-content .img-list .item-box{width: 600px;height: 600px;}
.office-layer .layer-content .img-list .item-box > img{width: 100%;height: 100%;object-fit: cover;}
.office-layer .layer-content  .text-box{width: calc((100% - 660px));}
.office-layer .layer-content  .text-box h2 {font-size: 30px;line-height: 1;font-weight: 700;color:#221e1f;}
.office-layer .layer-content  .text-box p {font-size: 16px;line-height: 1.625;letter-spacing: -0.05em;color:#666666;margin-top: 30px;}
.office-layer .layer-content  .text-box .office-info{display: flex;flex-direction: column;row-gap: 20px;margin-top:50px}
.office-layer .layer-content  .text-box .office-info h3{font-size: 20px;color:#3617ce;font-weight: 600}
.office-layer .layer-content  .text-box .office-info p{font-size: 17px;color:#333333;line-height: 1.411;margin-top: 5px;}
.office-layer .layer-content  .text-box .office-info .homepage > a{font-size: 17px;color:#333333;line-height: 1.411;margin-top: 5px;display: block;}

.office-layer .layer-content  .text-box .contact {display: flex;align-items:center;column-gap: 20px;border-top:1px solid #dddddd;padding-top: 27px;margin-top: 23px;}
.office-layer .layer-content  .text-box .contact h2{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;line-height: 50px;padding:0 20px;background-color: #f1f2f4;border-radius: 25px;}
.office-layer .layer-content  .text-box .contact span{font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.01em;}

.office-layer .office-button-prev, .office-layer .office-button-next {position: absolute;top: 50%;width: 41px;height: 41px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;left: auto;right: 10px;transform: translateY(-50%);    background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;transition-duration: 0.3s}
.office-layer .office-button-prev:not(.swiper-button-disabled):hover, .office-layer .office-button-next:not(.swiper-button-disabled):hover{background-color: #3617ce;}
.office-layer .swiper-button-disabled{opacity: 0.5;}
.office-layer .office-button-next::after {content: '';background-image: url("/image/preview/preview-arrow.png");width: 11px;height: 19px;}
.office-layer .office-button-prev::after {content: '';background-image: url("/image/preview/preview-arrow.png");width: 11px;height: 19px;transform: rotate(180deg);}
.office-layer .office-button-prev{left: 10px;right: auto;}
.office-layer .swiper-pagination{font-size: 12px;font-weight: 500;color: #000000;right: 10px;left: auto;bottom:10px;background-color: #f2f2f2;width: 50px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 25px;column-gap: 2px;}

@media (max-width: 1280px){
    #technology .centerFix {transform: translateX(0);}
}

@media (max-width: 1200px) {

    #technology .tech-section .title2 > h2 {font-size: 32px;}

    .office-layer .layer-content{height: auto;padding:40px;}
    .office-layer .layer-content .img-list{width: 400px;height: 450px;}
    .office-layer .layer-content .img-list .item-box{width: 400px;height: 450px;}
    .office-layer .layer-content  .text-box{width: calc((100% - 460px));}

    #technology .map-list .map-item .map-title .office-info {display: none;}
    #technology .map-list .map-item .map .office-info{display: block;}

    #technology .service-box {flex-direction: column;}

    #technology .tech-section .title3 > h2 {font-size: 32px;}
    #technology .tech-section .title3 > p {font-size: 24px;margin-top: 30px;}

    #technology .tech-section.section003{margin-top: 40px;}
    #technology .tech-section.section004{margin-top: 30px;}

}

@media (max-width: 992px) {

    #technology .tech-section .title2 > h2 {font-size: 24px;}

    #technology .network-tab .tab-buttons .tab-button {font-size: 36px;padding: 0 9px 22px;}
    #technology .list-box.office-style .list-item {width: calc((100% - 40px) / 2);}
    #technology .table-list .list-item .address {width: 340px;}

    #technology .big-img-swiper .text-box {flex-direction: column;margin-top: 30px;}
    #technology .big-img-swiper .text-box .line {display: none;}
    #technology .big-img-swiper .text-box p {font-size: 20px;margin-top: 30px;}


    #technology .tech-section.section005 .list-box .list-item {flex-direction: column-reverse;row-gap: 20px;}
    #technology .tech-section.section005 .list-box .list-item:nth-child(even) {flex-direction: column-reverse;}
    #technology .tech-section.section005 .list-box .list-item .text-box {width: 100%; padding-top:20px;}
    #technology .tech-section.section005 .list-box .list-item .img-box {width: 100%;height: 400px;}

    #technology .goal-box .goal-list {flex-direction: column;column-gap: 30px;margin-top: 40px;}
    #technology .goal-box .goal-list .goal-list-item {width: 100%;position: relative;}
    #technology .goal-box .goal-list::before {content: none;}
    #technology .goal-box .goal-list .goal-list-item:nth-of-type(2)::before {content: none;}


    #technology .process-tab .process-content .process-item .list-box {gap: 40px 50px;}
    #technology .process-tab .process-content .process-item .list-box .list-item{width: 100%;}


    .office-layer{padding:0 10px}
    .office-layer .layer-content {background-color: #ffffff;width: 100%;height: auto;padding: 30px;flex-direction: column-reverse;}
    .office-layer .layer-content .map-box {width: 100%;height: auto;aspect-ratio: 34 / 35;}
    .office-layer .layer-content .img-list {width: 100%;height: auto;aspect-ratio: 34 / 35;}
    .office-layer .layer-content .img-list .item-box{width: 100%;height: 100%;overflow: hidden;}
    .office-layer .layer-content .img-list .item-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
    .office-layer .layer-content .text-box {width: 100%;border-top: 2px solid #262524;padding: 30px 0;margin-top: 30px;display: flex;flex-direction: column;}
    .office-layer .layer-content .text-box h2 {font-size: 24px;order: 1}
    .office-layer .layer-content .text-box p {font-size:16px;margin-top: 30px;order: 3}
    .office-layer .layer-content .text-box .button-box {margin-top: 20px;display: flex;column-gap: 1rem;order: 2}
    .office-layer .layer-content .text-box .button-box .button {}
    .office-layer .office-button-prev, .office-layer .office-button-next {background-color: #ffffff;}
    .office-layer .office-button-prev, .office-layer .office-button-next:hover{background-color: #ffffff;}
    .office-layer .office-button-prev:not(.swiper-button-disabled):hover, .office-layer .office-button-next:not(.swiper-button-disabled):hover {background-color: #ffffff;}
    .office-layer .office-button-prev::after {background-image: url(/image/preview/preview-arrow-b.png);}
    .office-layer .office-button-next::after {background-image: url(/image/preview/preview-arrow-b.png);}
    .office-layer .swiper-pagination {left: 10px;bottom: 10px;}





}

@media (max-width: 640px) {

    #technology .list-box.office-style .list-item .text-box {padding: 30px 20px;}

    #technology .tech-section .title3 > h2 {font-size: 28px;}
    #technology .tech-section .title3 > p {font-size: 18px;margin-top: 20px;}
    #technology .tech-section .title3 > p br{display: none;}

    #technology .tech-section .title4 > h2 {font-size: 28px;}
    #technology .tech-section .title4 > p {font-size: 18px; margin-top: 20px; line-height:1.4;}
    #technology .tech-section .title4 > p br{display: none;}


    #technology .tech-section .title5 {text-align: center;}
    #technology .tech-section .title5 > h2{font-size:28px;}
    #technology .tech-section .title5 > p{font-size:16px;margin-top: 30px;}


    #technology .tech-section .title6 > h2{font-size:28px;padding-bottom: 12px;}
    #technology .tech-section .title6 > span{font-size:18px;}
    #technology .tech-section .title7 > h2 {font-size: 40px;padding-bottom: 12px;}

    #technology .tech-section .sub-title {font-size: 26px;}
    #technology .tech-section .center-name {font-size: 16px;}

    #technology .tech-section.section003 {margin-top: 30px;}

    #technology .service-box .title{font-size: 28px;padding-top: 20px;}
    #technology .service-box .title::before{width: 40px;}

    #technology .service-box .service-list .service-item {flex-direction: column;row-gap: 30px;}
    #technology .service-box .service-list .service-item .logo-box{width: 100%;height: 240px;display: flex;justify-content: center;align-items: center;}
    #technology .service-box .service-list .service-item .service-info p{word-break: keep-all;}
    #technology .service-box .service-list .service-item .service-info p br{display: none;}

    #technology .network-tab {margin-top: 30px;}
    #technology .network-tab .tab-buttons .tab-button {font-size: 24px;padding: 0 9px 12px;}
    #technology .list-box.office-style .list-item {width: 100%;}
    #technology .table-list .list-item {flex-direction: column;align-items: flex-start;padding: 30px 25px;}
    #technology .table-list .list-item .center-name {font-size: 20px;}
    #technology .tech-section .center-name {padding-bottom: 1em;line-height: 1;}

    #technology .tech-section .title2 > h2 {font-size: 18px;}
    #technology .tech-section .title2 > p {font-size: 14px;letter-spacing: -0.025em;color: #898989;}

    #technology .map-list .map-item .map-title .office-name h2 {font-size: 20px;}
    #technology .map-list .map-item .map-title .office-name p {font-size: 15px;}
    #technology .map-list .map-item .office-info ul li {font-size: 13px;}
    #technology .map-list .map-item .map-title {padding: 30px 50px 30px 0;}
    #technology .map-list .map-item .map-title::after {width: 40px;height: 40px;}

    #technology .living-box{flex-direction: column;}
    #technology .living-box .living-list {display: flex;flex-direction: column;row-gap: 40px;}
    #technology .living-box .living-logo .logo-box {width: 200px;height: auto;}
    #technology .living-box .living-logo .button {width: 150px;height: 50px;line-height: 50px;padding: 0 24px;font-size: 14px;}
    #technology .living-box .living-list .living-item h2 {font-size: 24px;}
    #technology .living-box .living-list .living-item p {font-size: 16px;}
    #technology .living-box .living-list .living-item p br{display: none;}
    #technology .living-swiper {margin-top: 40px;}

    #technology .tech-section.section004 .big-img-swiper {margin-top: 30px;padding: 15px 15px 40px;}
    #technology .big-img-swiper .img-button-next {width: 50px;height: 50px;top: calc(50% - 30px);}
    #technology .big-img-swiper .img-button-prev {width: 50px;height: 50px;top: calc(50% - 30px);}
    
    #technology .big-img-swiper .text-box {margin-top:15px;}
    #technology .big-img-swiper .text-box h3 {font-size: 22px; line-height:1.3;}
    #technology .big-img-swiper .text-box p {font-size: 16px; margin-top: 20px;}
    #technology .big-img-swiper .text-box p br{display: none;}
    
    #technology .big-img-swiper .img-button-next{display:none;}
    #technology .big-img-swiper .img-button-prev{display:none;}

    #technology .tech-section.section005 article {padding: 20px 0;margin-bottom: 20px;}
    #technology .tech-section.section005 .list-box .list-item .img-box {width: 100%;height:auto;aspect-ratio: 700 / 420;}
    #technology .tech-section.section005 .list-box .list-item .text-box {padding-top:10px;}
    #technology .tech-section.section005 .list-box .list-item .text-box > h2 {column-gap: 10px;font-size: 24px;}
    #technology .tech-section.section005 .list-box .list-item .text-box p {font-size: 16px;word-break: keep-all;}
    #technology .tech-section.section005 .list-box .list-item .text-box p br{display: none;}

    #technology .tech-section.section006 .box-text {padding: 40px 20px;margin-top: 30px;flex-direction: column;align-items: center;}
    #technology .tech-section.section006 .box-text p {font-size: 15px;}
    #technology .tech-section.section006 .box-text p span {font-size: 13px;margin-top: 20px;}

    #technology .tech-section.section007 p {font-size: 16px;margin-top: 30px;}
    #technology .tech-section.section007 ul li {font-size: 16px;padding-left: 22px;}
    #technology .tech-section.section007 ul li::before {width: 5px;height: 5px;top: 8px;}

    #technology .tech-section.section008 table th {height: 50px;font-size: 16px;}
    #technology .tech-section.section008 table td {height: 50px;font-size: 14px;}

    #technology .tech-section.section011 {padding: 60px 0 50px;}
    #technology .tech-section {padding: 30px 0 20px;}

    #technology .process-tab .tab-buttons{column-gap: 30px}
    #technology .process-tab .tab-buttons .tab-button {font-size: 16px;width: calc((100% - 30px) / 2);height: 50px;padding:0;}
    #technology .process-tab .process-content .process-item .list-box {gap: 30px 50px;}
    #technology .process-tab .process-content .process-item .list-box .list-item .img-box {width: 100%;height: auto;aspect-ratio: 575 / 320;}
    #technology .process-tab .process-content .process-item .list-box .list-item .text-box > h3 {font-size: 18px;}
    #technology .process-tab .process-content .process-item .list-box .list-item .text-box p {font-size: 16px;}

    #technology .tech-section .gallery-box .gallery-text {column-gap: 10px;padding: 18px 0;}
    #technology .tech-section .gallery-box .gallery-text h2 {font-size: 18px;}
    #technology .tech-section .gallery-box .gallery-text span {font-size: 14px;}
    #technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button.gallery-prev-button {width: 50px;height: 50px;top: calc(50% - 30px);transform: translate(0, -50%) rotate(180deg);left: 10px;}
    #technology .tech-section .gallery-box .gallery-img-wrapper .gallery-button.gallery-next-button {width: 50px;height: 50px;top: calc(50% - 30px);transform: translate(0, -50%);right: 10px;}
    #technology .tech-section .gallery-box .gallery-list-wrapper {height: 320px;}
    #technology .tech-section .gallery-box .gallery-list {margin-top: 40px;column-gap: 20px;}
    #technology .tech-section .gallery-box .gallery-list .gallery-group:nth-child(1) {margin-right: 20px;}
    #technology .tech-section .gallery-box .gallery-list .gallery-group {column-gap: 20px;}
    #technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item{width: 230px;height: 160px;}
    #technology .tech-section .gallery-box .gallery-list .gallery-group .gallery-item:nth-of-type(2n) {width: 160px;height: 230px;}

    #technology .tech-section .faq-list .faq-item .question {padding: 30px 30px 30px 0;}
    #technology .tech-section .faq-list .faq-item .question::after {top: 40px;}
    #technology .tech-section .faq-list .faq-item .question .num {font-size: 20px;margin-right: 10px;}
    #technology .tech-section .faq-list .faq-item .question h2 {font-size: 16px;line-height: 1.3;}
    #technology .tech-section .faq-list .faq-item .answer p {padding: 10px 0 30px;font-size: 14px;word-break: break-all;}
    #technology .tech-section .faq-list .faq-item .answer {padding: 0 20px 0 20px;display: none;}

    #technology .tech-section .faq-info{padding:30px 25px;}
    #technology .tech-section .faq-info ul li{font-size: 15px;}




    .office-layer .layer-content {        padding: 45px 15px 15px;}
    .office-layer .layer-content .close-button {position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;z-index: 10;}
    .office-layer .layer-content .map-box {width: 100%;height: auto;aspect-ratio: 34 / 20;}
    .office-layer .layer-content .img-list {width: 100%;height: auto;aspect-ratio: 34 / 20;}
    .office-layer .layer-content .text-box {padding: 10px 0;margin-top: 10px;border-top: 0;}
    .office-layer .layer-content .text-box h2 {font-size: 20px;}
    .office-layer .layer-content .text-box p {font-size:14px;margin-top: 20px;}
    .office-layer .layer-content .text-box .button-box {margin-top: 20px;}
    .office-layer .layer-content .text-box .button-box .button {width: 120px;height: 40px;font-size: 14px;padding:0 14px;}
    .office-layer .layer-content .text-box .button-box .button::after {right: 20px;}
    .office-layer .swiper-pagination {left: 10px;bottom: 10px;}

    .office-layer .layer-content  .text-box .contact {column-gap: 10px;padding-top: 15px;margin-top: 15px;order: 5;flex-direction: row-reverse;justify-content: flex-end;}
    .office-layer .layer-content  .text-box .contact h2{font-size: 12px;line-height: 30px;padding:0 10px;}
    .office-layer .layer-content  .text-box .contact span{font-size: 12px;}

    .office-layer .layer-content .text-box .office-info {row-gap: 10px;margin-top: 10px;order: 4;}
    .office-layer .layer-content .text-box .office-info h3 {font-size: 16px;}
    .office-layer .layer-content .text-box .office-info p {font-size: 13px;margin-top: 5px;}
}

@media (max-width: 420px) {

    #technology .table-list .list-item {padding: 20px 15px;}
    #technology .tech-section .title2 > h2 br{display: none;}
    #technology .tech-section .faq-list .faq-item .answer {padding: 0 10px 0 10px;display: none;}

    #technology .tech-section .faq-info{padding:20px 15px;}
    #technology .tech-section .faq-info h2{font-size: 18px;}
    #technology .tech-section .faq-info h2::before{width: 20px;height: 20px;margin-right: 5px;}
    #technology .tech-section .faq-info ul {margin-top: 20px;}
    #technology .tech-section .faq-info ul li{font-size: 14px;}

}


body.officeOpen .office-layer{opacity: 1;pointer-events: auto;transition: .6s opacity;}