@charset "UTF-8";.infoArea .infoItem .item{-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}.mainArea{padding:0;min-height:calc(100vh - 340px)}.infoArea{padding-top:105px;background-color:#f7f7f7;position:relative;overflow:hidden}@media (max-width:900px){.infoArea{padding:60px 0}}@media (max-width:768px){.infoArea{padding:50px 0 40px}}.infoArea:before{content:"";position:absolute;right:0;top:0;background-image:url(../images/hr/workplaceBg.png);background-repeat:no-repeat;background-color:#00326b;background-position:right bottom;width:37.24vw;height:100%;z-index:1}@media (max-width:900px){.infoArea:before{display:none}}.infoArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:2}@media (max-width:900px){.infoArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.infoArea .titleBox{text-align:left}.infoArea .titleBox .title{font-size:26px;line-height:1.5;font-weight:600;letter-spacing:0.52px;padding-right:30px}@media (max-width:900px){.infoArea .titleBox .title{padding-right:0}}.infoArea .titleBox .text{padding-top:21px}.infoArea .leftBox{width:600px;padding:17px 95px 40px 0}@media (max-width:1180px){.infoArea .leftBox{width:500px;padding-right:40px}}@media (max-width:900px){.infoArea .leftBox{width:100%;padding:20px 0 0 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.infoArea .rightBox{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:900px){.infoArea .rightBox{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}}.infoArea .rightBox .Img img{width:100%}.infoArea .slogan{position:absolute;left:27px;bottom:-20px;color:#ededed;font-size:150px;font-weight:bold;line-height:1;letter-spacing:1.5px}@media (max-width:1200px){.infoArea .slogan{left:20px}}@media (max-width:480px){.infoArea .slogan{display:none}}.infoArea .slogan span{display:block}.infoArea .slogan span:first-child{padding-left:30px;padding-bottom:7px}.infoArea .infoList{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -15px}@media (max-width:480px){.infoArea .infoList{margin:0 -5px}}@media (max-width:360px){.infoArea .infoList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0}}.infoArea .infoItem{padding:0 15px}@media (max-width:480px){.infoArea .infoItem{padding:0 5px 30px}}@media (max-width:360px){.infoArea .infoItem{padding:10px 0;width:100%}}.infoArea .infoItem:first-child .item{background-color:#44c3da}.infoArea .infoItem:nth-child(2) .item{background-color:#97c633}.infoArea .infoItem:nth-child(3) .item{background-color:#00326b}@media (min-width:1181px){.infoArea .infoItem:hover .item{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.infoArea .infoItem .item{min-width:110px;padding:20px 23px;position:relative;--bGapSize:13;--bBorderSize:1;text-align:center}@media (max-width:480px){.infoArea .infoItem .item{min-width:auto;padding:20px 15px}}.infoArea .infoItem .item:after,.infoArea .infoItem .item:before{position:absolute;top:7px;height:calc(100% - 14px);background-color:rgba(250,250,250,0.4);content:"";width:12px;clip-path:polygon(calc(100% - var(--bBorderSize) * 1px) calc(var(--bGapSize) * 1px),calc(100% - var(--bBorderSize) * 1px) calc(var(--bBorderSize) * 1px),calc(100% - (var(--bGapSize)) * 1px) calc(var(--bBorderSize) * 1px),calc(100% - (var(--bGapSize)) * 1px) 0px,100% 0px,100% calc(var(--bGapSize) * 1px),100% calc(100% - (var(--bGapSize)) * 1px),calc(100% - var(--bBorderSize) * 1px) calc(100% - var(--bGapSize) * 1px),calc(100% - var(--bBorderSize) * 1px) calc(100% - var(--bBorderSize) * 1px),calc(100% - (var(--bGapSize)) * 1px) calc(100% - var(--bBorderSize) * 1px),calc(100% - (var(--bGapSize)) * 1px) 100%,100% 100%,100% calc(var(--bGapSize) * 1px))}.infoArea .infoItem .item:before{left:7px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.infoArea .infoItem .item:after{right:7px}.infoArea .infoItem .Img a{display:block}.infoArea .infoItem .Img img{max-width:50px;margin:0 auto}@media (min-width:361px) and (max-width:480px){.infoArea .infoItem .Img img{max-width:50%}}.infoArea .infoItem .Txt{padding-top:5px}@media (max-width:480px){.infoArea .infoItem .Txt{padding-top:10px}}.infoArea .infoItem .Txt .title{color:#ffffff;font-size:16px;font-weight:500;letter-spacing:0.32px}@media (max-width:480px){.infoArea .infoItem .Txt .title{font-size:14px;letter-spacing:0.28px}}.infoArea .infoItem .Txt a{color:#ffffff;display:block}.joinArea{position:relative;padding-top:75px;padding-bottom:110px}@media (max-width:992px){.joinArea{padding-top:60px;padding-bottom:60px}}@media (max-width:768px){.joinArea{padding-top:40px;padding-bottom:40px}}.joinArea:before{content:"";position:absolute;left:0;top:0;background-image:url(../images/hr/joinBg.png);background-repeat:no-repeat;background-color:#00326b;background-position:left bottom;width:22.656vw;height:100%}@media (max-width:1180px){.joinArea:before{display:none}}.joinArea .titleBox{margin-bottom:40px}.joinArea .titleBox:not(:has(.flex)) .decoTitle{font-size:48px}@media (max-width:1180px){.joinArea .titleBox:not(:has(.flex)) .decoTitle{font-size:40px}}@media (max-width:375px){.joinArea .titleBox:not(:has(.flex)) .decoTitle{font-size:12vw}}@media (max-width:360px){.joinArea .titleBox:not(:has(.flex)) .decoTitle{font-size:11vw}}.joinArea .titleBox:not(:has(.flex)) .decoTitle span:before{left:-16px}@media (max-width:1180px){.joinArea .titleBox:not(:has(.flex)) .decoTitle span:before{top:25px}}@media (max-width:375px){.joinArea .titleBox:not(:has(.flex)) .decoTitle span:before{left:-10px;top:8.5vw}}.joinArea .titleBox:not(:has(.flex)) .title{font-size:39px;font-weight:600;letter-spacing:0.78px;margin-top:0}@media (max-width:1180px){.joinArea .titleBox:not(:has(.flex)) .title{font-size:30px;letter-spacing:0.6px}}@media (max-width:480px){.joinArea .titleBox:not(:has(.flex)) .title{font-size:28px;letter-spacing:0.56px}}.joinArea .titleBox:not(:has(.flex)) .title:before{margin-right:20px}@media (max-width:1180px){.joinArea .titleBox:not(:has(.flex)) .decoTitle span:before{top:22px;left:-19px}}@media (max-width:375px){.joinArea .titleBox:not(:has(.flex)) .decoTitle span:before{left:-16px;top:7vw}}.joinArea .titleBox .text{padding-top:35px;max-width:80%}@media (max-width:667px){.joinArea .titleBox .text{padding-top:30px}}.joinArea .titleBox .text{max-width:910px;margin:0 auto}.joinArea .classBoxRow{margin-bottom:35px}@media (min-width:1181px){.joinArea .classBoxRow .classLink li{border-bottom:1px solid #d3d3d3}.joinArea .classBoxRow .classLink li:not(:last-child){padding-right:55px}.joinArea .classBoxRow .classLink li:not(:last-child):after{display:none}.joinArea .classBoxRow .classLink .classTrigger,.joinArea .classBoxRow .classLink a{font-family:"Noto Sans SC","Microsoft JhengHei",sans-serif;padding:20px 0;position:relative;letter-spacing:0.36px}.joinArea .classBoxRow .classLink .classTrigger:after,.joinArea .classBoxRow .classLink a:after{position:absolute;content:"";left:0;right:auto;top:auto;bottom:-2px;width:0;height:3px;background-color:#00326b}}@media (min-width:1181px) and (min-width:1181px){.joinArea .classBoxRow .classLink .classTrigger:hover,.joinArea .classBoxRow .classLink a:hover{color:#00326b;cursor:pointer}}@media (min-width:1181px){.joinArea .classBoxRow .classLink .classTrigger.current,.joinArea .classBoxRow .classLink a.current{color:#00326b}.joinArea .classBoxRow .classLink .classTrigger.current:after,.joinArea .classBoxRow .classLink a.current:after{width:100%}}.joinArea .unClick{pointer-events:none}.joinArea .joinBox{position:relative;z-index:2;-webkit-transition:all 0.4s;transition:all 0.4s;padding-bottom:20px}.joinArea .joinBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}.joinArea .joinList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -18.5px}@media (max-width:992px){.joinArea .joinList{margin:0 -12.5px}}@media (max-width:480px){.joinArea .joinList{margin:0}}.joinArea .joinItem{width:33.33%;padding:0 18.5px 45px}@media (max-width:992px){.joinArea .joinItem{padding:0 12.5px 35px}}@media (max-width:900px){.joinArea .joinItem{width:50%}}@media (max-width:480px){.joinArea .joinItem{padding:0 0 25px;width:100%}}.joinArea .item{height:100%;background-color:#ffffff;-webkit-box-shadow:3.18px 5.088px 11px 0px rgba(0,0,0,0.04);box-shadow:3.18px 5.088px 11px 0px rgba(0,0,0,0.04)}.joinArea .Txt{padding:20px 30px}@media (max-width:768px){.joinArea .Txt{padding:20px 20px}}.joinArea .Txt>.title{color:#3c3c3c;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:0.48px;text-align:center;border-bottom:1px solid #d6d6d6;padding-bottom:18px;margin-bottom:12px}@media (max-width:768px){.joinArea .Txt>.title{font-size:22px;letter-spacing:0.44px;padding-bottom:15px;margin-bottom:15px}}.joinArea .Txt .text{color:#777777;font-size:17px;font-weight:500;line-height:1.7;letter-spacing:0.34px}.joinArea .Txt .depiction{color:#777777;font-size:17px;font-weight:500;line-height:1.7;letter-spacing:0.34px;margin-top:20px}.joinArea .Txt .depiction .title,.joinArea .Txt .depiction span{color:#537298;margin-right:2px}.joinArea .Txt .btnBox{margin-top:25px;max-width:160px}.joinArea .Txt .btnBox .btn{min-width:160px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:none;box-shadow:none}