/* ====================== */
/* Tablet */
/* ====================== */
@media screen and (max-width: 1440px) {
    .header .inner {padding:0 20px;gap:0px;}
    .header .gnb-item a {font-size:16px;}
    .footer .inner {padding:0 20px;}
    .footer-top .location {width:100%;flex: 1;padding-left:20px;padding-top:0;}
    .footer-top .location .root_daum_roughmap_landing {width:100% !important;}
    .footer-top .location-map {width:100%;}
    .footer-top .clinic {width:100%;flex:1;padding-right:20px;padding-top:0;}
    .footer-top .clinic .timetable-row {flex-wrap:wrap;gap:5px 20px;}

    .doctors {width:70%;}
}

/* ====================== */
/* Mobile */
/* ====================== */
@media screen and (max-width: 1024px) {
    .pc-only {display: none !important;}
    .mo-only {display: block !important;}

    #wrap {padding-top:68px;}

    .header {position:fixed;top:0;left:0;right:0;z-index:11;}
    .header .inner {height:68px;justify-content:center;padding:0;} 
    .header .btn-menu {display:block;width:68px;height:68px;position:absolute;left:0;top:0;font-size:0;text-indent:-9999px;overflow:hidden;background:url(/images/btn_menu.png) no-repeat center;}
    .header .btn-menu.active {background-image: url(/images/btn_menu_active.png);}
    .header .header-logo {height:35px;}
    .header .gnb {position:fixed;width:100%;left:0;right:0;top:68px;bottom:0;background:rgba(65, 136, 229, 0.9);z-index:11;display:none;overflow: auto;}
    .header .gnb.active {display:block;}
    .header .gnb-list {flex-direction:column;gap:0;}
    .header .gnb-item {height:unset;border-bottom:1px solid rgba(255, 255, 255, 0.5);padding:24px 0;display:block;width:100%;}
    .header .gnb-item a {font-size:22px;}
    .header .gnb-item:first-child {display:none;}
    .header .gnb-list ul {position:relative;top:unset;max-height:unset;background-color:transparent;margin-top:12px;width:100%;}
    .header .gnb-list ul a {color:#fff;height:unset;line-height:1.4;}
    .header .gnb-list ul li {display:inline-flex;align-items:center;}
    .header .gnb-list ul li:after {content:'/';color:#fff;margin: 0 8px 0 10px;}
    .header .gnb-list ul li:last-child:after {content:none;}

    @media (hover: hover) {
        .header .gnb-list ul a:hover {color:#fff;font-weight:400;}
        .header .gnb-item:hover ul {max-height:unset;}
    }

    .footer {padding:50px 0 40px;}
    .footer .inner {padding:0 36px;}
    .footer-top {display:block;border-bottom:0;}
    .footer-top .clinic {width:100%;padding:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:20px;margin-bottom:20px;gap:12px;}
    .footer-top .clinic-row {gap:12px;}
    .footer-top .clinic-label {font-size:14px;}
    .footer-top .clinic-value {font-size:14px;font-weight:400;}
    .footer-top .clinic-value a {font-size:14px;}
    .footer-top .clinic .timetable {font-size:14px;font-weight:400;}
    .footer-top .clinic .timetable-day {width:33%;}
    .footer-top .clinic .timetable-row {gap:10px;}
    .footer-top .clinic-note {font-size:13px;}
    .footer-top .location {width:100%;padding:0;}
    .footer-top .location-map {width:100%;}
    .footer-top .location-address {font-size:15px;font-weight:500;padding-left:18px;letter-spacing:-.4px;margin-top:16px;}
    .footer-top .location-address:before {width:14px;height:14px;top:2px;}
    .footer-top .location-address span {font-size:13px;font-weight:400;}
    .footer-top .location .root_daum_roughmap_landing {width:100% !important;}
    .footer-top .root_daum_roughmap .wrap_map {height:300px !important;}
    .footer-btm {margin-top:25px;}
    .footer-btm .other {position:relative;top:unset;right:unset;justify-content:end;margin-bottom:20px;}
    .footer-btm .other .sns {gap:8px;}
    .footer-btm .other .sns .sns-item img {width:40px;height:40px;}
    .footer-btm .other .fee-link {font-size:10px;}
    .footer-logo {height:38px;margin-bottom:13px;}
    .footer-corp {font-size:12px;}
    .footer-corp p {flex-wrap:wrap;margin-bottom:2px;}
    .footer-corp p span:after {margin:0 3px 0 4px;height:6px;}
    .footer-copyright {font-size:10px;}

    /* .footer-top .clinic-label {font-size:12px;}
    .footer-top .clinic-value {font-size:12px;font-weight:400;}
    .footer-top .clinic-value a {font-size:12px;}
    .footer-top .clinic .timetable {font-size:11px;font-weight:400;}
    .footer-top .clinic .timetable-day {width:80px;}
    .footer-top .clinic .timetable-row {gap:10px;}
    .footer-top .clinic-note {font-size:8px;}
    .footer-top .location {width:100%;padding:0;}
    .footer-top .location-map {width:100%;}
    .footer-top .location-address {font-size:12px;font-weight:600;padding-left:14px;letter-spacing:-.4px;margin-top:16px;}
    .footer-top .location-address:before {width:10px;height:13px;top:1px;}
    .footer-top .location-address span {font-size:12px;font-weight:400;}
    .footer-top .location .root_daum_roughmap_landing {width:100% !important;}
    .footer-top .root_daum_roughmap .wrap_map {height:300px !important;}
    .footer-btm {margin-top:25px;}
    .footer-btm .other {position:relative;top:unset;right:unset;justify-content:end;margin-bottom:20px;}
    .footer-btm .other .sns {gap:8px;}
    .footer-btm .other .sns .sns-item img {width:32px;height:32px;}
    .footer-btm .other .fee-link {font-size:10px;}
    .footer-logo {height:38px;margin-bottom:13px;}
    .footer-corp {font-size:9px;}
    .footer-corp p {flex-wrap:wrap;margin-bottom:2px;}
    .footer-corp p span:after {margin:0 3px 0 4px;height:6px;}
    .footer-copyright {font-size:9px;} */

    .fnb {right:14px;bottom:14px;}
    .fnb-item {width:40px;height:40px;margin-bottom:8px;}

    .quick-consult {top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(65, 136, 229, 0.9);}
    .quick-consult.active {display:flex;align-items:center;}
    .quick-consult .consult-close {right:0;top:0;}
    .quick-consult .consult-inner {width:100%;}
    .quick-consult .consult-head {margin-bottom:25px;}
    .quick-consult .form-field {margin-bottom:16px;}
    .quick-consult .form-agree {flex-direction:row;align-items:center;margin-top:40px;}
    
    .modal-alert .modal-box {padding:24px 20px;}
    .modal-alert .modal-contents {font-size:13px;}
    .modal-alert .modal-btn {margin-top:18px;}
    .modal-alert .modal-btn .btn-primary {font-size:14px;height:28px;line-height:28px;padding:0 20px;font-weight:600;}

    .modal-privacy {background: rgba(65, 136, 229, 0.9);}
    .modal-privacy .modal-box {background-color: transparent;width:78%;border-radius:0;}
    .modal-privacy .modal-head {background-color:transparent;padding:20px 0;}
    .modal-privacy .modal-head strong {color:#fff;font-size: 20px;}
    .modal-privacy .modal-close {background-image: url(/images/close_white.png);}
    .modal-privacy .modal-contents {border-radius:6px;height:50vh;}
    .modal-privacy .modal-contents .inner {color: rgba(128, 128, 128, 0.80);font-size: 13px;padding:12px 18px;}

    .sub-top {height:274px;}
    .sub-top .sub-top-label {font-size:14px;}
    .sub-top .sub-top-title {font-size:30px;}

    .main-banner-slide img {width:100%;}
    .main-banner-slide .swiper-pagination {bottom:30px;gap:8px;}
    .main-banner-slide .swiper-pagination-bullet {height:4px;width:4px;}

    .doctors-section {padding-top: 84px;background:url(/images/main/m_doctors_bg.png) no-repeat top center;background-size:cover;}
    .doctors {width:100%;flex-direction: column;align-items: center;justify-content:center;gap:50px;}
    .doctors .line {height:14px;margin-bottom:22px;}
    .doctors .text-desc {font-size:20px;}
    .doctors .doctor-image {width:200px;}
    .doctors .doctor-link {width:80px;height:80px;font-size:12px;left:unset;right:-33px;bottom:-20px;gap:5px;letter-spacing:-.2px;}
    .doctors .doctor-link img {width:12px;height:12px;}
    .point-swiper {padding:0 20px 60px;margin-bottom:0;}
    .point-card {height:230px;}
    .point-card .card-info {padding:0 20px;}
    .point-card .card-info-title {font-size:12px;margin-bottom:5px;padding-bottom:5px;border-bottom-color:#1D4577;}
    .point-card .card-info-title strong {padding:1px 4px;margin-left:-3px;border-radius:2px;}
    .point-card .card-info-desc {font-size:11px;word-break:keep-all;}
    .point-card .card-info-desc br {display:none;}
    .feature .line {margin-bottom:22px;height:14px;}
    .feature .feature-text1 {font-size:20px;}
    .feature .line2 {width:20px;margin-top:40px;opacity:.6;}
    .feature .feature-text2 {font-size:3vw;}

    .system-sect  {margin-top:60px;}
    .system-sect .system-inner {margin:0 auto; position: relative; width: 58vw; transform: translateY(8%); z-index: 3} 
    .system-sect .system-inner .circle-wrap .circle-active {width:10px;height:10px;}
    .system-sect .system-inner .system-text {font-size:9vw;bottom:41%;}
    .system-sect .system-inner .system-text::after {text-shadow:0 .5px 3px #fff;}
    .system-sect .system-inner .system-list {}
    .system-sect .system-inner .system-list .system-item .system-num {font-size:2.8vw;width:5vw;height:5vw;margin-bottom:6px;line-height:1;}
    .system-sect .system-inner .system-list .system-item .system-item-inner {font-size:3.2vw;font-weight:400;line-height:1.2;word-break:keep-all;}
    .system-sect .system-inner .system-list .system-item .system-eng {display:none;}
    .system-sect .system-inner .system-list .system-item {max-width:23vw;}
    .system-sect .system-inner .system-list .system-item[data-step="step-1"] {left:-26%; bottom:25%;}
    .system-sect .system-inner .system-list .system-item[data-step="step-2"] {left:-28%; top:8%;}
    .system-sect .system-inner .system-list .system-item[data-step="step-3"] {left:9%; top:-24%;}
    .system-sect .system-inner .system-list .system-item[data-step="step-6"] {right:-26%; bottom:25%;}
    .system-sect .system-inner .system-list .system-item[data-step="step-5"] {right:-32%; top:8%;}
    .system-sect .system-inner .system-list .system-item[data-step="step-4"] {right:10%; top:-24%;}
    .system-inner.is-step-1 .circle-wrap {transform:rotate(-160deg);}
    .system-inner.is-step-2 .circle-wrap {transform:rotate(-120deg);}
    .system-inner.is-step-3 .circle-wrap {transform:rotate(-80deg);}
    .system-inner.is-step-4 .circle-wrap {transform:rotate(-40deg);}
    .system-inner.is-step-5 .circle-wrap {transform:rotate(-0deg);}
    .system-inner.is-step-6 .circle-wrap {transform:rotate(40deg);}

    .ans-section {background: #fff;padding-bottom:80px;}
    .ans-section .marquee {font-size:72px;text-indent:-29vw;}
    .ans-section .ans-title {font-size:20px;margin-top:44px;margin-bottom:36px;}
    .ans-section .ans-search-wrap {width:100%;padding:0 28px;margin-bottom:36px;}
    .ans-section .ans-input {height:44px;margin-bottom:24px;}
    .ans-section .ans-input .ans-search-text {font-size: 14px;padding:0 16px 0 24px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .ans-section .ans-input .ans-search-icon {width:60px;}
    .ans-section .ans-input .ans-search-icon img {width:14px;}
    .ans-section .ans-keyword {gap:10px 8px;}
    .ans-section .ans-keyword-item {font-size:12px;height:24px;line-height:22px;border-width:1px;padding:0 14px;}
    .ans-section .dot {width:6px;margin-bottom:18px;}
    .ans-section .ans-symptom-title {font-size:17px;}
    .ans-section .ans-symptom {padding:0 30px;gap:10px;margin-bottom:80px;}
    .ans-section .ans-symptom-card {flex: none;min-height: 188px;padding:12px 12px;height: auto;width:calc((100% - 10px)/2);}
    .ans-section .ans-symptom-card .card-img {margin-bottom:12px;}
    .ans-section .ans-symptom-card .card-img img {height:50px;}
    .ans-section .ans-symptom-card .card-info-title {font-size:15px;margin-bottom:8px;}
    .ans-section .ans-symptom-card .card-info-desc {word-break: keep-all;margin-bottom:2px;}
    .ans-section .ans-symptom-card .card-info-solution {font-size:14px;word-break:keep-all;}
    .ans-section .ans-symptom-text {font-size:12px;word-break:keep-all;width:220px;margin:0 auto;}

    .nonsurgical-section {padding:170px 18px 60px;background:#F6FAFF url(/images/main/m_nonsurgical_bg.png) no-repeat;background-size: 100% auto;background-position:top;}
    .nonsurgical-section .section-subtitle {font-size:13px;margin-bottom:28px;}
    .nonsurgical-section .section-title {font-size:19px;margin-bottom:20px;}
    .nonsurgical-section .treatment-tabs {gap:7px 5px;margin-bottom:50px;}
    .nonsurgical-section .treatment-tabs .tab-btn {font-size:12px;border-width:1px;padding:4px 12px 3px 10px;}
    .nonsurgical-section .treatment-tabs .tab-btn span {width:14px;height:14px;background-size:contain !important;}
    .nonsurgical-section .treatment-list {gap:10px 10px;}
    .nonsurgical-section .treatment-card {flex: 0 0 calc(50% - 5px); border-radius:6px;min-height:180px;height:auto;}
    .nonsurgical-section .treatment-card .card-img {height:90px;flex:none;}
    .nonsurgical-section .treatment-card .card-img img {max-width:45%;max-height:50%;}
    .nonsurgical-section .treatment-card .card-info {padding:6px 10px 10px;}
    .nonsurgical-section .treatment-card .card-category {font-size:10px;line-height:14px;width:36px;text-align:center;padding:0;margin-bottom:6px;}
    .nonsurgical-section .treatment-card .card-title {font-size:14px;}
    .nonsurgical-section .treatment-card .card-desc {font-size:12px;word-break:keep-all;}
    .nonsurgical-section .use-ai {font-size:12px;width:132px;margin:65px auto 0;}

    .ans-section .typo span{font-size:72px;}
    
    .tour-page {
        .section-head {margin-bottom:25px;}
        .section-head .section-subtitle {font-size:14px;}
        .section-head .section-title {font-size:27px;}
        .section-head .section-title strong {display:block;}
        .sub-contents {padding:100px 0 120px;background:none;}

        .tour-section {padding:0 20px;}
        .tour-tabs {gap:0;margin-bottom:14px;}
        .tour-tabs .tab-btn {font-size:14px;padding:0 14px;}
        .swiper-main {height:280px;margin-bottom:18px;}
        .swiper-thumb .swiper-wrapper {max-height:calc(100vw);}
        .swiper-button-next,
        .swiper-button-prev {width:34px;height:34px;margin-top:-17px;}
        .swiper-button-next {right:12px;}
        .swiper-button-prev {left:12px;}
    }

    .doctors-page {
        .sub-contents {padding:100px 0 120px;background:#F6FAFF url(/images/tour/tour_bg.png) no-repeat;background-position:left 65px;background-size:85% auto;}
        
        .section-head {padding:0 20px;margin-bottom:35px;}
        .section-head .section-subtitle {font-size:14px;}
        .section-head .section-title {font-size:27px;}
        .section-head .section-title strong {display:block;}
        .section-head .section-text {color:#464646;font-size:15px;word-break:keep-all;width:220px;margin:12px auto 0;}

        .director-section {padding:0 28px;margin:0 auto 80px;}

        .doctor-profile {padding:30px;border-radius:14px;display:flex;margin-bottom:60px;gap:50px;flex-direction: column;}
        .doctor-detail {padding-left:0;width:100%;}
        .doctor-badge {font-size:12px;padding:3px 10px 2px;margin-bottom:8px;}
        .doctor-name-main {font-size:25px;}
        .doctor-name-sub {font-size:15px;margin-left:3px;}
        .doctor-desc {font-size:16px;font-weight:500;margin-top:2px;}
        .doctor-history-title {color:var(--primary-color);font-size:14px;font-weight:700;}
        .doctor-history-list {color: #464646;font-size: 11px;line-height: 1.8;margin-top:6px;}
        .doctor-history-list li {position:relative;padding-left:12px;}
        .doctor-history-list li span {background-color:#E0FFC0;font-weight:700;padding:1px 3px;}
        .doctor-history-list li:before {content:'';display:block;position:absolute;left:5px;top:8px;width:2px;height:2px;border-radius:100px;background-color:#464646;}
        .line {background:#D9D9D9;width:100%;height:1px;margin:17px 0;}

        .doctor-award {padding:40px 16px;border-radius:12px;text-align:center;}
        .doctor-award-head {flex-direction:column;gap:4px;}
        .doctor-award-title {display:flex;align-items:center;gap:7px;}
        .doctor-award-title span {font-size:20px;font-weight:600;}
        .doctor-award-title img {width:16px;height:16px;}
        .doctor-award-sub {font-size:16px;}
        .doctor-award-desc {font-size: 13px;margin-top:16px;line-height:1.7;word-break:keep-all;}

        .team-section {padding: 0 28px;}
        .team-section .section-text {width:100%;font-size:14px;margin-bottom:13px;}
        .team-section .section-head .section-title strong {display:inline-block;}
        .team-list {gap:24px;}
        .team-card {width:100%;border-radius:12px;}
        .team-card-visual {width:35%;background-size:55px auto;}
        .team-card-info {flex:auto;padding:28px 18px 25px;background-size:54% auto;}
        .team-badge {font-size:12px;padding:3px 10px 2px;margin-bottom:8px;}
        .team-name-main {font-size:20px;}
        .team-name-sub {font-size:13px;margin-left:0;}
        .team-desc {font-size:16px;font-weight:500;margin-top:2px;}
        .team-history {color: #464646;font-size: 11px;line-height: 1.8;margin-top:8px;}
        .team-history li {position:relative;padding-left:12px;}
        .team-history li span {background-color:#E0FFC0;font-weight:700;padding:1px 3px;}
        .team-history li:before {content:'';display:block;position:absolute;left:5px;top:8px;width:2px;height:2px;border-radius:100px;background-color:#464646;}
    }

    .philosophy-page {
        .section-head {text-align:center;margin-bottom:44px;}
        .section-head .section-subtitle {font-size:14px;color:rgba(0, 0, 0, 0.2);font-weight:600;margin-bottom:10px;display:block;}
        .section-head .section-title {font-size:24px;}

        .exact-section {padding:140px 0 90px;background-size:auto 80%;}
        .exact-swiper-wrap {width:100%;margin:80px auto 0;}
        .exact-swiper .swiper-slide {width:310px;height: 0;border-radius:12px;padding-bottom:82%;}
        .exact-tag {height:36px;line-height:36px;width:152px;font-size:16px;margin-top:24px;}
        .exact-card .card-info {padding:30px 23px;font-size:3.9vw;line-height:1.57;}

        .philosophy-section {padding:100px 0 80px;}
        .philosophy-section .philosophy-list {display:flex;gap:3vw;padding:0 25px 0 40px;}
        .philosophy-section .philosophy-card {margin-bottom:0;display:block;}
        .philosophy-section .philosophy-card:first-child {width:52%;}
        .philosophy-section .philosophy-card:last-child {width:48%;}
        .philosophy-section .philosophy-card img {margin:0 auto 20px;height:10vw;}
        .philosophy-section .philosophy-card p {font-size:3.4vw;line-height:1.8;}

        .performance-section {padding-top:130px;background-size: 110% auto;background-position:center 10%;overflow: hidden;}
        .performance-inner {display:block;padding:0 9vw 0 10vw;}
        .performance-content {padding-bottom:54px;}
        .performance-media {display:flex;position:relative;width: 245px;margin:0 auto;}
        .performance-media .performance-badge {position:absolute;right:-27px;top:unset;bottom:160px;width:76px;}
        .performance-title {font-size:6.7vw;margin-bottom:8vw;}
        .performance-desc {font-size:3.6vw;margin-bottom:4vw;word-break:keep-all;letter-spacing: -0.2vw;}
        .performance-paper {font-size:3.6vw;color:#727272;letter-spacing:-0.2vw;}
        .performance-paper br {display:none;}
        .performance-visual {margin-top:12vw;}
        .performance-visual img {max-width:unset;width:92vw;}
    }

    .fees-page {
        .sub-top {justify-content:center;padding-top:0;}
        .sub-top .sub-top-label {margin-top:6px;}
        .sub-contents {padding:50px 0 100px;}
        .fees-table {margin-top:0;border-width:1px 0;}
        .fees-table .fees-head {font-size:10px;padding:4px 10px;}
        .fees-table table td {height:18px;font-size:7px;padding:0 5px;}
        .fees-table thead th {height:20px;font-size:8px;}
    }

    .certificate-page {
        .sub-top .sub-top-title {margin-top:0;}
        .sub-contents {padding:50px 30px 100px;}
        
        .issue-item {margin-bottom:30px;border-radius:14px;display:block;}
        .issue-item .issue-thumb {width:100%;border-radius:14px;overflow:hidden;}
        .issue-item .issue-content {flex:1;padding:18px 30px 25px;}
        .issue-item .issue-title {font-size:18px;margin-bottom:4px;}
        .issue-item .issue-desc {font-size:14px;}
        .issue-item .issue-arrow {margin-top:10px;}
        .issue-item .issue-arrow img {height:6px;}
    }

    .hours-page {
        .sub-top .sub-top-title {margin-top:0;}
        .sub-contents {padding:0 0 0;}

        .section-head .section-title {font-size:26px;}

        .hours-section {padding:100px 0 0; position:relative;}
        .hours-section .section-head {gap:14px; flex-direction:column;}
        .hours-section .hours-info {display:block; text-align:center; line-height:1.7; font-size:16px;}
        .hours-section .hours-info span {display:block;}

        .hours-section .hours-wrap {
            margin-top:30px;
            padding:0 28px 60px;
            overflow:hidden;
        }

        .hours-bg {height:400px;}

        .hours-inner {
            display:flex;
            align-items:stretch;
            gap:10px;
            width:100%;
        }

        .hours-inner .week {
            font-size:13px;
            width:56px;
            padding:28px 0;
            border-radius:12px;
            flex:0 0 56px;
        }

        .hours-inner .week-hours li {height:35px;}
        .hours-inner .doctor-hours li {height:35px; font-size:13px;}

        .hours-swiper-wrap {
            flex:1;
            min-width:0;
            overflow:hidden;
        }

        .hours-swiper {
            width:100%;
            overflow:hidden;
        }

        .hours-swiper .swiper-wrapper {
            align-items:stretch;
        }

        .hours-swiper .swiper-slide {
            height:auto;
            box-sizing:border-box;
        }

        .hours-inner .doctor {
            border-radius:12px;
            padding:28px 28px;
            gap:15px;
            width:100%;
            flex:none;
            margin:0;
            box-sizing:border-box;
        }

        .hours-inner .doctor.director {gap:20px;}
        .hours-inner .doctor-name {font-size:18px; margin-bottom:2px;}
        .hours-inner .doctor-category {font-size:12px;}
        .hours-inner .week-name {line-height:46px;}

        .hours-inner .holiday {
            display:inline-block;
            background-color:#E54144;
            color:#fff;
            line-height:1;
            padding:3px 7px;
            border-radius:100px;
            font-size:10px;
        }

        .hours-inner .surgery {
            display:inline-block;
            background-color:var(--primary-color);
            color:#fff;
            line-height:1;
            padding:3px 7px;
            border-radius:100px;
            font-size:10px;
            margin-left:4px;
        }

        .hours-controls {
            display:flex;
            align-items:center;
            justify-content:center;
            gap:12px;
            margin-top:16px;
        }

        .hours-prev,
        .hours-next {
            position:static;
            margin:0;
            width:32px;
            height:32px;
        }

        .hours-prev::after,
        .hours-next::after {
            font-size:16px;
            color:var(--primary-color);
            font-weight:700;
        }

        .hours-pagination {
            position:static;
            width:auto !important;
        }

        .hours-pagination .swiper-pagination-bullet {
            background:#b7c8e9;
            opacity:1;
        }

        .hours-pagination .swiper-pagination-bullet-active {
            background:var(--primary-color);
        }

        .process-section {position:relative; padding:110px 0;}
        .process-section .section-head {position:relative; left:unset; transform:none; top:unset; text-align:center; margin-bottom:46px;}
        .process-wrap {padding:0 20px; height:unset; flex-wrap:wrap; gap:28px 0;}
        .process-card {padding-top:0; flex:1 1 40%;}
        .process-card .card-icon {margin-bottom:15px;}
        .process-card .card-icon img {max-width:44%; max-height:44%;}
        .process-card .card-title {font-size:16px; margin-bottom:4px;}
        .process-card .card-desc {font-size:14px;}
        .process-card:after {height:50%; width:1px; top:50%; transform:translateY(-40%);}
        .process-card:nth-child(even):after {content:none;}
        .process-card:hover {background-color:transparent;}
        .process-card:hover:after {opacity:.5;}

        .other-wrap {display:flex; flex-direction:column;}
        .other-item {padding:40px 30px; background-color:#EAEAEA; width:100%;}
        .other-title {font-size:20px; margin-bottom:10px;}
        .other-text {font-size:14px; word-break:keep-all;}
        .other-wrap:nth-child(2) {flex-direction:column-reverse;}
    }

    .disorder-page {
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:23px;font-weight:700;color:#464646;}
        .section-head .section-title strong {color:var(--primary-color);font-family:inherit;}

        .disorder-section {padding:74px 0 50px;background: var(--primary-color) url(/images/disorder/disorder_bg.png) no-repeat;background-position: right -30px;background-size:65% auto;}
        .disorder-intro {flex-direction:column;padding:0 24px;gap:28px;margin-bottom:36px;}
        .disorder-intro .disorder-subtitle {margin-bottom:20px;}
        .disorder-intro .disorder-subtitle .line {display:none;}
        .disorder-intro .disorder-subtitle .text {font-size:12px;}
        .disorder-intro .disorder-title {font-size:23px;margin-bottom:22px;}
        .disorder-intro .disorder-desc {font-size:12px;margin-bottom:22px;}
        .disorder-intro .disorder-desc2 {font-size:11px;}
        .disorder-intro .disorder-content {border-bottom:1px solid #fff;padding-bottom:24px;}
        .disorder-intro .disorder-functions {display:grid;gap:20px 0;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, auto);grid-auto-flow: column;}
        .disorder-intro .disorder-functions li {font-size:13px;word-spacing:-1px;}
        .disorder-warning {padding:0 24px;}
        .disorder-warning-box {padding:30px;}
        .disorder-warning .icon {width:20px;height:20px;font-size:12px;line-height:20px;}
        .disorder-warning .text {margin-top:14px;font-size:12px;}
        .disorder-warning .text.strong {font-size:16px;margin-top:20px;}

        .symptom-section {padding:100px 0 60px;background:#F6FAFF;}
        .symptom-section .section-head.t1 {text-align:center;}
        .symptom-section .section-head.t1 .section-title {font-size:24px;}
        .symptom-section .section-head.t1 .section-title strong {display:block;}
        .symptom-section .section-head.t1 .section-text {margin-top:24px;font-size:15px;font-weight:300;}
        .symptom-section .ans-symptom {gap:10px;padding:0 28px;margin-top:50px;}
        .symptom-section .ans-symptom-card {flex:none;min-height: 188px;padding:12px 10px;height: auto;width:calc((100% - 10px)/2);}
        .symptom-section .ans-symptom-card .card-img {margin-bottom:12px;}
        .symptom-section .ans-symptom-card .card-img img {height:50px;}
        .symptom-section .ans-symptom-card .card-info-title {font-size:18px;margin-bottom:8px;}
        .symptom-section .ans-symptom-card .card-info-desc {word-break: keep-all;margin-bottom:2px;}
        .symptom-section .ans-symptom-card .card-info-solution {font-size:14px;word-break:keep-all;}
        .symptom-section .ans-symptom-text {font-size:12px;word-break:keep-all;width:220px;margin:0 auto;}

        .symptom-section .section-head.t2 {text-align:center;margin-top:90px;position:relative;}
        .symptom-section .section-head.t2 .section-title {position:relative;z-index:1;}
        .symptom-section .section-head.t2 .section-text {margin-bottom:28px;font-size:15px;color:#464646;position:relative;z-index:1;font-weight:300;}
        .symptom-section .section-head.t2:before {content:'Q.';font-size:163px;color:#EAF3FF;font-family: "Nanum Myeongjo";font-weight: 700;position:absolute;bottom:250px;left:-50px;line-height:1;z-index:0;pointer-events:none;}
        .symptom-section .slider-wrap {margin-top:52px;}
        .symptom-section .slider-wrap .swiper {margin-bottom:14px;}
        .symptom-section .slider-wrap .swiper-wrapper {transition-timing-function: linear !important;}
        .symptom-section .slide-card {border-radius: 200px;background: #4189E5;width:auto;display:flex;align-items:center;gap:7px;height:68px;padding:0 44px 0 22px;}
        .symptom-section .slide-card img {width:18px;}
        .symptom-section .slide-card p {color:#fff;font-weight:500;font-size:12px;}

        .inspection-section {padding:60px 6vw 80px;}
        .inspection-wrap {width:100%;margin:25px auto 0;display:flex;gap:20px;flex-wrap:wrap;}
        .inspection-card {flex:1 1 40%;border-radius:14px;padding:60px 24px 24px;min-height:205px;}
        .inspection-card .bg {height: 56%;}

        .use-ai {font-size:15px;color:rgba(0, 0, 0, 0.3);margin:0 auto 100px;width:200px;}
    }

    .therapy-page {
        .sub-contents {padding-bottom:114px;}
        .sub-contents:before {font-size:215px;left:-160px;top:35px;}
        .section-head .section-subtitle {font-size: 15px;margin-bottom:25px;color:#464646;}
        .section-head .section-title {font-size:24px;}

        .therapy-section {padding:120px 0 0;}
        .therapy-list {margin-top:75px;padding:0 30px;}
        .therapy-card {flex:1 1 40%;}
        .therapy-card .card-img {height:90px;}
        .therapy-card .card-title {font-size:16px;}
        .therapy-card .card-desc {font-size:12px;}
        .therapy-card .card-point {font-size:12px;margin-top:10px;}
        .therapy-card .card-point li {display:inline-block;margin-left:10px;}
        .therapy-card .card-point li:first-child {margin-left:0;}
        .therapy-card .card-point li:before {top:8px;}

        .point {margin:68px 0 50px;}
        .point .line {height:40px;margin:0;opacity:.7;}
        .point .text1 {margin-bottom:50px;line-height: 1.5;}
        .point .text1 span {font-size:15px;}
        .point .text2 {margin-bottom:68px;}
        .point .text2 span {font-size:20px;margin:50px 0 60px;}

        .video-section {padding-bottom:110px;}
        .video-section .section-title strong {display:block;}
        .video-section .section-head {margin-bottom:48px;}
        .youtube-video {width:84%;height:60vh;margin-bottom:34px;}
        .youtube-link {font-size:16px;line-height:50px;height:50px;padding:0 30px;}

        .use-ai {font-size:15px;color:rgba(0, 0, 0, 0.3);width:200px;margin:0 auto;}
    }

    
    .rehab-page {
        .sub-contents {padding:90px 0 63px;}
        
        .section-head .section-subtitle {font-size: 15px;margin-bottom:12px;color:#464646;}
        .section-head .section-title {font-size:24px;}

        .intro-section {margin-bottom:70px;padding:0 30px;}
        .intro-section .section-head {margin-bottom:30px;}
        .intro-section .intro-box {padding:45px 45px;gap:20px;max-width:unset;width:100%;}
        .intro-section .intro-box .text1 {font-size:20px;margin-bottom:10px;}
        .intro-section .intro-box .text2 {font-size:14px;word-break:keep-all;}
        .intro-section .intro-box img {height:100px;margin:0 auto;}

        .type-section {margin-bottom:80px;}
        .type-section .type-arrow-box {display:none;}
        .type-section .section-head {display:block;text-align:center;margin-bottom: 35px;}
        .type-section .type-swiper {padding:0 30px;}
        .type-section .type-card {gap:24px;}
        .type-section .card-no {font-size:16px;margin-bottom:8px;}
        .type-section .card-title {font-size:16px;margin-bottom:8px;}
        .type-section .card-desc {font-size:12px;}

        .dedicated-section {margin-bottom:60px;}
        .dedicated-section .section-head {text-align:center;margin-bottom:5vw;}
        .dedicated-section .section-head .section-text {font-size:2.2vw;margin-top:2.2vw;}
        .dedicated-section .doctor-wrap {padding:0;gap:0;max-width:66vw;margin:0 auto;flex-direction:column;align-items:center;}
        .dedicated-section .doctor-info {display:flex;gap:5vw;justify-content:start;padding-top:30px;}
        .dedicated-section .doctor-category {font-size:3vw;margin-bottom:4px;}
        .dedicated-section .doctor-name {font-size:4vw;white-space:nowrap;font-weight:800;}
        .dedicated-section .doctor-list {font-size:2.2vw;line-height:1.7;}
        .dedicated-section .doctor-list li {padding-left:12px;}
        .dedicated-section .doctor-list li:before {width:3px;height:3px;top:1.7vw;}
        .dedicated-section .doctor-img {width:100%;padding-bottom:66%;background-size:auto 28%;}

        .use-ai {font-size:15px;color:rgba(0, 0, 0, 0.3);width:200px;margin:0 auto;}

        .typo {display:none;}

    }

    .sct-page {
        .sub-contents {padding:65px 0 0;}

        .section-head {text-align:center;margin-bottom:70px;}
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:23px;font-weight:700;color: #6F7EED;}
        .section-head .line {display:inline-block;width:148px;height:1px;background-color:#000;}

        .efficacy-wrap {padding:0 30px;margin-bottom:110px;}
        .efficacy-title {font-size: 20px;margin-bottom:32px;}
        .efficacy-card {flex:1 1 30%;padding:23px 0 15px;border-radius:18px;}
        .efficacy-card .card-img {height:54px;margin-bottom:9px;}
        .efficacy-card .card-title {font-size:13px;color:#464646;}
        .efficacy-list {margin-bottom:50px;gap:18px 15px;}
        .highlight {width:100%;font-size:15px;display:block;padding:4px 0;}

        .etc-wrap {width:100%;padding:0 30px;}
        .etc-wrap .table {border-color:#a2a2a2;margin-bottom:30px;}
        .etc-wrap .table dt {font-size:12px;}
        .etc-wrap .table dd {font-size:14px;padding:7px 0;}
        .etc-wrap .etc-title {font-size:18px;padding-left:7px;margin-bottom:5px;}
        .etc-wrap .dot-list {font-size:12px;margin-bottom:30px;}
        .etc-wrap .dot-list li {padding-left: 10px;}
        .etc-wrap .dot-list li:before {width:3px;height:3px;top:7px;}
        .etc-list {gap:12px;}
        .etc-card {padding:9px 0;border-radius:14px;}
        .etc-card .card-img {height:48px;margin-bottom:4px;}
        .etc-card .card-title {font-size:10px;}

        .typo {margin-bottom:-26px;position:relative;}
        .typo span {font-size:108px;text-indent:0;position:relative;display: block;left:50%;transform: translateX(-50%);width:fit-content;}
    }

    .conditioning-page {
        .sub-contents {padding:65px 0 0;}

        .section-head {text-align:center;margin-bottom:35px;}
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:21px;font-weight:700;color: #6F7EED;margin-bottom:0;}
        .section-head .section-text {font-size:11px;margin-top:15px;}
        .section-head .line {display:inline-block;width:130px;height:1px;opacity:.4;}

        .efficacy-wrap {padding:0 30px;margin-bottom:90px;}
        .efficacy-card {padding:24px 0 22px;border-radius:18px;width:240px;flex:none;}
        .efficacy-card .card-img {height:56px;margin-bottom:16px;}
        .efficacy-card .card-title {font-size:20px;}
        .efficacy-card .card-desc {font-size:16px;}
        .efficacy-list {gap:18px 15px;margin:0 auto;justify-content:center;}
        .highlight {width:100%;font-size:15px;display:block;padding:4px 0;}

        .table {border-color:#a2a2a2;margin-bottom:50px;display:block;font-size:20px;border-bottom:0;}
        .table .text1 {font-size:16px;}
        .table .text2 {font-size:20px;}
        .table dt,
        .table dd {padding:14px 0;}

        .dot-list {font-size:11px;margin:10px 0 15px;}
        .dot-list:last-child {margin-bottom:0;}
        .dot-list li {padding-left: 10px;}
        .dot-list li:before {width:3px;height:3px;top:6px;}

        .doctor-swiper-wrap {margin-bottom:34px;}
        .doctor-card {border-radius:20px;}
        .doctor-card .doctor-img {height:162px;}
        .doctor-card .doctor-img img {max-height:94%;}
        .doctor-card .doctor-name {height:34px;font-size:15px;padding-top:2px;}
        .doctor-card .doctor-name strong {font-size:19px;margin-top:-2px;}
        .doctor-card .doctor-info {padding:15px 16px;}
        .doctor-card .label {font-size:13px;min-width:74px;}

        .typo {margin-bottom:-26px;position:relative;}
        .typo span {font-size:108px;text-indent:0;position:relative;display: block;left:50%;transform: translateX(-50%);width:fit-content;}
    }

    
    .spine-page {
        .sub-contents {}
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:23px;font-weight:700;margin-bottom:20px;}
        .section-head .section-title strong {color:var(--primary-color);font-family:inherit;}

        .intro-section {padding:74px 0 100px;min-height:unset;background-image:url(/images/spine/intro_bg_m.png);background-size:100% auto;}
        .intro-inner {flex-direction:column;padding:0 28px;gap:28px;}
        .intro-inner .intro-subtitle {margin-bottom:20px;}
        .intro-inner .intro-subtitle .line {display:none;}
        .intro-inner .intro-subtitle .text {font-size:13px;}
        .intro-inner .intro-title {font-size:23px;margin-bottom:18px;}
        .intro-inner .intro-desc {font-size:12px;}
        .intro-inner .intro-content {border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:32px;}
        .intro-inner .intro-functions {display:grid;gap:12px 0;display: grid;grid-template-columns: repeat(3, 1fr);}
        .intro-inner .intro-functions li {font-size:14px;word-spacing:-1px;text-align:center;}

        .kind-section {padding:100px 30px 27px;background:url(/images/spine/kind_bg_m.png) no-repeat left top;background-size:100% auto;}
        .kind-section .section-title {margin-bottom:20px;}
        .kind-section .section-text {font-size:11px;}
        .kind-inner {display:block;}
        .kind-info {position:relative;top:unset;padding:0;text-align:center;}
        .kind-card-wrap {width:100%;display:block;max-width:300px;margin:24px auto 0;}
        .kind-card-wrap .col {width:100%;}
        .kind-card-wrap .col:first-child {margin-top:0;margin-bottom:20px;}
        .kind-card {margin-bottom:20px;height:210px;}
        .kind-card .card-info {top:auto !important;bottom:0;padding:24px;}
        .kind-card .card-title {font-size:18px;}
        .kind-card .card-text {font-size:10px;}

        .use-ai {font-size:12px;color:rgba(0, 0, 0, 0.3);width:170px;margin:27px auto 0;}
        .type{margin:24px;}
    }
    
    .joint-page {
        .sub-contents {}
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:23px;font-weight:700;margin-bottom:20px;}
        .section-head .section-title strong {color:var(--primary-color);font-family:inherit;}

        .intro-section {padding:74px 0 100px;min-height:unset;background-image:url(/images/joint/intro_bg_m.png);background-size:100% auto;}
        .intro-inner {flex-direction:column;padding:0 28px;gap:28px;}
        .intro-inner .intro-subtitle {margin-bottom:20px;}
        .intro-inner .intro-subtitle .line {display:none;}
        .intro-inner .intro-subtitle .text {font-size:13px;}
        .intro-inner .intro-title {font-size:23px;margin-bottom:18px;}
        .intro-inner .intro-desc {font-size:12px;}
        .intro-inner .intro-content {border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:32px;}
        .intro-inner .intro-functions {display:grid;gap:12px 0;display: grid;grid-template-columns: repeat(3, 1fr);}
        .intro-inner .intro-functions li {font-size:14px;word-spacing:-1px;text-align:center;}

        .kind-section {padding:100px 30px 27px;background:url(/images/joint/kind_bg_m.png) no-repeat left top;background-size:100% auto;}
        .kind-section .section-title {margin-bottom:20px;}
        .kind-section .section-text {font-size:11px;}
        .kind-inner {display:block;}
        .kind-info {position:relative;top:unset;padding:0;text-align:center;}
        .type-item {margin-bottom:8px;background-color:rgba(224, 224, 224, 0.2);text-align:left;padding:18px;border-radius:14px;}
        .type-item .type-title {font-size:12px;}
        .type-item .type-text {font-size:10px;}
        .kind-card-wrap {width:100%;display:block;max-width:300px;margin:64px auto 0;}
        .kind-card-wrap .col {width:100%;}
        .kind-card-wrap .col:first-child {margin-top:0;margin-bottom:20px;}
        .kind-card {margin-bottom:20px;height:210px;}
        .kind-card .card-info {top:auto !important;bottom:0;padding:24px;}
        .kind-card .card-title {font-size:18px;}
        .kind-card .card-text {font-size:10px;}

        .use-ai {font-size:12px;color:rgba(0, 0, 0, 0.3);width:170px;margin:27px auto 0;}
    }
    
    .antiaging-page {
        .sub-contents {}
        .section-head .section-title {font-family: "Nanum Myeongjo";font-size:23px;font-weight:700;margin-bottom:20px;}
        .section-head .section-title strong {color:var(--primary-color);font-family:inherit;}

        .intro-section {padding:74px 0 100px;min-height:unset;background-image:url(/images/antiaging/intro_bg_m.png);background-size:100% auto;min-height:464px;}
        .intro-inner {flex-direction:column;padding:0 28px;gap:28px;}
        .intro-inner .intro-subtitle {margin-bottom:20px;}
        .intro-inner .intro-subtitle .line {display:none;}
        .intro-inner .intro-subtitle .text {font-size:13px;}
        .intro-inner .intro-title {font-size:23px;margin-bottom:18px;}
        .intro-inner .intro-desc {font-size:12px;}
        .intro-inner .intro-content {border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:32px;}
        .intro-inner .intro-functions {display:grid;gap:12px 0;display: grid;grid-template-columns: repeat(3, 1fr);}
        .intro-inner .intro-functions li {font-size:14px;word-spacing:-1px;text-align:center;}

        .kind-section {padding:100px 30px 27px;background:url(/images/spine/kind_bg_m.png) no-repeat left top;background-size:100% auto;}
        .kind-section .section-title {margin-bottom:20px;}
        .kind-section .section-text {font-size:11px;}
        .kind-inner {display:block;}
        .kind-info {position:relative;top:unset;padding:0;text-align:center;}
        .type-item {margin-bottom:8px;background-color:rgba(224, 224, 224, 0.2);text-align:left;padding:18px;border-radius:14px;}
        .type-item .type-title {font-size:12px;}
        .type-item .type-text {font-size:10px;}
        .kind-card-wrap {width:100%;display:block;max-width:300px;margin:64px auto 0;}
        .kind-card-wrap .col {width:100%;}
        .kind-card-wrap .col:first-child {margin-top:0;margin-bottom:20px;}
        .kind-card {margin-bottom:20px;height:210px;}
        .kind-card .card-info {top:0;bottom:0;padding:24px;}
        .kind-card .card-title {font-size:18px;}
        .kind-card .card-text {font-size:10px;}
        .kind-card .special-btn {position: absolute;right:20px;top:20px;font-size:0;padding:5px;height:unset;margin-top:0;}
        .kind-card .special-btn span {margin-right:0;}
        .special-pop {width: 108%;top:72px;left:50%;margin-left:-54%;}
        .special-pop-inner {width:100%;text-align: center;padding: 30px 10px;}
        .special-pop .special-pop-close {display:block;position:absolute;right:16px;top:16px;width:20px;height:20px;}
        .special-pop .pop-list {text-align:left;}
        .special-pop .pop-list li {padding-left:12px;word-spacing:-.6px;}
        .special-pop .pop-title {margin-bottom:14px;display:block;font-size:15px;}
        .special-pop .pop-note {margin-top:14px;}

        .use-ai {font-size:12px;color:rgba(0, 0, 0, 0.3);width:170px;margin:27px auto 0;}
    }
}

@media screen and (max-width: 800px) {
    .footer-top .root_daum_roughmap .wrap_map {height:240px !important;}

    .main-quicklist {flex-wrap:wrap;}
    .main-quicklist-card {width:50%;height:48vw;}
    .main-quicklist-card:nth-child(2) {border-right:0;}
    .main-quicklist-card:nth-child(3),
    .main-quicklist-card:nth-child(4) {border-top:1px solid #464646;}
    .main-quicklist-card .card-img {margin-bottom:16px;}
    .main-quicklist-card .card-img img {height:36px;}
    .main-quicklist-card .card-subtitle {font-size:14px;}
    .main-quicklist-card .card-title {font-size:12px;}

    .rehab-page {
        .intro-section .intro-box {display:block;}
        .intro-section .intro-contents {max-width:196px;margin:0 auto 26px;}
        .type-section .type-card {flex-direction:column;gap:18px;align-items:stretch;}
        .dedicated-section .doctor-img {width:100%;height:0;padding-bottom:80%;overflow:hidden;background-size:48px auto;}
        .dedicated-section .doctor-info {justify-content:center;}
    }

    .therapy-page {
        .therapy-list {max-width:350px;}
        .therapy-card {flex:none;width:100%;}
    }
    .sct-page {
        .efficacy-card {flex:1 1 40%;}
    }
    .disorder-page {
        .inspection-section {padding:60px 6vw 80px;}
        .inspection-wrap {width:100%;margin:25px auto 0;display:flex;gap:20px;flex-wrap:wrap;}
        .inspection-card {border-radius:14px;padding:17.8vw 6.8vw 7.6vw;min-height:205px;flex:none;width:100%;}
        .inspection-card .icon {margin-left:-2px;height:8.1vw;}
        .inspection-card .bg {height: 62%;}
        .inspection-card strong {font-size:4.4vw;margin-top:5.8vw;}
        .inspection-card p {font-size:2.8vw;margin-top:6vw;}
    }

    .rehab-page {
        .dedicated-section {margin-bottom:60px;}
        .dedicated-section .section-head {text-align:center;margin-bottom:7vw;}
        /* .dedicated-section .section-head .section-title {font-size:5vw;} */
        .dedicated-section .section-head .section-text {font-size:3vw;margin-top:3vw;}
        .dedicated-section .doctor-wrap {padding:0;gap:0;max-width:66vw;margin:0 auto;flex-direction:column;}
        .dedicated-section .doctor-info {display:flex;gap:6.4vw;justify-content:start;padding-top:30px;}
        .dedicated-section .doctor-category {font-size:3.9vw;margin-bottom:4px;}
        .dedicated-section .doctor-name {font-size:5vw;white-space:nowrap;font-weight:800;}
        .dedicated-section .doctor-list {font-size:3.1vw;line-height:1.7;}
        .dedicated-section .doctor-list li {padding-left:12px;}
        .dedicated-section .doctor-list li:before {width:3px;height:3px;top:2.1vw;}
        .dedicated-section .doctor-img {width:100%;padding-bottom:66%;background-size:auto 28%;border-radius:10px;}
        .dedicated-section .doctor-wrap {padding:0 7vw;max-width:unset;}
    }

}

@media screen and (max-width: 540px) {

    .footer .inner {padding:0 16px;}
    .footer-top .clinic-note {text-indent:-10px;padding-left:10px;word-break:keep-all;}
    .footer-top .clinic .timetable-day {width:100px;}
    .footer-top .root_daum_roughmap .wrap_map {height:180px !important;}
    .footer-btm .other .sns .sns-item img {height:32px;width:32px;;}
    .footer-corp {font-size:9px;}
    .footer-copyright {font-size:9px;}
}

@media screen and (max-width: 450px) {
    
    .point-card {height:220px;}
    .point-card .card-info {padding:0 14px;}

}