/* mainVisual */
.mainVisual{height:100dvh; width:100%; background:url(../images/visual.png) no-repeat center center / cover; position: sticky !important; top:0;}
.mainVisual > .inner{display:flex; align-items: start; justify-content: center; height:100%; flex-direction: column; position:relative;}
.mainVisual > .inner > .mainText{display:flex; align-items: start; justify-content: space-between; width:100%;}
.mainVisual > .inner > .mainText > .tit{font-family: "Inter"; font-weight: 600; font-size: 6rem; color:#fff;}
.mainVisual > .inner > .mainText > .tit > span{font-family:"pretendard"; font-size:18px; color:var(--mainColor); font-weight: 600; margin-bottom:2rem; display: block; letter-spacing:1rem;}
.mainVisual > .inner > .mainText > .txt{font-size:2rem; color:#fff; line-height: 2; padding-top:15rem;}

.mainVisual > .inner > .footTxt{font-family: "Inter"; font-size: 15px; color:#fff; position: absolute; left:40px; bottom:5rem;}


/* business */
.business{background:#fff;}
.business > .inner > .businessPin{border-radius:4rem; overflow:hidden; margin:16rem 0 14rem; display: flex; flex-direction: column; width: 100%;}
/*.business > .inner > .businessPin::after{content:""; display:inline-block; padding-top:50%}*/
.business > .inner > .businessPin .pinItem{position:relative; border-radius:4rem; overflow:hidden; width: 100%;}
.business > .inner > .businessPin .pinItem::after{content:""; display:inline-block; padding-top:50%}
.business > .inner > .businessPin .pinItem::before{content:""; display: inline-block; width: 100%; height:100%; background:rgba(26, 19, 19, 0.4); position:absolute; top:0; left:0; right:0; bottom:0;}
.business > .inner > .businessPin .pinItem > .txtBox{position: absolute; left:10rem; bottom:4rem;}
.business > .inner > .businessPin .pinItem > .txtBox > .stit{font-family: "Inter"; font-size:16px; color:#fff;}
.business > .inner > .businessPin .pinItem > .txtBox > .tit{font-size:3rem; color:#fff; margin-top:2rem; font-weight: 600;}
.business > .inner > .businessPin .img1{background:url(../images/business_Img1.png) no-repeat center center / cover;}
.business > .inner > .businessPin .img2{background:url(../images/business_Img2.png) no-repeat center center / cover;}
.business > .inner > .businessPin .img3{background:url(../images/business_Img3.png) no-repeat center center / cover;}

.business > .inner > .businessSwiper{border-radius:15px; overflow:hidden; margin:40px -10px 30px; display:none;}
.business > .inner > .businessSwiper > .swiper-wrapper::after{content:""; display:inline-block; padding-top:50%}
.business > .inner > .businessSwiper > .swiper-wrapper > .swiper-slide{height:auto; position:relative;}
.business > .inner > .businessSwiper > .swiper-wrapper > .swiper-slide::before{content:""; display: inline-block; width: 100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; right:0; bottom:0;}
.business > .inner > .businessSwiper > .swiper-wrapper > .swiper-slide > .txtBox{position: absolute; left:20px; bottom:20px;}
.business > .inner > .businessSwiper > .swiper-wrapper > .swiper-slide > .txtBox > .stit{font-family: "Inter"; font-size:12px; color:#fff;}
.business > .inner > .businessSwiper > .swiper-wrapper > .swiper-slide > .txtBox > .tit{font-size:14px; color:#fff; margin-top:10px; font-weight: 600;}
.business > .inner > .businessSwiper > .swiper-wrapper > .img1{background:url(../images/business_Img1.png) no-repeat center center / cover;}
.business > .inner > .businessSwiper > .swiper-wrapper > .img2{background:url(../images/business_Img2.png) no-repeat center center / cover;}
.business > .inner > .businessSwiper > .swiper-wrapper > .img3{background:url(../images/business_Img3.png) no-repeat center center / cover;}


.business > .inner > .tit{font-size:4rem; font-weight:600; margin-bottom:4rem; text-align: center;}
.business > .inner > p{font-size:2rem; margin-bottom:14rem; text-align: center;}



/* service */
.service{background:#171A2D url(../images/service_bg.png) no-repeat center center / cover;}
.service .inner{padding:16rem 40px;}
.service .inner > .tit{color:#fff;}
.service .inner > .serviceList{margin-top:6rem; display:flex; flex-wrap: wrap; gap:3rem 3rem;}
.service .inner > .serviceList > li{padding:3rem; background:rgba(255,255,255,0.08); border:2px solid rgba(255,255,255,0.2); border-radius:1.6rem; width:calc((100% - 6rem)/ 3); height:24.4rem;}
.service .inner > .serviceList > li > .icon{margin-bottom:4rem;}
.service .inner > .serviceList > li > .txt{font-size:2.4rem; font-weight:700; color:#fff;}


/* partner */
.partner{background:#FAFAFF;}
.partner .inner{padding:16rem 40px;}
.partner .inner > .partnerList{display:flex; align-items: center; justify-content: space-between; gap:2.5rem; margin-top:6rem;}
.partner .inner > .partnerList > li{background:rgba(59, 71, 145, 0.4); border-radius: 3.2rem; width:calc((100% - 100px) / 5); position: relative;}
.partner .inner > .partnerList > li > img{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.partner .inner > .partnerList > li::after{content:''; display: inline-block; width: 100%; padding-top:100%;}


/* product */
.product{background:#fff;}
.product .inner{padding:16rem 40px; position:relative;}
.product .inner > .textArea{position:absolute; top:16rem; left:40px; z-index: 1;}
.product .inner > .textArea > .stit{font-size:18px; color:var(--mainColor); font-weight: 600; margin-bottom:1.5rem; letter-spacing: 2px;}
.product .inner > .textArea > .tit{font-size:4rem; font-weight: 700; letter-spacing:2px;}
.product .inner > .textArea > .pdInfo{ margin-top:5rem;}
.product .inner > .textArea > .pdInfo > .tit{font-size:2rem; font-weight: 600; margin-bottom:15px; color:#888;}
.product .inner > .textArea > .pdInfo > ul{display:flex; flex-direction: column; gap:15px;}
.product .inner > .textArea > .pdInfo > ul > li{display:flex; align-items: start; font-size:18px;}
.product .inner > .textArea > .pdInfo > ul > li > .t{padding-right:15px; border-right:1px solid #DADEE7; height:20.8px; display:inline-block; width:95px; text-align: justify; flex-shrink: 0;}
.product .inner > .textArea > .pdInfo > ul > li > .t::after{content:''; display: inline-block; width: 100%;}
.product .inner > .textArea > .pdInfo > ul > li > p{padding-left:15px; text-align: left;}
.product .inner > .imgArea{display:flex; flex-direction: column; align-items: end;}


/* company */
.company{background:#FAFAFF;}
.company .inner{padding:16rem 40px;}
.company .inner > .conpanyInfoList{margin-top:6rem; display:flex; flex-wrap:wrap; gap:0 6rem;}
.company .inner > .conpanyInfoList > li{width:calc((100% - 12rem) / 3); padding:4rem 2rem; border-top:1px solid #DADEE7;}
.company .inner > .conpanyInfoList > li > .tit{display:flex; align-items: start; justify-content: space-between;}
.company .inner > .conpanyInfoList > li > .tit > span{font-size:2rem; color:#888; font-weight: 500;}
.company .inner > .conpanyInfoList > li > .txt{font-size:3.2rem; font-weight:700; margin-top:3rem;}


/* contactUs */
.contactUs{background:#292E44;}
.contactUs .inner{padding:16rem 40px; display:flex; align-items: start; justify-content: space-between;}
.contactUs .inner > .titArea > .stit{font-size:18px; color:var(--mainColor); font-weight: 600; margin-bottom:1.5rem; letter-spacing: 2px;}
.contactUs .inner > .titArea > .tit{font-size:4rem; font-weight: 700; color:#fff; letter-spacing:2px;}
.contactUs .inner > .formArea{width:calc(100% - 450px);}
.contactUs .inner > .formArea > form > div + div{margin-top:15px;}
.contactUs .inner > .formArea > form > .selectBox{min-width:300px;}
.contactUs .inner > .formArea > form > button{float: right; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 100px; padding:15px 20px 15px 25px; width: 200px; display: flex; align-items: center; justify-content: space-between; color:#fff; margin-top:25px;}
.contactUs .inner > .formArea > form > button > .icon{width:25px; height:25px; border-radius: 50%; background:linear-gradient(135deg, #A3A3F8 , #3B3BD6); display: flex; align-items: center; justify-content: center; font-weight: 600;}