@charset "utf-8";

html, body, div, p, span, ul, li, a, button, input, form, h1, h2, h3, h4, h5 { margin: 0; padding: 0; box-sizing: border-box; line-height: 1; }
body { font-family: 'Pretendard', sans-serif; }
img { display: block; width: 100%; height: auto; }
input, select, button { border: 0 none; background: none; outline: none; appearance: none; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
html { scroll-behavior: smooth; }
.fade-up { transform: translateY(20px); opacity: 0; transition: transform 1s ease, opacity 1s ease; }
.active .fade-up { transform: translateY(0); opacity: 1; }
.fade-down { transform: translateY(-20px); opacity: 0; transition: transform 1s ease, opacity 1s ease; }
.active .fade-down { transform: translateY(0); opacity: 1; }

.btn { position: absolute; border: 0 none; background: none; outline: none; appearance: none; }
.section .trigger { position: absolute; top: 10%; left: 0; width: 100%; height: 80%; pointer-events: none; }

.wrap.pc { display: none; }
.wrap.mo { position: relative; margin: 0 auto; width: 100rem; }

.mo .header-wrap { position: relative; width: 100%; height: 14.4444rem; background-color: #fff; }
.mo .header { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; margin: 0 auto; padding: 0 6.1111rem; }
.mo .header h1 { width: 30.6481rem; }
.mo .header .tel-numbers { width: 31.0185rem; }

.mo .section { position: relative; }
.mo .section-inner { position: relative; width: 100%; }
.mo .section .text { position: absolute; }
.mo .section .graph-text { position: absolute; }
.mo .section .card { position: absolute; }

.mo .section-1 .text { position: absolute; bottom: 0; left: 9.6%; font-size: 1.8519rem; font-weight: 200; line-height: 1.5; color: #818181; letter-spacing: -.06rem; }

.mo .section-2 .content-wrap { position: absolute; top: 37.1296rem; left: 0; width: 100%; height: 42.0370rem; }
.mo .section-2 .content-wrap .graph-top { position: absolute; top: 0; left: 22.6852rem; font-size: 2.4074rem; letter-spacing: -.1rem; color: #808080; }
.mo .section-2 .content-wrap .graph-bottom { position: absolute; bottom: 0; left: 22.6852rem; font-size: 1.9444rem; letter-spacing: -.21rem; color: #222; }
.mo .section-2 .content-wrap .label-wrap { position: absolute; top: 4.2593rem; left: 0; width: 21.7593rem; height: 32.6852rem; border-right: .1rem solid #000; display: flex; flex-direction: column; justify-content: space-between; }
.mo .section-2 .content-wrap .label-wrap .label { display: flex; align-items: center; width: 100%; padding-left: 9.2593rem; font-size: 3.2407rem; font-weight: 600; letter-spacing: -.1rem; color: #222; }
.mo .section-2 .content-wrap .label-wrap .label-1 { height: 25%; }
.mo .section-2 .content-wrap .label-wrap .label-2 { height: 26%; }
.mo .section-2 .content-wrap .label-wrap .label-3 { height: 28%; }
.mo .section-2 .content-wrap .graph-wrap { position: absolute; top: 4.2593rem; left: 21.7593rem; width: 56.9444rem; height: 32.6852rem; display: flex; flex-direction: column; justify-content: space-between; }
.mo .section-2 .content-wrap .graph-wrap .graph { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 2.7778rem; font-weight: 600; letter-spacing: -.1rem; color: #fff; overflow: hidden; transition: text-shadow .5s ease-in-out; }
.mo .section-2 .content-wrap .graph-wrap .graph span { display: block; z-index: 1; }
.mo .section-2 .content-wrap .graph-wrap .graph::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); border-top-right-radius: 4.6296rem; border-bottom-right-radius: 4.6296rem; transition: transform 1s ease-in-out; }
.mo .section-2 .content-wrap .graph-wrap .graph-1 { width: 46%; height: 25%; font-size: 3.7037rem; transition-delay: .75s; color: #f5f4f4; }
.mo .section-2 .content-wrap .graph-wrap .graph-1::before { background: linear-gradient(90deg,#b1b1b1,#cbcbcb); box-shadow: 0 0 1rem #b1b1b1 inset; transition-duration: .75s; }
.mo .section-2 .content-wrap .graph-wrap .graph-2 { width: 68%; height: 26%; font-size: 4.1667rem; transition-delay: 1.5s; color: #f4f4f4; }
.mo .section-2 .content-wrap .graph-wrap .graph-2::before { background: linear-gradient(90deg,#4ab6ff,#73c6ff); box-shadow: 0 0 1rem #4ab6ff inset; transition-delay: .75s; }
.mo .section-2 .content-wrap .graph-wrap .graph-3 { width: 100%; height: 28%; font-size: 4.6296rem; transition-delay: 3s; color: #f4f3f3; }
.mo .section-2 .content-wrap .graph-wrap .graph-3::before { background: linear-gradient(90deg,#0487e0,#3dacf8); box-shadow: 0 0 1rem #0487e0 inset; transition-duration: 1.5s; transition-delay: 1.5s; }
.mo .section-2 .content-wrap .graph-text-wrap .graph-text-1 { top: 11.6%; left: 49.9%; width: 22%; transition-delay: 1s; }
.mo .section-2 .content-wrap .graph-text-wrap .graph-text-2 { top: 37%; left: 62.5%; width: 28%; transition-delay: 2s; }
.mo .section-2 .text-1 { top: 61.9%; left: 22%; width: 56%; transition-delay: 2s; }
.mo .section-2 .text-2 { top: 72%; left: 11.5%; width: 77.4%; transition-delay: 2.5s; }

.mo .section-2.active .content-wrap .graph-wrap .graph { text-shadow: 0 0 .5rem #0003; }
.mo .section-2.active .content-wrap .graph-wrap .graph-1::before { transform: translateX(0); }
.mo .section-2.active .content-wrap .graph-wrap .graph-2::before { transform: translateX(0); }
.mo .section-2.active .content-wrap .graph-wrap .graph-3::before { transform: translateX(0); }

.mo .section-3 .text-label { top: 62.9%; left: 11.7%; width: 15.6%; transition-delay: .25s; }
.mo .section-3 .text-content { top: 58.1%; left: 25.7%; width: 66%; transition-delay: 1s; }

.mo .section-4 .content-wrap { position: absolute; top: 40.9259rem; left: 0; width: 100%; height: 37.5000rem; }
.mo .section-4 .content-wrap .graph-bottom { position: absolute; bottom: 0; left: 22.6852rem; font-size: 1.9444rem; letter-spacing: -.1rem; color: #222; }
.mo .section-4 .content-wrap .label-wrap { position: absolute; top: 0; left: 0; width: 21.7593rem; height: 32.6852rem; border-right: .1rem solid #000; display: flex; flex-direction: column; justify-content: space-between; }
.mo .section-4 .content-wrap .label-wrap .label { display: flex; align-items: center; width: 100%; padding-left: 9.2593rem; font-size: 3.2407rem; font-weight: 600; letter-spacing: -.1rem; color: #222; }
.mo .section-4 .content-wrap .label-wrap .label-1 { height: 25%; }
.mo .section-4 .content-wrap .label-wrap .label-2 { height: 26%; }
.mo .section-4 .content-wrap .label-wrap .label-3 { height: 28%; }
.mo .section-4 .content-wrap .graph-wrap { position: absolute; top: 0; left: 21.7593rem; width: 56.9444rem; height: 32.6852rem; display: flex; flex-direction: column; justify-content: space-between; }
.mo .section-4 .content-wrap .graph-wrap .graph { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 2.7778rem; font-weight: 600; letter-spacing: -.1rem; color: #fff; overflow: hidden; transition: text-shadow .5s ease-in-out; }
.mo .section-4 .content-wrap .graph-wrap .graph span { display: block; z-index: 1; }
.mo .section-4 .content-wrap .graph-wrap .graph::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); border-top-right-radius: 4.6296rem; border-bottom-right-radius: 4.6296rem; transition: transform 1s ease-in-out; }
.mo .section-4 .content-wrap .graph-wrap .graph-1 { width: 46%; height: 25%; font-size: 3.7037rem; transition-delay: .75s; color: #ffffff; }
.mo .section-4 .content-wrap .graph-wrap .graph-1::before { background: linear-gradient(90deg,#b1b1b1,#cbcbcb); box-shadow: 0 0 1rem #b1b1b1 inset; transition-duration: .75s; }
.mo .section-4 .content-wrap .graph-wrap .graph-2 { width: 68%; height: 26%; font-size: 4.1667rem; transition-delay: 1.5s; color: #ffffff; }
.mo .section-4 .content-wrap .graph-wrap .graph-2::before { background: linear-gradient(90deg,#4ab6ff,#73c6ff); box-shadow: 0 0 1rem #4ab6ff inset; transition-delay: .75s; }
.mo .section-4 .content-wrap .graph-wrap .graph-3 { width: 100%; height: 28%; font-size: 4.6296rem; transition-delay: 3s; color: #fefefe; }
.mo .section-4 .content-wrap .graph-wrap .graph-3::before { background: linear-gradient(90deg,#0487e0,#3dacf8); box-shadow: 0 0 1rem #0487e0 inset; transition-duration: 1.5s; transition-delay: 1.5s; }
.mo .section-4 .content-wrap .graph-text-wrap .graph-text-1 { top: 3.6%; left: 49.9%; width: 22%; transition-delay: 1s; }
.mo .section-4 .content-wrap .graph-text-wrap .graph-text-2 { top: 35%; left: 61.7%; width: 29.7%; transition-delay: 2s; }

.mo .section-4.active .content-wrap .graph-wrap .graph { text-shadow: 0 0 .5rem #0003; }
.mo .section-4.active .content-wrap .graph-wrap .graph-1::before { transform: translateX(0); }
.mo .section-4.active .content-wrap .graph-wrap .graph-2::before { transform: translateX(0); }
.mo .section-4.active .content-wrap .graph-wrap .graph-3::before { transform: translateX(0); }

.mo .section-6 .text { height: 5.9259rem; }
.mo .section-6 .text img { width: auto; height: 100%; }
.mo .section-6 .text-1 { top: 8.1rem; left: 24.4rem; transition-delay: .25s; }
.mo .section-6 .text-2 { top: 8.1rem; left: 48rem; transition-delay: .5s; }
.mo .section-6 .text-3 { top: 16.4rem; left: 17.1rem; transition-delay: .75s; }
.mo .section-6 .text-4 { top: 24.4rem; left: 28.2rem; transition-delay: 1s; }

.mo .section-7 .text { position: absolute; bottom: 5.5%; left: 6.3%; font-size: 2rem; font-weight: 200; line-height: 1.5; color: #818181; letter-spacing: -.06rem; }

.mo .section-8 .card { height: 52.5rem; }
.mo .section-8 .card img { width: auto; height: 100%; }
.mo .section-8 .card-1 { top: 13.6%; left: 2.3%; transition-delay: .25s; }
.mo .section-8 .card-2 { top: 13.6%; right: 2.3%; transition-delay: .25s; }
.mo .section-8 .card-3 { top: 32.2%; left: 2.3%; transition-delay: .5s; }
.mo .section-8 .card-4 { top: 32.2%; right: 2.3%; transition-delay: .5s; }
.mo .section-8 .card-5 { top: 50.5%; left: 2.3%; transition-delay: .75s; }
.mo .section-8 .card-6 { top: 50.5%; right: 2.3%; transition-delay: .75s; }
.mo .section-8 .card-7 { top: 68.9%; left: 25.5%; transition-delay: 1s; }

.mo .section-10 .form-wrap { position: absolute; top: 34.6%; left: 10.3%; width: 79.2%; height: 54.2%; }
.mo .section-10 .form-wrap .input-wrap { position: relative; margin-bottom: 4.1%; height: 16.4%; border-radius: 4rem; box-shadow: 0 0 2rem #0001; }
.mo .section-10 .form-wrap .input-wrap input,
.mo .section-10 .form-wrap .input-wrap select { display: block; width: 100%; height: 100%; border: 0 none; border-radius: 4rem; padding: 2.5000rem 5.1852rem; font-size: 4.8148rem; background-color: #fff; }
.mo .section-10 .form-wrap .input-wrap input::placeholder { color: #acacac; }
.mo .section-10 .form-wrap .input-wrap.input-consult-hours::after { content: "▼"; display: block; position: absolute; top: 3.7rem; right: 5rem; font-size: 4.2593rem; color: #acacac; pointer-events: none; }
.mo .section-10 .form-wrap .input-wrap.alert input { background-color: #e0f2fa; border: .2rem solid #f001; }
.mo .section-10 .added-wrap { display: flex; gap: 1rem; position: absolute; top: 65.8%; left: 12.5%; width: 78%; height: 6%; font-size: 3.6111rem; letter-spacing: -.1rem; }
.mo .section-10 .added-wrap input { appearance: auto; width: 3.5rem; height: 3.5rem; }
.mo .section-10 .btn-submit { position: absolute; bottom: 0; left: 0; width: 100%; height: 18.5%; }

.mo .section-11 .table-wrap { position: absolute; top: 5.9%; left: 4.3%; width: 91.4%; }
.mo .section-11 .table-wrap .table-info { position: absolute; top: -4rem; right: .2rem; font-size: 2.2222rem; letter-spacing: -.3rem; color: #222; }
.mo .section-11 .table-wrap table { width: 100%; border-collapse: collapse; letter-spacing: -.1rem; }
.mo .section-11 .table-wrap table th,
.mo .section-11 .table-wrap table td { border: .1rem solid #1f95e4; font-size: 2.7778rem; color: #222; text-align: center; vertical-align: middle; padding: 1.57rem 0; background-color: #fff; }
.mo .section-11 .table-wrap table th { font-size: 3.2407rem; font-weight: 500; padding: 1.5741rem 0; background-color: #f8f8f8; }
.mo .section-11 .table-wrap table th span { font-weight: 300; }
.mo .section-11 .table-wrap table th.title { font-size: 4.0741rem; padding: 2.4074rem 0; background: linear-gradient(90deg,#0487e0, #26a1f4); color: #fff; }
.mo .section-11 .table-wrap table td.head { font-size: 3.1481rem; font-weight: 500; background-color: #ecf7ff; padding: 0; }
.mo .section-11 .table-wrap table td.subhead { background-color: #ecf7ff; }
.mo .section-11 .table-wrap table td span { color: #f70000; }
.mo .section-11 .table-wrap table td.last { padding: 5.3rem 0; }

.mo .section-11 .qna-wrap { position: absolute; top: 55.9%; left: 4.6%; width: 90.8%; }
.mo .section-11 .qna-wrap .list { padding: 5.6rem 0 5rem 3.3rem; margin-bottom: 3.8rem; }
.mo .section-11 .qna-wrap .list .list-q { font-size: 3.3333rem; font-weight: 600; margin-bottom: 2.5rem; letter-spacing: -.04rem; }
.mo .section-11 .qna-wrap .list .list-a { font-size: 2.8704rem; font-weight: 400; padding-left: 4rem; line-height: 1.3; }
.mo .section-11 .qna-wrap .list span { color: #0487e0; }

.mo .footer-wrap .footer { position: relative; }
.mo .footer-wrap .footer .btn-1 { top: 53.9%; left: 5.6%; font-size: 3.3333rem; color: #0e8ce4; font-weight: 600; }

.mo .floating-banner-wrap { position: fixed; bottom: 0; left: 0; width: 100%; height: 0; z-index: 10; }
.mo .floating-banner-wrap .banner-content { position: absolute; bottom: 0; right: 0; height: 18.5185rem; }
.mo .floating-banner-wrap .banner-content img { width: auto; height: 18.5185rem; }
.mo .floating-banner-wrap .btn-1 { top: 14%; left: 36.5%; width: 26.6%; height: 72%; }
.mo .floating-banner-wrap .btn-2 { top: 14%; left: 64.7%; width: 28.1%; height: 72%; }

html { scroll-behavior: smooth; font-size: 1dvw; }

@media all and (min-width: 770px) {
    .wrap.pc { display: block; }
    .wrap.mo { display: none; }

    .header-wrap { position: relative; width: 100%; height: 7.7344rem; background-color: #fff; }
    .header { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; margin: 0 auto; padding: 0 4.2969rem; }
    .header h1 { width: 17.5000rem; }
    .header .tel-numbers { width: 20.7813rem; }

    .section { position: relative; background-repeat: repeat-x; background-position: 50% 0; background-size: auto 100%; }
    .section-inner { position: relative; width: 100rem; margin: 0 auto; }
    .section .text { position: absolute; }
    .section .graph-text { position: absolute; }
    .section .card { position: absolute; }

    .section-1 { height: 83.2031rem; padding-bottom: 21.6406rem; background-image: url("../images/section-1-bg-wide.jpg"); background-size: auto 61.5625rem; background-color: #fafafa;background-repeat: no-repeat; }
    .section-1 .content-wrap { position: absolute; bottom: -21.6406rem; left: 9.5313rem; width: 52.1094rem; }

    .section-2 { background-image: url("../images/section-2-bg.png"); }
    .section-2 .content-wrap { position: absolute; top: 11.9531rem; left: 20.7031rem; width: 58.4375rem; height: 30.0000rem; }
    .section-2 .content-wrap .graph-top { position: absolute; top: 0; left: 9.6094rem; font-size: 1.7188rem; letter-spacing: -.0312rem; color: #808080; }
    .section-2 .content-wrap .graph-bottom { position: absolute; bottom: 0; left: 9.6875rem; font-size: 1.4063rem; letter-spacing: -0.1563rem; color: #222; }
    .section-2 .content-wrap .label-wrap { position: absolute; top: 3.1250rem; left: 0; width: 8.9844rem; height: 23.0469rem; border-right: 1px solid #000; display: flex; flex-direction: column; justify-content: space-between; }
    .section-2 .content-wrap .label-wrap .label { display: flex; align-items: center; width: 100%; font-size: 2.3438rem; font-weight: 600; letter-spacing: -1px; color: #222; }
    .section-2 .content-wrap .label-wrap .label-1 { height: 25%; }
    .section-2 .content-wrap .label-wrap .label-2 { height: 26%; }
    .section-2 .content-wrap .label-wrap .label-3 { height: 28%; }
    .section-2 .content-wrap .graph-wrap { position: absolute; top: 3.1250rem; left: 8.9844rem; width: 40.6250rem; height: 23.0469rem; display: flex; flex-direction: column; justify-content: space-between; }
    .section-2 .content-wrap .graph-wrap .graph { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 2.3438rem; font-weight: 600; letter-spacing: -1px; color: #fff; overflow: hidden; transition: text-shadow .5s ease-in-out; }
    .section-2 .content-wrap .graph-wrap .graph span { display: block; z-index: 1; }
    .section-2 .content-wrap .graph-wrap .graph::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); border-top-right-radius: 3.9063rem; border-bottom-right-radius: 3.9063rem; transition: transform 1s ease-in-out; }
    .section-2 .content-wrap .graph-wrap .graph-1 { width: 46%; height: 25%; font-size: 2.5000rem; transition-delay: .75s; color: #f8f8f8; }
    .section-2 .content-wrap .graph-wrap .graph-1::before { background: linear-gradient(90deg,#b1b1b1,#cbcbcb); box-shadow: 0 0 0.7813rem #b1b1b1 inset; transition-duration: .75s; }
    .section-2 .content-wrap .graph-wrap .graph-2 { width: 68%; height: 26%; font-size: 2.6563rem; transition-delay: 1.5s; color: #f7f7f7; }
    .section-2 .content-wrap .graph-wrap .graph-2::before { background: linear-gradient(90deg,#4ab6ff,#73c6ff); box-shadow: 0 0 0.7813rem #4ab6ff inset; transition-delay: .75s; }
    .section-2 .content-wrap .graph-wrap .graph-3 { width: 100%; height: 28%; font-size: 2.6563rem; transition-delay: 3s; color: #f6f5f5; }
    .section-2 .content-wrap .graph-wrap .graph-3::before { background: linear-gradient(90deg,#0487e0,#3dacf8); box-shadow: 0 0 0.7813rem #0487e0 inset; transition-duration: 1.5s; transition-delay: 1.5s; }
    .section-2 .content-wrap .graph-text-wrap .graph-text { position: absolute; }
    .section-2 .content-wrap .graph-text-wrap .graph-text-1 { top: 16.6%; left: 49.9%; width: 14.1406rem; transition-delay: 1s; }
    .section-2 .content-wrap .graph-text-wrap .graph-text-2 { top: 37.1%; left: 64.9%; width: 12.3438rem; transition-delay: 2s; }
    .section-2 .text-1 { top: 70.1%; left: 19%; width: 62%; transition-delay: 2s; }
    .section-2 .text-2 { top: 77.4%; left: 15%; width: 70.1%; transition-delay: 2.5s; }

    .section-2.active .content-wrap .graph-wrap .graph { text-shadow: 0 0 0.3906rem #0003; }
    .section-2.active .content-wrap .graph-wrap .graph-1::before { transform: translateX(0); }
    .section-2.active .content-wrap .graph-wrap .graph-2::before { transform: translateX(0); }
    .section-2.active .content-wrap .graph-wrap .graph-3::before { transform: translateX(0); }

    .section-3 { background-image: url("../images/section-3-bg.png"); }
    .section-3 .text-label { top: 58.8%; left: 20.6%; width: 11.6%; transition-delay: .25s; }
    .section-3 .text-content { top: 52.8%; left: 31.1%; width: 51.3%; transition-delay: 1s; }

    .section-4 { background-image: url("../images/section-4-bg.png"); }
    .section-4 .content-wrap { position: absolute; top: 16.2500rem; left: 20.7031rem; width: 58.4375rem; height: 29.5312rem; }
    .section-4 .content-wrap .graph-bottom { position: absolute; bottom: 0; left: 9.6875rem; font-size: 1.4063rem; letter-spacing: -0.1563rem; color: #222; }
    .section-4 .content-wrap .label-wrap { position: absolute; top: 3.1250rem; left: 0; width: 8.9844rem; height: 23.0469rem; border-right: 1px solid #000; display: flex; flex-direction: column; justify-content: space-between; }
    .section-4 .content-wrap .label-wrap .label { display: flex; align-items: center; width: 100%; font-size: 2.3438rem; font-weight: 600; letter-spacing: -1px; color: #222; }
    .section-4 .content-wrap .label-wrap .label-1 { height: 25%; }
    .section-4 .content-wrap .label-wrap .label-2 { height: 26%; }
    .section-4 .content-wrap .label-wrap .label-3 { height: 28%; }
    .section-4 .content-wrap .graph-wrap { position: absolute; top: 3.1250rem; left: 8.9844rem; width: 40.6250rem; height: 23.0469rem; display: flex; flex-direction: column; justify-content: space-between; }
    .section-4 .content-wrap .graph-wrap .graph { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 2.3438rem; font-weight: 600; letter-spacing: -1px; color: #fff; overflow: hidden; transition: text-shadow .5s ease-in-out; }
    .section-4 .content-wrap .graph-wrap .graph span { display: block; z-index: 1; }
    .section-4 .content-wrap .graph-wrap .graph::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); border-top-right-radius: 3.9063rem; border-bottom-right-radius: 3.9063rem; transition: transform 1s ease-in-out; }
    .section-4 .content-wrap .graph-wrap .graph-1 { width: 46%; height: 25%; font-size: 2.5000rem; transition-delay: .75s; color: #fefefe; }
    .section-4 .content-wrap .graph-wrap .graph-1::before { background: linear-gradient(90deg,#b1b1b1,#cbcbcb); box-shadow: 0 0 0.7813rem #b1b1b1 inset; transition-duration: .75s; }
    .section-4 .content-wrap .graph-wrap .graph-2 { width: 68%; height: 26%; font-size: 2.6563rem; transition-delay: 1.5s; color: #fdfdfd; }
    .section-4 .content-wrap .graph-wrap .graph-2::before { background: linear-gradient(90deg,#4ab6ff,#73c6ff); box-shadow: 0 0 0.7813rem #4ab6ff inset; transition-delay: .75s; }
    .section-4 .content-wrap .graph-wrap .graph-3 { width: 100%; height: 28%; font-size: 2.6563rem; transition-delay: 3s; color: #fdfcfc; }
    .section-4 .content-wrap .graph-wrap .graph-3::before { background: linear-gradient(90deg,#0487e0,#3dacf8); box-shadow: 0 0 0.7813rem #0487e0 inset; transition-duration: 1.5s; transition-delay: 1.5s; }
    .section-4 .content-wrap .graph-text-wrap .graph-text-1 { top: 15.2%; left: 49.1%; width: 14.8438rem; transition-delay: 1s; }
    .section-4 .content-wrap .graph-text-wrap .graph-text-2 { top: 41.5%; left: 63.9%; width: 21.3281rem; transition-delay: 2s; }

    .section-4.active .content-wrap .graph-wrap .graph { text-shadow: 0 0 0.3906rem #0003; }
    .section-4.active .content-wrap .graph-wrap .graph-1::before { transform: translateX(0); }
    .section-4.active .content-wrap .graph-wrap .graph-2::before { transform: translateX(0); }
    .section-4.active .content-wrap .graph-wrap .graph-3::before { transform: translateX(0); }

    .section-5 { background-image: url("../images/section-5-bg.png"); }
    .section-5 .text { height: 3.2031rem; }
    .section-5 .text img { width: auto; height: 100%; }
    .section-5 .text-1 { top: 47.5781rem; left: 36.3281rem; transition-delay: .25s; }
    .section-5 .text-2 { top: 47.5781rem; left: 48.9844rem; transition-delay: .5s; }
    .section-5 .text-3 { top: 51.5625rem; left: 20.2344rem; transition-delay: .75s; }
    .section-5 .text-4 { top: 51.5625rem; left: 56.4844rem; transition-delay: 1s; }

    .section-6 { background-image: url("../images/section-6-bg.png"); }
    .section-6 .card { height: 47.8906rem; }
    .section-6 .card img { width: auto; height: 100%; }
    .section-6 .card-1 { top: 21.7969rem; left: 12.1094rem; transition-delay: .25s; }
    .section-6 .card-2 { top: 21.7969rem; left: 38.5156rem; transition-delay: .5s; }
    .section-6 .card-3 { top: 21.7969rem; left: 58.6719rem; transition-delay: .75s; }

    .section-7 { background-image: url("../images/section-7-bg.png"); }
    .section-7 .card { height: 25.4688rem; }
    .section-7 .card img { width: auto; height: 100%; }
    .section-7 .card-1 { top: 22.6563rem; left: 17.7344rem; transition-delay: .25s; }
    .section-7 .card-2 { top: 22.6563rem; left: 38.1250rem; transition-delay: .5s; }
    .section-7 .card-3 { top: 22.6563rem; left: 58.4375rem; transition-delay: .75s; }
    .section-7 .card-4 { top: 44.6875rem; left: 7.5000rem; transition-delay: 1s; }
    .section-7 .card-5 { top: 44.6875rem; left: 27.8125rem; transition-delay: 1.25s; }
    .section-7 .card-6 { top: 44.6875rem; left: 48.2031rem; transition-delay: 1.5s; }
    .section-7 .card-7 { top: 44.6875rem; left: 68.5156rem; transition-delay: 1.75s; }

    .section-8 { background-color: #069af0; }

    .section-10 { background-image: url("../images/section-10-bg.png"); }
    .section-10 .text-1 { top: 8.2813rem; left: 23.3594rem; width: 55.4688rem; transition-delay: .25s; }
    .section-10 .text-2 { top: 14.4531rem; left: 17.8125rem; width: 64.6094rem; transition-delay: .5s; }
    .section-10 .text-3 { top: 22.5000rem; left: 25.6250rem; width: 48.7500rem; transition-delay: .75s; }
    .section-10 .form-wrap { position: absolute; top: 34.6%; left: 23.9%; width: 52.4%; height: 56.9%; }
    .section-10 .form-wrap .input-wrap { position: relative; margin-bottom: 4.1%; height: 16.2%; border-radius: 3.1250rem; box-shadow: 0 0 1.5625rem #0001; }
    .section-10 .form-wrap .input-wrap input,
    .section-10 .form-wrap .input-wrap select { display: block; width: 100%; height: 100%; border: 0 none; border-radius: 3.1250rem; padding: 2.1094rem 4.3750rem; font-size: 3.1250rem; background-color: #fff; }
    .section-10 .form-wrap .input-wrap input::placeholder { color: #acacac; }
    .section-10 .form-wrap .input-wrap.input-consult-hours::after { content: "▼"; display: block; position: absolute; top: 2.3438rem; right: 6.2500rem; font-size: 2.8125rem; color: #acacac; pointer-events: none; }
    .section-10 .form-wrap .input-wrap.alert input { background-color: #e0f2fa; border: 2px solid #f001; }
    .section-10 .added-wrap { display: flex; gap: 0.7813rem; position: absolute; top: 65.2%; left: 12.5%; width: 78%; height: 6%; font-size: 2.3438rem; letter-spacing: -1px; }
    .section-10 .added-wrap input { appearance: auto; width: 2.3438rem; height: 2.3438rem; }
    .section-10 .btn-submit { position: absolute; bottom: 0; left: 0; width: 100%; height: 19%; }

    .section-11 { background-image: url("../images/section-11-bg.png"); }
    .section-11 .table-wrap { position: absolute; top: 8.8%; left: 6.7%; width: 86.7%; }
    .section-11 .table-wrap .table-info { position: absolute; top: -3.1250rem; right: 2px; font-size: 1.4063rem; letter-spacing: -1px; color: #222; }
    .section-11 .table-wrap table { width: 100%; border-collapse: collapse; letter-spacing: -1px; }
    .section-11 .table-wrap table th,
    .section-11 .table-wrap table td { border: 1px solid #1f95e4; font-size: 1.2500rem; color: #222; text-align: center; vertical-align: middle; padding: 0.7031rem 0; background-color: #fff; }
    .section-11 .table-wrap table th { font-size: 1.8750rem; font-weight: 500; padding: 1.3281rem 0; background-color: #f8f8f8; }
    .section-11 .table-wrap table th span { font-weight: 300; }
    .section-11 .table-wrap table th.title { font-size: 3.5156rem; padding: 2.1094rem 0; background: linear-gradient(90deg,#0487e0, #26a1f4); color: #fff; }
    .section-11 .table-wrap table td.head { font-size: 1.4063rem; font-weight: 500; background-color: #ecf7ff; padding: 0 1.4844rem; }
    .section-11 .table-wrap table td.subhead { background-color: #ecf7ff; }
    .section-11 .table-wrap table td span { color: #f70000; }
    .section-11 .qna-wrap { position: absolute; top: 38.6%; left: 14.1%; width: 72%; }
    .section-11 .qna-wrap .list { padding: 3.8281rem 0 3.8281rem 5.7813rem; margin-bottom: 3.1250rem; }
    .section-11 .qna-wrap .list .list-q { font-size: 2.4219rem; font-weight: 600; margin-bottom: 1.9531rem; }
    .section-11 .qna-wrap .list .list-a { font-size: 2.0313rem; font-weight: 400; padding: 0 3.1250rem; line-height: 1.3; }
    .section-11 .qna-wrap .list span { color: #0487e0; }

    .floating-banner-wrap { position: sticky; bottom: 0; left: 0; width: 100%; height: 0; z-index: 10; }
    .floating-banner-wrap .floating-inner { position: relative; width: 91.5625rem; margin: 0 auto; }
    .floating-banner-wrap .banner-content { position: absolute; bottom: 0; right: 0; height: 11.0156rem; }
    .floating-banner-wrap .banner-content img { width: auto; height: 11.0156rem; }
    .floating-banner-wrap .btn-1 { top: 14%; left: 36.5%; width: 26.6%; height: 72%; }
    .floating-banner-wrap .btn-2 { top: 14%; left: 64.7%; width: 28.1%; height: 72%; }

    .footer-wrap { background-color: #262626; }
    .footer-wrap .footer { position: relative; width: 100rem; margin: 0 auto; }
    .footer-wrap .footer .btn-1 { top: 46%; right: 15%; font-size: 1.4063rem; color: #0e8ce4; font-weight: 600; }
}

@media all and (min-width: 1280px) {
    html { font-size: 12.8px; }
    .header { width: min(100%,1710px); }
}