@charset "UTF-8";.learningArea .item,.socialArea .Img img,.socialArea .Img:after,.socialArea .Txt .title,.socialArea .Txt .title:before,.socialArea .item:after{-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}body{background-color:#ffffff}.mainArea{padding:0;overflow:hidden;background:none}.mainArea .customerList{margin:0 -45px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainArea .customerList .customerItem{padding:0 45px}.mainArea .customerList .Txt{padding-top:10px}.mainArea .customerList .Txt .title{color:#777777;font-size:17px;font-weight:500;letter-spacing:0.34px}.contentBox>div:first-child:before{display:none}.contentBox>div:not(:last-child){position:relative}.contentBox>div:not(:last-child):before{position:absolute;left:0;right:0;top:0;content:"";max-width:1260px;margin:0 auto;width:100%;height:1px;background-color:#dadada}.titleBox{margin-bottom:60px}@media (max-width:992px){.titleBox{margin-bottom:40px}}.titleBox .text{max-width:850px;margin:0 auto}.titleBox:not(:has(.flex)) .decoTitle span:before{left:-17px;top:46px}@media (max-width:1180px){.titleBox:not(:has(.flex)) .decoTitle span:before{top:40px}}@media (max-width:768px){.titleBox:not(:has(.flex)) .decoTitle span:before{left:-10px;top:35px}}@media (max-width:375px){.titleBox:not(:has(.flex)) .decoTitle span:before{top:8.5vw}}.descriptionArea{padding-top:165px;padding-bottom:60px}.descriptionArea .descriptionBox{border-radius:30px;background-image:url(../images/customer/descriptionBg.jpg);background-repeat:no-repeat;background-size:cover;padding:50px;position:relative}@media (max-width:600px){.descriptionArea .descriptionBox{padding:40px}}.descriptionArea .frame{position:absolute;inset:0;margin:auto;pointer-events:none}.descriptionArea .dots{position:absolute;inset:0;margin:auto;pointer-events:none}.descriptionArea .dots span{position:absolute;width:7px;height:7px;border-radius:50%;background-color:#ffffff}.descriptionArea .dots span:first-child{top:20px;left:20px}.descriptionArea .dots span:nth-child(2){top:20px;right:20px}.descriptionArea .dots span:nth-child(3){left:20px;bottom:20px}.descriptionArea .dots span:nth-child(4){right:20px;bottom:20px}.descriptionArea .line{position:absolute;inset:0;margin:auto;pointer-events:none}.descriptionArea .line span{position:absolute;margin:auto;background-color:rgba(255,255,255,0.55)}.descriptionArea .line span:first-child{width:1px;height:calc(100% - 80px);top:0;bottom:0;left:15px}.descriptionArea .line span:nth-child(2){width:1px;height:calc(100% - 80px);top:0;bottom:0;right:15px}.descriptionArea .line span:nth-child(3){width:calc(100% - 80px);height:1px;left:40px;right:40px;top:13px;background-color:transparent}.descriptionArea .line span:nth-child(3):after,.descriptionArea .line span:nth-child(3):before{position:absolute;width:calc(50% - 123px);height:1px;content:"";background-color:rgba(255,255,255,0.55)}.descriptionArea .line span:nth-child(3):before{left:0}.descriptionArea .line span:nth-child(3):after{right:0}.descriptionArea .line span:nth-child(4){width:calc(100% - 80px);height:1px;left:0;right:0;bottom:13px}.descriptionArea .titleCircle{width:192px;height:192px;margin:-155px auto 0;border-radius:50%;background-color:#fbfbfb;-webkit-box-shadow:0px 2px 27px 0px rgba(194,212,239,0.65);box-shadow:0px 2px 27px 0px rgba(194,212,239,0.65);position:relative;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.descriptionArea .titleCircle:before{position:absolute;inset:13px;margin:auto;content:"";border-radius:50%;background-color:#ffffff;-webkit-box-shadow:0px 2px 27px 0px rgba(194,212,239,0.65);box-shadow:0px 2px 27px 0px rgba(194,212,239,0.65)}.descriptionArea .titleCircle .decoTitle,.descriptionArea .titleCircle .title{position:relative;z-index:2;line-height:1.25}.descriptionArea .titleCircle .decoTitle{color:#00326b;font-size:43px;font-weight:bold;padding-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.descriptionArea .titleCircle .decoTitle{font-size:35px}}.descriptionArea .titleCircle .title{color:#97c633;font-size:28px;font-weight:600;letter-spacing:0.56px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.descriptionArea .titleCircle .title{font-size:26px;letter-spacing:0.52px}}.descriptionArea .titleCircle .title:after{content:"";display:block;width:30px;height:3px;margin:15px auto 0;background-color:#00326b}.descriptionArea .textEditor{text-align:center;max-width:720px;margin:20px auto 0}.descriptionArea .textEditor .text{color:#636363;font-size:17px;font-weight:500;line-height:1.7;letter-spacing:0.34px;margin-top:20px}.descriptionArea .btnBox{margin-top:40px}.socialArea{padding-top:65px;padding-bottom:85px}@media (max-width:992px){.socialArea{padding:50px 0}}.socialArea .socialBox{max-width:930px;padding:0 10px;margin:0 auto;overflow:hidden}.socialArea .socialList{margin:0 auto}.socialArea .slick-list{overflow:visible}.socialArea .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:481px){.socialArea .slick-track{min-height:250px}}@media (min-width:481px){.socialArea .slick-slide:not(.slick-center) .item:after{-webkit-box-shadow:none;box-shadow:none;-webkit-transition-delay:0s;transition-delay:0s}.socialArea .slick-slide:not(.slick-center) .Img:after{inset:0;background-color:#f5f5f5;-webkit-transition-delay:0s;transition-delay:0s}.socialArea .slick-slide:not(.slick-center) .Img img{-webkit-filter:none;filter:none;-webkit-transition-delay:0s;transition-delay:0s}.socialArea .slick-slide:not(.slick-center) .Txt .title{color:#777777;-webkit-transition-delay:0s;transition-delay:0s}.socialArea .slick-slide:not(.slick-center) .Txt .title:before{height:0;-webkit-transition-delay:0s;transition-delay:0s}}.socialArea .socialItem{padding:0 11px}@media (min-width:1181px){.socialArea .socialItem:hover .Img:after{background-color:#97c633}.socialArea .socialItem:hover .Img img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.socialArea .socialItem:hover .Txt .title{color:#3c3c3c}}.socialArea .item{padding:30px 0;position:relative}.socialArea .item:after{position:absolute;inset:0;margin:auto;content:"";border-radius:12px;border:1px solid #f0f0f0;background-color:#ffffff}@media (max-width:480px){.socialArea .item:after{-webkit-box-shadow:none;box-shadow:none}}.socialArea .linkWrap{position:absolute;inset:0;margin:auto;z-index:3}.socialArea .Img{max-width:83px;margin:0 auto;position:relative;z-index:2}.socialArea .Img:after{position:absolute;inset:-5px;margin:auto;content:"";border-radius:50%;background-color:#97c633}@media (max-width:480px){.socialArea .Img:after{inset:0;background-color:#f5f5f5}}.socialArea .Img img{width:100%;position:relative;z-index:2;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}@media (max-width:480px){.socialArea .Img img{-webkit-filter:none;filter:none}}.socialArea .Txt{text-align:center;padding-top:12px;position:relative;z-index:2}.socialArea .Txt .title{color:#3c3c3c;font-size:17px;font-weight:500;letter-spacing:0.34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.socialArea .Txt .title{color:#777777}}.socialArea .Txt .title:before{display:block;content:"";width:1px;height:50px;margin:10px auto;background-color:#dadada}@media (max-width:480px){.socialArea .Txt .title:before{height:0}}.technicalArea{padding:30px 0 120px}@media (max-width:992px){.technicalArea{padding:50px 0}}.technicalArea .titleBox:not(:has(.flex)) .decoTitle span:before{left:-11px}.memberArea{padding:30px 0 60px;position:relative}@media (max-width:768px){.memberArea{padding:50px 0}}.memberArea:after{position:absolute;inset:0;margin:auto;content:"";background-image:url(../images/customer/memberBg.png);background-position:center bottom;background-repeat:no-repeat}@media (min-width:993px){.memberArea .customerList{margin:0 -60px}.memberArea .customerList .customerItem{padding:0 60px 60px}}@media (max-width:480px){.memberArea .titleBox .decoTitle{font-size:12vw}}.learningArea{padding-top:70px;padding-bottom:65px;background-color:#f5f5f5;position:relative}@media (max-width:768px){.learningArea{padding-top:50px;padding-bottom:50px}}.learningArea:after{position:absolute;right:0;top:0;margin:auto;width:31.51vw;height:100%;content:"";background-color:#00326b;background-image:url(../images/customer/learningBg.png);background-repeat:no-repeat;background-position:right bottom}@media (max-width:992px){.learningArea:after{display:none}}.learningArea .learningBox{position:relative;z-index:2}.learningArea .learningList{margin:0 -18px}@media (max-width:768px){.learningArea .learningList{margin:0 -10px}}.learningArea .learningItem{padding:20px 18px}@media (max-width:768px){.learningArea .learningItem{padding:0 10px}}@media (min-width:1181px){.learningArea .learningItem:hover .item{-webkit-box-shadow:0 0 17.5px 0 #17a2c9;box-shadow:0 0 17.5px 0 #17a2c9}.learningArea .learningItem:hover .btnBox .bgGradient{-webkit-box-shadow:4px 10px 15px 0px rgba(0,0,0,0.05),0 0 17.5px 0 #17a2c9;box-shadow:4px 10px 15px 0px rgba(0,0,0,0.05),0 0 17.5px 0 #17a2c9}}.learningArea .slick-slider .slick-dots{margin-left:18px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (max-width:768px){.learningArea .slick-slider .slick-dots{margin-left:10px}}@media (min-width:1181px){.learningArea .slick-slider .slick-dots li:hover button:before{background-color:#97c633}}.learningArea .slick-slider .slick-dots li.slick-active button:before{background-color:#97c633}.learningArea .item{position:relative}.learningArea .Img a{display:block}.learningArea .Img img{width:100%}.learningArea .btnBox{margin-top:0;position:absolute;right:0;bottom:0}.learningArea .btnBox .btn{min-width:auto;max-width:245px}.learningArea .btnBox .btnText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.learningArea .btnBox .btnText{font-size:15px;letter-spacing:0.3px}}.learningArea .btnBox .bgGradient{-webkit-box-shadow:none;box-shadow:none}