@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
@font-face {
    font-family: 'omniGothic';
    src: url('omniGothic055.TTF') format('TTF');
}

:root {
    --main-font: 'Pretendard Variable', sans-serif;
    --sub-font: 'omniGothic', sans-serif;
    --basic-size: 19;
    --main-color: #3642d5;
}
.pbr {
    display: block;
}
.mbr {
    display: nonoe;
}
@media (max-width: 1024px) {
    :root {
        --basic-size: 10.24;
    }
    .pbr {
        display: none;
    }
    .mbr {
        display: block;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: -0.025em;
}

html, body {
    font-family: var(--main-font);
    position: relative;
    width: 100vw;
    overflow-x: hidden;
}

/* head */  
.head {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(1440vw/var(--basic-size));
    height: calc(69vw/var(--basic-size));    
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head .logo {
    width: calc(144vw/var(--basic-size));
}
.head .logo svg {
    width: 100%;
}
.head .menu ul {
    display: flex;
    align-items: center;
    gap: calc(117vw/var(--basic-size));
}
.head .menu ul li a {
    font-size: calc(25vw/var(--basic-size));
    font-weight: 400;
    color: #252426;
    position: relative;
    transition: all 0.3s ease;
}
.head .menu ul li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: calc(-5vw/var(--basic-size));
    left: 0;
    background-color: var(--main-color);
    transition: all 0.3s ease;
}
.head .menu ul li a:hover::after {
    width: 100%;
}
.head .menu_mobile {
    display: none;
}
.head .menu_mobile_content {
    position: absolute;
    right: -100%;
}

@media (max-width: 1024px) {
    .head {
        width: 100%;
        height: calc(130vw/var(--basic-size));
        border: 2px solid rgba(51, 51, 51, 0.3);
        justify-content: center;
        background-color: #fff;
    }
    .head .logo {
        width: calc(187vw/var(--basic-size));
    }
    .head .menu {
        display: none;
    }
    .head .menu_mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: calc(50vw/var(--basic-size));
        transform: translateY(-50%);
        z-index: 9999;
    }
    .head .menu_mobile span {
        font-size: calc(60vw/var(--basic-size));
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .head .menu_mobile_content {
        top: calc(130vw/var(--basic-size));
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3);
    }
    .head .menu_mobile_content.active {
        right: 0;
    }
    .head .menu_mobile_content ul {
        position: absolute;
        right: -50%;
        top: 0;
        padding-top: calc(120vw/var(--basic-size));
        padding-left: calc(72vw/var(--basic-size));
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(90vw/var(--basic-size));
        background-color: #fff;
        width: 50%;
        height: 100%;
        transition: all 0.3s ease;
    }
    .head .menu_mobile_content.active ul {
        right: 0;
    }

    .head .menu_mobile_content ul li a {
        font-size: calc(46vw/var(--basic-size));
        font-weight: 600;
        color: #252426;
        letter-spacing: -0.05em;
        position: relative;
        padding-left: calc(45vw/var(--basic-size));
    }
    .head .menu_mobile_content ul li a::after {
        content: "";
        position: absolute;
        width: calc(10vw/var(--basic-size));
        height: calc(40vw/var(--basic-size));
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--main-color);
    }
}

/* sideMenu */  
.sideMenu {
    position: fixed;
    bottom: calc(30vw/var(--basic-size));
    right: calc(24vw/var(--basic-size));
    z-index: 999;
    width: calc(89vw/var(--basic-size));
}
.sideMenu ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(10vw/var(--basic-size));
    transition: all 0.3s ease;
    position: relative;
}
.sideMenu ul li {
    width: calc(89vw/var(--basic-size));
    height: calc(89vw/var(--basic-size));
    background-color: var(--main-color);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    transition: all 0.5s ease;
}
.sideMenu ul li:nth-child(1) {
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #bdbec3;
}
.sideMenu ul li:nth-child(2) {
    bottom: 0;
    left: 0;   
    background-color: #fff;
    border: 1px solid #bdbec3;
}
.sideMenu ul li:nth-child(3) {
    bottom: 0;
    left: 0;
}
.sideMenu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: calc(20vw/var(--basic-size));
    font-weight: 600;
    color: var(--main-color);
    text-align: center;
    line-height: 1.1;
    letter-spacing: -0.05em;
}
.sideMenu ul li a .pbr {
    display: block;
}
.sideMenu ul li:nth-child(3) a {
    color: #fff;
}
.sideMenu ul li:nth-child(3) a span {
    display: none;
}
.sideMenu ul li.active:nth-child(1) {
    bottom: calc(199vw/var(--basic-size));
}
.sideMenu ul li.active:nth-child(2) {
    bottom: calc(99vw/var(--basic-size));
}
.sideMenu ul li.active:nth-child(3) a {
    font-size: calc(20vw/var(--basic-size));
    font-size: 0;
}
.sideMenu ul li.active:nth-child(3) a span {
    display: block;
    font-size: calc(60vw/var(--basic-size));
    font-weight: 300;
    color: #fff;
}
.sideMenu .sideMenu_mobile {
    display: none;
}

@media screen and (max-width: 1024px) {
    .sideMenu {
        right: 50%;
        bottom: calc(-245vw/var(--basic-size));
        transform: translateX(50%);
        width: 100%;
        transition: all 0.3s ease;
    }
    .sideMenu.active {
        bottom: 0;
    }
    .sideMenu ul {
        /* display: none; */
        background-color: #5868db;
        border-radius: calc(30vw/var(--basic-size));
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
        height: calc(245vw/var(--basic-size));
        flex-direction: row;
        justify-content: center;
        gap: calc(40vw/var(--basic-size));
    }
    .sideMenu ul li {
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: calc(370vw/var(--basic-size));
        height: calc(120vw/var(--basic-size));
        border-radius: calc(30vw/var(--basic-size));
    }
    .sideMenu ul li a {
        font-size: calc(60vw/var(--basic-size));
        font-weight: 500;
        color: var(--main-color);
        flex-direction: row;
    }
    .sideMenu ul li a .pbr {
        display: inline-block;
        width: calc(10vw/var(--basic-size));
    }
    .sideMenu ul li:nth-child(3) {
        display: none;
    }
    .sideMenu .sideMenu_mobile {
        display: block;
        position: absolute;
        right: 50%;
        bottom: calc(246vw/var(--basic-size));
        transform: translateX(50%);
        width: calc(375vw/var(--basic-size));
        height: calc(100vw/var(--basic-size));
        background-color: #5868db;
        border-radius: calc(30vw/var(--basic-size));
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .sideMenu .sideMenu_mobile p {
        font-size: calc(60vw/var(--basic-size));
        font-weight: 400;
        color: #fff;
        letter-spacing: -0.05em;
    }
}

/* 상담문의 */
.counsel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100vw;
    height: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    display: none;
}
.counsel .counsel_inner {
    background-color: #fff;
    width: calc(888vw/var(--basic-size));
    height: calc(560vw/var(--basic-size));
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: calc(56vw/var(--basic-size));
    padding-left: calc(83vw/var(--basic-size));
    padding-top: calc(70vw/var(--basic-size));
    position: relative;
    overflow: hidden;
}
.counsel .counsel_inner h2 {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 700;
    color: #3a3a42;
    letter-spacing: 0.025em;
    width: 100%;
    text-align: left;
}
.counsel .counsel_inner .btn_close {
    width: calc(37vw/var(--basic-size));
    height: calc(37vw/var(--basic-size));
    color: #3a3a42;
    position: absolute;
    top: calc(20vw/var(--basic-size));
    right: calc(20vw/var(--basic-size));
    cursor: pointer;
}
.counsel .counsel_inner .btn_close .material-symbols-outlined {
    font-size: calc(37vw/var(--basic-size));
}
.counsel .counsel_inner .bg_logo {
    position: absolute;
    bottom: 0;
    left: calc(-19vw/var(--basic-size));
    width: calc(305vw/var(--basic-size));
}
.counsel .counsel_inner .bg_logo svg {
    width: 100%;
}

.counsel .counsel_inner table tr:last-child { /* 상담신청하기 버튼 */
    margin-top: calc(75vw/var(--basic-size));
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: calc(30vw/var(--basic-size));
}
.counsel .counsel_inner table tr:last-child td {
    width: fit-content;
    font-size: calc(20vw/var(--basic-size));
    font-weight: 600;
}
.counsel .counsel_inner table tr:last-child td input {
    margin-left: calc(17vw/var(--basic-size));
}
.counsel .counsel_inner table tr td {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: calc(18vw/var(--basic-size));
    width: calc(610vw/var(--basic-size));
}
.counsel .counsel_inner table tr td > p {
    font-size: calc(24vw/var(--basic-size));
    font-weight: 600;
    color: #3a3a42;
    margin-right: calc(29vw/var(--basic-size));
}
.counsel .counsel_inner table tr td input {
    width: calc(441vw/var(--basic-size));
    height: calc(68vw/var(--basic-size));
    background-color: #e9e9f5;
    border-radius: calc(15vw/var(--basic-size));
    padding-left: calc(16vw/var(--basic-size));
    border: none;
    font-size: calc(20vw/var(--basic-size));
}
.counsel .counsel_inner table tr td:nth-child(2) div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10.5vw/var(--basic-size));
}
.counsel .counsel_inner table tr td:nth-child(2) input {
    width: calc(140vw/var(--basic-size));    
    text-align: center;
    padding-left: 0;
}
.counsel .counsel_inner table tr td:nth-child(2) select {
    width: calc(140vw/var(--basic-size));
    height: calc(68vw/var(--basic-size));
    background-color: #e9e9f5;
    border-radius: calc(15vw/var(--basic-size));
    padding-left: calc(16vw/var(--basic-size));
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    padding-right: calc(30vw/var(--basic-size));
    font-size: calc(20vw/var(--basic-size));
    text-align: center;
}

.counsel .counsel_inner table tr td .select-wrapper {
    position: relative;
    display: inline-block;
}

.counsel .counsel_inner table tr td .select-wrapper::after {
    content: 'arrow_drop_down';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: calc(10vw/var(--basic-size));
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: calc(40vw/var(--basic-size));
    color: #3a3a42;
    cursor: pointer;
}
.counsel .counsel_inner table tr td:nth-child(3) select {
    width: calc(441vw/var(--basic-size));
    height: calc(68vw/var(--basic-size));
    background-color: #e9e9f5;
    border-radius: calc(15vw/var(--basic-size));
    padding-left: calc(16vw/var(--basic-size));
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    padding-right: calc(30vw/var(--basic-size));
    font-size: calc(20vw/var(--basic-size));
    text-align: center;
}

.counsel .counsel_inner table tr td a .submit {
    width: calc(297vw/var(--basic-size));
    height: calc(55vw/var(--basic-size));
    background-color: #393941;
    color: #fff;
    font-size: calc(24vw/var(--basic-size));
    font-weight: 700;    
    display: flex;
    align-items: center;
    justify-content: center;
}
.counsel .counsel_inner table tr td label {
    display: flex;
    align-items: center;
}
.counsel .counsel_inner table tr td input[type="checkbox"] {
    width: calc(21vw/var(--basic-size));
    height: calc(24vw/var(--basic-size));
    border: 3px solid #393941;
    border-radius: 0;
    background-color: #fff;
    appearance: none;
}
.counsel .counsel_inner table tr td input[type="checkbox"]:checked {
    background: url(./img/checked.svg) no-repeat center center;
    background-size: 180% 180%;
}

@media screen and (max-width: 1024px) {
    .counsel {
        /* display: flex; */
    }
    .counsel .counsel_inner {
        width: calc(818vw/var(--basic-size));
        height: calc(1073vw/var(--basic-size));
        border-radius: calc(10vw/var(--basic-size));
        padding-right: calc(75vw/var(--basic-size));
        padding-left: calc(75vw/var(--basic-size));
        padding-top: calc(83vw/var(--basic-size));
        z-index: -2;
        transform: translateY(-20%);
    }
    .counsel:after {
        content: '연세파미에치과';
        position: absolute;
        bottom: 20%;
        left: 0;
        width: 100%;
        height: auto;
        font-size: calc(50vw/var(--basic-size));
        font-weight: 300;
        color: #fff;
        letter-spacing: -0.05em;
        text-align: center;
    }
    .counsel .counsel_inner h2 {
        font-size: calc(64vw/var(--basic-size));
        text-align: center;
        margin-bottom: calc(63vw/var(--basic-size));
    }
    .counsel .counsel_inner .btn_close {
        width: calc(46vw/var(--basic-size));
        height: calc(46vw/var(--basic-size));
        top: calc(25vw/var(--basic-size));
        right: calc(25vw/var(--basic-size));
    }
    .counsel .counsel_inner .btn_close .material-symbols-outlined {
        font-size: calc(46vw/var(--basic-size));
    }
    .counsel .counsel_inner .bg_logo {
        bottom: auto;
        top: calc(-45vw/var(--basic-size));
        left: auto;
        right: 0;
        width: calc(281vw/var(--basic-size));
        z-index: -1;
    }
    .counsel .counsel_inner .bg_logo svg {
        width: 100%;
    }
    
    .counsel .counsel_inner .form {
        width: 100%;
    }
    .counsel .counsel_inner table {
        width: 100%;
    }
    .counsel .counsel_inner table tr:last-child { /* 상담신청하기 버튼 */
        margin-top: calc(45vw/var(--basic-size));
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(20vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr:last-child td {
        width: fit-content;
        font-size: calc(20vw/var(--basic-size));
        font-weight: 600;
    }
    .counsel .counsel_inner table tr:last-child td input {
        margin-left: calc(17vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr td {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: calc(30vw/var(--basic-size));
        margin-bottom: calc(30vw/var(--basic-size));
        width: 100%;
    }
    
    .counsel .counsel_inner table tr td > p {
        font-size: calc(30vw/var(--basic-size));
        margin-right: 0;
    }
    .counsel .counsel_inner table tr td input {
        width: 100%;
        height: calc(107vw/var(--basic-size));
        border: 2px solid #fff;
        font-size: calc(37vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr td:nth-child(2) div {
        gap: calc(9vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr td:nth-child(2) input {
        width: calc(220vw/var(--basic-size));    
    }
    .counsel .counsel_inner table tr td:nth-child(2) select {
        width: calc(220vw/var(--basic-size));
        height: calc(107vw/var(--basic-size));
        border: 2px solid #fff;
        font-size: calc(37vw/var(--basic-size));
    }
    
    .counsel .counsel_inner table tr td .select-wrapper::after {
        font-size: calc(60vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr td:nth-child(3) {
        margin-bottom: 0;
    }
    .counsel .counsel_inner table tr td:nth-child(3) select {
        width: calc(678vw/var(--basic-size));
        height: calc(107vw/var(--basic-size));
        border: 2px solid #fff;
        text-align: center;
        font-size: calc(37vw/var(--basic-size));
        color: #3a3a42;
    }
    .counsel .counsel_inner table tr:nth-child(2) td {
        margin-bottom: 0;
    }
    .counsel .counsel_inner table tr td label {
        text-align: center;
        font-size: calc(33vw/var(--basic-size));
        font-weight: 600;
        color: #3a3a42;
    }
    .counsel .counsel_inner table tr td a .submit {
        width: calc(525vw/var(--basic-size));
        height: calc(98vw/var(--basic-size));
        font-size: calc(34vw/var(--basic-size));
    }
    .counsel .counsel_inner table tr td input[type="checkbox"] {
        width: calc(31vw/var(--basic-size));
        height: calc(30vw/var(--basic-size));
        border: 2px solid #393941;
    }
    .counsel .counsel_inner table tr td input[type="checkbox"]:checked {
        background: url(./img/checked.svg) no-repeat center center;
        background-size: 180% 180%;
    }
}

@media (max-width: 1024px) {
    .main {
        width: 100vw;
        overflow-x: hidden;
    }
}

/* section1 */
.section1 {
    background: url(../img/implant/section1_bg.png) no-repeat center center / cover;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(54vw/var(--basic-size));
    height: 100vh;
}
.section1 h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(45vw/var(--basic-size));
}
.section1 h1 span {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -0.05em;
}

.section1 svg {
    width: calc(65vw/var(--basic-size));
}
.section1 .section1_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(32vw/var(--basic-size));
}
.section1 .section1_text p {
    font-size: calc(26vw/var(--basic-size));
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 1.5;
}
.section1 .sideImg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(150vw/var(--basic-size));

    position: fixed;
    top: 50%;
    left: calc(50vw/var(--basic-size));
    transform: translateY(-50%);
    z-index: 999;
}
@media (max-width: 1024px) {
    .section1 {
        height: 100svh;
    }
    .section1 h1 {
        gap: calc(75vw/var(--basic-size));
    }
    .section1 h1 span {
        font-size: calc(60vw/var(--basic-size));
    }
    .section1 h1 img {
        width: calc(846vw/var(--basic-size));
    }
    .section1 svg {
        width: calc(96vw/var(--basic-size));
    }
    .section1 .section1_text {
        gap: calc(50vw/var(--basic-size));
    }
    .section1 .section1_text p {
        font-size: calc(40vw/var(--basic-size));
    }
    .section1 .sideImg {
        display: none;
    }
}
/* section2 */
.section2 {
    padding: calc(145vw/var(--basic-size)) 0;
}
.section2 .section2_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(76vw/var(--basic-size));
}
.section2 .section2_wrap .left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(656vw/var(--basic-size));
    height: calc(776vw/var(--basic-size));
}
.section2 .section2_wrap .left div {
    position: relative;
    width: 100%;
    height: 100%;
}
.section2 .section2_wrap .left div p:nth-child(1) {
    width: calc(428vw/var(--basic-size));
}
.section2 .section2_wrap .left div p:nth-child(2) {
    position: absolute;
    top: 8%;
    right: 0;
    /* transform: translateY(-50%); */
    width: calc(450vw/var(--basic-size));
}
.section2 .section2_wrap .left div p img {
    width: 100%;
}
.section2 .section2_wrap .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: calc(115vw/var(--basic-size));
}
.section2 .section2_wrap .right h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(15vw/var(--basic-size));
}
.section2 .section2_wrap .right h2 span:nth-child(1) {
    font-size: calc(32vw/var(--basic-size));
    font-weight: 700;
    color: #333;
    letter-spacing: -0.05em;
}
.section2 .section2_wrap .right h2 span:nth-child(2) {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 300;
    color: #333;
    letter-spacing: -0.05em;
}
.section2 .section2_wrap .right h2 span:nth-child(2) strong {
    font-weight: 700;
    color: var(--main-color);
}
.section2 .section2_wrap .right > p {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 700;
    color: #333;
    letter-spacing: -0.05em;
    position: relative;
}
.section2 .section2_wrap .right > p strong {
    font-size: calc(110vw/var(--basic-size));
    font-weight: 700;
    color: var(--main-color);
}
.section2 .section2_wrap .right > p::after {
    content: "";
    position: absolute;
    width: calc(45vw/var(--basic-size));
    height: calc(8vw/var(--basic-size));
    background-color: #5868db;
    bottom: calc(-52vw/var(--basic-size));
    left: 0;
}
.section2 .section2_wrap .right ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(20vw/var(--basic-size));
}
.section2 .section2_wrap .right ul li {
    font-size: calc(26vw/var(--basic-size));
    font-weight: 300;
    color: #333;
    letter-spacing: -0.05em;
}
.section2 .section2_wrap .right ul li:nth-child(2) {
    color: var(--main-color);
    font-weight: 700;
    position: relative;
}
.section2 .section2_wrap .right ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 102%;
    height: calc(11vw/var(--basic-size));
    background-color: #cce4f3;
    bottom: calc(-1vw/var(--basic-size));
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
@media (max-width: 1024px) {
    .section2 {
        padding: calc(200vw/var(--basic-size)) 0;
        padding-left: calc(110vw/var(--basic-size));
    }
    .section2 .section2_wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        position: relative;
    }
    .section2 .section2_wrap .left {
        position: absolute;
        top: calc(210vw/var(--basic-size));
        left: 0;
    }
    
    .section2 .section2_wrap .right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: calc(115vw/var(--basic-size));
    }
    .section2 .section2_wrap .right h2 {
        margin-bottom: calc(855vw/var(--basic-size));
    }
    .section2 .section2_wrap .right h2 span:nth-child(1) {
        font-size: calc(40vw/var(--basic-size));
    }
    .section2 .section2_wrap .right h2 span:nth-child(2) {
        font-size: calc(55vw/var(--basic-size));
    }
    .section2 .section2_wrap .right > p {
        font-size: calc(60vw/var(--basic-size));
    }
    .section2 .section2_wrap .right > p strong {
        font-size: calc(110vw/var(--basic-size));
    }
    .section2 .section2_wrap .right > p::after {
        width: calc(56vw/var(--basic-size));
        height: calc(9vw/var(--basic-size));
    }
    .section2 .section2_wrap .right ul {
        gap: calc(40vw/var(--basic-size));
    }
    .section2 .section2_wrap .right ul li {
        font-size: calc(40vw/var(--basic-size));
    }
    .section2 .section2_wrap .right ul li:nth-child(2)::after {
        height: calc(16vw/var(--basic-size));
        bottom: calc(-1vw/var(--basic-size));
    }
}

/* section3 */
.section3 {
    position: relative;
    height: calc(990vw/var(--basic-size));
}
.section3:after {
    content: "FAMILLE";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: calc(520vw/var(--basic-size));
    font-weight: 500;
    color: #f5f5f7;
    letter-spacing: -0.05em;
    text-align: center;
    z-index: -1;
}
.section3 .section3_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(40vw/var(--basic-size));
    height: 100%;
}
.section3 .section3_wrap h2 {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -0.05em;
    text-align: center;
    margin-bottom: calc(60vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap { /* 전후사례 비교2*/
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    /* width: calc(1500vw/19); */
    margin: 0 auto;
}
.section3 .section3_wrap ul.b_f_wrap.mobile {
    display: none;
}
.section3 .section3_wrap ul.b_f_wrap li {
    width: calc(700vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap li > div:first-child {
    font-size: calc(30vw/var(--basic-size));    
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section3 .section3_wrap ul.b_f_wrap li > div:first-child span:nth-child(1) {    
    color: #333;
    font-weight: 400;
    letter-spacing: 0.2em;
}
.section3 .section3_wrap ul.b_f_wrap li > div:first-child span:nth-child(2) {
    color: var(--main-color);
    font-weight: 700;
    letter-spacing: 0.2em;
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper {
    position: relative;
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider {
    position: relative;
    width: 100%;
    margin-top: calc(13vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider > img {
    width: 100%;
    height: auto;
    display: block;
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider .resize > img {
    display: block;
    /* width: auto !important; */
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider .divider {
    position: absolute;
    width: calc(78vw/var(--basic-size));
    height: 100%;
    background-color: #fff;
    left:50%;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    cursor: ew-resize;
    background: url(img/section/3/divider.png) no-repeat center center / cover;
    transform: translateX(-50%);
}

.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: calc(10vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p {
    font-size: calc(20vw/var(--basic-size));
    color: #333;
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) {
    background-color: #ebebf0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(215vw/var(--basic-size));
    height: calc(26vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) strong {
    font-weight: 700;
    position: relative;
    margin-right: calc(28vw/var(--basic-size));
}
.section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) strong::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 90%;
    background-color: #333;
    right: calc(-16vw/var(--basic-size));
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .section3 {
        height: calc(1550vw/var(--basic-size));
    }
    .section3:after {
        top: calc(210vw/var(--basic-size));
        font-size: calc(298vw/var(--basic-size));
        font-weight: 400;
    }
    .section3 .section3_wrap {
        gap: calc(40vw/var(--basic-size));
    }
    .section3 .section3_wrap h2 {
        font-size: calc(70vw/var(--basic-size));
        margin-bottom: calc(130vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap { /* 전후사례 비교2*/
        padding-bottom: calc(130vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap.mobile {
        display: none;
    }
    .section3 .section3_wrap ul.b_f_wrap li {
        width: calc(802vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap li > div:first-child {
        font-size: calc(40vw/var(--basic-size));    
    }
    
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider {
        margin-top: calc(40vw/var(--basic-size));
    }
        
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .comparison-slider .divider {
        width: calc(89vw/var(--basic-size));
    }
    
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date {
        margin-top: calc(40vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p {
        font-size: calc(34vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) {
        width: calc(342vw/var(--basic-size));
        height: calc(42vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) strong {
        margin-right: calc(48vw/var(--basic-size));
    }
    .section3 .section3_wrap ul.b_f_wrap li.comparison-slider-wrapper .date p:nth-child(2) strong::after {
        right: calc(-24vw/var(--basic-size));
    }
}

/* section4 */
.section4 {
    background-color: #f5f5f7;
    position: relative;
}
.section4:after {
    content: "DENTAL";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: calc(520vw/var(--basic-size));
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: center;
}
.section4 .section4_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.section4 .section4_wrap .slide-container {
    display: flex;
    align-items: center;
    width: calc(758vw/var(--basic-size));
    height: calc(900vw/var(--basic-size));
}
.section4 .section4_wrap .slide-container .slide-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(50vw/var(--basic-size));
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item {
    width: calc(323vw/var(--basic-size));
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(1) {
    font-size: calc(20vw/var(--basic-size));
    font-weight: 400;
    color: #333;
    border: 1px solid #c6c6d0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(33vw/var(--basic-size));
    margin-bottom: calc(15vw/var(--basic-size));
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(15vw/var(--basic-size));
    position: relative;
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);    
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(2) img {
    width: 50%;
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(3) span {
    font-size: calc(18vw/var(--basic-size));
    font-weight: 400;
    color: #333;
    letter-spacing: 0.2em;
}
.section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(3) span:nth-child(2) {
    color: var(--main-color);
    font-weight: 700;
}

@media (max-width: 1024px) {
    .section4 {
        padding-bottom: calc(310vw/var(--basic-size));
    }
    .section4:after {
        top: calc(145vw/var(--basic-size));
        font-size: calc(298vw/var(--basic-size));
        font-weight: 400;
    }
    .section4 .section4_wrap .slide-container {
        display: flex;
        align-items: center;
        width: calc(974vw/var(--basic-size));
        height: fit-content;
        padding-top: calc(350vw/var(--basic-size));
        padding-bottom: calc(130vw/var(--basic-size));
    }
    .section4 .section4_wrap .slide-container .slide-wrap {
        gap: calc(0vw/var(--basic-size));
    }
    .section4 .section4_wrap .slide-container .slide-wrap .slide-item {
        width: calc(471vw/var(--basic-size));
        margin-bottom: calc(70vw/var(--basic-size));
    }
    .section4 .section4_wrap .slide-container .slide-wrap .slide-item:nth-child(n+3) {
        margin-bottom: 0;
    }
    .section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(1) {
        font-size: calc(30vw/var(--basic-size));
        height: calc(50vw/var(--basic-size));
    }
    .section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(2) {
        margin-bottom: calc(20vw/var(--basic-size));
    }
    
    .section4 .section4_wrap .slide-container .slide-wrap .slide-item p:nth-child(3) span {
        font-size: calc(30vw/var(--basic-size));
    }
}

/* section5 */
.section5 {
    background-color: #fff;
    padding-top: calc(145vw/var(--basic-size));
    padding-bottom: calc(165vw/var(--basic-size));
}
.section5 .section5_wrap {
    width: calc(1430vw/var(--basic-size));
    margin: 0 auto;
}
.section5 .section5_wrap h2 {
    font-size: calc(116vw/var(--basic-size));
    font-weight: 700;
    font-family: var(--sub-font);
    color: var(--main-color);
    letter-spacing: -0.05em;
    margin-bottom: calc(30vw/var(--basic-size));
    background: url("img/section/5/line.png") no-repeat right center;
    background-size: 55% auto;
}
.section5 .section5_wrap > p:nth-of-type(1) {
    font-size: calc(26vw/var(--basic-size));
    font-weight: 700;
    margin-bottom: calc(30vw/var(--basic-size));
}
.section5 .section5_wrap > p:nth-of-type(1) span {
    color: #ff5d5d;
}
.section5 .section5_wrap > p:nth-of-type(2) {
    font-size: calc(20vw/var(--basic-size));
    font-weight: 400;
    color: #333;
    margin-bottom: calc(45vw/var(--basic-size));
}
.section5 .section5_wrap > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.section5 .section5_wrap > ul li {
    width: calc(350vw/var(--basic-size));
}
.section5 .section5_wrap > ul li img {
    width: 100%;
}
.section5 .section5_wrap > p:nth-of-type(3) {
    margin-top: calc(60vw/var(--basic-size));    
}
.section5 .section5_wrap > p:nth-of-type(3) a {
    font-size: calc(34vw/var(--basic-size));
    font-weight: 700;
    color: #fff;
    width: calc(400vw/var(--basic-size));
    height: calc(60vw/var(--basic-size));
    background: linear-gradient(to right, #919eff, #3642d5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(30vw/var(--basic-size));
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .section5 {
        padding-top: calc(200vw/var(--basic-size));
        padding-bottom: calc(255vw/var(--basic-size));
    }
    .section5 .section5_wrap {
        width: calc(857vw/var(--basic-size));
    }
    .section5 .section5_wrap h2 {
        margin-bottom: 0;
    }
    .section5 .section5_wrap > p:nth-of-type(1) {
        font-size: calc(40vw/var(--basic-size));
        margin-bottom: calc(28vw/var(--basic-size));
    }
    .section5 .section5_wrap > p:nth-of-type(2) {
        font-size: calc(34vw/var(--basic-size));
        margin-bottom: calc(115vw/var(--basic-size));
    }
    .section5 .section5_wrap > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: calc(756vw/var(--basic-size));
        margin: 0 auto;
    }
    .section5 .section5_wrap > ul li {
        width: calc(370vw/var(--basic-size));
    }
    .section5 .section5_wrap > ul li img {
        width: 100%;
    }
    .section5 .section5_wrap > p:nth-of-type(3) {
        margin-top: calc(115vw/var(--basic-size));    
    }
    .section5 .section5_wrap > p:nth-of-type(3) a {
        font-size: calc(54vw/var(--basic-size));
        width: calc(640vw/var(--basic-size));
        height: calc(96vw/var(--basic-size));
        border-radius: calc(48vw/var(--basic-size));
    }
}

/* section6 */
.section6 .section6_wrap {
    background-color: #f5f5f7;
    padding-top: calc(145vw/var(--basic-size));
    padding-bottom: calc(165vw/var(--basic-size));
    position: relative;
    z-index: -2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section6 .section6_wrap .circle-text {
    position: absolute;
    top: 50%;
    left: calc(-460vw/var(--basic-size));
    transform: translateY(-50%);
    animation: rotateText 10s linear infinite;
}
.section6 .section6_wrap .circle-text svg {
    width: calc(714vw/var(--basic-size));
    height: calc(714vw/var(--basic-size));
}

.section6 .section6_wrap .circle-text svg text {
    font-size: calc(77vw/var(--basic-size));
    font-weight: 500;
    color: #333;
    opacity: 0.2;
}
.section6 .section6_wrap .circle-text svg textPath {
    letter-spacing: 0.5em;
}

@keyframes rotateText {
    from {
        transform: translateY(-50%) rotate(360deg);
    }
    to {
        transform: translateY(-50%) rotate(0deg);
    }
}

.section6 .section6_wrap:after {
    content: '';
    position: absolute;
    width: calc(210vw/var(--basic-size));
    height: 100%;
    top: 0;
    right: 0;
    background-color: #5868db;
    z-index: -1;
}
.section6 .section6_wrap .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: calc(115vw/var(--basic-size));
    padding-left: calc(360vw/var(--basic-size));
}
.section6 .section6_wrap .left h2 {
    font-size: calc(90vw/var(--basic-size));
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -0.05em;
    position: relative;
}
.section6 .section6_wrap .left h2::after {
    content: "";
    position: absolute;
    width: calc(48vw/var(--basic-size));
    height: calc(8vw/var(--basic-size));
    background-color: #c4dced;
    left: calc(2vw/var(--basic-size));
    bottom: calc(-57.5vw/var(--basic-size));
    z-index: -1;
}
.section6 .section6_wrap .left p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(15vw/var(--basic-size));
}
.section6 .section6_wrap .left p span {
    font-size: calc(26vw/var(--basic-size));
    font-weight: 400;
    color: #333;
}
.section6 .section6_wrap .left p span:nth-child(1) {  
    font-weight: 700;
    color: var(--main-color);
    position: relative;
}
.section6 .section6_wrap .left p span:nth-child(1)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(11vw/var(--basic-size));
    background-color: #c4dced;
    bottom: calc(-1vw/var(--basic-size));
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.section6 .section6_wrap .right {
    width: calc(1086vw/var(--basic-size));
}
.section6 .section6_wrap .right img {
    width: 100%;
}

@media (max-width: 1024px) {
    .section6 .section6_wrap {
        padding-top: calc(400vw/var(--basic-size));
        padding-bottom: calc(400vw/var(--basic-size));
        padding-left: calc(103vw/var(--basic-size));
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: calc(120vw/var(--basic-size));
    }
    .section6 .section6_wrap .circle-text {
        position: absolute;
        top: calc(100vw/var(--basic-size));
        left: auto;
        right: calc(-213vw/var(--basic-size));
        transform: translateY(0);
    }
    .section6 .section6_wrap .circle-text svg text {
        /* font-size: calc(177vw/var(--basic-size)); */
    }
    .section6 .section6_wrap .circle-text svg textPath {
        letter-spacing: 0.5em;
    }

    @keyframes rotateText {
        from {
            transform: rotate(360deg);
        }
        to {
            transform: rotate(0deg);
        }
    }

    .section6 .section6_wrap:after {
        width: calc(180vw/var(--basic-size));
    }
    .section6 .section6_wrap .left {
        align-items: flex-start;
        gap: calc(128vw/var(--basic-size));
        padding-left: 0;
    }
    .section6 .section6_wrap .left h2 {
        font-size: calc(116vw/var(--basic-size));
    }
    .section6 .section6_wrap .left h2::after {
        width: calc(45vw/var(--basic-size));
        height: calc(8vw/var(--basic-size));
        bottom: calc(-64vw/var(--basic-size));
    }
    .section6 .section6_wrap .left p {
        gap: calc(25vw/var(--basic-size));
    }
    .section6 .section6_wrap .left p span {
        font-size: calc(40vw/ var(--basic-size));
    }
    .section6 .section6_wrap .left p span:nth-child(1)::after {
        height: calc(17vw/var(--basic-size));
        bottom: calc(-1vw/var(--basic-size));
    }
    
    .section6 .section6_wrap .right {
        width: calc(977vw/var(--basic-size));
    }
}

/* section7 */
.section7 {
    padding-top: calc(150vw/var(--basic-size));
    padding-bottom: calc(160vw/var(--basic-size));
}
.section7 .section7_wrap {
    position: relative;
}
.section7 .section7_wrap h2 {
    font-size: calc(54vw/var(--basic-size));
    font-weight: 700;
    color: var(--main-color);
    letter-spacing: -0.05em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(20vw/var(--basic-size));
    text-align: center;
    margin-bottom: calc(600vw/var(--basic-size));
}
.section7 .section7_wrap h2 span {
    font-size: calc(18vw/var(--basic-size));
    font-weight: 300;
    color: #c6c6d0;
    letter-spacing: 0.3em;
}
.section7 .section7_wrap #map {
    width: 100%;
    height: calc(500vw/var(--basic-size));
    background-color: #c6c6d0;
    position: absolute !important;
    top: calc(160vw/var(--basic-size));
    left: 0;
}
.section7 .section7_wrap .schedule {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(580vw/var(--basic-size));
    height: calc(400vw/var(--basic-size));
    background-color: #f5f5f7;
    position: absolute;
    top: 50%;
    left: calc(292vw/var(--basic-size));
    transform: translateY(-50%);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
.section7 .section7_wrap .schedule h3 {
    font-size: calc(40vw/var(--basic-size));
    font-weight: 700;
    color: #5868db;
    letter-spacing: -0.05em;
    margin-bottom: calc(15vw/var(--basic-size));
}
.section7 .section7_wrap .schedule ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: calc(450vw/var(--basic-size));
    /* height: calc(210vw/var(--basic-size)); */
    gap: calc(16vw/var(--basic-size));
    border: 1px solid #c6c6d0;
    padding: calc(20vw/var(--basic-size)) 0;
    padding-left: calc(35vw/var(--basic-size));
}
.section7 .section7_wrap .schedule ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(308vw/var(--basic-size));
}
.section7 .section7_wrap .schedule ul li p {
    font-size: calc(20vw/var(--basic-size));
    font-weight: 300;
    color: #333;
}
.section7 .section7_wrap .schedule ul li p:nth-child(1) {
    font-weight: 700;
    color: #5868db;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(69vw/var(--basic-size));
    position: relative;
    margin-right: calc(50vw/var(--basic-size));
}
.section7 .section7_wrap .schedule ul li p:nth-child(1)::after {
    content: "";
    position: absolute;
    width: calc(4vw/var(--basic-size));
    height: calc(14vw/var(--basic-size));
    background-color: #5868db;
    top: 50%;
    right: calc(-25vw/var(--basic-size));
    transform: translateY(-50%);
}
.section7 .section7_wrap .schedule ul li p:nth-child(2) {
    font-weight: 400;
    color: #333;
}
.section7 .section7_wrap .schedule ul li p:nth-child(2) strong {
    font-weight: 700;
    color: #5868db;
    position: relative;
}
.section7 .section7_wrap .schedule ul li p:nth-child(2) strong::after {
    content: "야간진료";
    position: absolute;
    width: calc(79vw/var(--basic-size));
    height: calc(22vw/var(--basic-size));
    background-color: #5868db;
    top: 50%;
    right: calc(-89vw/var(--basic-size));
    transform: translateY(-50%);
    font-size: calc(18vw/var(--basic-size));
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(11vw/var(--basic-size));
}
.section7 .section7_wrap .schedule ul li:nth-child(5) {
    margin-top: calc(22vw/var(--basic-size));
    position: relative;
    white-space: nowrap;
}
.section7 .section7_wrap .schedule ul li:nth-child(5)::after {
    content: "";
    position: absolute;
    width: calc(428vw/var(--basic-size));
    height: 1px;
    background-color: #c6c6d0;
    top: calc(-16vw/var(--basic-size));
    left: 50%;
    transform: translateX(-42%);
}
.section7 .section7_wrap .schedule ul li:nth-child(5) strong {
    color: #5868db;
}
.section7 .section7_wrap .schedule > p {
    font-size: calc(34vw/var(--basic-size));
    font-weight: 600;
    color: #5868db;
    text-align: center;
    margin-top: calc(30vw/var(--basic-size));
    display: flex;
    align-items: center;
    gap: calc(20vw/var(--basic-size));
}
.section7 .section7_wrap .schedule > p svg {
    width: calc(25vw/var(--basic-size));
}
.section7 .section7_wrap > div:nth-of-type(3) {
    /* margin-top: calc(40vw/var(--basic-size)); */
    padding-left: calc(295vw/var(--basic-size));
}
.section7 .section7_wrap > div:nth-of-type(3) p {
    font-size: calc(20vw/var(--basic-size));
    font-weight: 300;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    white-space: nowrap;
}
.section7 .section7_wrap > div:nth-of-type(3) p > strong {
    font-weight: 700;
    color: #5868db;
    position: relative;
    margin-right: calc(46vw/var(--basic-size));
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(70vw/var(--basic-size));
}
.section7 .section7_wrap > div:nth-of-type(3) p > strong::after {
    content: "";
    position: absolute;
    width: calc(2vw/var(--basic-size));
    height: calc(14vw/var(--basic-size));
    background-color: #5868db;
    top: 50%;
    right: calc(-24vw/var(--basic-size));
    transform: translateY(-50%);
}
.section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) {
    margin-top: calc(26vw/var(--basic-size));
    align-items: flex-start;
}
.section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: calc(10vw/var(--basic-size));
}
.section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) > span strong {
    font-weight: 700;
    color: #5868db;
}

@media (max-width: 1024px) {
    .section7 {
        padding-top: calc(215vw/var(--basic-size));
        padding-bottom: calc(280vw/var(--basic-size));
    }
    .section7 .section7_wrap {
        width: calc(976vw/var(--basic-size));
        margin: 0 auto;
    }
    .section7 .section7_wrap h2 {
        font-size: calc(80vw/var(--basic-size));
        gap: calc(38vw/var(--basic-size));
        margin-bottom: calc(1624vw/var(--basic-size));
    }
    .section7 .section7_wrap h2 span {
        font-size: calc(26vw/var(--basic-size));
    }
    .section7 .section7_wrap #map {
        width: 100%;
        height: calc(676vw/var(--basic-size));
        top: calc(985vw/var(--basic-size));
        left: 0;
    }
    .section7 .section7_wrap .schedule {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: calc(676vw/var(--basic-size));
        background-color: #f5f5f7;
        position: absolute;
        top: calc(207vw/var(--basic-size));
        left: 0;
        transform: translateY(0);
    }
    .section7 .section7_wrap .schedule h3 {
        font-size: calc(60vw/var(--basic-size));
        margin-bottom: calc(40vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul {
        width: calc(760vw/var(--basic-size));
        gap: calc(28vw/var(--basic-size));
        padding: calc(28vw/var(--basic-size)) 0;
        padding-left: calc(58vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li {
        width: calc(536vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li p {
        font-size: calc(34vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li p:nth-child(1) {
        width: calc(117vw/var(--basic-size));
        margin-right: calc(85vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li p:nth-child(1)::after {
        width: calc(5vw/var(--basic-size));
        height: calc(24vw/var(--basic-size));
        right: calc(-42vw/var(--basic-size));
    }
    
    .section7 .section7_wrap .schedule ul li p:nth-child(2) strong::after {
        width: calc(133vw/var(--basic-size));
        height: calc(37vw/var(--basic-size));
        right: calc(-145vw/var(--basic-size));
        font-size: calc(30vw/var(--basic-size));
        border-radius: calc(19vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li:nth-child(5) {
        margin-top: calc(30vw/var(--basic-size));
        font-size: calc(34vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule ul li:nth-child(5)::after {
        width: calc(723vw/var(--basic-size));
        top: calc(-29vw/var(--basic-size));
        transform: translateX(-42%);
    }
    
    .section7 .section7_wrap .schedule > p {
        font-size: calc(58vw/var(--basic-size));
        margin-top: calc(50vw/var(--basic-size));
    }
    .section7 .section7_wrap .schedule > p svg {
        width: calc(42vw/var(--basic-size));
    }
    .section7 .section7_wrap > div:nth-of-type(3) {
        padding-left: 0;
    }
    .section7 .section7_wrap > div:nth-of-type(3) p {
        font-size: calc(32vw/var(--basic-size));
    }
    .section7 .section7_wrap > div:nth-of-type(3) p > strong {
        margin-right: calc(62vw/var(--basic-size));
        width: calc(108vw/var(--basic-size));
    }
    .section7 .section7_wrap > div:nth-of-type(3) p > strong::after {
        width: calc(4vw/var(--basic-size));
        height: calc(23vw/var(--basic-size));
        right: calc(-31vw/var(--basic-size));
    }
    .section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) {
        margin-top: calc(26vw/var(--basic-size));
        align-items: flex-start;
    }
    .section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) > span {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: calc(10vw/var(--basic-size));
    }
    .section7 .section7_wrap > div:nth-of-type(3) p:nth-child(2) > span > span > strong {
        font-weight: 700;
        color: #5868db;
    }
}