._s._position{ width: 100%; position: relative; overflow: hidden; }
._s._position ._cont{ padding-top: 130px; }
._s._position .bxwrap{ display: grid; position: relative; grid-template-columns: repeat(2, 1fr); width: 93%; margin: 0 auto; }

._s._position .bxwrap .marks{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
._s._position .bxwrap .marks > div{ font-size: 26px; letter-spacing: -0.025em; color: #fff; font-weight: 600; padding: 16px 30px; box-sizing: border-box; border-radius: 30px; position: absolute; transform: translate(-50%, -50%); white-space: nowrap; z-index: 2; }
._s._position .bxwrap .marks > div.top{ background-color: #185eed; top: 0; left: 50%;  }
._s._position .bxwrap .marks > div.left{ background-color: #292c6f; top: 50%; left: 0; }
._s._position .bxwrap .marks > div.right{ background-color: #f61b2b; top: 50%; left: 100%; }
._s._position .bxwrap .marks > div.bottom{ background-color: #185eed; top: 100%; left: 50%; }
._s._position .bxwrap .marks > div.topright{ top: 0; left: 58%; transform: translate(0, -50%); padding: 0; }
._s._position .bxwrap .marks > div.topright p{ font-size: 14px; letter-spacing: -0.025em; color: #777777; line-height: calc(24 / 14); font-weight: 400; }

._s._position .bxwrap .bx{ box-sizing: border-box; position: relative; height: 450px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
._s._position .bxwrap .bx._1{ border-right: 1px solid #dddddd; border-bottom: 1px solid #ddd; }
._s._position .bxwrap .bx._2{ border-bottom: 1px solid #ddd; }
._s._position .bxwrap .bx._3{ border-right: 1px solid #ddd; padding-right: calc(235 / 1440 * 100%); }
._s._position .bxwrap .bx._4{ padding-left: calc(235 / 1440 * 100%); }
._s._position .bxwrap .bx._5{ border: 1px solid #ddd; box-sizing: border-box; border-radius: 20px; position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 50%; max-width: 315px; height: 295px; }

._s._position .bxwrap .bx._5 small{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; font-size: 16px; letter-spacing: -0.025em; border-radius: 30px; background-color: #185eed; color: #fff; white-space: nowrap; z-index: 10; }

._s._position .bxwrap .bx > ul{ width: 100%; display: flex; justify-content: center; align-items: flex-end; margin-bottom: 30px; }
._s._position .bxwrap .bx > ul:last-of-type{ margin-bottom: 0; }

._s._position .bxwrap .bx > ul li{ margin-right: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
._s._position .bxwrap .bx > ul li:last-of-type{ margin-right: 0; }
._s._position .bxwrap .bx > ul li span{ font-size: 14px; letter-spacing: -0.025em; margin-top: 10px; text-align: center; font-weight: 600; }
._s._position .bxwrap .bx > strong{ font-size: 20px; letter-spacing: -0.025em; margin-top: 35px; text-align: center; }

._s._position ._cont .mob{ width: 90%; margin: 0 auto; margin-bottom: 10px; font-size: 14px; color: #777777; text-align: right; display: none; }

@media screen and (max-width: 1280px){
    ._s._position .bxwrap .marks > div{ padding: 13px 20px; font-size: 20px; }
    ._s._position .bxwrap .marks > div.topright{ left: 60%; }
    ._s._position .bxwrap .bx{ height: 390px; }
    ._s._position .bxwrap .bx > strong{ font-size: 16px; }
    ._s._position .bxwrap .bx > ul li{ margin-right: 20px; }
    ._s._position .bxwrap .bx._3{ padding-right: calc(475 / 1440 * 100%); }
    ._s._position .bxwrap .bx._5{ width: 30%; bottom: 50px; }
}

@media screen and (max-width: 1024px){
    ._s._position ._cont{ padding-top: 70px; }
    ._s._position ._cont .mob{ display: block; }
    ._s._position ._cont > .wrap{ overflow: auto; padding: 50px; box-sizing: border-box; border-radius: 10px; border: 1px solid #ccc; box-sizing: border-box; }
    ._s._position .bxwrap{ width: 900px; }
    ._s._position .bxwrap .marks > div{ padding: 10px 15px; font-size: 16px; }
    ._s._position .bxwrap .marks > div.topright{ left: 58%; }
    ._s._position .bxwrap .marks > div.topright p{ font-size: 12px; }

    ._s._position .bxwrap .bx{ height: 300px; }
    ._s._position .bxwrap .bx > strong{ font-size: 14px; margin-top: 15px; }
    ._s._position .bxwrap .bx > ul{ margin-bottom: 15px; }
    ._s._position .bxwrap .bx > ul li{ margin-right: 10px; }
    ._s._position .bxwrap .bx._5{ bottom: 30px; height: 255px; }
    ._s._position .bxwrap .bx._5 small{ font-size: 14px; padding: 7px 10px; }
}