@charset "UTF-8";
/* ============================================ */
/* numbers-keywords
/* ============================================ */
#career #main {
  --color-category: var(--color-newgrads);
}

/* ===== top-area ===== */
#top-area .img::before {
  background-image: url(/recruit/assets/img/common/numbers-keywords/top-area.jpg);
}

/* ===== section¹²Í¨ ===== */
.section {
  padding: 80px 0;
  background: var(--color-white);
}
.section:nth-of-type(2n) {
  background: var(--color-lightnavy);
}
.section .g-title {
  margin: 0 0 2em;
}
.section .text {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .section {
    padding: 50px 0;
  }
}
/* ===== number¤Î¥µ¥¤¥ºÕ{Õû ===== */
.section01 .number img {
  width: 328.1px;
}

.section02 .number img {
  width: 439.4px;
}

.section04 .box01 .number img {
  width: 303.6px;
}
.section04 .box02 .number img {
  width: 308.1px;
}

.section05 .number img {
  width: 189px;
}

.section06 .box01 .number img {
  width: 410.6px;
}
.section06 .box02 .number img {
  width: 272.6px;
}
.section06 .box03 .number img {
  width: 393.9px;
}
.section06 .box04 .number img {
  width: 399.4px;
}

.section07 .person .number img {
  width: 503.9px;
}
.section07 .reward .number img {
  width: 390.2px;
}

.section08 .box01 .number img {
  width: 250.5px;
}
.section08 .box02 .number img {
  width: 195.2px;
}
.section08 .box03 .number img {
  width: 327px;
}
.section08 .box04 .number img {
  width: 201.4px;
}
.section08 .box05 .number img {
  width: 602.4px;
}

.section09 .number img {
  width: 518.5px;
}

@media screen and (max-width: 1400px) {
  .section06 .box01 .number img {
    width: 307.95px;
  }
  .section06 .box02 .number img {
    width: 204.45px;
  }
  .section06 .box03 .number img {
    width: 295.425px;
  }
  .section06 .box04 .number img {
    width: 299.55px;
  }
  .section08 .box01 .number img {
    width: 187.875px;
  }
  .section08 .box02 .number img {
    width: 146.4px;
  }
  .section08 .box03 .number img {
    width: 245.25px;
  }
  .section08 .box04 .number img {
    width: 151.05px;
  }
  .section08 .box05 .number img {
    width: 451.8px;
  }
}
@media screen and (max-width: 1024px) {
  .section01 .number img {
    width: 246.075px;
  }
  .section02 .number img {
    width: 329.55px;
  }
  .section04 .box01 .number img {
    width: 227.7px;
  }
  .section04 .box02 .number img {
    width: 231.075px;
  }
  .section05 .number img {
    width: 141.75px;
  }
  .section06 .box01 .number img {
    width: 246.36px;
  }
  .section06 .box02 .number img {
    width: 163.56px;
  }
  .section06 .box03 .number img {
    width: 236.34px;
  }
  .section06 .box04 .number img {
    width: 239.64px;
  }
  .section07 .person .number img {
    width: 377.925px;
  }
  .section07 .reward .number img {
    width: 292.65px;
  }
  .section08 .box01 .number img {
    width: 150.3px;
  }
  .section08 .box02 .number img {
    width: 117.12px;
  }
  .section08 .box03 .number img {
    width: 196.2px;
  }
  .section08 .box04 .number img {
    width: 120.84px;
  }
  .section08 .box05 .number img {
    width: 361.44px;
  }
  .section09 .number img {
    width: 388.875px;
  }
}
@media screen and (max-width: 768px) {
  .section01 .number img {
    width: 196.86px;
  }
  .section02 .number img {
    width: 263.64px;
  }
  .section04 .box01 .number img {
    width: 182.16px;
  }
  .section04 .box02 .number img {
    width: 184.86px;
  }
  .section05 .number img {
    width: 113.4px;
  }
  .section06 .box01 .number img {
    width: 246.36px;
  }
  .section06 .box02 .number img {
    width: 163.56px;
  }
  .section06 .box03 .number img {
    width: 236.34px;
  }
  .section06 .box04 .number img {
    width: 239.64px;
  }
  .section07 .person .number img {
    width: 302.34px;
  }
  .section07 .reward .number img {
    width: 234.12px;
  }
  .section08 .box01 .number img {
    width: 150.3px;
  }
  .section08 .box02 .number img {
    width: 117.12px;
  }
  .section08 .box03 .number img {
    width: 196.2px;
  }
  .section08 .box04 .number img {
    width: 120.84px;
  }
  .section08 .box05 .number img {
    width: 361.44px;
  }
  .section09 .number img {
    width: 311.1px;
  }
}
@media screen and (max-width: 600px) {
  .section01 .number img {
    width: 164.05px;
  }
  .section02 .number img {
    width: 219.7px;
  }
  .section04 .box01 .number img {
    width: 151.8px;
  }
  .section04 .box02 .number img {
    width: 154.05px;
  }
  .section05 .number img {
    width: 94.5px;
  }
  .section06 .box01 .number img {
    width: 205.3px;
  }
  .section06 .box02 .number img {
    width: 136.3px;
  }
  .section06 .box03 .number img {
    width: 196.95px;
  }
  .section06 .box04 .number img {
    width: 199.7px;
  }
  .section07 .person .number img {
    width: 251.95px;
  }
  .section07 .reward .number img {
    width: 195.1px;
  }
  .section08 .box01 .number img {
    width: 125.25px;
  }
  .section08 .box02 .number img {
    width: 97.6px;
  }
  .section08 .box03 .number img {
    width: 163.5px;
  }
  .section08 .box04 .number img {
    width: 100.7px;
  }
  .section08 .box05 .number img {
    width: 301.2px;
  }
  .section09 .number img {
    width: 259.25px;
  }
}
/* ===== section01/section02 ===== */
.section01 .flex-wrap,
.section02 .flex-wrap {
  display: flex;
  align-items: center;
  gap: 80px;
}
.section01 .number,
.section02 .number {
  width: 460px;
  text-align: right;
  flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
  .section01 .flex-wrap,
.section02 .flex-wrap {
    gap: 50px;
  }
  .section01 .number,
.section02 .number {
    width: 340px;
  }
}
@media screen and (max-width: 768px) {
  .section01 .flex-wrap,
.section02 .flex-wrap {
    flex-direction: column;
    gap: 20px;
  }
  .section01 .number,
.section02 .number {
    width: auto;
  }
}
/* ===== section03 ===== */
.section03 .graph-wrap {
  position: relative;
  width: 100%;
  margin: 70px 0 0;
}
.section03 .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .section03 .graph-wrap {
    margin: 50px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .section03 .graph-wrap {
    margin: 30px 0 0;
  }
}
/* ===== section04 ===== */
.section04 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.section04 .item-box {
  width: 45%;
}
.section04 .partition {
  width: 3px;
  background: var(--color-white);
}
.section04 .number {
  margin: 0 auto 30px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .section04 .flex-wrap {
    flex-direction: column;
    gap: 30px;
  }
  .section04 .item-box {
    width: 100%;
  }
  .section04 .partition {
    width: 100%;
    height: 3px;
  }
  .section04 .number {
    margin: 0 auto 20px;
  }
}
/* ===== section05 ===== */
.section05 {
  padding: 0;
}
.section05 .section-title br {
  display: none;
}
.section05 .flex-wrap {
  display: flex;
  align-items: flex-start;
}
.section05 .text-wrap {
  width: 480px;
  padding: 70px 0;
  flex-shrink: 0;
}
.section05 .number {
  text-align: center;
  margin: 0 0 30px;
}
.section05 .map {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .section05 .section-title br {
    display: block;
  }
  .section05 .text-wrap {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .section05 {
    padding: 50px 0;
  }
  .section05 .section-title br {
    display: none;
  }
  .section05 .flex-wrap {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .section05 .text-wrap {
    width: 100%;
    padding: 0;
  }
  .section05 .map {
    max-width: 420px;
  }
}
@media screen and (max-width: 600px) {
  .section05 .number {
    margin: 0 0 20px;
  }
}
/* ===== section06 ===== */
.section06 {
  padding: 50px 0;
}
.section06 .g-title {
  margin: 0 0 1.5em;
}
.section06 .flex-wrap {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding: 30px 0;
}
.section06 .flex-wrap + .flex-wrap {
  border-top: solid 5px var(--color-white);
}
.section06 .item-box {
  width: 50%;
  padding: 15px 0;
}
.section06 .partition {
  width: 3px;
  background: var(--color-white);
}
.section06 .number {
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .section06 .flex-wrap {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .section06 .flex-wrap {
    flex-direction: column;
    align-items: center;
    padding: 0 0 20px;
    gap: 20px;
  }
  .section06 .flex-wrap + .flex-wrap {
    border-top: solid 3px var(--color-white);
    padding: 20px 0 0;
  }
  .section06 .item-box {
    width: 100%;
    max-width: 360px;
    padding: 0;
  }
  .section06 .partition {
    width: 100%;
    height: 3px;
  }
  .section06 .number {
    text-align: center;
  }
}
/* ===== section07 ===== */
.section07 .flex-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.section07 .person .title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section07 .person .person-title {
  margin: 0;
}
.section07 .person .year {
  color: var(--color-category);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
.section07 .person .title-wrap + .number {
  margin: 30px 0 0;
}
.section07 .reward {
  width: 500px;
  background: var(--color-lightnavy);
  padding: 40px 50px;
  border-radius: 10px;
}
.section07 .reward .reward-title {
  color: var(--color-category);
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 1em;
}
.section07 .reward .text {
  margin: 0 0 30px;
}
.section07 .reward .number {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .section07 .person .title-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .section07 .person .year {
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .section07 .flex-wrap {
    flex-direction: column;
    gap: 30px;
  }
  .section07 .person .year {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .section07 .reward {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .section07 .person .year {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .section07 .reward {
    padding: 30px 50px;
  }
  .section07 .reward .reward-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .section07 .reward .text {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .section07 .person .year {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .section07 .reward {
    padding: 30px;
  }
}
/* ===== section08 ===== */
.section08 {
  padding: 50px 0;
}
.section08 .g-title {
  margin: 0 0 1.5em;
}
.section08 .flex-wrap {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding: 30px 0;
}
.section08 .flex-wrap + .flex-wrap {
  border-top: solid 5px var(--color-white);
}
.section08 .item-box {
  width: 28%;
  padding: 15px 0;
}
.section08 .item-box.box03 {
  width: 40%;
}
.section08 .item-box.box04 {
  width: 40%;
}
.section08 .item-box.box05 {
  width: 60%;
}
.section08 .section-title br {
  display: none;
}
.section08 .partition {
  width: 3px;
  background: var(--color-white);
}
.section08 .number {
  text-align: right;
}

@media screen and (max-width: 1400px) {
  .section08 .section-title br {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .section08 .flex-wrap {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .section08 .flex-wrap {
    flex-direction: column;
    align-items: center;
    padding: 0 0 20px;
    gap: 20px;
  }
  .section08 .flex-wrap + .flex-wrap {
    border-top: solid 3px var(--color-white);
    padding: 20px 0 0;
  }
  .section08 .item-box {
    width: 100% !important;
    max-width: 360px;
    padding: 0;
  }
  .section08 .partition {
    width: 100%;
    height: 3px;
  }
  .section08 .section-title br {
    display: none;
  }
  .section08 .number {
    text-align: center;
  }
}
/* ===== section09 ===== */
.section09 .flex-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.section09 .img {
  width: 230px;
}
.section09 .repay-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  color: var(--color-category);
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 1em;
  padding: 0 50px 0 0;
}
.section09 .repay-title .asterisk {
  display: inline-block;
  font-size: 60%;
}
.section09 .number {
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .section09 .flex-wrap {
    gap: 30px;
  }
  .section09 .img {
    width: 160px;
  }
  .section09 .number {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .section09 .flex-wrap {
    flex-direction: column;
    gap: 20px;
  }
  .section09 .repay-title {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
  }
}

/*# sourceMappingURL=numbers-keywords.css.map */