/* Reset */
@import url('../reset.css');

/* Common */
@import url('../common/header.css');
@import url('../common/footer.css');
@import url('../common/visual.css');
@import url('../common/components.css');
@import url('../common/common-layout.css');
@import url('../common/tab.css');
@import url('../common/layout-top.css');

.center { display: flex; flex-direction: column; align-items: center; position: relative; }
.center:after { content: ''; position: absolute; top: 80px; right: 0; width: 1px; height: calc(100% - 80px); background-color: #eaeaea; }
.business-contents__type > div:last-of-type .center:after { display: none; }

.business-tab__container h3 { font-size: 30px; color: var(--main); line-height: 42px; font-weight: 700; }  
.business-contents__type { display: flex; justify-content: space-between; margin-top: 50px; }
.business-contents__type > div { width: calc(50% - 10px); }
.business-contents__type > div h4 { font-size: 24px; line-height: 34px; font-weight: 500; }

.business-contents__images { margin: 50px 0 80px 0; }
.business-contents__images img { width: 440px; }

.business-contents__info { display: flex; }
.business-contents__info > div { text-align: center; }
.business-contents__info > div + div { margin-left: 50px; }
.business-contents__info h5 { font-size: 24px; line-height: 34px; font-weight: 700; margin: 20px 0; }
.business-contents__info p { font-size: 18px; line-height: 26px; color: var(--gray); }
.business-contents__info .business-content__icon { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--main); border-radius: 10px; margin: 0 auto; }


.business-contents2 { margin: 190px 0 0 0; }
.business-contents2 .business-contents__image { margin: 50px 0 160px 0; }
.business-contents2 .business-contents__image img { width: 1130px; margin: 0 auto; display: block; }

.business-contents3 { border: 1px solid #EAEAEA; border-radius: 30px; padding: 37px 50px; margin-bottom: 180px; }
.business-contents__pdf { display: flex; align-items: center; position: relative; }
.business-contents__pdf h5 { font-size: 20px; line-height: 30px; font-weight: 500; color: var(--main); }
.business-contents__pdf p { font-size: 18px; line-height: 26px; color: var(--gray); margin-left: 90px; }
.business-contents__pdf a { position: absolute; right: 0; }

/* PAB SERIES */
.business-tab__pab--layout { display: flex; align-items: center; }
.business-tab__pab--layout ul li { width: 210px; text-align: center; }


@media (max-width: 1360px){
  .center { border-right: 0; }

  .business-contents__type { display: block; }
  .business-contents__type > div { width: 440px; margin: 0 auto; }
  .business-contents__type > div + div { margin-top: 130px; }

  .business-contents2 .business-contents__image { margin: 50px 0 140px 0; }
  .business-contents2 .business-contents__image img { width: 100%; }

  .business-contents__pdf p { display: none; }

  .business-contents3 { margin-bottom: 160px; }

  /* PAB SERIES */
  .business-tab__pab--layout { display: block; width: 440px; margin: 50px auto 80px auto; }
  .business-tab__pab--layout ul { flex-wrap: wrap; margin-top: 50px; }
  .business-tab__pab--layout ul li { width: 220px; text-align: center; }

  .business-tab__pab--layout ul li:nth-of-type(3),
  .business-tab__pab--layout ul li:nth-of-type(4) { margin-top: 50px; }
}

@media (max-width: 768px){
  .business-contents__type > div { width: 100%; }
  .business-contents__images img { width: 100%; }

  .business-tab__container h3 { font-size: 24px; line-height: 34px; }
  .business-contents__type { margin-top: 30px; }
  .business-contents__type > div + div { margin-top: 97px; }
  .business-contents__type > div h4 { font-size: 20px; line-height: 30px; }

  .business-contents__images { margin: 30px 0 50px 0; }

  .business-contents__info { justify-content: space-between; width: 100%; }
  .business-contents__info h5 { font-size: 20px; line-height: 30px; }
  .business-contents__info p { font-size: 14px; line-height: 20px; }
  .business-contents__info > div { width: calc(50% - 10px); }
  .business-contents__info > div + div { margin-left: 0; }
  .business-contents__info .business-content__icon { width: 55px; height: 55px; }

  .business-contents2 { margin: 137px 0 0 0; }
  .business-contents2 .business-contents__image { margin: 30px 0 120px 0; }

  .business-contents3 { padding: 32px 20px; margin-bottom: 140px; }
  .business-contents__pdf h5 { font-size: 18px; line-height: 26px; }

  /* PAB SERIES */
  .business-tab__pab--layout { display: block; width: 100%; margin: 30px auto 80px auto; }
  .business-tab__pab--layout > img { width: 100%; }
  .business-tab__pab--layout ul { margin-top: 30px; }
  .business-tab__pab--layout ul li { width: calc(50% - 8px); justify-content: space-between; }
}