@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.underContents.recruitWrap{padding:0;-webkit-background-size:cover !important;background-size:cover !important;background-repeat:no-repeat;overflow:hidden;background-position:center bottom !important}.underContents.recruitWrap ul{display:-webkit-flex;display:flex}.underContents.recruitWrap ul li{background:rgba(255,255,255,0.9);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}.underContents.recruitWrap ul li a{display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#005396;font-weight:500;text-decoration:none;text-align:center;font-size:20px;line-height:1.5;position:relative}.underContents.recruitWrap ul li a::before,.underContents.recruitWrap ul li a::after{position:absolute;top:0;bottom:0;right:28px;margin:auto;content:"";-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.underContents.recruitWrap ul li a::before{display:block;width:8px;height:8px;margin:auto;border-top:1px solid #005396;border-right:1px solid #005396;content:"";-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #005396;border-right:1px solid #005396}.underContents.recruitWrap ul li a::after{width:21px;height:1px;background:#005396}@media screen and (min-width: 840px){.underContents.recruitWrap{height:calc(100svh - 257px);min-height:480px;background-image:url("../img/h1Bg/bgRecruit.jpg")}.underContents.recruitWrap ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100svh - 257px);min-height:480px}.underContents.recruitWrap ul li{margin:0 0 110px 0;width:45%;height:100px;position:relative;z-index:0}.underContents.recruitWrap ul li::after{position:absolute;bottom:0;left:0;z-index:-1;width:0;height:100%;content:"";-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;background-image:-webkit-linear-gradient(left, #005396, #00a0dc);background-image:-o-linear-gradient(left, #005396, #00a0dc);background-image:linear-gradient(to right, #005396, #00a0dc);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0}.underContents.recruitWrap ul li:hover::after{width:100%;opacity:1}.underContents.recruitWrap ul li a,.underContents.recruitWrap ul li a::before,.underContents.recruitWrap ul li a::after{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.underContents.recruitWrap ul li a:hover{color:#FFF}.underContents.recruitWrap ul li a:hover::before,.underContents.recruitWrap ul li a:hover::after{right:22px}.underContents.recruitWrap ul li a:hover::before{border-top:1px solid #FFF;border-right:1px solid #FFF}.underContents.recruitWrap ul li a:hover::after{background:#FFF}}@media screen and (max-width: 840px){.underContents.recruitWrap{height:calc(100svh - 96px);min-height:360px;max-height:850px;background-image:url("../img/h1Bg/bgRecruit-ph.jpg");background-position:right bottom !important}.underContents.recruitWrap ul{-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;height:calc(100svh - 96px);min-height:360px;max-height:850px;padding-top:80px}.underContents.recruitWrap ul li{width:100%;max-width:400px;height:80px;margin:0 0 30px 0}.underContents.recruitWrap ul li a{font-size:18px}}@media screen and (max-width: 520px){.underContents.recruitWrap{max-height:600px}.underContents.recruitWrap ul{max-height:600px}.underContents.recruitWrap ul li a{font-size:16px}}
