/* 공통 */
/* Pretendard */
@font-face {font-family: 'Pretendard'; font-weight: 100; font-style: normal; src: url('/font/Pretendard-Thin.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-style: normal; src: url('/font/Pretendard-ExtraLight.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-style: normal; src: url('/font/Pretendard-Light.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-style: normal; src: url('/font/Pretendard-Regular.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-style: normal; src: url('/font/Pretendard-Medium.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-style: normal; src: url('/font/Pretendard-SemiBold.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-style: normal; src: url('/font/Pretendard-Bold.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-style: normal; src: url('/font/Pretendard-ExtraBold.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Pretendard'; font-weight: 900; font-style: normal; src: url('/font/Pretendard-Black.woff') format('woff'); font-display: swap;}

body {-webkit-text-size-adjust:none; overflow-x: auto; overflow-y: hidden;}
body::-webkit-scrollbar{display: none;}
*{font-family: 'pretendard', sans-serif;}
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.mo{display:none !important;}

:root {
    --color-primary: #135287;
    --white: #fff;
    --black: #000;

    --textXs:0.875rem;
    --textSm:1.125rem;
    --textMd:1.25rem;
    --textLg:1.5rem;
    --textXlg:2.25rem;
    --text2xlg:2.8125rem;
}

.text-xs {font-size: var(--textXs);}
.text-sm {font-size: var(--textSm);}
.text-md {font-size: var(--textMd);}
.text-lg {font-size: var(--textLg);}
.text-xlg {font-size: var(--textXlg);}
.text-2xlg {font-size: var(--text2xlg);}
.poppins {font-family: 'Poppins', sans-serif;}

.fontWeight500{font-weight: 500;}
.fontWeight600{font-weight: 600;}
.fontWeight700{font-weight: 700;}

.lineHeightL2 {line-height:2.125rem}

@media (min-width:1280px){
    body.booknav { overflow: hidden; }
  }
  
/*header*/
.wrapper {display: flex;justify-content: start;align-items: start;overflow:hidden;height: 100vh;}
#contents {display: flex;height: 100vh;width:100vw;overflow:hidden;position:relative;}
.section {width: 100vw;height: 100vh;flex-shrink: 0;position:relative;z-index:0}
.visual{position: absolute; left: 0px; top: 0; width: calc(100% - 0px); height: 100%; overflow: hidden; z-index: 1;}
header{background:var(--white);position:fixed;top:0;left:0;z-index:999}
/* header.on .hamburger{display:none;} */
.header{width: 5.625rem;height:100vh;position:relative;display: flex;align-items: center;justify-content: space-between;}
.hamburger {cursor:pointer;position:absolute;top:2.5rem;left:50%;transform:translateX(-50%);width: 1.875rem;height: 1.25rem;}
.hamburger div {background:var(--black);width: 100%;height: 0.125rem;transition:.5s;position:absolute;}
.hamburger div:nth-child(1){top:0;left:0}
.hamburger div:nth-child(2){top:50%;transform:translateY(-50%);left:0;width:1.25rem}
.hamburger div:nth-child(3){bottom:0;left:0}
.logo{cursor:pointer;height: 15.62rem;width: 2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); display: block;}
.call{height: 6.43rem;width: 2.5rem;display: flex;justify-content: center;align-items: center;border:1px solid var(--color-primary);border-radius: 31.25rem;cursor: pointer;transition:.5s;position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);}
.call p{font-size: 1.125rem;font-weight: 700;transform:rotate(-90deg);color: var(--color-primary);}
.call:hover {background: var(--color-primary);transition:.5s;}
.call:hover p{color: var(--white);}
.section01Txt {position:absolute;top:18.52rem;left:10.62rem;color:var(--white);}
.section01Txt p {margin-bottom:1.88rem;}
.section01Txt p.word {font-size:3.43rem;padding-right:2px;}
.section01Txt p:last-child {margin-bottom:0}

/* Progress Bar */
.section01Wrap {position:relative;}
.autoplay-progress {position: absolute;top: 42.03rem;left:15.31rem;width:7.5rem;height: 0.125rem;z-index: 10;}
.progress-bar {width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.2);border-radius: 3px;overflow: hidden;}
.progress-fill {height:100%;background-color: var(--white);border-radius: 3px;width: 0%;animation: progressBar 5s linear infinite;box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);}
@keyframes progressBar {
    0% { width: 0%; }
    100% { width: 100%; }
}
.swiper-button-next, .swiper-button-prev{width:1rem;height:1rem;bottom:auto;top:41.59rem;right:auto;margin-top:0; z-index: 100;}
.swiper-button-prev {left:10.63rem;}
.swiper-button-next {left:26.5rem}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0.62rem;color: var(--white);}
.swiper-pagination {position:absolute;top:41.59rem;left:11.94rem;display:flex;justify-content: space-between;align-items: center;transform:unset;width:auto;bottom:auto;font-size:var(--textXs);color:transparent;font-weight: 700;width:13rem;}
.swiper-pagination span {color:var(--white);padding-left:0.94rem}
.section01Wrap .swiper-slide img{object-fit:cover;height:100vh;width:100%;}
/* Play Controls */
.play-controls {position: absolute;top: 41.31rem;left:28.44rem;display: flex;gap: 0.94rem;z-index:1}
.playBtn, .pauseBtn{width: 1.56rem;height: 1.56rem;border: 1px solid var(--white);border-radius: 50%;background: transparent;color: var(--white);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}

.sec-leftBar{position:absolute;top:0;left:0;width:3.75rem;height:100vh;padding:1.25rem 0;border-right:1px solid #eee;background:rgba(255,255,255,0.2);backdrop-filter: blur(7.5px);z-index:999;font-size:var(--textMd);color:var(--white);transition: transform .2s ease-out, right .2s ease-out, background 0.3s;}
/* .sec-leftBar:hover {background:var(--white);color:var(--black);backdrop-filter: blur(0px);cursor: pointer;transition: all 0.3s ease;} */
/* .innolab .sec-leftBar{border-left:1px solid #eee} */
.sec-leftBar div {height:100%;position:relative;}
.sec-leftBar div span{transform:translateX(-50%) rotate(-90deg);display:block;position:absolute;left:50%;}
.sec-leftBar div span:first-child{top:2rem} 
.sec-leftBar div span:last-child{bottom:0}
/* section.on .sec-leftBar {background:var(--black) !important;color:var(--white) !important} */
section.active .sec-leftBar, section.change .sec-leftBar {background:var(--white);color:var(--black)}
section.active:hover .sec-leftBar, section.change:hover .sec-leftBar {background:var(--black) !important;color:var(--white) !important}

/* .side-nav li.innolab {right:calc(3.75rem*4)}
.side-nav li.business {right:calc(3.75rem*3)}
.side-nav li.process {right:calc(3.75rem*2)}
.side-nav li.project {right:calc(3.75rem*1)}
.side-nav li.inquiry {right:0} */

.char, .word {display:inline-block; opacity:0; line-height:inherit; letter-spacing:-0.3rem}
.swiper-slide-active .word {overflow:hidden;  opacity:1;}
.swiper-slide-active .char {animation: slideUp 0.9s ease; animation-fill-mode: both; animation-delay:calc( 0.6s + (.05s * var(--char-index)) );}
.word {overflow:hidden;  opacity:1;}
.splitting{opacity:1.0;}
@keyframes slideUp {
	0%{opacity:0; transform: translateY(60px);}
	100%{opacity:1; transform: translateY(0);}
}
.section01Txt p.text-md.lineHeightL2, .section01Txt .text-md.fontWeight700{transform:translateY(70px);transition:all 0.7s ease;opacity: 0;}
.swiper-slide-active .section01Txt p.text-md.lineHeightL2, .swiper-slide-active .section01Txt .text-md.fontWeight700{transform:translateY(0);transition:all 0.7s ease;transition-delay:0.3s;opacity: 1;}
.swiper-slide-active .section01Txt p.text-md.lineHeightL2 {transition-delay:1.5s}

.footer {display:flex;justify-content: space-between;align-items: center;padding:0 2.5rem;position:absolute;bottom:0;left:5.625rem;z-index:99;height:3.75rem;background:var(--white);}
/* footer.sub {width:calc(100% - 5.8rem) !important} */
.footer{width:calc(100% - 24.2rem);background:transparent;color:var(--white);border-top:1px solid rgba(255, 255, 255, 0.20)}
.footerTxt{display:flex;justify-content: start;align-items: center;gap:1.25rem;}
p.footText01 {font-weight: 700 !important;}
.footer p{font-weight: 300 }
.footer p span {font-weight: 500 !important;}
.sec-cont-wrap::-webkit-scrollbar{display:none;}
/*innolab*/
/* section.innolab .sec-cont-wrap {width: 95.625rem;} */
section.innolab .group-page-wrap {width:151.93rem;background:#F2F4F8 url('/img/main/innolab_img.png') no-repeat center center;background-size: cover;position:relative;}
.innolabTextBox {position:relative;padding-top:0;padding-left:6.44rem;}
.innolabTit {font-size:4.375rem;font-weight: 600;line-height:130%;padding-bottom:4.38rem;}
.innolabTextBox .text-lg{font-weight:600;padding-bottom:1.88rem;}
.innolabTextBox .text-sm{font-weight:400;line-height:150%}
.innolabImgBox {width:66.875rem;height:48.1875rem;position:absolute;top:0;left:53.06rem;transition:all 0.3s linear;}
.innolabImgBox:after {content:''; display:block;width:100%; height:100%; position:absolute;top:0;right:0;background:#DEE1E6}
section.innolab.on .innolabImgBox{}

section.innolab.on .innolabImgBox:after{content:'';animation:about_ani2 1.2s ease forwards; animation-delay:0.3s;}
@keyframes about_ani1 {
	from{width:0%;}
	to{width:50%;}
}
@keyframes about_ani2 {
	from{width:100%;}
	to{width:0;}
}

@keyframes revealRTL {
    0% {height: 0;	 top: 0;}
    65% {height: 100%;	 top: 0;}
    100% {height: 0; top: 100%;}
}
.footer.innolabOn, .footer.businessOn{background:var(--white);color:var(--black);border-top:1px solid rgba(0, 0, 0, 0.20);left:0}
.footer.businessOn{left:3.6rem;}
/*business*/
/* section.business .sec-cont-wrap {width:95.625rem;} */
section.business .group-page-wrap{background:#F2F4F8;width:528.43rem;}
section.business .sectionInnerWrap {min-width:498.43rem;overflow-x:scroll;height:100%;display:flex;justify-content: start;align-items: start;}
.businessTextBox {position:absolute;top:15.5rem;left:36.94rem;color:var(--white);z-index:1}
.businessTit {font-size:5rem;font-weight: 600;line-height:130%;padding-bottom:2.12rem;}
.businessTxt {font-size:1.68rem;font-weight: 600;padding-bottom:0.94rem;line-height:130%;}
.businessTextBox .text-sm {font-size:1.125rem;font-weight: 400;line-height:150%;}
.businessImgBox {width:48.43rem;height:48.18rem;position:absolute;top:0;left:56.5rem;transition:all 0.3s linear;}
.businessImg02 {width:80rem;height:40.68rem;position:absolute;top:7.5rem;left:0;transition:all 0.3s linear;}
section.business.on .businessImgBox:after, section.business.on .businessImg02:after{content:'';animation:about_ani2 1.2s ease forwards; animation-delay:0.3s;}
section.business .businessImgBox:after{background:#91A5AD}
section.business .businessImg02:after{background:#AAB4B9}
section.business .businessImgBox:after, section.business .businessImg02:after{content:'';display:block;position:absolute;top:0;width:100%; height:100%; right:0;}
.page02 .group-page-wrap > div{height: 100%;}
.businessCont01 {width: 104.9375rem;position: relative;}
.businessCont02 {position:relative;width:196.75rem;display:flex;justify-content: start;align-items: center;padding-top:0}
.businessCont03 {width:176.75rem;}
.businessCont02TextBox {margin-top:0;margin-left:7.5rem;color:var(--white);}
.business01Tit {font-size:2.5rem;font-weight: 700;padding-bottom:3.12rem;line-height: 140%;letter-spacing: -0.03125rem;}
.business01Txt {font-size:1.125rem;font-weight: 400;line-height:160%;letter-spacing: -0.03125rem;}
.business02Bg{width:64.06rem;height:55.62rem;position:absolute;top:0;left:0;}
.business02Bg img {height:100%;width:0;transition:.6s}
.business02Bg.animate img {height:100%;width:100%;transition:.6s}
.sec-cont-wrap::-webkit-scrollbar {display: none;}
/* section.process .sec-cont-wrap {width:106rem;height:100%;}
section.project .sec-cont-wrap {width:95.625rem;height:100%;}
section.inquiry .sec-cont-wrap {width:95.625rem;height:100%;} */

.container {overflow-y:hidden;overflow-x:hidden;display: flex;justify-content: start;align-items: start;}
.home-page-wrap {position: fixed; top: 0; left: 90px; width: calc(100% - 90px); height: 100%; overflow: hidden;}
.group-page-wrap {height: 100%; overflow: hidden; display: flex; justify-content: flex-start; align-items: center;}
.sec-cont-wrap {margin-left:3.75rem;height:100%;/*overflow-x:scroll;*/}
.scroll-cont-wrap{width: 100%; height: 100%; overflow: hidden; z-index: 90; overflow-x: auto; position: relative;}
.home-page-wrap{width: 100%; height: 100%; overflow: hidden; position: fixed; left: 90px; top: 0; display: flex; justify-content: flex-start; align-items: center;}
.home-page-wrap .sec-item-wrap{overflow: hidden; border-left: 1px solid #e8e8e8; transition: all .2s ease-out; position: absolute; top: 0; width: 100%; height: 100%;}
.home-page-wrap .sec-item-wrap.page01{right: 0;}
.home-page-wrap .sec-item-wrap .sectionInnerWrap{width: 100%; height: 100%;}
section.section {position:absolute;top:0;/* transition: all 0.3s ease; */}
/* section.section.on{transition: all 0.3s ease;} */
section.section .sec-cont-wrap{opacity: 0;}
section.section.active .sec-cont-wrap, section.section.change .sec-cont-wrap{opacity: 1;}
/* section.innolab {right:calc(-95.625rem + 240px);z-index:10;left:auto;}
section.business {right:calc(-498.43rem + 240px);z-index:11;left:auto;}
section.process {right:calc(-106rem + 120px);z-index:12;left:auto;}
section.project {right:calc(-95.625rem + 60px);z-index:13;left:auto;}
section.inquiry {right:-95.625rem;z-index:14;left:auto;} */
section.innolab {left:calc(100vw - 300px);z-index:10;}
section.business {left:calc(100vw - 240px);z-index:11;}
section.process {left:calc(100vw - 180px);z-index:12;}
section.project {left:calc(100vw - 120px);z-index:13;}
section.inquiry {left:calc(100vw - 60px);z-index:14;}
/* section.section.active {transition: all 0.3s ease;} */
section.innolab.active {left:calc(2rem + 3.75rem*1);right:auto;}
section.business.active {left:calc(2rem + 3.75rem*2);right:auto;}
section.process.active {left:calc(2rem + 3.75rem*3);right:auto;}
section.project.active {left:calc(2rem + 3.75rem*4);right:auto;}
section.inquiry.active {left:calc(2rem + 3.75rem*5);right:auto;}


.businessSlideWrap {display:flex;justify-content: start;align-items: start;gap:1.88rem;margin-left:6.31rem;}
.businessSlideBox {width:26.875rem;height:32.5rem;color:var(--white);position:relative;}
.businessSlideWrap {}
.businessSlideText {position:absolute;top:3.75rem;left:2.5rem;width:calc(100% - 5rem)}
.businessSlideText p {font-size:1.75rem;letter-spacing: -0.03125rem;line-height:130%;font-weight: 700;margin-bottom:0.94rem;}
.businessSlideText span, .businessSlideText li {font-size:var(--textSm);letter-spacing: -0.03125rem;line-height:150%;font-weight: 500;position:relative;}
.businessSlideBg {width:26.875rem;height:32.5rem;}
.businessSlideBg img{height: 100%;}
.businessSlideText li {padding-left:0.81rem;margin-bottom:0.44rem;}
.businessSlideText li:after, .processBoxText li:after {content:'';display:block;width:0.25rem;height:0.25rem;background:var(--white);border-radius: 50%;position:absolute;top:0.69rem;left: 0;}
.scroll-cont-wrap {overflow:hidden;}
.processBoxText li{font-weight:300;line-height:140%}
/* .processBoxText .swiper-slide {width:calc(100% / 3);margin-right:1.88rem;} */

.process .sec-cont-wrap {background:#091925;}
.processCont {color:var(--white);display:flex;justify-content: space-between;align-items: start;gap:5.56rem;}
.process.active .processCont {position: static;padding-left:0}
.processBoxImg {width:59.375rem;height:18.75rem;position:relative;}
.processBoxImg p {position:absolute;top:6.47rem;left:3.12rem;font-size:2.187rem;font-weight:700;color:var(--white)}
.processBoxImg p span {font-size:1rem;font-weight:800;color:#42afd2;display:flex;justify-content: center;align-items: center;margin-bottom:0.38rem;border:1px solid #42AFD2;border-radius: 31.25rem;background:transparent;width:9.18rem;height:2.18rem;}
.processBoxText {margin-top:3.13rem;color:var(--white);overflow:hidden;width:100%}
.processScroll {max-height:20rem;overflow-y:auto;overflow-x:hidden;}
.processScroll::-webkit-scrollbar {width:0.125rem;background:rgba(255,255,255,0.2);border-radius: 0.625rem;}
.processScroll::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.5);border-radius: 0.625rem;}
.processTextFixTit {font-size:1.06rem;font-weight:600;line-height:130%;font-family: 'Poppins', sans-serif;margin-bottom:0.94rem;}
.processTextFixTxt {font-size:2.8125rem;font-weight:600;line-height:130%;font-family: 'Poppins', sans-serif;margin-bottom:3.84rem;}
.processTextFixList p {color:#788188;font-size:1.25rem;font-weight: 400;line-height:150%;letter-spacing: -0.03125rem;margin-bottom:0.62rem;}
.processTextFixList p span.pc {display:inline-block !important}
.processTextFixList p.active {color:var(--white);font-size:1.5rem;position:relative;display:inline-block}
.processTextFixList p.active:after {content:'';display:block;width:1.5rem;height:1.5rem;background:url('/img/main/wh_arrow.svg') no-repeat center center / contain;position:absolute;right:-2.31rem;top:50%;transform: translateY(-50%);}
/* .processBoxText {display:flex;justify-content: start;align-items: start;gap:1.88rem;position:relative;} */
.processBox:nth-child(1) .processBoxImg{background:url('/img/main/process_img01.jpg') no-repeat center center / cover;}
.processBox:nth-child(2) .processBoxImg{background:url('/img/main/process_img02.jpg') no-repeat center center / cover;}
.processBox:nth-child(3) .processBoxImg{background:url('/img/main/process_img03.jpg') no-repeat center center / cover;}
.processBox:nth-child(4) .processBoxImg{background:url('/img/main/process_img04.jpg') no-repeat center center / cover;}
.processBox:nth-child(5) .processBoxImg{background:url('/img/main/process_img05.jpg') no-repeat center center / cover;}
.processBox:nth-child(6) .processBoxImg{background:url('/img/main/process_img06.jpg') no-repeat center center / cover;}
.processBox:nth-child(7) .processBoxImg{background:url('/img/main/process_img07.jpg') no-repeat center center / cover;}
.processBoxWrap {position:relative;width:60.18rem;height:40.125rem}
.processBox {position:absolute;width:100%;height:100%;opacity: 0;transition: all 0.4s ease;}
.processBox.active {opacity: 1;transition: all 0.4s ease;}
.processTextFixWrap {width:24.06rem;margin-left:6.44rem}
.processBoxText p {font-size:1.5rem;font-weight:600;line-height: 139%;letter-spacing: -0.03125rem;margin-bottom:1.25rem;}
.processBoxText li{margin-bottom:0.44rem;font-size:1.125rem;font-weight: 300;padding-left:0.81rem;position:relative;}
/* .process.active .processTextFix{padding-top:11.19rem;padding-left:23.31rem;max-width:24.06rem;}
.process.active .processTextFixList {padding-top:24.59rem;padding-left:23.31rem;} */
/* .process.active .processBoxWrap{padding-left:52.94rem;padding-top:11.19rem;} */
section.process .sectionInnerWrap {min-width:106rem;overflow-x:scroll}
section.process .group-page-wrap {width:130rem;}
.processBgLogo {position:absolute;bottom:3.85rem;left:19.81rem;pointer-events: none;}
.projectBgLogo {position:absolute;bottom:3.85rem;left:-8.9rem}
.project .sec-cont-wrap {background:#F2F4F8;}
.projectSlide {padding-bottom:3.75rem;display:flex;justify-content: start;align-items: start;}
.projectBoxWrap {position:relative;padding-left:6.25rem;display:flex;justify-content: start;align-items: center;gap:4.75rem;}
.projectTextBox{padding-bottom: 4rem;width:24.06rem}
.projectSText {font-size:1.25rem;font-weight: 600;line-height: 130%;padding-bottom:0.94rem;color:#135287}
.projectTit {font-size:2.8125rem;font-weight: 600;line-height: 130%;padding-bottom:3.12rem;}
.projectTxt {font-size:1.25rem;font-weight: 400;line-height: 150%;letter-spacing: -0.03125rem;padding-bottom:3.12rem;}
.projectMore {font-size:1rem;font-weight: 500;line-height: 150%;color:var(--black);border:1px solid var(--black);border-radius: 31.25rem;cursor:pointer;display:inline-flex;justify-content: center;align-items: center;gap:0.62rem;width:9.375rem;height:2.5rem;transition: 0.4s;background:transparent}
/* .projectMore:hover{background:var(--black);color:var(--white);} */
.projectMore span {display:block;width:1.25rem;height:1.25rem;background:url('/img/main/bk_arrow.svg') no-repeat center center / contain;transition: 0.4s}
/* .projectMore:hover span {background:url('/img/main/bk_arrow_hover.svg') no-repeat center center / contain;transition: 0.4s} */

section.project .sectionInnerWrap {min-width:95rem;overflow-x:scroll;height:100%;display:flex;justify-content: start;align-items: start;}
section.project .group-page-wrap{width:215rem}
.projectSlideBox{width:25rem;margin-right:1.88rem;opacity:0;transform:translateY(30px);transition:all 0.6s ease;}
.projectSlideBox.animate{opacity:1;transform:translateY(0);}
.projectSlideImg {width:100%;height:29.375rem;margin-bottom:1.88rem;overflow:hidden; /* filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.10)); */ position: relative;}
.projectSlideImg img{width: 100%; height: 100%; object-fit: cover;}
.projectSlideImg .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;  background: rgba(19, 82, 135, 0.70); backdrop-filter: blur(5px); opacity: 0; transition: all 0.3s; text-align: center; padding: 1.25rem;}
.projectSlideImg .hover *{color: #FFF !important;}
.projectSlideImg:hover .hover{opacity: 1;}
.projectSlideBox p{font-size:1.5rem;font-weight:500;line-height:130%;letter-spacing: -0.03125rem;margin-bottom:0.62rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.projectSlideText p{white-space: nowrap; display: flex;align-items: center;}
.projectSlideBox span {font-size:1.187rem;font-weight:500;line-height:130%;color:#8E8E8E;}
/* .projectSlide {display:flex;justify-content: start;align-items: start;gap:1.88rem;}
.projectSlide .swiper-slide{width:25rem} */
.projectSlide .no_data{margin-right: 3rem;}
.no_data{width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 35rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.no_data .icon{width: 2.375rem;}
.no_data p {margin-top: 1.75rem; font-size: 1rem; line-height: 1.5;}
.no_data + .swipe_ic{display: none;}
.swipe_ic {cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);right:1.44rem;z-index:9;display:none;}
.projectSlide:hover .swipe_ic{display:block;}
.swipe_ic.on {opacity:1;pointer-events: none;}
.swipe_ic {opacity:0}
.inquiry .sec-cont-wrap {background:url('/img/main/inquiry_bg.jpg') no-repeat center center / cover;}
.formLine2 {display:flex;justify-content: space-between;align-items: start;gap:1.88rem;}
.formLine2 > div{width:100%}
.inquiryForm {width:50rem}
.formBox {padding-bottom:0.94rem;}
.formText {font-size:1rem;font-weight: 500;position:relative;padding-bottom:0.75rem;display:block;}
.formText span {font-weight: 500;color:#3374ff;margin-left:0.31rem;}
.inputCommon, .selectBtn, textarea {width:100%;height:3.15rem;background:var(--white);border:1px solid #E7E7E7;border-radius: 0.625rem;padding:0 1.25rem;font-size:1rem;font-weight: 400;color:#000;}
textarea{padding: 1.25rem;}
.inputCommon::placeholder, .selectBtn, textarea::placeholder{color:#8E8E8E}
.selectBox{position:relative;}
.selectBtn {display:flex;justify-content: space-between;align-items: center;}
.selectList {display:none;position:absolute;top:3.75rem;left:0;z-index:99;width:100%;background:var(--white);border:1px solid #E7E7E7;padding:0.62rem 0;border-radius: 0.625rem;font-size:1rem;font-weight: 400;color:#000;}
.selectList .selectItem {cursor:pointer;padding:0.62rem 1.25rem;display:flex;justify-content: space-between;align-items: center;}
.selectList .selectItem input{display: none;}
.selectList .selectItem:hover {background:#F2F4F8;}

.fileBox {display: flex;align-items: center;gap: 0; font-family: 'Pretendard', sans-serif;  }
.fileBox .fileName {flex: 1;height: 3.43rem;line-height: 1.75rem;border: 1px solid #E7E7E7;border-radius: 0.625rem;padding: 1.25rem;font-size: 1rem;color: #8E8E8E;background: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.fileBox label {display: inline-flex;align-items: center;justify-content: center;height: 3.43rem;border-radius: 0.625rem;background: #135287; /* 파란색 */color: #fff;font-size: 1rem;font-weight: 400;border:1px solid #E7E7E7;cursor: pointer;margin-left:0.31rem;width:8.81rem;}
.fileBox input[type=file] {display: none;}
.fileText {font-size:0.875rem;font-weight: 400;color:#8E8E8E;line-height:140%;padding-top:0.62rem;} 
textarea {min-height: 12.5rem;color:#8E8E8E;line-height:1.75rem;}
textarea:focus{color:#000}
/* .inquiry .projectBoxWrap{padding-top:2.81rem} */
/* .inquiry .projectTextBox{margin-top:15.81rem} */
.customCheck {display: flex;align-items: center;font-size: 1.125rem;font-family: 'Pretendard', sans-serif;cursor: pointer;  }
.customCheck input[type="checkbox"] {display: none;  }
.customCheck .checkmark {width: 1.125rem;height: 1.125rem;border: 1px solid #000;border-radius: 0.31rem; position:relative;display: inline-flex;align-items: center;justify-content: center;margin-right: 8px;box-sizing: border-box;}
/* .customCheck input[type="checkbox"]:checked + .checkmark {background:#000} */
.customCheck input[type="checkbox"] + .checkmark:after {content: '';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 0.6875rem;height: 0.5625rem;}
.customCheck input[type="checkbox"]:checked + .checkmark:after {content: '';background:url('/img/main/check_arrow_bk.svg') no-repeat center center / contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 0.6875rem;height: 0.5625rem;}
.customCheck .formText {padding-bottom: 0;font-weight: 400;color:#000;}
.formCheckBoxWrap {display:flex;justify-content: space-between;align-items: start;border-top:1px solid #E7E7E7;padding-top:0.94rem;}
.formCheckBoxWrap > div {display:flex;justify-content: start;align-items: center;gap:1.25rem;}
.popupBtn {padding-bottom: 0;font-size:0.875rem;font-weight: 500;color:#8E8E8E;cursor:pointer;line-height: 1.875rem;letter-spacing: -0.05rem;text-decoration-line: underline;}
.formCheckBoxWrap button {display:flex;justify-content: center;align-items: center;gap:0.62rem;width:10rem;height:2.8rem;background:#135287;border-radius: 1.875rem;font-size:1.1rem;font-weight: 600;color:#fff;outline: 0;border:0;}
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.popup.on {display:block;}
.popupBg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;}
.popupWrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:62.5rem;}
.popupTitle {text-align: center;font-size:1.5rem;font-weight: 600;color:var(--white);margin-bottom:1.31rem;}
.popupClose {position:absolute;top:0;right:0;cursor:pointer;width:1.875rem;height:1.875rem;}
.popupContent {background:var(--white);padding:3.12rem 3.75rem;height:27.5rem;overflow:hidden;}
.popupText {font-size:0.8125rem;font-weight: 400;color:#8E8E8E;line-height:140%;overflow-y:auto;height:100%}
.popupText::-webkit-scrollbar {width:0.125rem;background:#DDD;border-radius: 0.625rem;}
.popupText::-webkit-scrollbar-thumb {background:#888;border-radius: 0.625rem;}
.popupText span {display:block;font-size:0.875rem;font-weight: 700;color:var(--black);padding-bottom:0.62rem;}
.menuPopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.menuPopup.on {display:block;animation: menuPopupShow 0.5s ease forwards;}
.menuPopup.hide {display:block;animation: menuPopupHide 0.5s ease forwards;}
.menuPopupBg {position:absolute;top:0;left:0;width:100%;height:100%;border: 1px solid rgba(255, 255, 255, 0.10);background: rgba(34, 34, 34, 0.70);backdrop-filter: blur(20px);}
.menuPopupCont {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 9;}
.menuPopupCont li {cursor:pointer;text-align:center;font-size:2.187rem;font-weight: 700;color:var(--white);line-height: 3rem;margin-bottom:2.5rem;}
.menuPopupCont li:hover {color:#42AFD2;text-underline-offset: 4px;text-decoration: underline;}
.menuPopupClose {position:absolute;top:3.12rem;right:4.69rem;cursor:pointer;width:3.125rem;height:3.125rem;z-index:9}

span.project_cl {margin-right:0.5rem; display:inline-block; padding:0.25rem 0.8rem;color:#135287; font-size:1rem; border:1px solid #135287; border-radius:100px}
@keyframes menuPopupShow {
    0% {opacity: 0;transform:translateX(-100%);backdrop-filter: blur(20px);}
    100% {opacity: 1;transform:translateX(0);backdrop-filter: blur(20px);}
}
@keyframes menuPopupHide {
    0% {opacity: 1;transform:translateX(0);backdrop-filter: blur(20px);}
    100% {opacity: 0;transform:translateX(-100%);backdrop-filter: blur(20px);}
}

/* 순수 jQuery 애니메이션 클래스 */
.business01Tit, .business01Txt, .businessSlideBox {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.6s;
}

.business01Txt.animate, .businessSlideBox.animate {
    opacity: 1;
    transform: translateY(0);
}

.business01Tit.animate {
    opacity: 1;
    transform: translateY(0);
    animation-delay: 0.3s;
}
@keyframes business01Tit {
    0% {opacity: 0;transform:translateY(50%);}
    100% {opacity: 1;transform:translateY(0);}
}

.moFixWrap {display:none;}

.pageBtnWrap {justify-content: space-between !important;}
.pageBtnWrap button {background:none;border:0;font-size:0.94rem;display:flex;justify-content: center;align-items: center;gap:0.4rem}
.pageBtnWrap button.nextBtn img{transform:rotate(180deg)}

.dpp_search_box {display:none !important}
.flexBetween {display:flex;justify-content: space-between;align-items: center;}
.flexLeft {display:flex;justify-content: start;align-items: center;}
.pjBtn {width:7.5rem}


.pjPopup .popupContent{height:calc(100vh - 9rem)}
.pjPopup .popupTitle {color:#111;text-align:left;margin-bottom:2.06rem;}
.pjPopup .popupClose {top:2.5rem;right:3.75rem;}
.pjPopup .popupContent {padding:2.5rem 3.75rem}
.pjPopup .inquiryForm {height:calc(100% - 8.12rem);overflow-y:scroll;width:100%;padding-right:4.25rem}
.pjSubmitBtnWrap {text-align: center;margin-top:1.87rem}
.pjSubmitBtn {border:0;padding:1rem 2.38rem 1rem 2.81rem;color:#fff;background:#135287;border-radius: 1.875rem;font-size:1.25rem;font-weight:600;}
.pjPopup .inquiryForm::-webkit-scrollbar {width:0.125rem;background:#DDD;border-radius: 0.625rem;}
.pjPopup .inquiryForm::-webkit-scrollbar-thumb {background:#888;border-radius: 0.625rem;}
.pjAgreeContArrow {transform:rotate(90deg);cursor:pointer;transition:.4s}
.pjAgreeContArrow.on {transform:rotate(270deg);transition:.4s}
.agreeContWrap {justify-content: space-between !important;width:100%;}
.agreeContent {margin-top:0.94rem;height:5.81rem;overflow-y:scroll;display: none;}
section.inquiry .sectionInnerWrap {overflow-x:scroll;min-width:120rem;}
section.inquiry .group-page-wrap{width:120rem}
.processBoxText .swiper-slide > p {display:flex;justify-content: start;align-items: start;}
.processNum {display:inline-flex;justify-content: center;align-items: center;margin-right:0.62rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;color:#091925;font-size:0.875rem;text-align:center;margin-top:5px}
.processBoxText .swiper-slide {display:inline-block;width:calc(100% / 3);padding-right:1.88rem}
.processScroll {height:24.25rem;overflow-y:scroll;}
.processScroll .pcScrollSecBox{margin-top:3.12rem}
.processScroll .swiper-wrapper {height:auto;flex-flow:wrap}
.processScroll .swiper-wrapper .swiper-slide:nth-child(4), .processScroll .swiper-wrapper .swiper-slide:nth-child(5) {margin-top:1.88rem}

@media screen and (max-width: 1280px) {
    .pc{display:none !important;}
    .mob{display:block !important;}
    section.section .sec-cont-wrap{opacity: 1 !important;}
    @keyframes menuPopupShow {
        0% {opacity: 0;transform:translateX(100%);backdrop-filter: blur(20px);}
        100% {opacity: 1;transform:translateX(0);backdrop-filter: blur(20px);}
    }
    @keyframes menuPopupHide {
        0% {opacity: 1;transform:translateX(0);backdrop-filter: blur(20px);}
        100% {opacity: 0;transform:translateX(100%);backdrop-filter: blur(20px);}
    }

   .container, .scroll-cont-wrap, .home-page-wrap{overflow: initial !important;}
    .wrapper {overflow-y:auto;height:auto;display:block;}
    header{width:100%;background:transparent;border-bottom: 2px solid rgba(255, 255, 255, 0.20);backdrop-filter: blur(4px);padding:0 2.5rem;}
	header.on{background: #FFF; backdrop-filter: none;}
	header.on .logo{background-image: url(/img/main/logo_b.svg);}
	header.on .hamburger div{background: #000;}
    .header{width:100%;height:3.75rem;display:flex;flex-flow:row-reverse}
    .logo{height:2.2rem;width:13.2rem;position:relative;transform:unset;top:auto;left:auto;background:url('/img/main/wh_logo.svg') no-repeat center center / contain;}
    .logo img{display:none;}
    .moFixWrap {display:block;position:absolute;bottom:auto;top:-11.5rem;right:2.5rem;z-index:9999 !important}
    .moFixWrap.fixed{position:fixed;bottom:2.5rem;top:auto;z-index:9999 !important}
    .moFixWrap > .topBtn{cursor: pointer;}
    header a {display:none;}
    .call{width:4.25rem;height:4.25rem;border-radius:1.6rem;background:url('/img/main/mo_tel.svg') no-repeat center center / contain;position:relative;bottom:auto;left:auto;transform:unset;}
    .call:hover {background:url('/img/main/mo_tel.svg') no-repeat center center / contain;}
    .call p {display:none;}
    .topBtn {border-radius: 1.6rem;background:#000;width:4.25rem;height:4.25rem;margin-top:0.62rem;display:flex;justify-content: center;align-items: center;text-align:center;}
    .topBtn p {font-size:1rem;font-weight: 700;line-height:1.75rem;color:var(--white);}
    .hamburger {position:relative;transform:unset;top:auto;left:auto;width:2rem;height:1.25rem;}
    .hamburger div {background:var(--white)}
    .hamburger div:nth-child(2) {right:0;width:1.25rem;left:auto;}
    .menuPopupCont li {font-size:3rem;}
    .menuPopupClose {width:3.125rem;height:3.125rem;top:2.5rem;right:2.5rem;}
    .menuPopupClose img {width:3.125rem;height:3.125rem;}
    #contents, .scroll-cont-wrap {height:auto;overflow:auto;}
    #contents {display:block;}
    .home-page-wrap {width:100%;display:block;position: relative; left: 0;}
    section.section, .section {position:relative !important;top:auto;left:auto;right:auto;bottom:auto;transition:unset;width:100%;height:auto;}
    section.section.active {transition:unset;}
    .sec-leftBar {display:none;}
    section .sec-cont-wrap {width:100% !important;margin-left:0 !important;overflow-x:hidden;opacity:1;}
    .section footer{display:none;}
    section .group-page-wrap{width:100% !important;display:block;height:auto;}
    .innolabTextBox {position:relative;top:auto;left:auto;}
    .innolabImgBox {position:relative;top:auto;left:auto;width:100%;height:34.58rem;}
    .innolabImgBox img {width:100%;height:100%;object-fit:cover;}

    .section01Wrap {height:50rem;}
    .section01Wrap .swiper-slide img{height:72.5rem;object-fit:cover;}
    .section01Txt {top:9.88rem;left:2.5rem}
    .section01Txt p {margin-bottom:1.25rem}
    .section01Txt p.word {margin-bottom:2.5rem;font-size:3.2rem;}
    .text-md.lineHeightL2{font-size:1.25rem;line-height:150%}
    .swiper-pagination{/* top:auto;bottom:13.6rem !important; */font-size:1.25rem;width:26rem;left:6.38rem}
    .project .swiper-pagination {top: auto; bottom:0 !important}
    /* .swiper-button-next, .swiper-button-prev {width:2rem;height:2rem;top:auto;bottom:13.4rem;} */
    .swiper-button-next, .swiper-button-prev {width:2rem;height:2rem;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size:1.25rem;}
    .swiper-button-prev {left:2.5rem;}
    .swiper-button-next {left:34.25rem;}
    .autoplay-progress {/* top:auto;bottom:14.2rem; */left:11.88rem;width:15rem;height:0.25rem}
    .playBtn, .pauseBtn {width:3.125rem;height:3.125rem;}
    .playBtn img, .pauseBtn img {width:3.125rem;height:3.125rem;}
    .play-controls {left:38.12rem;top:auto;bottom:12.8rem}

    section.innolab .group-page-wrap {background:#fff}
    section.innolab .group-page-wrap{padding-top:7.5rem}
    .innolabTextBox {padding:0 2.5rem}
    .innolabTit {font-size:3rem;padding-bottom:3.75rem;}
    .innolabTextBox .text-lg {padding-bottom:2.5rem}
    .innolabTextBox .text-sm {padding-bottom:4.56rem}

    section.business .businessCont01{height:76.2rem;}
    section.business .sectionInnerWrap {min-width:unset;overflow-x: hidden;height: auto;display:block;;}
    .businessCont01, .businessCont02 {width:100%;display:block;}
    .business02Bg {width:100%;height:61.62rem;}
    .business02Bg img {width:100%;height:100%;object-fit:cover;}
    .businessCont02 {padding-top:7.5rem;overflow:hidden;height:auto;padding-left:2.5rem;}
    .businessCont02TextBox, .businessSlideWrap {margin-left:0}
    .businessImgBox {position:absolute;top:auto;left:0;bottom:0;width:100%;height:59.34rem;}
    .businessImgBox img {width:100%;height:100%;object-fit:cover;}
    .businessImg02 {width:calc(100% - 2.5rem);height:68.75rem;position:absolute;top:0;left:0;background:url('/img/main/business_img_mo.jpg') no-repeat center center / cover;}
    .businessImg02 img {display:none;}
    .businessTextBox {position:relative;top:auto;left:auto;padding-top:19.12rem;padding-left:2.5rem;}
    section.active {left:0 !important}
    .businessTit {font-size:3rem;padding-bottom:3.75rem;}
    .businessTxt {font-size:2rem;padding-bottom:2.5rem;}
    .businessTextBox .text-sm {font-size:1.25rem;padding-bottom:2.5rem;}
    .business01Tit {font-size:3rem;padding-bottom:2.5rem;}
    .business01Txt {font-size:1.25rem;padding-bottom:3.75rem;}
    .businessSlideWrap {overflow-x:scroll;gap:2.62rem;padding-bottom:7.5rem;margin-left:-2.5rem;padding-left:2.5rem;}
    .businessSlideBox, .businessSlideBg {width:37.625rem;height:45.5rem;}
    .businessSlideText {top:5.25rem;left:3.5rem;width:calc(100% - 7rem)}
    .businessSlideText p {font-size:2rem;padding-bottom:1.31rem;}
    /* .business01Tit, .business01Txt, .businessSlideBox{opacity: 1;transform:unset;transition:unset;} */
    .business01Tit, .business01Txt, .businessSlideBox { transition-delay: 0s !important;}
    .business01Tit.animate, .business01Txt.animate { transition-delay: 0s !important;}
    .businessSlideText li:after, .processBoxText li:after {top:10px}
    .business02Bg.animate img{width:100%;height:100%;}
    .business02Bg img{width:100%;height:0}
    section.process .sectionInnerWrap {min-width:unset}
    .processCont {min-height:unset;display:block;gap:unset;height:80rem;}
    .process.active .processCont, .process.active .processBoxWrap, .process.active .processTextFix {position:unset;}
    .process.active .processTextFix{max-width:unset;}
    .processBoxWrap{width:100%;height:auto;}
    .process.active .processTextFixList {position:relative;top:auto;left:auto;}
    .processCont {padding:7.5rem 2.5rem;}
    .processTextFixTit {font-size:1.25rem;}
    .processBgLogo {display:none;}
    .processTextFixTxt {font-size:3rem;padding-bottom:2.5rem;}
    .processTextFixList {display:flex;justify-content: start;align-items: center;gap:1.88rem;margin-bottom:1.88rem}
    .processTextFixList p {text-align:center;margin-bottom:0 !important}
    .processTextFixList p, .processTextFixList p.active {font-size:1.5rem;padding-bottom:0;padding:0.4rem 1.25rem;background:rgba(255,255,255,.7);border-radius:62.5rem;display:flex;align-items: center;text-transform: uppercase;}
    .processTextFixList p.active {display:block;margin-bottom:2rem;white-space: nowrap;background:rgba(255,255,255,1);color:#091925}
    .processBoxText p {font-size:1.5rem;padding-bottom:1.25rem;margin-bottom:0}
    .processTextFixList p.active:after {display:none;}
    .processTextFixList p span.pc {display:none !important}
    .processTextFixList p span.mo {display:none !important}
    .processTextFixList p.active span.mo {display:inline-block !important}
    .processBoxText li {font-size:1.125rem;padding-bottom:0.25rem;word-break: keep-all;}
    .processBoxText ul {padding-bottom:2.5rem;}
    .processScroll {max-height:30rem;overflow-y:auto;}
    .processBoxImg{width:calc(100vw - 5rem);height:31.25rem;position:relative;text-align: center;}
    .processBoxImg:after {content:'';display:inline-block;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); opacity: 0.45;position:absolute;top:0;left:0;}
    .processBoxImg p {top:11.25rem;left:50%;font-size:3rem;transform:translateX(-50%);white-space: nowrap;z-index:2}
    .processBoxImg p span{font-size:1.25rem;width:11.56rem;height:3rem;border-radius: 62.5rem;border:4px solid #42afd2;margin:auto}
    .processBoxText {overflow-y:hidden;overflow-x:scroll;}
    .processScroll .pcScrollSecBox {margin-top:0}
    .processTextFixList img {background:#fff;width:3.12rem !important;height:3.12rem !important;border-radius:50%;padding:0.8rem}
    /* .processTextFixList p{display:none !important;} */
    .processBoxText .swiper-slide {width:50% !important;padding-right:0}
    .processBox {position:absolute;top:0;left:0;width:100%;}
    .processTextFixList {position:relative;width:100%}
    .moProcessTextFixList {display:flex;justify-content: start;align-items: center;overflow-x:scroll;gap:0.62rem}
    .moProcessTextFixList::-webkit-scrollbar{display:none;}
    .processTextFixList img {width:3rem;height:3rem;position:absolute;top:10rem;z-index:999}
    .processTextFixList img.processPrevBtn {left:-0.62rem;transform:rotate(180deg);}
    .processTextFixList img.processNextBtn {right:-0.62rem}

    .projectBoxWrap {position:relative;top:auto;left:auto;width:100%;display:block;padding:7.5rem 0 8.18rem 2.5rem;background:#F2F4F8;}
    .projectTextBox{padding-bottom: 1rem;}
    .projectSText{font-size:1.25rem;padding-bottom:0.62rem;}
    .projectTit{font-size:3rem;padding-bottom:2.5rem;}
    .projectTxt{font-size:1.25rem;padding-bottom:2.5rem;}
    .projectMore {margin-bottom:3.63rem;font-size:1.25rem;width:11rem;height:3.25rem;border-radius:43.75rem;}
    .projectMore.pjBtn {margin-bottom:0 !important}
    .projectMore span {width:2rem;height:2rem;background-size:2rem 2rem;}
    .projectSlide{gap:1.31rem;overflow-x:scroll;padding-right:1.31rem}
    section.project .sectionInnerWrap {min-width:unset}
    .projectSlideBox{width:36.64rem;margin-right:0}
    .projectSlideBox p {font-size:1.75rem;margin-bottom:0.78rem;}
    .projectSlideBox span {font-size:1.25rem;}
    .projectSlideImg {height:38.84rem;}
    .projectSlideImg img {width:100%;height:100%;object-fit:cover;}
    .projectSlide .no_data{margin-right: 2.5rem;}
    .no_data{height: 35rem;}
    .no_data .icon{width: 2.75rem;}
    .no_data p {margin-top: 1.75rem; font-size: 1.75rem;}
    .swipe_ic {width:10rem;height: 10rem;right:auto;left:50%;}
    .swipe_ic img {width:10rem;height: 10rem;}
    .inquiry .group-page-wrap {margin-top:0;}
    .inquiry .projectBoxWrap {top:0;background:#EEF1F6;padding-right:2.5rem;}
    .inquiry .projectTextBox {margin-top:0}
    .formText {font-size:1.25rem;padding-bottom:1.25rem;}
    .formLine2 {display:block}
    .inquiryForm {width:100%}
    .inputCommon, .selectBtn, textarea{height:4rem;padding:0 1.875rem;border-radius: 0.625rem;font-size:1.25rem;}
    .formBox {padding-bottom:1.87rem;}
    .fileBox .fileName{font-size:1.25rem;height:4rem;}
    .fileBox label{height:4rem;font-size:1.25rem}
    .fileText{font-size:1.25rem;padding-top:1.88rem;}
    .selectList{top:4.2rem;font-size:1.25rem;}
    textarea {line-height:150%;padding:1.88rem;height:25rem}
    .customCheck .checkmark {width:1.62rem;height:1.62rem;}
    .customCheck input[type="checkbox"] + .checkmark:after, .customCheck input[type="checkbox"]:checked + .checkmark:after{width:1.1rem;height:1.1rem;}
    .customCheck .formText, .popupBtn {font-size:1.25rem;padding-bottom:0}
    .formCheckBoxWrap > div {gap:2.5rem}
    .formCheckBoxWrap {padding-top:1.88rem;display:block;}
    .formCheckBoxWrap button {margin:0 auto;width:13rem;height:4rem;gap:0.88rem;font-size:1.25rem;border-radius: 2.625rem;margin-top:2.5rem}
    .formCheckBoxWrap button img {width:1.57rem;height:1.57rem;}

    .popupTitle {font-size:1.75rem;}
    .popupText {font-size:1rem;}
    .popupText span {font-size:1rem;padding-bottom:1.25rem;}
    .popupClose {width:3.125rem;height:3.125rem;top:0;right:0;}
    .popupClose img {width:3.125rem;height:3.125rem;}
    .popupContent {padding:3.12rem 2.5rem;height:65vh;}
    .menuPopupCont li {font-size:3rem;}
    .menuPopupClose {width:3.125rem;height:3.125rem;top:2.5rem;right:2.5rem;}
    .menuPopupClose img {width:3.125rem;height:3.125rem;}

    .footer {position:relative;background:#111;padding:6.25rem 2.5rem 3.44rem 2.5rem;width:100%;bottom:auto;left:auto;height:31.5rem;font-size:1.625rem;}
    .footerTxt {display:block}
    .footText01 {width:23.43rem;height:3.75rem;background:url('/img/main/wh_logo.svg') no-repeat center center / 23.43rem 3.75rem;color:transparent;margin-bottom:3.75rem;}
    .footText02, .footText03{margin-bottom:0.62rem;}
    .footText05 {margin-top:1.88rem;;padding-top:3.12rem;border-top: 2px solid rgba(255, 255, 255, 0.40);opacity: .5;}

    .popupWrap{width:calc(100% - 5rem)}
    .processTextFixWrap {margin-left:0;width:auto}
    section.process .group-page-wrap{min-width:unset;}
    
    .business01Tit.animate {
        opacity: 1;
        transform: translateY(0);
        animation-delay: 0 !important
    }
    .pjPopup .popupContent {padding:1.25rem;}
    .pjPopup .popupClose {top:1.25rem;right:1.25rem;width:1.5rem;height:1.5rem;}
    .pjPopup .inquiryForm {padding-right:2rem}
    .pjSubmitBtnWrap {margin-top:2rem;}
    .pjSubmitBtn {font-size:0.97rem;padding:0.62rem 2rem}
    section.inquiry .sectionInnerWrap {overflow-x:hidden;min-width:unset;}
    section.inquiry .group-page-wrap{width:auto}
    .processScroll .swiper-wrapper {flex-flow:unset}
    .processScroll .swiper-wrapper .swiper-slide:nth-child(4), .processScroll .swiper-wrapper .swiper-slide:nth-child(5) {margin-top:0}
   
    .pjPopup .popupBg{pointer-events: none !important;}
    .dpp_pic_hf dd .flexLeft {display:block !important}
    .dpp_pic_hf .project_cl {font-size:0.88rem;margin-bottom:0.62rem}
}

@media screen and (max-width:768px) {
    .pc, .pcBg{display:none !important;}
    .mo{display:block !important;}

    :root {
        --textXs:0.875rem;  
        --textSm:0.875rem;
        --textMd:1.25rem;
        --textLg:1.75rem;
        --textXlg:2.2rem;
        --text2xlg:2.8125rem;
    }

    #contents{overflow-x:hidden}
    .section01Wrap .swiper-slide img{height:36.25rem;width:100%}
    .section01Wrap{height:36.25rem;}
    .innolabTit {font-size:2rem;padding-bottom:1.88rem;}
    header{padding:0 1.25rem}
    .header {height:3.75rem;}
    .hamburger{width:2rem;height:1.25rem}
    .hamburger div:nth-child(2) {width:1.25rem;}
    .logo{width:13.2rem;height:2.2rem;}
    .moFixWrap {bottom:1.25rem;right:1.25rem;}
    .moFixWrap {top:-8rem;}
    .call, .topBtn {width:3.125rem;height:3.125rem;border-radius: 1.125rem;}
    .topBtn {margin-top:0.31rem}
    .topBtn img {width:1rem;height:1rem;}
    .topBtn p {font-size:0.75rem;margin-top:-13px}
    .menuPopupClose{width:2rem;height:2rem;top:1.25rem;right:1.25rem;}
    .menuPopupClose img{width:2rem;height:2rem;}
    .menuPopupCont li {font-size:1.5rem;line-height:140%;margin-bottom:1.25rem;}
    
    section.innolab .group-page-wrap{padding-top:3.75rem}
    .innolabTextBox {padding:0 2.5rem}
    .innolabTextBox .text-lg {font-size:1.25rem;padding-bottom:2.5rem;}
    .innolabTextBox .text-sm {font-size:0.875rem;padding-bottom:2.5rem;}
    .innolabImgBox {height:17.29rem;}
    .section01Txt {top:9.94rem;left:1.25rem; right: 1.25rem;}
    .section01Txt p {margin-bottom:1.25rem; font-size: 1rem;}
    .section01Txt p.word {margin-bottom:1.24rem;font-size:2.12rem;}
    .char, .word {letter-spacing: -0.2rem;}
    .text-md.lineHeightL2{font-size:1.25rem;line-height:150%}
    .section01Txt .text-md.lineHeightL2{font-size:1rem;}
    .swiper-pagination{/* top:auto;bottom:7.5rem !important; */font-size:1rem;width:13.5rem;left:3rem; top: 25.79rem;}
    .swiper-pagination span {padding-left:0.38rem;}
    .swiper-button-next, .swiper-button-prev {width:1.75rem;height:1.75rem;/* top:auto;bottom:7.25rem; */ top: 25.47rem;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size:0.875rem;}
    .swiper-button-prev {left:1.25rem;}
    .swiper-button-next {left:17rem;}
    .autoplay-progress {/* top:auto;bottom:8rem; */left:6rem;width:8rem;height:0.25rem; top: 26.26rem;}
    .playBtn, .pauseBtn {width:1.75rem;height:1.75rem;}
    .playBtn img, .pauseBtn img {width:1.75rem;height:1.75rem;}
    .play-controls {left:1.8rem;top:auto;bottom:4.5rem;gap:0.62rem}
    /* .play-controls {left:19rem;top:auto;bottom:7.2rem;gap:0.62rem} */
    .businessTextBox {padding-top:9.88rem;padding-left:1.25rem;}
    .businessImg02 {height:34.32rem;width:calc(100% - 1.25rem)}
    .businessTit {font-size:2rem;padding-bottom:1.88rem;}
    .businessTxt {font-size:1.25rem;padding-bottom:1.25rem;}
    section.business .businessCont01 {height:38.10rem;}
    .innolabTextBox {padding:0 1.25rem;}
    .businessTextBox .text-sm {font-size:0.875rem;padding-bottom:1.25rem;}
    .businessImgBox{height:29.67rem}
    .business01Tit {font-size:1.5rem;padding-bottom:1.88rem;}
    .business01Txt {font-size:0.875rem;padding-bottom:1.88rem;}
    .businessSlideBox, .businessSlideBg {width:18.81rem;height:22.75rem;}
    .businessSlideText {top:2.62rem;left:1.75rem;width:calc(100% - 3.5rem)}
    .businessSlideText p {font-size:1.25rem;padding-bottom:0.62rem;}
    .businessSlideWrap {gap:1.31rem;padding-bottom:3.75rem;margin-left:-1.25rem;padding-left:1.25rem;}
    .businessCont02 {padding-left:1.25rem;padding-top:3.75rem;}
    .business02Bg{height:30.8rem;}
    .businessSlideText li:after, .processBoxText li:after {top:9px;}
    .processCont {padding:3.94rem 1.25rem;}
    .processTextFixTit {font-size:0.875rem;padding-bottom:0.62rem;}
    .processTextFixTxt {font-size:2rem;margin-bottom:3rem;padding-bottom:0}
    .processTextFixList img {width:1.5rem;height:1.5rem;}
    .processTextFixList p, .processTextFixList p.active {font-size:1rem;}
    .processBoxText .swiper-slide {width:70% !important;}
    .processBoxImg {height:15.62rem;width:calc(100vw - 2.5rem);}
    .processBoxImg p {top:5.62rem;font-size:1.5rem}
    .processBoxImg p span {font-size:0.875rem;width:7.31rem;height:1.88rem;border:2px solid #42afd2;margin-bottom:0.31rem;}
    .processBoxText {margin-top:1.25rem;}
    .processBoxText p {font-size:1.25rem;padding-bottom:0.62rem;margin-bottom:0}
    .processBoxText li {font-size:0.875rem;padding-bottom:0.31rem;margin-bottom:0}
    .processBoxText .swiper-slide{margin-right:1.88rem !important;}
    .processScroll {max-height:25rem;overflow-y:auto;}
    .processCont {height:49.8rem}
    .projectBoxWrap {padding:3.75rem 0 4.09rem 1.25rem;}
	.projectTextBox{padding-bottom: 0;}
    .projectSText{font-size:0.875rem;padding-bottom:0.31rem;}
    .projectTit{font-size:1.5rem;padding-bottom:1.25rem;}
    .projectTxt{font-size:0.875rem;padding-bottom:1.25rem;}
    .projectMore {font-size:0.875rem;width:6.56rem;height:1.96rem;gap:0.44rem;border-radius: 21.875rem;margin-bottom:1.82rem}
    .projectMore span {width:1rem;height:1rem;background-size:1rem 1rem;}
    .projectSlide {gap:1.31rem;padding-right:1.31rem}
	.projectSlideBox{width:15rem}
    .projectSlideImg {height:18.32rem;margin-bottom:0.97rem;}
    .projectSlideBox p {font-size:1rem;margin-bottom:0.39rem;}
    .projectSlideBox span {font-size:0.875rem;}
    .projectSlide {padding-bottom:0}
    .project .swiper-pagination {display:none;}
    .projectSlide::-webkit-scrollbar {display:none;}
	.projectSlide .no_data{margin-right: 1.25rem;}
	.no_data{height: 18rem;}
	.no_data .icon{width: 2rem;}
	.no_data p {margin-top: 1rem; font-size: 0.875rem;}
    .swipe_ic, .swipe_ic img {width:6rem;height: 6rem;}
    .inquiry .projectBoxWrap {padding-right:1.25rem;}
    .formText {font-size:0.875rem;padding-bottom:0.62rem;}
    .formText span{font-size:0.875rem;}
    .inputCommon, .selectBtn, textarea {height:2.81rem;padding:0 0.94rem;font-size:0.875rem;}
	textarea{padding: 0.94rem;}
    .selectList {font-size:0.875rem;top:3.2rem;}
    .fileBox .fileName {font-size:0.875rem;height:2.81rem;padding:0 0.94rem;}
    .fileBox label{height:2.81rem;font-size:0.875rem;width:6.25rem;}
    .formBox {padding-bottom:0.94rem;}
    .fileText {font-size:0.875rem;padding-top:0.94rem;}
    .customCheck .checkmark {width:1.06rem;height:1.06rem;}
    .customCheck .formText, .popupBtn {font-size:0.875rem;padding-bottom:0}
    .customCheck input[type="checkbox"] + .checkmark:after, .customCheck input[type="checkbox"]:checked + .checkmark:after{width:0.58rem;height:0.47rem;}
    .formCheckBoxWrap > div{gap:1.25rem}
    .formCheckBoxWrap button {width:7.85rem;height:2.5rem;gap:0.44rem;font-size:0.875rem;border-radius: 1.3125rem;margin-top:1.16rem}
    .footer {padding:3.12rem 1.25rem 1.69rem 1.25rem;height:auto;}
    .footText01 {width:11.7rem;height:1.88rem;background-size:11.7rem 1.88rem;margin-bottom:1.88rem;}
    .footText02, .footText03, .footText04 {font-size:0.875rem;}
    .footText05 {margin-top:0.94rem;padding-top:1.56rem;border-top: 1px solid rgba(255, 255, 255, 0.40);font-size:0.81rem;}
    .formCheckBoxWrap button img {width:0.78rem;height:0.78rem;}
    .popupWrap {width:calc(100% - 2.5rem)}
    .popupTitle {font-size:1.25rem;padding-bottom:1.25rem;}
    .popupContent{height:60vh;padding:1.25rem}
    .popupText {font-size:0.875rem;}
    .popupText span {font-size:1rem;padding-bottom:0.62rem;}
    .popupClose {top:-0.2rem}
    .popupClose, .popupClose img {width:2rem;height:2rem;}
    .popupTitle {margin-bottom:0.87rem;padding-bottom:0}
    .dpp_pic_hf .project_cl {font-size:0.75rem;margin-bottom:0.31rem;}
}