.wrap { overflow-x: hidden; }
.page_open_info { text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 100vh; background: linear-gradient(316deg, #EBD6FF 0.9%, #FFF 58.08%, #E1F1F9 99.48%); position: relative; }
.page_open_info:before { content: ''; position: absolute; left: 196px; top: 0; width: 1724px; aspect-ratio: 1724/479; background: url(../../images/bg01.png) no-repeat center / contain; }
.page_open_info:after { content: ''; position: absolute; left: 0; bottom: 0; width: 1887px; aspect-ratio: 1887/549; background: url(../../images/bg02.png) no-repeat center / contain; }
.page_open_info .inner { width: 100%; height: 100%; padding: 70px 24px; display: flex; flex-direction: column; gap: 61px; align-items: center; justify-content: center; position: relative; z-index: 1; }
.page_open_info .page_head .box { padding: 40px 64px; border-radius: 20px; border: 2px solid #b8def4; background: #fff; font-size: 24px; max-width: 848px; position: relative; }
.page_open_info .page_head .box:after { content: ''; position: absolute; right: -24px; top: -37px; background: url(../../images/img01.png) no-repeat center / contain; width: 79px; aspect-ratio: 79/93; }
.page_open_info .content_area { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 58px; }
.page_open_info .content_title { font-size: 28px; font-weight: 700; }
.page_open_info .content_title strong { font-size: 36px; color: #722e99; }
.page_open_info .link_area { display: flex; gap: 48px; }
.page_open_info .link_area .link_box { display: flex; flex-direction: column; padding: 40px; background: #fff; border-radius: 24px; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08); width: 400px; aspect-ratio: 400/319; align-items: center; justify-content: center; position: relative; transition: background 0.15s; }
.page_open_info .link_area .link_box:hover { background: linear-gradient(180deg, #b2d6ff 0%, #b2bcff 100%), #b2d6ff; }
.page_open_info .link_area .yeongjong .link_box:after { content: ''; position: absolute; width: 148px; aspect-ratio: 148/159; left: -84px; bottom: -11px; background: url(../../images/img02.svg) no-repeat center / contain; }
.page_open_info .link_area .chemulpo .link_box:after { content: ''; position: absolute; width: 230px; aspect-ratio: 230/165; right: -139px; bottom: -11px; background: url(../../images/img03.svg) no-repeat center / contain; }
.page_open_info .link_area .link_box span { display: block; }
.page_open_info .link_area .link_box .logo { margin-bottom: 8px; }
.page_open_info .link_area .link_box .title { font-size: 28px; font-weight: 700; margin-bottom: 32px; }
.page_open_info .link_area .link_box .button { display: inline-flex; align-items: center; justify-content: center; padding: 0 58px 0 32px; height: 53px; border-radius: 99px; color: #fff; background: #007EB4; position: relative; font-size: 19px; font-weight: 700; }
.page_open_info .link_area .link_box .button:after { content: ''; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 24px; aspect-ratio: 1/1; background: url(../../images/icon_arr.svg) no-repeat center / contain; }
.page_open_info .link_area .chemulpo .link_box .button { background: #0D3190; }
@media screen and (max-width: 1280px) {
  .page_open_info .link_area { gap: 32px; }
  .page_open_info .link_area .link_box { width: 340px; }
}
@media screen and (max-width: 1024px) {
  .page_open_info .inner { gap: 48px; padding-bottom: 48px; }
  .page_open_info .page_head .box { font-size: 20px; padding: 32px 64px; }
  .page_open_info .page_head .box:after { right: -16px; top: -36px; width: 68px; }
  .page_open_info .content_area { width: 100%; gap: 32px; }
  .page_open_info .content_title { font-size: 24px; }
  .page_open_info .content_title strong { font-size: 30px; }
  .page_open_info .link_area { flex-direction: column; width: 100%; gap: 24px; }
  .page_open_info .link_area .link_box { width: 100%; aspect-ratio: 4/1; display: block; padding: 28px 40px; text-align: left; }
  .page_open_info .link_area .link_box .logo { margin-bottom: 4px; }
  .page_open_info .link_area .link_box .logo img { width: 88px; }
  .page_open_info .link_area .link_box .title { font-size: 20px; margin-bottom: 8px; }
  .page_open_info .link_area .link_box .button { height: 38px; font-size: 16px; padding: 0 48px 0 24px; border-radius: 8px; }
  .page_open_info .link_area .link_box .button:after { right: 12px; }
  .page_open_info .link_area .yeongjong .link_box { padding-right: 106px; }
  .page_open_info .link_area .yeongjong .link_box:after { left: auto; right: 24px; bottom: 16px; width: 108px; }
  .page_open_info .link_area .chemulpo .link_box:after { right: 24px; bottom: 16px; width: 172px; }
}
@media screen and (max-width: 480px) {
  .page_open_info .inner { padding-top: 48px; }
  .page_open_info .page_head .box { font-size: 18px; padding: 24px 32px; }
  .page_open_info .content_title { font-size: 20px; }
  .page_open_info .content_title strong { font-size: 24px; }
  .page_open_info .link_area .link_box { padding: 20px 32px; }
  .page_open_info .link_area .yeongjong .link_box:after { right: 16px; width: 86px; }
  .page_open_info .link_area .chemulpo .link_box:after { right: 16px; width: 112px; }
}