/* common */
#sv .subVisual{ padding-top: 210px; }
#sv .subVisual .txtBox{ text-align: center; opacity: 1;}
#sv .subVisual .txtBox h2.title{ color:#111; font-weight: bold; letter-spacing: -1.68px;}
#sv .subVisual .txtBox h2.title span{ color: rgba(17, 17, 17, 0.4);  background: linear-gradient(90deg, #111, #111) no-repeat;  -webkit-background-clip: text; background-clip: text;  background-size: 0%;  transition: all 0.7s;}
#sv .subVisual .txtBox #lnb{ display:flex; justify-content:center; align-items:center; margin: 40px 0 80px; letter-spacing: -0.34px; text-transform: uppercase; color:#ccc; font-weight: 500;}
#sv .subVisual .txtBox #lnb li{ display:flex; align-items:center; }
#sv .subVisual .txtBox #lnb li:last-child{ color:var(--mainC); }
#sv .subVisual .txtBox #lnb li:not(:last-child):after{ content:''; display:block; width: 4px; height: 4px; border-radius:50%; background: #ccc; margin: 0 15px;}
#sv .subVisual .txtBox .subTab{ position: relative;  height: 80px;  border-radius:20px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(237, 108, 0, 0.10);}
#sv .subVisual .txtBox .subTab .move{ position: absolute; display:block; height: 80px; background: var(--mainC); transition: left 0.5s ease; }
#sv .subVisual .txtBox .subTab ul{ position: relative; z-index: 5;display:flex; height: 100%;}
#sv .subVisual .txtBox .subTab ul li{ width: 100%; height: 100%; }
#sv .subVisual .txtBox .subTab ul li a{ display:flex; justify-content:center;align-items:center; width: 100%; height: 100%; color:#ccc; letter-spacing: -0.4px; font-weight: 500; transition:all 0.3s; }
#sv .subVisual .txtBox .subTab ul li.on a,
#sv .subVisual .txtBox .subTab ul li:hover a{ color:#fff; }
#sv .subVisual .txtBox .subTab .depth3{ display:none; }
#sv .subVisual .txtBox .subTab02{ margin: 90px auto 0;  }
#sv .subVisual .txtBox .subTab02 ul{ display:flex; justify-content:center; align-items:center; }
#sv .subVisual .txtBox .subTab02 ul li{ display:flex; align-items:center; }
#sv .subVisual .txtBox .subTab02 ul li:not(:last-child):after{ content:''; display:block; width: 2px; height: 25px; background: #E5E5E5; margin: 0 40px;}
#sv .subVisual .txtBox .subTab02 ul li a{ color:#ccc; font-weight: 500; letter-spacing: -0.42px; transition:all 0.3s; }
#sv .subVisual .txtBox .subTab02 ul li.on a,
#sv .subVisual .txtBox .subTab02 ul li:hover a{ color:var(--mainC); } 
 
#sv .subVisual .txtBox.aos-animate .title span{ background-size:100%; }

#sv.sv05 .subVisual .txtBox #lnb,
#sv.sv05 .subVisual .txtBox > div{ display:none; }

#subContents{ padding: 120px 0 200px;}

/* 공통 */
.numBox{ display:flex; gap:20px; }
.numBox .itemBox{ position: relative; background: #F8F8F8; border-radius:30px; display:flex; flex-direction:column; justify-content: space-between; padding: 30px; 
width: 100%; min-height: 320px; }
.numBox .itemBox:before{ content: ''; width: 100%; height: 100%; aspect-ratio: 1; content: ""; position: absolute; top: -2px; left: -2px; padding: 2px; border-radius: 30px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 5; transition: all 0.5s; background: linear-gradient(to left, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 0.5) 50%, rgba(229, 229, 229, 0) 100%); pointer-events: none;}
.numBox .itemBox .num{ width: 40px; height: 40px; border-radius: 10px; background: var(--mainC); display:flex; justify-content:center; align-items:center; color:#fff; letter-spacing: -0.34px; 
font-weight: 700; }
.numBox .itemBox .title{ color:#111; font-weight: 500; letter-spacing: -0.44px; margin: 20px 0; }
.numBox .itemBox .txt{ color:#555; font-weight: 300; letter-spacing: -0.4px; }
.numBox.wrap{ flex-wrap:wrap; }
.numBox .itemBox.img .title{ margin: 20px 0;}
.numBox .itemBox.txt .num{ margin-bottom: 20px;}

#titleBox{ padding-bottom: 120px;}
#titleBox .title{ color:#111; letter-spacing: -0.76px; }
#titleBox .txt{ font-weight: 300; letter-spacing: -0.44px; margin-top: 30px;}
#titleBox.border{ border-bottom: 2px solid #E5E5E5; }

#downBox{ position: relative; width: 100%; height: 685px; text-align: center; display:flex; justify-content:center; align-items:center; opacity: 1; margin-bottom: -1px;}
#downBox .fitBox{ position: absolute; top: 0; left: 0; z-index: -1;}
#downBox .txtBox > *{ transition:all 1.2s 0.3s; opacity: 0; }
#downBox .txt{ color:#fff; font-weight: 200; letter-spacing: -0.84px; margin-bottom: 80px;}
#downBox .txt span{ font-weight: 500;}
#downBox .txt.type2{ margin-top: -40px; color:rgba(255,255,255,0.5); letter-spacing: -0.36px; font-weight: 500; }
#downBox.aos-animate .txtBox > *{ opacity: 1;}

#linkBox{ }
#linkBox h4.title{ color:#111; font-weight: 500; margin-bottom: 40px; letter-spacing: -1.08px; }
#linkBox .ctnBox{ overflow: hidden; }
#linkBox .ctnBox .itemBox{ width: 500px; margin-right: 50px; }
#linkBox .ctnBox .itemBox figure{ position: relative; width: 100%; height: 285px; border-radius:20px; }
#linkBox .ctnBox .itemBox figure .btn{ min-width:auto; min-height:auto; opacity: 0; transition:all 0.5s; }
#linkBox .ctnBox .itemBox .txt{ color:#111; letter-spacing: -0.46px; font-weight: 500; margin-top: 30px; }
#linkBox .ctnBox .itemBox:hover figure .btn{ opacity: 1; }
#linkBox .slideBar{ position: relative; margin-top: 50px; background: #eee;}
#linkBox .slideBar span{ background: var(--mainC); }

#iconBox{ display:flex; flex-wrap:wrap; gap:20px; }
#iconBox .itemBox{ width: calc((100% - 20px) / 2); min-height:180px; display:flex; align-items:center; border-radius: 20px; overflow: hidden; }
#iconBox .itemBox figure{ width: 180px; height: 100%; display:flex; justify-content:center; align-items:center; background: #ddd; flex-shrink:0; }
#iconBox .itemBox dl{ background: #fff; padding: 40px; width: 100%; height: 100%;}
#iconBox .itemBox dl dt{ color:#222; font-weight: 600; letter-spacing: -0.44px; margin-bottom: 15px;}
#iconBox .itemBox dl dd{ color:#555; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px;}

#firstBg{ position: relative; width: 100vw; margin: 120px 0 -20px; margin-left: calc(-50vw + 49.4%); padding: 120px 0; opacity: 1;}
#firstBg figure{ position: absolute; top: 0; left: 0; z-index: -1;}
#firstBg .txtBox > *{ opacity: 0; transition:all 1s 0.3s; }
#firstBg .txtBox .bBtn{ margin-top: 80px; }
#firstBg.aos-animate .txtBox > *{ opacity: 1; }
#firstBg.type1 .txtBox .title{ color:#fff; font-weight: 200; letter-spacing: -0.96px; margin-bottom: 20px; }
#firstBg.type1 .txtBox .title span{ color:var(--mainC); font-weight: 500;}
#firstBg.type1 .txtBox .txt{ color:#fff; line-height: 1.5; letter-spacing: -0.42px;}
#firstBg.type1 .bBtn{ }
#firstBg.type2 .txtBox > *{ text-align: left ;}
#firstBg.type2 .txtBox .txt{ color:#fff; line-height: 1.5; letter-spacing: -0.64px; margin-bottom: 40px;}
#firstBg.type2 .txtBox .txt2{ color:rgba(255,255,255,0.6); letter-spacing: -0.42px; }
#firstBg.type3 .txtBox > *{ text-align: left; line-height: 1.5; }
#firstBg.type3 .txtBox .sTxt{ color:var(--mainC); letter-spacing: -0.42px; }
#firstBg.type3 .txtBox .title{ color:#fff; letter-spacing: -0.64px; margin: 10px 0 20px; }
#firstBg.type3 .txtBox .txt{ color:#fff; letter-spacing: -0.48px; margin-bottom: 20px;}
#firstBg.type3 .txtBox .txt2{ color:rgba(255,255,255,0.6); letter-spacing: -0.42px; line-height: 1.3;}

#galleryBox{ display:flex; flex-wrap:wrap; gap:100px 50px; }
#galleryBox .itemBox{ width: calc((100% - 100px) / 3); }
#galleryBox .itemBox figure{ position: relative; border-radius:20px; width: 100%; height: 285px; margin-bottom: 40px;}
#galleryBox .itemBox figure:after{ content:''; display:block; position: absolute; top: 0; left: 0; width: calc(100% - 8px); height: calc(100% - 8px); border:4px solid var(--mainC); 
border-radius:20px; opacity: 0; transition:all 0.5s; }
#galleryBox .itemBox figure img{ transition:all 0.5s; }
#galleryBox .itemBox .txtBox .sTxt{ color:var(--mainC); margin-bottom: 20px; }
#galleryBox .itemBox .txtBox .title{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;
color:#222; line-height: 1.5; letter-spacing: -0.44px;}
#galleryBox .itemBox .txtBox .day{ color:#ccc; font-weight: 600; letter-spacing: -0.34px; margin-top: 20px;} 
#galleryBox .itemBox:hover figure:after{ opacity: 1; }
#galleryBox .itemBox:hover figure img{ transform: translate(-50%, -50%) scale(1.2); }

#sCommon.industries{ margin-top: 120px; }
#sCommon .softTxt{ background: url(/img/sub/solutionCommonBg.png) no-repeat 50% 50%; background-size:cover; }
#sCommon .softTxt .bBtn{ margin-top: 80px;}

/* sub page */
#about .introBox{ padding-bottom: 120px; border-bottom: 1px solid #E5E5E5; margin-bottom: 120px; }
#about .introBox .title{ color:#111; letter-spacing: -0.76px; }
#about .introBox .imgBox{ position: relative; margin: 40px 0 60px; border-radius: 20px; height: 455px; opacity: 1;}
#about .introBox .imgBox > *{ position:absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 100%; width: 100%; height: 100%; z-index: -1;}
#about .introBox .imgBox .wrapBox{ width: 0; border-radius: 20px; overflow: hidden;  transition:all 1s 0.5s; }
#about .introBox .imgBox .txtBox{ height: auto; padding: 0 20px; text-align: center; color:#fff; letter-spacing: -0.44px; font-weight: 600; }
#about .introBox .imgBox .txtBox dd{ margin-top: 20px; font-weight: 700; transition:all 1s 0.5s; }
#about .introBox .imgBox.aos-animate .wrapBox{ width: 100%;} 
#about .introBox .imgBox.aos-animate .txtBox dd{ letter-spacing: 27px; }
#about .introBox .bTxt{ color:#333; font-weight: 300; line-height: 1.5; letter-spacing: -0.44px; }
#about .introBox .bTxt span{ color:#111; font-weight: 600;}
#about .content .txtBox{ display:flex; justify-content:space-between; margin-bottom: 120px;}
#about .content .txtBox dt{ flex-shrink:0; color:#111; font-weight: 600; line-height: 1.5; letter-spacing: -0.96px;} 
#about .content .txtBox dt span{ color:var(--mainC); }
#about .content .txtBox dd{ width: 860px; }
#about .content .txtBox dd p{ color:#333; font-weight: 300; line-height: 1.5; letter-spacing: -0.42px;}
#about .content .txtBox dd p:not(:last-child){ margin-bottom: 30px;}
#about .content .txtBox dd p span{ color:#111; font-weight: 600; }
#about .content .ctnBox{ display:flex; gap:50px; }
#about .content .ctnBox .itemBox{ width: calc((100% - 100px) / 3); min-height: 500px; border-radius: 30px; border: 2px solid rgba(237, 108, 0, 0.00); padding: 40px;}
#about .content .ctnBox .itemBox:before{ background: linear-gradient(to left, rgba(237, 108, 0, 0) 0%, rgba(237, 108, 0, 1) 50%, rgba(237, 108, 0, 0) 100%); }
#about .content .ctnBox .itemBox .title{ letter-spacing: -0.64px; font-weight: 500; margin: 30px 0;}
#about .content .ctnBox .itemBox .txt{ letter-spacing: -0.38px; font-weight: 200;}
#about .slideWrap{ overflow: hidden;}
#about .slideWrap .slideBox{ gap:0; }
#about .slideWrap .slideBox .itemBox{ margin-right: 50px;}
#about .slideWrap .slideBox .itemBox figure{ margin-bottom: 30px;}
#about .slideWrap #slideBar{ background: #F8F8F8; width: 100%; margin-top: 80px; margin-bottom: 0;}

#history > div{ position: relative; }
#history .bar{ position: relative; position: absolute; top: 0; left: 465px; width: 5px; height:100%; background: #F8F8F8;  z-index: -1;}
#history .bar span{ display: block; width: 5px; background: var(--mainC); position: absolute;  left: 0; top: 0; height: 100%; }
#history section{ position: relative; display:flex; }
#history section .year{ color:#111; letter-spacing: -1.36px; font-weight: 600; min-width: 460px; flex-shrink:0; position: sticky; top: 30px; left: 0; height: 175px;}
#history section .ctnBox{ padding: 120px 0;}
#history section .ctnBox .itemBox{ position: relative; padding-left: 75px; }
#history section .ctnBox .itemBox:after{ content:''; position: absolute; top: 5px; left: 0; display:block; width: 7px; height: 7px; border:4px solid #e5e5e5; transform: rotate(45deg); border-radius:5px; 
background: #fff; transition:all 0.5s; }
#history section .ctnBox .itemBox.on:after{ border:4px solid var(--mainC); }
#history section .ctnBox .itemBox:not(:last-child){ margin-bottom: 80px; }
#history section .ctnBox .itemBox dt{ color:#111; font-weight: 600; letter-spacing: -0.48px; margin-bottom: 10px;}
#history section .ctnBox .itemBox dd{ line-height: 1.5; letter-spacing: -0.38px; font-weight: 200; color:#333; }

#customers section h3.title{ color:#111; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 40px;}
#customers section .ctnBox{ display:flex; flex-wrap:wrap; gap:20px; }
#customers section .ctnBox .itemBox{ position: relative; width: calc((100% - 100px) / 6); height: 120px; border-radius:10px; display:flex; justify-content:center; align-items:center; background: #fff; 
padding: 0 20px;}
#customers section .ctnBox .itemBox:before{ content: ''; width: 100%; height: 100%; aspect-ratio: 1; position: absolute; top: -2px; left: -2px; padding: 2px; border-radius: 30px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;  mask-composite: exclude; z-index: 5; background: linear-gradient(to left, rgba(229, 229, 229, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(229, 229, 229, 0) 100%); pointer-events: none;}
#customers section.partner{ padding: 120px 0 200px; margin-top: 120px; background: #F8F8F8; }

#contact h3.title{ color:#111; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 20px; }
#contact .w1600 > div:not(:last-child){ padding-bottom: 120px; margin-bottom: 120px; border-bottom: 2px solid #E5E5E5;}
#contact #capcha{ margin-top: 30px; justify-content: flex-start; height: 85px;}
#contact #capcha input{ background: #F8F8F8; width: 535px; height: 100%; }
#contact #capcha button{ width: 85px; }
#contact .titleBox .title span{ color:var(--mainC); }
#contact .titleBox .txt{ display:flex; align-items:center; color:#222; letter-spacing: -0.56px; font-weight: 300;}
#contact .titleBox .txt figure{ border-radius:50%; display:flex; justify-content:center; align-items:center; margin-right: 15px; background: var(--mainC);  width: 30px; height: 30px; }
#contact .inquiryBox .title{ margin-bottom: 40px;}
#contact .inquiryBox .ctnBox{ display:flex; flex-wrap:wrap; gap:20px; }
#contact .inquiryBox .ctnBox .itemBox{ position: relative; width: calc((100% - 20px) / 2); min-height: 85px; padding: 30px; background: #F8F8F8; border-radius:10px; display:flex; align-items:center;  transition:all 0.5s;}
#contact .inquiryBox .ctnBox .itemBox:after{ content:''; display:block; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border-radius:10px; border:2px solid var(--mainC); pointer-events: none; opacity: 0; transition:all 0.5s; }
#contact .inquiryBox .ctnBox .itemBox dt{ color:#111; min-width:180px; flex-shrink:0; }
#contact .inquiryBox .ctnBox .itemBox dt span{ color:#F00; }
#contact .inquiryBox .ctnBox .itemBox dd{ width: 100%; }
#contact .inquiryBox .ctnBox .itemBox dd input{ color:#333; font-weight: 300; letter-spacing: -0.42px; background: none; outline:none; width: 100%;}
#contact .inquiryBox .ctnBox .itemBox dd input::placeholder,
#contact .inquiryBox .ctnBox .itemBox dd textarea::placeholder{ color:#aaa; }
#contact .inquiryBox .ctnBox .itemBox dd textarea{ background: none; resize:none; width: 100%; font-weight: 300; color:#333; height: 240px; }
#contact .inquiryBox .ctnBox .itemBox.type2{ width: 100%; align-items:flex-start; }
#contact .inquiryBox .ctnBox .itemBox.type2 dt{ margin-bottom: ;}
#contact .inquiryBox .ctnBox .itemBox.on{ background: #fff; }
#contact .inquiryBox .ctnBox .itemBox.on:after{ opacity: 1;}
#contact .inquiryBox #chkBox{ margin: 80px 0 120px; justify-content: center; color:#333; }
#contact .inquiryBox #chkBox label span{ border:2px solid #E5E5E5; }
#contact .inquiryBox #chkBox label span:after{ background: #E5E5E5;}
#contact .inquiryBox #chkBox button{ color:#ccc; }
#contact .inquiryBox .bBtn{ display:flex; justify-content:center; align-items:center; }
#contact .inquiryBox .bBtn button{ width: 320px; height: 80px; border-radius:10px; background: var(--mainC); color:#fff; font-weight: 600;}
#contact .mapBox .title{ color:#111; font-weight: 500; letter-spacing: -0.72px;}
#contact .mapBox .title span{ letter-spacing: -0.44px; }
#contact .mapBox .infoBox{ margin: 20px 0 40px; display:flex; align-items:center; flex-wrap:wrap; gap:10px 0; }
#contact .mapBox .infoBox *{ display:flex; align-items:center; }
#contact .mapBox .infoBox li{ color:#333; letter-spacing: -0.42px; font-weight: 300;}
#contact .mapBox .infoBox li:not(:last-child){ margin-right: 80px;}
#contact .mapBox .infoBox li figure{ margin-right: 15px; flex-shrink:0; }

#search .introBox{ margin-bottom: 100px;}
#search .introBox #searchBox{ position: relative; top: auto; left: auto; padding: 0; box-shadow:none; margin-bottom: 60px; }
#search .introBox #searchBox input{ width: 0;}
#search .introBox .txt{ text-align: center; color:#111; font-weight: 300; letter-spacing: -0.64px;}
#search .introBox .txt span{ color:var(--mainC); font-weight: 500; }
#search .introBox.aos-animate #searchBox input{ width: 1100px;}
#search section:not(:last-of-type){ margin-bottom: 120px; }
#search section h3.title{ padding: 20px 0; margin-bottom: 40px; border-bottom: 1px solid #000; color:#111; font-weight: 500; letter-spacing: -0.76px; }
#search section h3.title span{ color:var(--mainC); }
#search section .searchTxt .itemBox a{ color:#aaa; }
#search section .searchTxt .itemBox:not(:last-child){ margin-bottom: 40px; }
#search section .searchTxt .itemBox p{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word; }
#search section .searchTxt .itemBox .title{ margin-bottom: 20px; color:#325AB1; text-decoration-line: underline; text-underline-offset: 5px; }

.solution section:not(:last-of-type){ margin-bottom: 120px;}
.solution .imgBox{ text-align: center; }

.solution .imgTxtBox{ border-top:1px solid #000; }
.solution .imgTxtBox .itemBox{ display:flex; align-items:center; padding: 30px; border-bottom: 1px solid #E5E5E5;}
.solution .imgTxtBox .itemBox figure{ width: 120px; height: 120px; border-radius:50%; background: #f8f8f8; display:flex; justify-content:center; align-items:center; margin-right: 100px; flex-shrink:0; }
.solution .imgTxtBox .itemBox .num{ color:var(--mainC); font-weight: 500; letter-spacing: -0.34px;}
.solution .imgTxtBox .itemBox .title{ color:#111; font-weight: 500; letter-spacing: -0.46px; margin: 10px 0;}
.solution .imgTxtBox .itemBox .txt{ color:#555; letter-spacing: -0.42px; font-weight: 300; line-height: 1.5;}

.solution .softTxt{ padding: 120px 0 200px; background: #222; text-align: center; opacity: 1;}	
.solution .softTxt > *{ transition:all 1.2s 0.3s; opacity: 0;}
.solution .softTxt .title{ color:#fff; font-weight: 300; letter-spacing: -1.08px;}
.solution .softTxt .title span{ color:var(--mainC); font-weight: 600;}
.solution .softTxt .txt{ color:#fff; font-weight: 300; letter-spacing: -0.48px; margin-top: 20px;}
.solution .softTxt.aos-animate > *{ opacity: 1; }
.solution .softTxt.white{ background: transparent;}
.solution .softTxt.white .title{ color:#111; }
.solution .softTxt.white .txt{ color: #333; }
.solution dl.ctnBox dt{ color:var(--mainC); font-weight: 500; letter-spacing: -0.56px; margin-bottom: 40px; }

.solution .sec02 .titleBox .title{ color:#111; letter-spacing: -1.08px; font-weight: 300;}
.solution .sec02 .titleBox .title span{ font-weight: 600; color:var(--mainC); }
.solution .sec02 .titleBox .txt{ margin-top: 20px; color:#333; font-weight: 300; letter-spacing: -0.48px; }
.solution .sec02 .titleBox.white .title,
.solution .sec02 .titleBox.white .txt{ color:#fff; }
 
#people .sec02{ padding: 120px 0; background: #222; }
#people .sec02 .ctnBox{ margin: 80px 0 120px; display:flex; flex-wrap:wrap; gap:50px; }
#people .sec02 .ctnBox .itemBox{ position: relative; width: calc((100% - 100px) / 3); min-height:360px; background: rgba(0, 0, 0, 0.10); padding: 30px; border-radius:30px;
display:flex; flex-direction:column; justify-content:space-between; }
#people .sec02 .ctnBox .itemBox:before{ content: ''; width: 100%; height: 100%; aspect-ratio: 1; position: absolute; top: -2px; left: -2px; padding: 2px; border-radius: 30px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 5; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); pointer-events: none;}
#people .sec02 .ctnBox .itemBox .num{ width: 40px; height: 40px; border-radius:10px; border:2px solid rgba(255, 255, 255, 0.20); display:flex; justify-content:center; align-items:center; }
#people .sec02 .ctnBox .itemBox .title{ color:#fff; font-weight: 500; letter-spacing: -0.48px; margin: 30px 0;}
#people .sec02 .ctnBox .itemBox .txt{ color:rgba(255,255,255,0.5); letter-spacing: -0.38px;}
#people .sec02 .softTxt{ background: none;}

#way .sec01 .ctnBox dl{ margin-bottom: 120px;}
#way .sec01 .ctnBox dl dt{ color:#333; font-weight: 500; letter-spacing: -0.56px; margin-bottom: 40px; }
#way .sec01 .ctnBox dl dt span{ color:var(--mainC); }

#vital .sec01 .bgBox{ opacity: 1;}
#vital .sec01 .bgBox{ position: relative; height: 520px;}
#vital .sec01 .bgBox .fitBox{ position: absolute; top: 0; left: 0; }
#vital .sec01 .bgBox .w1600{ position: relative; height: 100%; z-index: 5; display:flex; flex-direction:column; justify-content:center; }
#vital .sec01 .bgBox .w1600 > *{ transition:all 1s 0.3s; opacity: 0;}
#vital .sec01 .bgBox .title{ color:#fff; font-weight: 500; letter-spacing: -1.08px; margin-bottom: 40px; }
#vital .sec01 .bgBox .txt{ color:rgba(255,255,255,0.6); line-height: 1.5; letter-spacing: -0.44px; }
#vital .sec01 .bgBox a{ color:#fff; line-height: 1.5; letter-spacing: -0.44px; text-decoration-line: underline; }
#vital .sec01 .bgBox a img{ margin-left: 5px; vertical-align: baseline;}
#vital .sec01 .bgBox.aos-animate .w1600 > *{ opacity: 1; }
#vital .sec02 .numBox .itemBox{ width: calc((100% - 60px) / 4);}

#vital #sCommon,
#access #sCommon{ margin-bottom: -1px; }

#asset .sec02{ padding: 120px 0; background: #F8F8F8;}
#asset .sec02 .titleBox{ margin-bottom: 40px;}

#safety-app .sec01 .ctnBox .itemBox{ width: calc((100% - 40px) / 3);} 

#access .sec01 dl.ctnBox .itemBox{ width: calc((100% - 20px) / 2);}

#attendance .sec02{ padding: 120px 0; background: #f8f8f8;}
#attendance .sec02 .numBox .itemBox{ background: #fff; }
#attendance .sec02 .numBox.wrap .itemBox{ width: calc((100% - 20px) / 2);}
#attendance .softTxt{ padding: 120px 0;}

.industries .sec01{ margin-top: 30px; }
.industries .infoWrap dt{ color:#111; letter-spacing: -0.64px; font-weight: 500; margin-bottom: 40px; }
.industries .infoWrap dt span{ display:block; margin-top: 20px; letter-spacing: -0.38px; color:#555; font-weight: 300; }
.industries .infoBox{ display:flex; flex-wrap:wrap; gap:20px; }
.industries .infoBox .itemBox{ width: calc((100% - 20px) / 2); min-height:290px; padding: 60px; border-radius: 10px; border: 3px solid #E5E5E5; }
.industries .infoBox .itemBox .imgBox{ text-align: center; margin-bottom: 60px; }
.industries .infoBox .itemBox .title{ display:flex; align-items:center; color:var(--mainC); letter-spacing: -0.52px; font-weight: 500; margin-bottom: 40px;}
.industries .infoBox .itemBox .title img{ flex-shrink:0; margin-right: 20px;}
.industries .infoBox .itemBox .txt{ color:#333; font-weight: 300; letter-spacing: -0.48px;}
.industries .infoBox .itemBox .listBox{ padding: 30px; margin-top: 40px; border-radius: 10px; background: #F8F8F8;}
.industries .infoBox .itemBox .listBox li{ display:flex; align-items:center; letter-spacing: -0.36px; font-weight: 200;}
.industries .infoBox .itemBox .listBox li span{ font-weight: 500; }
.industries .infoBox .itemBox .listBox li:not(:last-child){ margin-bottom: 15px;}
.industries .infoBox .itemBox .listBox li img{ flex-shrink:0; margin-right: 15px;}
.industries .infoBox .itemBox .listBox.type2{ min-height:250px; } 
.industries .imgBox{ text-align: center; }

#location .sec02{ position: relative; padding: 120px 0 200px;}
#location .sec02 .fitBox{ position: absolute; top: 0; left: 0; z-index: -1;}
#location .sec02 .ctnBox{ display:flex; gap:80px; flex-wrap:wrap; }
#location .sec02 .ctnBox .itemBox{ width: calc((100% - 80px) / 2); border-radius: 30px; border: 2px solid rgba(255, 255, 255, 0.20); background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(10px); 
padding: 80px 60px;}
#location .sec02 .ctnBox .itemBox dt{ color:#fff; letter-spacing: -0.48px; padding-bottom: 60px; border-bottom: 2px solid rgba(255, 255, 255, 0.20); text-align: center; margin-bottom: 60px; }
#location .sec02 .ctnBox .itemBox dt span{ display:block; color:var(--mainC); letter-spacing: -0.84px; font-weight: 600; }
#location .sec02 .ctnBox .itemBox dd ul li{ display:flex; align-items:flex-start; letter-spacing: -0.42px; color:rgba(255,255,255,0.8); font-weight: 300;}
#location .sec02 .ctnBox .itemBox dd ul li:not(:last-child){ margin-bottom: 15px; }
#location .sec02 .ctnBox .itemBox dd ul li img{ margin:11px 15px 0 0; }
#location .sec02 .ctnBox .itemBox dd .title{ color:#fff; letter-spacing: -0.56px; line-height: 1.5; font-weight: 500; margin-bottom: 20px;}
#location .sec02 .ctnBox .itemBox dd .txt{ color:rgba(255,255,255,0.5); letter-spacing: -0.46px; line-height: 1.5; font-weight: 500; }
#location .sec02 .ctnBox .itemBox:last-child{ width: 100%; padding: 60px; text-align: center; }

#sensor .bBox{ position: relative; width: 100%; padding: 120px 0px; text-align: center; }
#sensor .bBox .fitBox{ position: absolute; top: 0; left: 0; z-index: -1;}
#sensor .bBox .txtBox{ border-radius: 30px; border: 2px solid rgba(255, 255, 255, 0.20); background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(10px);  padding: 60px;}
#sensor .bBox .txtBox .title{ color:#fff; letter-spacing: -0.56px; line-height: 1.5; font-weight: 500; margin-bottom: 20px; }
#sensor .bBox .txtBox .txt{ color:rgba(255,255,255,0.5); letter-spacing: -0.46px; line-height: 1.5; font-weight: 500; }
#sensor .sec02{ padding: 120px 0; background: #222; }
#sensor .sec02 #linkBox h4.title,
#sensor .sec02 #linkBox .txt{ color:#fff; }

#finding .sec02,
#heavy .sec02{ padding: 120px 0; background: #F8F8F8;}
#finding .sec02 .ctnBox .itemBox{ display:flex; align-items:center; justify-content:space-between; }
#finding .sec02 .ctnBox .itemBox:not(:last-child){ margin-bottom: 120px;}
#finding .sec02 .ctnBox .itemBox > *{ width: calc((100% - 120px) / 2);}
#finding .sec02 .ctnBox .itemBox .title{ color:#111; letter-spacing: -0.76px; margin: 30px 0; }
#finding .sec02 .ctnBox .itemBox .txt{ color:#333; line-height: 1.5; letter-spacing: -0.38px; font-weight: 200;}

#heavy .sec02 .titleBox .title{ margin-bottom: 40px;}
#heavy .sec02 .ctnBox .itemBox{ display:flex; align-items:center; gap: 120px; }
#heavy .sec02 .ctnBox .itemBox:not(:last-child){ margin-bottom: 120px;}
#heavy .sec02 .ctnBox .itemBox > *{ width: calc((100% - 120px) / 2);}
#heavy .sec02 .ctnBox .itemBox .txtBox .title{ color:#111; margin: 30px 0; letter-spacing: -0.76px; }
#heavy .sec02 .ctnBox .itemBox .txtBox .txt{ color:#333; line-height: 1.5; font-weight: 200; letter-spacing: -0.38px;}

#boardView .titleBox{ border-top: 1px solid #000; border-bottom: 1px solid #E5E5E5; padding: 40px 20px;}
#boardView .titleBox .title{ color:#111; letter-spacing: -0.84px; margin-bottom: 20px;}
#boardView .titleBox ul{ display:flex; flex-wrap:wrap; color:#888; font-weight: 300; letter-spacing: -0.34px; gap:10px 0; }
#boardView .titleBox ul li:not(:last-child){ margin-right: 20px;}
#boardView .titleBox ul li span{ display:inline-block; font-weight: 500; margin-right: 10px;}
#boardView .content{ margin: 60px 0 20px; width: 100%; }
#boardView .fileBox{ background: #f8f8f8; border-radius:10px; padding: 25px 40px; margin-bottom: 60px;}
#boardView .fileBox a{ display:inline-flex; align-items:center; color:#888; font-weight: 300; letter-spacing: -0.34px; }
#boardView .fileBox figure{ margin-right: 10px;}
#boardView .pageBox{ display:flex; align-items:center; justify-content:center; }
#boardView .pageBox .box{ border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; width: 100%; }
#boardView .pageBox .box a{ display:flex; align-items:center; padding: 20px; width: 100%; min-height:150px; }
#boardView .pageBox .box div{ margin: 0 40px;}
#boardView .pageBox .box div .sTxt{ color:var(--mainC); font-weight: 500; letter-spacing: -0.34px; margin-bottom: 5px; }
#boardView .pageBox .box div .title{ color:#333; letter-spacing: -0.48px; font-weight: 300; }
#boardView .pageBox .box.next a{ text-align: right; justify-content:flex-end; }
#boardView .pageBox .backBtn{ width: 80px; height: 80px; background: var(--mainC); border-radius:50%; display:flex; justify-content:center; align-items:center; margin: 0 60px; flex-shrink:0; }
#boardView .pageBox .backBtn svg{ width: 18px; height: 18px;}

#newsletter .introBox{ display:flex; align-items:center; border-radius:20px; overflow: hidden; }
#newsletter .introBox > *{ width: 50%; height: 640px; }
#newsletter .introBox .imgBox{ position: relative; padding: 55px 50px; display:flex; align-items:flex-end; }
#newsletter .introBox .imgBox .fitBox{ position:absolute; top: 0; left: 0; z-index: -1; }
#newsletter .introBox .imgBox .title{ color:#fff; letter-spacing: -0.96px; font-weight: 300; }
#newsletter .introBox .imgBox .title span{ color:var(--mainC); font-weight: 500; }
#newsletter .introBox .txtBox{ background: #FAF6F3; padding: 0 60px; display: flex; flex-direction: column; justify-content: center; height: 100%;}
#newsletter .introBox .txtBox .inputBox{ width: 100%; height: 65px; display:flex; align-items:center; padding: 0 40px; border-radius: 10px; background: #FFF; margin-bottom: 10px;}
#newsletter .introBox .txtBox .inputBox p{ color:#111; letter-spacing: -0.38px; min-width:120px; display:block; flex-shrink:0; }
#newsletter .introBox .txtBox .inputBox p span{ color:#F00; }
#newsletter .introBox .txtBox .inputBox input{ color:#111; letter-spacing: -0.38px; font-weight: 300; width: 100%; }
#newsletter .introBox .txtBox .inputBox input::placeholder{ color:#888; }
#newsletter .introBox .txtBox .txt{ color:#888; font-weight: 300; letter-spacing: -0.34px; margin: 20px 0;}
#newsletter .introBox .txtBox #chkBox{ margin: 20px 0 40px;}
#newsletter .introBox .txtBox #chkBox label span{ border:2px solid #E5E5E5; }
#newsletter .introBox .txtBox #chkBox label span:after{ background: #E5E5E5;}
#newsletter .introBox .txtBox #chkBox label p{ color:#333; }
#newsletter .introBox .txtBox #chkBox button{ color:#ccc; }
#newsletter .introBox .txtBox .bBtn{ width: 100%; height: 75px; border-radius:10px; background: var(--mainC); color:#fff; font-weight: 500; letter-spacing: -0.38px; }
#newsletter .introBox .txtBox .bTxt{ color:#888; letter-spacing: -0.34px; font-weight: 300; margin-top: 20px;}

#brochures section .titleBox{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 40px; }
#brochures section .titleBox select{ border-radius: 10px; border: 2px solid #E5E5E5; width: 240px; height: 55px; padding: 0 30px; color:#aaa; letter-spacing: -0.34px; 
background:url(/img/common/selectArrow2.png) no-repeat; background-position: right 30px top 50%; }
#brochures section .title{ color:#111; font-weight: 500; letter-spacing: -1.08px; }
#brochures #galleryBox{ margin-top: 120px; }

.connectivity .sec01{ padding-bottom: 180px;}
.connectivity .sec01 > div{ display:flex; }
.connectivity .sec01 .title{ color:#111; font-weight: 300; margin-right: 145px; letter-spacing: -0.96px; flex-shrink:0; }
.connectivity .sec01 .title span{ color:var(--mainC); font-weight: 400; }
.connectivity .sec01 .txt{ font-weight: 200; line-height: 1.5; letter-spacing: -0.42px;}
.connectivity .sec02{ position: relative;}
.connectivity .sec02 .tabWrap{ position: absolute; top: 0; left: 0; width: 100%; background: #F8F8F8; z-index: 100;}
.connectivity .sec02 .tabWrap .tabBox{ max-width:1600px; margin: 0 auto; width: 100%; display:flex; }
.connectivity .sec02 .tabWrap .tabBox li a{ position: relative; display:flex; justify-content:center; align-items:center;  padding: 30px 40px; font-weight: 500; color:#ccc; letter-spacing: -0.42px; 
transition:all 0.5s; }
.connectivity .sec02 .tabWrap .tabBox li a:after{ content:''; display:block; position: absolute; bottom: 0; left: 0; background: var(--mainC); width: 100%; height: 2px; opacity: 0; transition:all 0.5s; }
.connectivity .sec02 .tabWrap .tabBox li.on a,
.connectivity .sec02 .tabWrap .tabBox li:hover a{ color:var(--mainC); }
.connectivity .sec02 .tabWrap .tabBox li.on a:after,
.connectivity .sec02 .tabWrap .tabBox li:hover a:after{ opacity: 1; }
.connectivity .sec02 .tabWrap.fixed{ position: fixed; }
.connectivity .sec02 .content > div{ padding-top: 265px; display:none; }
.connectivity .sec02 .content > div.on{ display:block; }
.connectivity .sec02 .titleBox{ text-align: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 120px;}
.connectivity .sec02 .titleBox .title{ color:#111; font-weight: 500; letter-spacing: -1.24px; }
.connectivity .sec02 .titleBox .txt{ color:#111; font-weight: 300; line-height: 1.5; letter-spacing: -0.42px; margin-top: 30px;}
.connectivity .sec02 .subTxt{ color:#111; line-height: 1.5; letter-spacing: -0.72px; text-align: center; }
.connectivity .sec02 .ctnBox .itemBox{ display:flex; align-items:center; gap:120px; }
.connectivity .sec02 .ctnBox .itemBox:not(:last-child){ margin-bottom: 120px;}
.connectivity .sec02 .ctnBox .itemBox > *{ width: calc((100% - 120px) / 2);}
.connectivity .sec02 .ctnBox .itemBox figure{ height: 540px; border-radius: 20px; border:2px solid #e5e5e5; display:flex; justify-content:center; align-items:center; padding: 0 20px;}
.connectivity .sec02 .ctnBox .itemBox .txtBox .title{ color:var(--mainC); font-weight: 500; letter-spacing: -0.46px;}
.connectivity .sec02 .ctnBox .itemBox .txtBox .txt{ color:#333; letter-spacing: -0.38px; line-height: 1.5; font-weight: 300; margin: 20px 0 0; }
.connectivity .sec02 .ctnBox .itemBox .txtBox .txt:last-child{ margin: 60px 0 0; font-weight: 200; letter-spacing: -0.36px; ;}
.connectivity .sec02 .ctnBox .itemBox .txtBox .sTitle{ color:var(--mainC); margin-bottom: 10px;}
.connectivity .sec02 .ctnBox .itemBox .txtBox .bTitle{ color:#111; font-weight: 400; letter-spacing: -0.76px; }
.connectivity .sec02 .ctnBox .itemBox .txtBox ul{ margin-top: 60px;}
.connectivity .sec02 .ctnBox .itemBox .txtBox ul li{ display:flex; align-items:center; color:#333; font-weight: 200; letter-spacing: -0.38px; }
.connectivity .sec02 .ctnBox .itemBox .txtBox ul li:not(:last-child){ margin-bottom: 10px;}
.connectivity .sec02 .ctnBox .itemBox .txtBox ul li:before{ content:''; display:block; width: 25px; height: 25px; background: url(/img/sub/listChk.png) no-repeat 50% 50%; margin-right: 15px;}

#how .sec01 .titleBox .title{ color:#111; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 40px;}
#how .sec01 .titleBox .txt{ color:#333; font-weight: 200; line-height: 1.5; letter-spacing: -0.44px; }
#how .sec01 .ctnBox{ padding: 20px 0; border-top: 1px solid #000; border-bottom:1px solid #E5E5E5; }
#how .sec01 .ctnBox figure{ position: relative; margin-bottom: 20px; }
#how .sec01 .ctnBox figure:before{ content:''; display:block; width: 100%; height: 1px; border-top:1px dashed #E5E5E5; }
#how .sec01 .ctnBox figure img{ position: absolute; transform:translateY(-50%); top: 50%; right: 36.9%;}
#how .sec01 .ctnBox dl{ display:flex; }
#how .sec01 .ctnBox dl:not(:last-child){ margin-bottom: 20px; }
#how .sec01 .ctnBox dl dt{ width: 400px; border-radius:10px; background: #444; display:flex; justify-content:center; align-items:center; color:#fff; letter-spacing: -0.44px; font-weight: 500; text-align: center; margin-right: 20px; flex-shrink:0; }
#how .sec01 .ctnBox dl dd{ display:flex; width: 100%; }
#how .sec01 .ctnBox dl dd p{ border-radius: 10px; display:flex; justify-content:center; align-items:center; text-align: center; font-weight: 500; letter-spacing: -0.36px;}
#how .sec01 .ctnBox .item01 dd{ gap:10px; flex-wrap:wrap; padding: 20px; background: #F8F8F8; border-radius: 10px;}
#how .sec01 .ctnBox .item01 dd p{ height: 55px; border: 2px solid #E5E5E5; color:#aaa; width: calc((100% - 30px) / 4); }
#how .sec01 .ctnBox .item02 dd p{ color:#fff; }
#how .sec01 .ctnBox .item02 dd > p{ background: #6B777B; width: 100%; margin-right: 20px;}
#how .sec01 .ctnBox .item02 dd div p{ width: 420px; height: 65px; background: #A7C2CB;}
#how .sec01 .ctnBox .item02 dd div p:not(:last-child){ margin-bottom: 10px;}
#how .sec01 .ctnBox .item03 dd p{ height: 80px; background: #B3CD9F; color:#fff; width: 100%; }
#how .sec01 .ctnBox .item04 dd{ gap:10px; padding: 20px;  background: #F8F8F8; border-radius: 10px;}
#how .sec01 .ctnBox .item04 dd p{ height: 80px; border: 2px solid #E5E5E5; color:#aaa; width: calc((100% - 40px) / 5);}
#how .sec01 .ctnBox .item04 dd p.center{ color:#111; border:none; }
#how .sec02{ background: #F8F8F8; padding: 120px 0 200px;}
#how .sec02 .ctnBox .itemBox{ display:flex; align-items:center; gap:120px; }
#how .sec02 .ctnBox .itemBox:not(:last-child){ margin-bottom: 120px;}
#how .sec02 .ctnBox .itemBox > *{ width: calc((100% - 120px) / 2);}
#how .sec02 .ctnBox .itemBox figure{ min-height:540px; border-radius: 20px; border: 2px solid #E5E5E5; background: #FFF; display:flex; justify-content:center;align-items:center;padding: 0 30px;}
#how .sec02 .ctnBox .itemBox:last-child figure{ align-items:flex-end; }
#how .sec02 .ctnBox .itemBox .txtBox .num{ color:var(--mainC); font-weight: 500; letter-spacing: -0.36px; }
#how .sec02 .ctnBox .itemBox .txtBox .title{ margin: 10px 0 60px; color:#111; letter-spacing: -0.76px; }
#how .sec02 .ctnBox .itemBox .txtBox .txt{ color:#333; font-weight: 200; line-height: 1.5; letter-spacing: -0.38px; }
#how .sec02 .ctnBox .itemBox .txtBox .txt:not(:last-of-type){ margin-bottom: 40px;}
#how .sec02 .ctnBox .itemBox .txtBox .txt span{ display:block; font-weight: 500; letter-spacing: -0.44px; margin-bottom: 10px;}