@media screen and (max-width:3480px) and (min-width:1000px) {
    .material .wpb_content_element, .material .wpb_row {
        margin-bottom: 0 !important;
    }
    
    .max_fhd {
        max-width: 1920px !important;
        margin: 0 auto !important;
        padding: 0 40px;
    }

}
@media screen and (max-width:3480px) and (min-width:1921px) {

    .main_milestone_wrap .right_wrap::before {left: 36.2%;}
}


/*------------------------------------------------------------------------
 1880px
------------------------------------------------------------------------*/
@media screen and (max-width:1880px){

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */    
    .none_1880 { display: none !important; }
    .show_1880 { display: block !important; }


    /* 5. 특장점 */
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 120px !important;}
}

/*------------------------------------------------------------------------
 1720px
------------------------------------------------------------------------*/
@media screen and (max-width:1720px){

    /* 5. 특장점 */
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 80px !important;}
    .main_value_wrap .left_wrap .divider-wrap:nth-child(6) .divider {height: 20px !important;}
}


/*------------------------------------------------------------------------
 1650px
------------------------------------------------------------------------*/
@media screen and (max-width: 1650px) {

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */    
    .none_1650 { display: none !important; }
    .show_1650 { display: block !important; }

    /* 3. 마일스톤 */
    .main_milestone_wrap > .row_col_wrap_12 {padding-left: 50px !important;padding-right: 50px !important;}
    .main_milestone_wrap .right_wrap::before {left: 38%;}

    /* 5. 특장점 */
    .main_value_wrap .left_wrap h2 {font-size: 42px !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {bottom: 10px !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {bottom: 10px !important;}
}


/*------------------------------------------------------------------------
 1500px
------------------------------------------------------------------------*/
@media screen and (max-width: 1500px) {

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */    
    .none_1500 { display: none !important; }
    .show_1500 { display: block !important; }

    /* 3. 마일스톤 */
    .main_milestone_list .left_wrap {width: 40%;}
    .main_milestone_list .list {width: 60%;}
    .main_milestone_wrap .right_wrap::before {left: 45%;}
    .main_milestone_alert {left: 32vw;}

    /* 5. 특장점 */
    .main_value_wrap .left_wrap { width: 40% !important;}
    .main_value_wrap .right_wrap { width: 60% !important;}
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 40px !important;}
    .main_value_wrap .left_wrap .column-bg-overlay {border-radius: 30px !important;}
    .main_value_wrap .left_wrap > .vc_column-inner {padding-top: 60px !important;}

    /* 오시는길 */
    .location_info > .vc_column-inner {padding-left: 100px !important;}

    /* 임플란트 */
    .implant_as_wrap .column-image-bg-wrap {height: 1163px !important;}
    .implant_as_wrap .column-image-bg-wrap .column-image-bg { 
        background: url(/wp-content/uploads/2025/09/implant_as_note_bg.jpg) no-repeat !important; 
        background-size: contain !important;
    }
    .implant_as_cont {order: -1;width: 70% !important;}
    .implant_as_cont > .vc_column-inner {
        padding-left: 10% !important;
        padding-right: 0;
        padding-top: 500px !important;
        padding-bottom: 42px;
    }

}

/*------------------------------------------------------------------------
 1440px
------------------------------------------------------------------------*/
@media screen and (max-width:1440px){
    /* ++++++++++++++++++++++++++++++++++++++++ *
        OFF CANVAS
    * ++++++++++++++++++++++++++++++++++++++++ */
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li {width: 18%;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-158 {clear: none;}

    /* 5. 특장점 */
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 20px !important;}
    .main_value_wrap .left_wrap h2 { font-size: 36px !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {bottom: -10px !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {bottom: -10px !important;}

    /* 진료철학 */
    .left_phil > .vc_column-inner {padding-left: 5vw;}

    /* 의료진 */
    .clinic_hours_btn {
        position: relative !important;
        top: 12px !important;
    }

    /* 임플란트 */
    .procedure_wrap .nectar-carousel .cell p br {display: none;}
}

/*------------------------------------------------------------------------
 1280px
------------------------------------------------------------------------*/
@media screen and (max-width:1280px){

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */    
    .none_1280 { display: none !important; }
    .show_1280 { display: block !important; }

    /* 3. 마일스톤 */
    .main_milestone_list .left_wrap {width: 100%;}
    .main_milestone_list .list {width: 100%;}
    .main_milestone_wrap .right_wrap::before {left:33px;}
    .main_milestone_alert {
        left: 86px;
        bottom: 10px;
    }
    .main_milestone_wrap .left_wrap::before {position: static; padding-left: 86px; transform: translateY(0);font-size: 32px;}

    .main_milestone_list .left_wrap > .vc_column-inner {padding-left: 0px !important;}
    .main_milestone_wrap .nectar-milestone .number {font-size: 45px !important;}
    .milestone_title_wrap li {vertical-align: baseline;}
    .main_milestone_wrap .with_explan {padding-bottom: 50px;}
    
    /* 5. 특장점 */
    .main_value_wrap .left_wrap { width: 100% !important;}
    .main_value_wrap .right_wrap { width: 100% !important;}
    .main_value_wrap .right_wrap > .vc_column-inner {padding-top: 30px;padding-left: 0 !important;}
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 40px !important;}
    .main_value_wrap .left_wrap .column-bg-overlay {border-radius: 30px !important;}
    .main_value_wrap .left_wrap > .vc_column-inner {padding-bottom: 50px;min-height: 434px;}
    .value_third_br {display: none;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
        top: 68px !important;bottom: auto !important;left: auto !important;right: 164px;width: 58px;height: 58px;
    }
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
        top: 68px !important;bottom: auto !important;left: auto !important;right: 92px;width: 58px;height: 58px;
    }
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous svg {top: 15px;left: 42% !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next svg {top: 15px;left: 42% !important;}

    /* 의료진 */
    body:not(.woocommerce-cart) .main-content .schedule table tr th, 
    body:not(.woocommerce-cart) .main-content .schedule table tr td {padding: 8px;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td { height: 94px;}

    /* 시설안내 */
    .tour_tab > .row_col_wrap_12 { padding: 0 !important;}
    .tour_tab .tabbed[data-style*=vertical] > div {width: 75%;}
    .tour_tab .tabbed[data-style="vertical_modern"] > div {padding-left: 40px; }
    .tour_tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {padding: 16px 20px;}

    .tour_tab .tabbed[data-icon-size="24"] .wpb_tabs_nav li i { font-size: 22px;}

    /* 임플란트 */
    .implant_as_cont > .vc_column-inner {padding-top: 360px !important;}
}


/*------------------------------------------------------------------------
 1100px
------------------------------------------------------------------------*/
@media screen and (max-width:1100px){
    /* 임플란트 */
    .implant_as_cont {width: 100% !important;}
    .implant_as_cont > .vc_column-inner {padding-top: 240px !important;}
}

/*------------------------------------------------------------------------
 999px
------------------------------------------------------------------------*/
@media screen and (max-width:999px){

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */
	.none_999 { display: none !important; }
	.show_999 { display: block !important; }


    /* ++++++++++++++++++++++++++++++++++++++++ *
        FONTS
    * ++++++++++++++++++++++++++++++++++++++++ */
    /* p size */
    .ft_xs, .ft_xs p { font-size: 13px; }
    .ft_s, .ft_s p   { font-size: 15px; }
    .ft_m, .ft_m p   { font-size: 17px; }

    /* title size */
    h5 { font-size: 21px !important; }
    h4 { font-size: 24px !important; }
    h3 { font-size: 28px !important; }
    h2 { font-size: 32px !important; }
    h1 { font-size: 48px !important; }

    
    /* ++++++++++++++++++++++++++++++++++++++++ *
        QUICK
    * ++++++++++++++++++++++++++++++++++++++++ */


    /* ++++++++++++++++++++++++++++++++++++++++ *
        HEADER
    * ++++++++++++++++++++++++++++++++++++++++ */
    #header-outer #top nav > ul > li > a { 
        font-size: 16px !important; 
    }
    #header-outer[data-full-width="true"] header > .container { 
        /* padding: 0 60px !important;  */
        padding: 0 20px !important; 
    }

    #header-outer.transparent #top {
        border-bottom: 0 !important;
    }
    body .ocm-effect-wrap .ocm-effect-wrap-inner #header-outer.transparent {
        border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
    }

    /* ++++++++++++++++++++++++++++++++++++++++ *
        OFF CANVAS
    * ++++++++++++++++++++++++++++++++++++++++ */
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li {width: 22%;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-153 {clear: both;}
    #slide-out-widget-area.fullscreen .inner {padding: 100px 20px !important;}
    .sitemap_title p {font-size: 42px;padding-bottom: 40px !important;display: none;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li > a {font-size: 17px;line-height: 40px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu a { font-size: 15px;line-height: 28px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu {padding: 15px 0 40px 0px;}

    #slide-out-widget-area .bottom_tel_wrap {top: -41px;transform: translateY(-100%); margin-top: 0px; display: none;}
    #slide-out-widget-area .bottom_tel_wrap p {font-size: 15px;padding-bottom: 10px !important;}
    #slide-out-widget-area .bottom_tel_wrap a span {font-size: 27px;}

    #slide-out-widget-area .widget_nav_menu {overflow: visible !important;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 {top: -62px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 {left: 67px;top: -62px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 a {font-size: 15px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 a {font-size: 15px;}


    /* ++++++++++++++++++++++++++++++++++++++++ *
        FOOTER
    * ++++++++++++++++++++++++++++++++++++++++ */  
    .footer_wrap .foot_menu {margin-bottom: 40px !important;}
    .footer_wrap .foot_menu li a {padding: 0 6px;font-size: 14px;}
    .foot_sns img {width: 30px !important;}
    .footer_wrap .foot_sns {margin-bottom: 18px !important;}
    .footer_wrap .foot_menu li {padding: 6px 0;}
    

    /* ++++++++++++++++++++++++++++++++++++++++ *
        MAIN
    * ++++++++++++++++++++++++++++++++++++++++ */ 
    
    .main_doctor_wrap .doctor_list_wrap::before {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

    .approval::before {
        width: 24px;
        height: 23px;
        left: 3px;
        top: -1px;
    }

    /* 3. 마일스톤 */
    .main_milestone_list .left_wrap {width: 50%; flex-wrap: nowrap !important;}
    .main_milestone_list .list {width: 50%;}
    .main_milestone_wrap .right_wrap::before {left:50%;}
    .main_milestone_wrap .left_wrap::before {padding-left: 0px; }
    .main_milestone_list .left_wrap > .vc_column-inner {padding-left: 0px !important;}
    .main_milestone_wrap .right_wrap .list::before {left: -9px;}
    .main_milestone_wrap .with_explan {padding-bottom: 0px;}
    .main_milestone_wrap .with_explan::after{ font-size: 14px;}
    .main_milestone_wrap .nectar-milestone .number .symbol-wrap {font-size: 18px !important;}
    .nectar-milestone .number .symbol-wrap .symbol {padding-left: 5px;}
    .main_milestone_alert p {padding: 4px 12px !important;border-radius: 6px;}
    .main_milestone_alert {
        bottom: -20px;
        left: auto;
        right: 2%;
    }

    /* 4. 진료과목 */
    .main_treatment_txt {min-height: 68px;}
    .main_treatment_wrap .con_wrap .one:hover img, .main_treatment_wrap .con_wrap .two:hover img, 
    .main_treatment_wrap .con_wrap .thr:hover img, .main_treatment_wrap .con_wrap .four:hover img {
        clip-path: initial; 
        transform: initial;
    }

    /* 5. 특장점 */
    .main_value_wrap .left_wrap {margin-bottom: 10px !important;}
    .main_value_wrap .right_wrap > .vc_column-inner {padding-top: 0;}
    .main_value_wrap .left_wrap .divider-wrap:nth-child(2) .divider {height: 30px !important;}
    .main_value_wrap .left_wrap .column-bg-overlay {border-radius: 20px !important;}
    .main_value_wrap .left_wrap > .vc_column-inner {padding-top: 40px !important;padding-bottom: 40px;min-height: 360px;}
    .value_third_br {display: block;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {top: 30px !important;right: 88px;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {top: 30px !important;right: 32px;}

    .main_value_wrap .left_wrap h2 {font-size: 32px !important;}


    /* 오시는길 */
    .location_info > .vc_column-inner {padding-left: 50px !important;}
    #location_wrap #map {width: 95% !important; height: 400px!important; border-radius: 0px 40px 0px 0px !important;} 
    .main_location_wrap .hours_wrap li {margin-bottom: 7px;gap: 5px;}
    .main_location_wrap .hours_wrap li span.day {font-size: 15px; min-width: 68px;}
    .main_location_wrap .hours_wrap li span.time {font-size: 16px;}

    .page-id-19 #location_wrap #map {width: 100% !important; border-radius: 20px !important;} 


    /* ++++++++++++++++++++++++++++++++++++++++ *
        SUB
    * ++++++++++++++++++++++++++++++++++++++++ */ 
    /* ////////////// 공통 start ////////////// */
    .border_40 {border-radius: 20px !important;}

    .max_triple_comp {max-width: 560px; margin: 0 auto !important;}

    .yt_video_box > .wpb_wrapper {
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
    }
    iframe.yt_video_wrap {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100% !important;
        height: 100% !important;
    }

    
    /* ////////////// 공통 end ////////////// */

    /* 진료철학 */
    .left_phil > .vc_column-inner {padding-left: 50px;}
    .story_back_txt::before {
        left: auto;
        right: -42px;
        bottom: -108px;
        font-size: 162px;
    }

    /* 의료진 */
    .doctor_intro_tab .wpb_tabs_nav li a {
        padding: 8px 16px !important;
        border-radius: 4px;
    }
    .doctor_intro_tab .wpb_tabs_nav li a span {font-size: 14px;}
    h2 .spot {font-size: 21px;}
    .clinic_hours_btn {
        position: absolute !important;
        top: 32px !important;
    }
    .nectar-cta.clinic_hours_btn::before {width: 45px;height: 45px;}

    body:not(.woocommerce-cart) .main-content .schedule table tr th, body:not(.woocommerce-cart) .main-content .schedule table tr td {
        font-size: 15px;
        padding: 6px 8px;
    }
    body:not(.woocommerce-cart) .main-content .schedule table tr td.reservation a { font-size: 13px !important;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td.name {font-size: 18px;padding: 24px 20px 20px 20px;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td.name img {margin-bottom: 0 !important;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td .ex {font-size: 13px;}

    /* 시설안내 */
    .tour_tab .tabbed[data-style*=vertical] > div {width: 100%;}
    .tour_tab .tabbed[data-style="vertical_modern"] > div {padding-left: 0px; }
    .tour_tab .tabbed[data-style*=vertical] .wpb_tabs_nav li {float: left;}
    .tour_tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li {margin-bottom: 6px;}
    .tour_tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {padding: 12px 18px;}

    .tour_tab .tabbed[data-icon-size="24"] .wpb_tabs_nav li i { font-size: 19px;margin-right: 5px;}
    .tour_tab .wpb_tabs_nav li a span {font-size: 13px;}

    .walk::before {top: 0;}
    .bus_stop::before {top: 0;}
    .subway::before {top: 0;}
    .bus_1 strong, .bus_2 strong,.bus_3 strong {margin-right: 8px;border-radius: 3px;font-size: 14px;}

    /* 임플란트 */
    .implant_as_cont > .vc_column-inner {
        padding-left: 68px !important;
        padding-right: 60px;
        padding-top: 180px !important;
        padding-bottom: 40px;
    }
    .procedure_num p {top: 17px;left: 20px;}
    .merit_title::before {top: -32px;font-size: 48px;}
    .check_wrap::before {
        width: 19px;
        height: 19px;top: 8px;
        left: 4px;
        background-size: contain;
    }

    body:not(.woocommerce-cart) .main-content .sub_vs_table thead th.no_border {font-size: 20px;}
    body:not(.woocommerce-cart) .main-content .sub_vs_table tbody td {font-size: 16px;}
    body:not(.woocommerce-cart) .main-content .sub_vs_table tbody td { font-size: 14px;}
    .table_li_t {font-size: 13px;}
    body:not(.woocommerce-cart) .main-content .sub_vs_table tbody td.no_border:nth-child(2) img {width: 24px;}
    .sub_vs_table {padding: 20px 20px;}

    .sub_treat_case_num::before {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 32px;
    }
    .sub_treat_case_num h3, .sub_treat_case_num p {padding-left: 40px;}

    span.sleep_count {font-size: 15px;}

    /* 소아 */
    .ex_img.check_list_p p::after {
        width: 86px;
        height: 86px;
        right: -16px;
        bottom: -11px;
    }

    .s_70_per {width: 100% !important;}
    .s_35_per { width: 50% !important;}

    .sub_treat_case_table.mx_480 ul {max-width: 340px;}
    .sub_treat_case_table.mx_596 ul {max-width: 380px;}
    .sub_treat_case_table ul {padding: 12px 15px;}
    .sub_treat_case_table li {padding: 12px 18px;font-size: 15px;}
    .sub_treat_case_table li .list_tit {font-size: 14px;padding: 4px 15px;margin-right: 16px;}
    .sub_treat_case_table.mxw_big li {padding-left: 160px;}
    .sub_treat_case_table.mxw_big li .list_tit {min-width: 112px;}

    .sub_age_case .sub_treat_case_num::before {
        width: 28px;
        height: 28px;
        font-size: 17px;
        line-height: 28px;
        margin-top: 0;
    }
    .sub_age_case .sub_treat_case_num h4 {
        padding-left: 36px;
    }
    .sub_age_case > .vc_column-inner {
        padding: 30px !important;
    }

    /* 채용안내 */
    .recruitment_information_wrap .left_wrap {width: 100%;}
    .recruitment_information_wrap .right_wrap {width: 100%;}
    .recruitment_information_wrap .left_wrap .column-bg-overlay {
        border-radius: 20px 20px 0 0 ;
    }
    .recruitment_information_wrap .right_wrap .column-bg-overlay {
        border-radius: 0 0 20px 20px ;
    }
    .recruitment_information_wrap  .vc_col-sm-3.title_wrap {width: 25%;}
    .recruitment_information_wrap  .vc_col-sm-9.cir {width: 75%;}
    .employment li {font-size: 15px; margin-bottom: 11px;text-align: left;}
    .employment li:nth-child(1) { font-size: 20px;}
    .recruitment_information_wrap h5 {font-size: 20px !important;text-align: left;}
    .recruitment_information_wrap h4 {text-align: left !important;}

    .nectar-cta.down_btn {margin-right: 10px !important; margin-bottom: 30px !important;}
    .nectar-cta.down_btn .link_wrap, .nectar-cta.link_btn .link_wrap {padding: 10px 20px !important;}
    .nectar-cta.down_btn h6 span.text::after {
        right: 5px;
        top: -1px;
        width: 16px;
        height: 18px;
        background-size: contain;
    }
    .nectar-cta.link_btn h6 span.text::after {
        right: 0px;
        top: -3px;
        width: 22px;
        height: 21px;
        background-size: contain;
    }
    .apply_wrap .left_wrap .column-bg-overlay { border-radius: 20px 20px 0 0 !important;}
    .apply_wrap .right_wrap .column-bg-overlay { border-radius: 0 0 20px 20px !important;}

    .benefits_wrap p > strong {font-size: 15px !important;}
}

/*------------------------------------------------------------------------
 880px
------------------------------------------------------------------------*/
@media screen and (max-width:880px){
    /* 임플란트 */
    .implant_as_cont > .vc_column-inner {
        padding-top: 320px !important;
        padding-bottom: 100px;
    }
    .implant_as_wrap .column-image-bg-wrap .column-image-bg {
        background: url(/wp-content/uploads/2025/09/implant_as_tab_bg.jpg) no-repeat !important;
        background-size: contain !important;
    }
}
/*------------------------------------------------------------------------
 732px
------------------------------------------------------------------------*/
@media screen and (max-width:732px){
    /* 임플란트 */
    .implant_as_cont > .vc_column-inner {
        padding-top: 200px !important;
        padding-bottom: 20px;
    }
}


/*------------------------------------------------------------------------
 690px
------------------------------------------------------------------------*/
@media screen and (max-width:690px){

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */
    .none_690 { display: none !important; }
    .show_690 { display: block !important; }


    /* ++++++++++++++++++++++++++++++++++++++++ *
        HEADER
    * ++++++++++++++++++++++++++++++++++++++++ */

    /* ++++++++++++++++++++++++++++++++++++++++ *
        OFF CANVAS
    * ++++++++++++++++++++++++++++++++++++++++ */
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li {width: 31%;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-153 {clear: none;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-158 {clear: both;}
    #slide-out-widget-area.fullscreen .inner {padding: 32px 20px 100px !important;}
    .sitemap_title p {font-size: 30px;padding-bottom: 30px !important;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li > a {
        font-size: 15px;
        line-height: 34px;
        text-align: left;
        padding: 5px 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu a { font-size: 13px;line-height: 25px;}

    #slide-out-widget-area .bottom_tel_wrap p {font-size: 14px;}
    #slide-out-widget-area .bottom_tel_wrap a span {font-size: 23px;}

    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 {top: -45px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 {left: 60px;top: -45px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 a {font-size: 14px;border: 0;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 a {font-size: 14px;border: 0;}
    
    /* ++++++++++++++++++++++++++++++++++++++++ *
        MAIN
    * ++++++++++++++++++++++++++++++++++++++++ */
    /* 원장님별 철학 */
    /* 권영진원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_01::before {width: 168px; height: 114px;}
    /* 김동원원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_02::before { width: 149px; height: 84px;}
    /* 동진근원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_03::before {width: 106px; height: 84px; }
    /* 박종환원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_04::before {width: 120px; height: 80px;}
    /* 김민수원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_05::before { width: 147px;height: 84px;}
    /* 여은하원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_06::before {width: 139px;height: 114px;}
    /* 송기언원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_07::before {width: 119px;height: 84px;}
    /* 주필건원장님 */
    .main_doctor_wrap .doctor_list_wrap.doc_08::before { width: 170px;height: 114px;}

    /* 3. 마일스톤 */
    .main_milestone_wrap > .row_col_wrap_12 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .main_milestone_wrap .right_wrap::before {left:12px;}
    .main_milestone_wrap .left_wrap::before {padding-left: 0px; }
    .main_milestone_wrap .right_wrap .list::before {display: none;}
    .main_milestone_list::before {
        display: block;
        content: '';
        width: 16px;
        height: 16px;
        border-radius: 50px;
        border: 1px solid #fff;
        background-color: #0f2940;
        position: absolute;
        left: 4px;
        top: 18px;
        transform: translateY(-50%);
    }
    .main_milestone_wrap .left_wrap::before { padding-left: 50px;font-size: 24px;}
    .milestone_title_wrap {margin-left: 16px !important;}
    .milestone_title_wrap img {height: 32px !important;}
    .milestone_title_wrap li {vertical-align: middle;font-size: 15px;}
    .milestone_title_wrap li:nth-child(1) {padding-right: 10px;}
    .main_milestone_list .left_wrap {margin-bottom: 10px !important;}
    .main_milestone_list .left_wrap.five .milestone_title_wrap {padding-bottom: 30px;}
    .main_milestone_wrap .nectar-milestone .number .symbol-wrap {font-size: 15px !important;}
    .main_milestone_wrap .right_wrap::before {top: -6px;}
    .main_milestone_alert {
        bottom: 24px;
        right: 0;
    }
    .main_milestone_alert p {font-size: 13px;}
    .main_milestone_wrap .with_explan::after {left: -92px;top: 32px;}

    /* 4. 진료과목 */
    .main_treatment_txt {padding: 0 20px 30px; }
    .main_treatment_txt {min-height: auto;}

    /* 전후사진 */
    body .twentytwenty-wrapper {padding: 0;}
    body .twentytwenty-handle {width: 27px;height: 50px;margin-left: -15px;}
    body .twentytwenty-left-arrow, body .twentytwenty-right-arrow {margin-top: -4px;border: 4px inset transparent;}
    .twentytwenty-left-arrow {margin-left: -14px;}
    .twentytwenty-right-arrow {margin-right: -14px;}
    .bna_label {top: 15px;font-size: 12px;}

    /* 진료철학 */
    .left_phil > .vc_column-inner {padding-left: 30px;padding-right: 30px;}
    .story_back_txt::before {bottom: -64px;font-size: 118px;}

    /* 의료진시간표 */
    body:not(.woocommerce-cart) .main-content .schedule table tr th, 
    body:not(.woocommerce-cart) .main-content .schedule table tr td { font-size: 14px; min-width: 95px;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td {height: 69px;}
    body:not(.woocommerce-cart) .main-content .schedule table tr td.name {font-size: 15px;padding: 20px 15px 18px 15px;}
    body:not(.woocommerce-cart) .main-content .schedule table {width: 600px;}
    .schedule_box {overflow: scroll;}
    .schedule_box::before {content: "좌우로 스크롤해주세요.";}
    .li_schedule {overflow: scroll;}
    .li_schedule::before {content: "좌우로 스크롤해주세요.";}

    body:not(.woocommerce-cart) .main-content .schedule.li_schedule table {width: auto;}

    /* 임플란트 */
    .implant_as_wrap .column-image-bg-wrap .column-image-bg {
        background: inherit !important;
    }
    .implant_mo_img {
        top: -8px;
        left: -8px;
        width: 92px !important;
    }
    .check_wrap::before {left: -7px;}

    
    .sub_treat_case_num { max-width: 100%;}
    .w_30_per {width: 100% !important;}
    .s_70_per {width: 100% !important;}
    .s_35_per { width: 100% !important;}

    /* 채용안내 */
    .recruitment_information_wrap  .vc_col-sm-3.title_wrap {width: 100%;}
    .recruitment_information_wrap  .vc_col-sm-9.cir {width: 100%;}
    .employment li:nth-child(1) {font-size: 18px;}
    .recruitment_information_wrap h5 {font-size: 18px !important;}

    .recruitment_information::before {
        top: 5px;
        width: 22px;
        height: 20px;
        background-size: 22px 20px;
    }
    .recruitment_information {padding-left: 32px;}


    body:not(.woocommerce-cart) .main-content .sub_vs_table tbody td:nth-child(2) {width: 10% !important;}
}


/*------------------------------------------------------------------------
 480px
------------------------------------------------------------------------*/
@media screen and (max-width:480px){

    /* ++++++++++++++++++++++++++++++++++++++++ *
        DISPLAY
    * ++++++++++++++++++++++++++++++++++++++++ */    
	.none_480 { display: none !important; }
	.show_480 { display: block !important; }

    /* ++++++++++++++++++++++++++++++++++++++++ *
        FONTS
    * ++++++++++++++++++++++++++++++++++++++++ */
    /* p size */
    .ft_m, .ft_m p   { font-size: 16px; }

    /* title size */
    h5 { font-size: 18px !important; }
    h4 { font-size: 21px !important; }
    h3 { font-size: 24px !important; }
    h2 { font-size: 28px !important; }
    h1 { font-size: 32px !important; }

    /* ++++++++++++++++++++++++++++++++++++++++ *
        OFF CANVAS
    * ++++++++++++++++++++++++++++++++++++++++ */
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li {width: 100%; margin-bottom: 15px;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-153 {clear: none;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-158 {clear: both;}
    #slide-out-widget-area .widget.widget_nav_menu li {float: left;margin-right: 12px; min-width: 40%;}
    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu { padding: 10px 0 28px 0px;}

    #slide-out-widget-area .bottom_tel_wrap {display: none;}

    div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu a {
        font-size: 14px;
        line-height: 25px;
        padding: 2px 10px !important;
        text-align: left;
    }

    /* ++++++++++++++++++++++++++++++++++++++++ *
        MAIN
    * ++++++++++++++++++++++++++++++++++++++++ */  
    #main_slogun img.main_dot {padding: 0 5px;width: 32px;}

    /* 5. 특장점 */
    .main_value_wrap .left_wrap h2 {font-size: 26px !important;white-space: normal;}
    .main_value_wrap br {display: none;}
    .main_value_wrap br.value_third_br {display: block;}
    .main_value_wrap .left_wrap > .vc_column-inner {min-height: 380px; }
    .main_value_wrap .left_wrap .column-bg-overlay {border-radius: 10px !important;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {top: 10px !important; right: 50px;}
    .main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {top: 10px !important;right: 6px;}

    /* 오시는길 */
    .infor_title_wrap.vc_col-sm-2 {width: 100% !important;margin-bottom: 10px !important;}
    .location_info > .vc_column-inner {padding-left: 20px !important;}
    #location_wrap #map {width: 100% !important; height: 360px!important; border-radius: 0px 0px 0px 0px !important;} 
    .main_location_wrap .hours_wrap li {gap: 2px;}
    .main_location_wrap .hours_wrap li span.day {font-size: 15px; min-width: 68px;}


    /* 의료진 */
    .clinic_hours_btn {
        position: relative !important;
        top: 12px !important;
    }

    /* 의료진 시간표 */
    body:not(.woocommerce-cart) .main-content .schedule table tr th, 
    body:not(.woocommerce-cart) .main-content .schedule table tr td { min-width: 83px; }
    body:not(.woocommerce-cart) .main-content .schedule table tr td {height: 60px;}


    /* 시설안내 */
    .tour_tab .tabbed[data-style*=vertical] .wpb_tabs_nav { margin-bottom: 20px !important;}
    .tour_tab .tabbed[data-style*=vertical] .wpb_tabs_nav li {margin: 3px;}
    .tour_tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li {margin-bottom: 3px;}
    .tour_tab .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a { padding: 6px 12px;}

    .tour_tab .tabbed[data-icon-size="24"] .wpb_tabs_nav li i {display: none;}

    /* 소아 */
    .ex_img.check_list_p p::after {
        position: relative;
        transform: translateX(-50%);
        right: auto;
        left: 50%;
        bottom: -3px;
    }

    .sub_treat_case_table.mx_596.bg_gr li {padding-left: 71px;}
    .sub_treat_case_table.mx_596.bg_gr li .list_tit {position: absolute;left: 24px;}
    .sub_treat_case_table.mxw_big li .list_tit {
        min-width: 88px;
        left: 0;
        position: static;
        margin-right: 100%;
        margin-bottom: 8px;
    }
    .sub_treat_case_table.mxw_big li { padding-left: 12px;}

    .sub_tab_wrap li.tab-item a::before {
        position: static;
        top: auto;
        left: 50%;
        transform: translateX(0);
        font-size: 14px;
        letter-spacing: 0px;
        animation: click-item 1.4s infinite;
    }
}

@media screen and (max-width:426px) {
    .fill_pd:nth-child(1) { padding-right: 7px;}
    .fill_pd:nth-child(2) { padding-left: 7px;}
}



@media screen and (max-width:360px) {
    .sub_treat_case_table li { padding: 12px 2px;}
    .sub_treat_case_table li .list_tit {margin-right: 11px;}

    .main_treatment_txt .none_1280 { display: block !important;}
}


