@charset "UTF-8";
/********************************************************
|                                                       |
|       1770 ~                                          |
|                                                       |
********************************************************/
@media all and (max-width:1770px){
    .img-with-aniamtion-wrap.bottom_position_desktop_120px{
    bottom: 80px !important ;
    }
}
/********************************************************
|                                                       |
|       1600 ~                                     |
|                                                       |
********************************************************/
@media all and (max-width:1600px){
    
    /*------ 메인페이지 ------*/
    .main-clinic-section .nectar-fancy-box {
        min-height: 800px!important;
    }
    .half_content > .vc_column-inner > .only_rows > .vc_row-fluid {
        background-size: 65%;
    }
    .half_content.left > .vc_column-inner > .only_rows > .vc_row-fluid {
        background-size: 45%;
    }
    .main_doctor .full-page-inner {
        padding: 0 5% !important;
    }
    .notice_wrap .wpb_column .vc_column-inner > .wpb_wrapper {
        padding: 30px 5%;
    }
    .wpb_wrapper #kboard-default-latest table td {
        padding: 15px 0px;
    }
    .main_location .wpb_column.left_padding_desktop_14vw > .vc_column-inner {
        padding-left: 12vw;
    }



    /* main-clinic - 1600 */


    /* main_doctor - 1600 */
    .main_doctor h3 {
        padding: 15px 0 25px;
    }
    .main_doctor h4 {
        font-size: 30px;
    }

}

/********************************************************
|                                                       |
|       1440 ~                                          |
|                                                       |
********************************************************/
@media all and (max-width:1440px){
    
    /*------ font ------*/
    .main_doctor h2,
    .footer_wrap h2,
    .sub_tit h2,
    .sub_title_h1 h1,
    .check_up .check_up_content ul li:first-child {
        font-size: 40px!important;
    }
    .main_title h2 {
        font-size: 54px!important;
    }
    .right_line .nectar-milestone .number, 
    .right_line .nectar-milestone h2, 
    .right_line .nectar-milestone .symbol-wrap {
        font-size: 30px!important;
    }
    .sub_tit h4,
    .main_title h4,
    .mammotome_info h2 {
        font-size: 24px!important;
    }
    .nectar-fancy-box>.inner>.heading-wrap h3,
    .half_content p,
    .main_title h5,
    .check_up .check_up_content ul li strong {
        font-size: 20px!important;
    }
    p.eng,
    #header-outer #top nav>ul>li>a, 
    .pull-left-wrap>ul>li>a,
    .nectar-highlighted-text p {
        font-size: 18px!important;
    }
    .main_title p,
    .main_doctor p,
    .main_title ul, 
    .main_title dl,
    .footer_wrap .footer_menu,
    .footer_wrap p,
    .reservation_btn h6,
    ul.check_list li,
    .surgery_info p {
        font-size: 17px!important;
    }
    .nectar-fancy-box>.inner>.hover-content,
    body #header-outer .nectar-header-text-content div,
    .clinic_hours table tr td,
    .table_wrap table tr th, 
    .table_wrap table tr td,
    .right_line .nectar-milestone .subject,
    .check_up .check_up_content ul li:last-child  {
        font-size: 16px!important;
    }
    .nectar-fancy-box>.inner>.heading-wrap p,
    .wpb_wrapper #kboard-default-latest table .kboard-latest-title,
    .footer_info ul,
    ul.map_btn li,
    .line_btn h6,
    .line_btn_bk h6,
    .clinic_hours .notice_wrap ul li,
    .page-id-39 .right_line p,
    .type_wrap ul.line_circle li {
        font-size: 15px!important;
    }

    /*------ header ------*/
    .ocm-effect-wrap-inner #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
        margin-left: 10px;
        margin-right: 10px;
    }
    .ocm-effect-wrap-inner #header-outer .nectar-header-text-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*------ footer ------*/
    .footer_wrap .footer_txt .footer_info {
        padding: 25px 0 15px;
    }

    /*------ button ------*/
    .line_btn h6,
    .line_btn_bk h6 {
        padding: 5px 20px;
    }
    /*------ circle_list ------*/
    .circle_list .span_12 {
        grid-column-gap: 5px;
    }
    .circle_list .circle_item {
        width: 16.3vw;
        height: 16.3vw;
    }

    /*------ 메인페이지 ------*/
    .half_content p {
        margin-bottom: 20px !important;
    }
    .half_content .row_col_wrap_12_inner {
        padding: 100px 35px 25px 0 !important;
    }

    /*------ 3-2 양성유방질환 ------*/
    .disease_wrap .box_w {
        padding: 40px;
    }

    .page-id-57 .circle_list .circle_item,
    .page-id-59 .circle_list .circle_item {
        width: 20.5vw !important;
        height: 20.5vw;
    }
    

}


/*=====1300px=====*/
@media screen and (max-width: 1300px) {
.quick_menu_bar_wrap {
    display: none !important;
}

.bottom_quick_menu {
    display: block !important;
    position: fixed;
    right: 10px;
    top: -137px;
}

.bottom_quick_menu ul {
    display: table;
    content: "";
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    width: 50px;
}

.bottom_quick_menu ul li {
    display: block;
    margin-top: 10px !important;
    text-align: center;
}

.bottom_quick_menu ul li a {
    display: block;
    font-size: 12px !important;
    padding: 30px 4px 5px;
    border-radius: 8px;
    line-height: 15px;
}
.bottom_quick_menu ul li:nth-child(1) a {
    background: url(/wp-content/uploads/2025/11/quick_img_05.png) no-repeat top 7px center;
    background-color: #f3e7e7;
    background-size: 20px;
    color: #3f3e3e;
}

.bottom_quick_menu ul li:nth-child(2) a {
    background: url(/wp-content/uploads/2025/11/quick_img_01.png) no-repeat top 7px center;
    background-color: #f7dd0f;
    background-size: 20px;
    color: #3f3e3e;
    }

    .bottom_quick_menu ul li:nth-child(3) a {
    background: url(/wp-content/uploads/2025/11/quick_img_06.png) no-repeat top 7px center;
    background-color: #3f3e3e;
    background-size: 17px;
    color: #fff;
    }

    .bottom_quick_form_btn a {
    padding: 14px 35px;
    font-size: 20px;
    }

}



@media all and (max-width:1280px){
    /*------ block, none ------*/
    .block_1280 {
        display: block!important;
    }
    .none_1280 {
        display: none!important;
    }
    
    /*------ footer ------*/
    .footer_wrap {
        display: initial;
        text-align: center!important;
    }
    .footer_wrap .footer_logo {
        padding-right: 0;
    }
    .footer_wrap .footer_logo img {
        margin: 0 auto;
    }
    .footer_wrap .footer_txt {
        width: 100%;
        border-left: 0;
        padding: 0 0 20px;
    }
    .footer_wrap .footer_txt ul {
        justify-content: center;
    }
    .footer_wrap .footer_txt .footer_info {
        padding: 25px 0 0;
    }
    .footer_wrap h2 {
        margin: 0!important;
    }
    
    /*------ 메인페이지 ------*/
    .main_location .wpb_column.left_padding_desktop_14vw > .vc_column-inner {
        padding-left: 9vw;
    }
    .row .main_doctor .col img:not([srcset]) {
        width: 70%;
    }
    .main_doctor .nectar-cta h6 {
        display: flex;
    }
    .img-with-aniamtion-wrap.bottom_position_desktop_120px{
    bottom: 50px !important ;
    }

    /*------ 1-2 의료진소개 ------*/
    .doctor_intro_wrap .doctor_intro_txt {
        padding: 0 0 0 6%!important;
    }
    .doctor_intro_wrap.right .doctor_intro_txt {
        padding: 0 6% 0 0!important;
    }
    .doctor_intro_wrap.left .nectar_cascading_images .cascading-image:last-child .lazy-enabled {
        transform: translateX(20%) translateY(20%)!important;
    }
    .doctor_intro_wrap.right .nectar_cascading_images .cascading-image:last-child .lazy-enabled {
        transform: translateX(-20%) translateY(15%)!important;
    }
    .main_doctor h3 strong {
        font-size: 40px;
    }

    /*------ 1-3 둘러보기 ------*/
    .tour_tab .tabbed[data-style*="material"] .wpb_tabs_nav li {
        margin-right: 5px;
    }
    .tour_tab .tabbed[data-spacing=side-30px]:not([data-style=vertical]) .wpb_tabs_nav li a {
        padding-left: 18px;
        padding-right: 18px;
    }

    /*------ 2-1 진료시간 ------*/
    .clinic_hours table tr td:first-child {
        width: 35%;
    }
    .clinic_hours .notice_wrap .wpb_column .vc_column-inner > .wpb_wrapper {
        padding: 20px 3%;
    }

    /*------ 3-1 유방암의 이해 ------*/
    .page-id-39 .box_w {
        padding: 40px;
    }

    /*------ 3-2. 유방양성질환 ------*/
    .type_wrap ul.line_circle li {
        padding: 8px 15px;
        margin-right: 3px;
    }
    .type_wrap.right_line {
        padding-left: 0;
    }
    .type_wrap .vc_col-sm-1\/5 {
        width: 25%;
    }
    .type_wrap .vc_col-sm-4\/5 {
        width: 75%;
    }

    /*------ 3-3. 진단 및 검사 ------*/
    .check_up .check_up_content {
        padding: 20px 60px !important;
    } 
    
    /*------ 3-4. 맘모톰 ------*/
    .img-with-aniamtion-wrap.bottom_position_desktop_-57px {
        bottom: -10%!important;
    }
    .img-with-aniamtion-wrap.right_position_desktop_-55px {
        right: -10%!important;
    }
}


@media all and (max-width:1024px){
    /*------ 3-4. 맘모톰 ------*/
    .img-with-aniamtion-wrap.bottom_position_desktop_-57px {
        bottom: 5%!important;
    }
    .img-with-aniamtion-wrap.right_position_desktop_-55px {
        right: -10%!important;
    }

}




/********************************************************
|                                                       |
|       999 ~                                           |
|                                                       |
********************************************************/
@media all and (max-width:999px){
    /*------ 간격  ------*/
    .sub_tit {
        padding: 90px 0 70px !important;
    }
    .page-id-20 .sub_tit {
        padding: 80px 0 40px !important;
    }
    .section {
    padding: 80px 0 !important;
}
.section.main_doctor {
        padding: 80px 0 !important;
}
    /*------ block, none ------*/
    .block_999 {
        display: block!important;
    }
    .none_999 {
        display: none!important;
    }
        


    /*------ font ------*/
    .main_doctor h2,
    .footer_wrap h2,
    .sub_tit h2,
    .sub_title_h1 h1 {
        font-size: 35px!important;
    }
    .main_title h2 {
        font-size: 48px!important;
    }
    .main_title h3 {
        font-size: 28px!important;
    }
    .right_line .nectar-milestone .number, 
    .right_line .nectar-milestone h2, 
    .right_line .nectar-milestone .symbol-wrap {
        font-size: 26px!important;
    }
    body #header-outer .nectar-header-text-content div a,
    .sub_tit h4,
    .main_title h4,
    .box_w h4 {
        font-size: 20px!important;
    }
    .nectar-fancy-box>.inner>.heading-wrap h3,
    .half_content p,
    .main_title h5 {
        font-size: 18px!important;
    }
    p.eng,
    #header-outer #top nav>ul>li>a, 
    .pull-left-wrap>ul>li>a,
    ul.dot_list li,
    .sub_title_h1 p, 
    .sub_title_h1 p strong,
    .nectar-highlighted-text p {
        font-size: 17px!important;
    }
    .main_title p,
    .main_doctor p,
    .main_title ul, 
    .main_title dl,
    .footer_wrap .footer_menu,
    .footer_wrap p,
    .box_w p,
    .circle_item p,
    .label_wrap p  {
        font-size: 16px!important;
    }
    .nectar-fancy-box>.inner>.hover-content,
    body #header-outer .nectar-header-text-content div,
    .footer_wrap span, 
    .footer_wrap .footer_info ul,
    .widget_nav_menu ul li a,
    .table_wrap table tr th, 
    .table_wrap table tr td,
    .right_line .nectar-milestone .subject {
        font-size: 15px!important;
    }
    .footer_wrap p.copyright,
    .box_w .eng {
        font-size: 14px!important;
    }
    .sub_title_eng {
        font-size: 10px!important;
    }

    /*------ header ------*/
    body #header-outer {
        padding: 0!important;
    }
    body #header-space {
        height: 80px!important;
    }
    body #nectar_fullscreen_rows>div:not(.full-width-content) .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.container {
        padding-top: 0%;
        padding-bottom: 0%;
    }


    /*퀵메뉴*/
    #quick_menu_bar_wrap {
        display: none !important;
    }
        
    /*------ map btn ------*/
    ul.map_btn {
        justify-content: center;
    }
    ul.map_btn li:last-child {
        margin-right: 0;
    }
    

    /*------ main-clinic-section ------*/
    .main-clinic-section .one-fourths.span_3, 
    .main-clinic-section .one-fourths.vc_col-sm-3, 
    .main-clinic-section .one-fourths.vc_span3 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .main-clinic-section, 
    .main-clinic-section .row_col_wrap_12_inner {
        height: auto !important;
    }

    .main-clinic-section .nectar-fancy-box {
        position: unset;
    }
    .main-clinic-section .main_clinic_number {
        overflow: hidden !important; 
    }

    .nectar-fancy-box>.inner>.heading-wrap p.eng.eng-box {
        font-size: 13px !important;
    }
    p.eng.eng-box {
        margin-bottom: 45px;
    }
    .main-clinic-section h3 {
        padding-top: 15px;
    }
    .main-clinic-section .clinic-sub {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .main-clinic-section .wpb_wrapper::after { 
    font-size: 130px ; 
    bottom: 0;
    left: 50% ;
    transform: translateX(-50%)  translateY(50px);
    }


    /*------ box_contents ------*/
    .box_w:first-child {
        margin-top: 0!important;
    }

    /*------ kboard ------*/
    .container-wrap #kboard-default-list .kboard-list table td {
        padding: 13px 0;
    }
    .container-wrap #kboard-default-list .kboard-list table td, 
    .container-wrap #kboard-default-list .kboard-list table td .kboard-default-cut-strings {
        font-size: 15px;
    }
    /*------ circle_list ------*/
    .circle_list .span_12 {
        grid-column-gap: 15px;
    }
    .circle_list .circle_item {
        width: 23vw!important;
        height: 23vw;
    }
    body .vc_row-fluid .circle_list .wpb_column {
        margin-bottom: 0px;
    }

    /*------ 메인페이지 ------*/
    .main_slide .col {
        margin-bottom: 0px!important;
    }
    .nectar-fancy-box,
    .nectar-fancy-box[data-style="color_box_basic"][data-alignment="center"] .inner {
        min-height: initial !important;
        padding: 10% 0!important;
    }
    body .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots, 
    body .nectar-flickity[data-controls=material_pagination] .flickity-page-dots {
        bottom: -40px;
    }
    body .nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell {
        padding: 0;
    }
    .half_content .column-overlay-layer{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(249, 228, 225, 0.6) 20%, rgba(255, 255, 255, 0.9) 100%)!important;
    }
    .half_content .row_col_wrap_12_inner {
        padding: 10px 0 50px!important;
    }
    .half_content.block_999 {
        width: 50%;
    }
    .half_content p {
        text-align: center;
        margin-top: 15px ;
    }
    .border-right::after {
        width: 1px;
        height: 80%;
        position: absolute;
        right: 0;
        background: rgba(255, 255, 255, 0.5);
        bottom: 0;
    }
    .main_doctor .block_1280 {
        width: 50%!important;
    }
    .row .main_doctor .col img:not([srcset]) {
        width: 80%;
    }
    /*------ 의료진소개 - 999 ------*/
    .main_title h2 {
        padding: 20px 0 !important;
    }

    body .main_notice .carousel-wrap {
        margin: 20px 0 20px !important;
    }
    body .vc_row-fluid.main_notice .wpb_column {
        margin-bottom: 0!important;
    }
    .main_notice .col {
        margin-bottom: 0px;
    }
    .main_location .wpb_column.left_padding_desktop_14vw > .vc_column-inner {
        padding-left: 0;
    }
    .main_location dl {
        width: 270px;
        margin: 10px auto 0;
        text-align: left;
    }
    .main_location dl dt {
        width: 100px
    }
    .main_location dl dd {
        width: 170px;
    }
    .main_location .location_txt {
        padding-bottom: 50px!important;
    }
    .main_location #map {
        height: 520px!important;
    }

    /*------ sub_banner_line_contents ------*/
    .right_line {
        margin-top: 20px!important;
    }
    .right_line .span_12 > div {
        border-right: 0px ;
    }

     /*------ sub_title  ------*/
    .parent-pageid-37 .sub_title_h1 .using-image,
    .parent-pageid-55 .sub_title_h1 .using-image {
        background-position: bottom right!important;
    }
    

    /*------ 1-2. 의료진 소개 ------*/
    .doctor_intro_wrap .doctor_intro_txt {
        padding: 0 15%!important;
        margin-top: 30px!important;
    }
    .logo_icon::before {
        top: -25px;
        left: -25px;
    }

    /*------ 1-3. 둘러보기 ------*/
    .tour_tab .tabbed[data-style*="material"] .wpb_tabs_nav {
        margin-bottom: 0px;
    }
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li a {
        font-size: 15px;
        padding: 10px 10px!important;
    }
    .tabbed[data-style*="material"] .wpb_tabs_nav li {
        display: inline-block!important;
    }

    /*------ 1-5. 오시는길 ------*/
    .main_location #map.loca_page {
        height: 460px!important;
    }

    /*------ 2-1 진료시간 ------*/
    .clinic_hours .notice_wrap .wpb_column .vc_column-inner > .wpb_wrapper {
        padding: 30px;
    }
    .clinic_hours table tr td:first-child {
        width: 30%;
    }

    /*------ 2-2 상담예약 ------*/
    .reservation_info_wrap .vc_col-sm-6 .vc_col-sm-6{
        width: 50%;
    }
    .reservation_info_wrap .wpb_column:not([class*=vc_col-xs]) {
        margin-bottom: 0px;
    }

    /*------ 2-3 진료비 ------*/
    .table_wrap table tr th, .table_wrap table tr td {
        padding: 10px 0 !important;
    }

    /*------ 2-4 의무기록 신청 ------*/
    body .vc_row-fluid:not(.full-width-content) > .span_12 .vc_col-sm-2:not(:last-child):not([class*="vc_col-xs-"]) {
        margin-bottom: 0px!important;
    }

    /*------ 3-1 유방암의 이해 ------*/
    .right_line p {
        text-align: center;
    }
    .right_line .one-fourths.span_3, 
    .right_line .one-fourths.vc_col-sm-3:not([class*=vc_col-xs-]), 
    .right_line .one-fourths.vc_span3 {
        width: 25%!important;
    }
    body .box_w.vc_row-fluid .wpb_column {
        margin-bottom: 0px!important;
    }
    .box_w .vc_col-sm-8,
    .box_w .case_txt_wrap .case_num,
    .box_w .case_txt_wrap .case_txt  {
        width: 100%;

    }
    .box_w .case_txt_wrap .wpb_wrapper:has(.case_num) {
        display: block;
    }
    .box_w .case_txt_wrap .case_num {
        text-align: center;
    }
    .box_w .case_txt_wrap .case_num img {
        width: 100%!important;
        max-width: 250px;
        margin: 25px auto 10px;
    }

    /*------ 3-2. 유방양성질환 ------*/
    .type_wrap .vc_col-sm-1\/5,
    .type_wrap .vc_col-sm-4\/5 {
        width: 100%;
        text-align: center;
    }
    body .type_wrap.vc_row-fluid .wpb_column {
        margin-bottom: 0px;
    }
    .disease_wrap .box_w h4 {
        margin-top: 15px!important;
    }
    .disease_wrap .box_w img {
        margin: 0 auto;
    }
    .disease_wrap .box_w .right.img-with-aniamtion-wrap {
        text-align:center;
    }
    .label_wrap p {
        padding: 30px 0 !important;
    }
    .disease_wrap .box_w {
        padding: 25px;
    }
    .disease_wrap .using-image {
        background-size: 180% !important;
        background-position: right top!important;
    }

    /*------ 3-3. 진단 및 검사 ------*/
    .check_up {
        background: url(/wp-content/uploads/2026/01/checkup_bg.jpg) center center no-repeat;
        background-size: cover;
        padding: 60px 0 100px!important;
    }
    .check_up .nectar-sticky-column-css.vc_column_container > .n-sticky {
        background: none;
    }
    .check_up .check_up_content {
        padding: 0px 10% !important;
    }
    .check_up .check_up_content > .vc_column-inner > .wpb_wrapper > .wpb_row {
        padding: 20px 0 !important;
    }
    .check_up .check_up_content .row_col_wrap_12_inner > .vc_col-sm-6:first-child {
        margin-bottom: 20px;
    }
    .check_up .check_up_content img {
        padding-left: 13%!important;
    }

    /*------ 3-4. 맘모톰 ------*/
    .vc_col-sm-3.box_w.one-fourths.span_3, 
    .vc_col-sm-3.box_w.one-fourths.vc_col-sm-3:not([class*=vc_col-xs-]), 
    .vc_col-sm-3.box_w.one-fourths.vc_span3 {
        width: 50%!important;
    }
    .img-with-aniamtion-wrap.bottom_position_desktop_-57px {
        bottom: -15%!important;
    }
    .img-with-aniamtion-wrap.right_position_desktop_-55px {
        right: 0%!important;
    }
    .mammotome_info div.vc_col-sm-6:last-child {
        margin-top: 20px;
    }
    .surgery_info .vc_col-sm-1\/5 {
        width: 33%!important;
    }
    
    /*------ 4-1. 갑상선의 이해 ------*/
    .box_w.vc_col-sm-1\/5 {
        width: 50%!important;
    }

    /*------ 4-2. 양성갑상선질환 ------*/
    .box_w p:has(.circle_num) {
        margin-bottom: 20px!important;
    }
    ul.line_circle li {
        margin-bottom: 5px;
    }   

    /*------ 5-1. 피지낭종 ------*/
    .page-id-57 .circle_list .circle_item,
    .page-id-59 .circle_list .circle_item {
        width: 30vw !important;
        height: 30vw;
        margin-bottom: 10px!important;
    }

    

}
/********************************************************
|                                                       |
|       768 ~                                           |
|                                                       |
********************************************************/
@media all and (max-width:768px){
    /*------ 메인페이지 ------*/
    .row .main_doctor .col img:not([srcset]) {
        width: 85%;
    }

    /*------ 3-1 유방암의 이해 ------*/
    .right_line .one-fourths.span_3, 
    .right_line .one-fourths.vc_col-sm-3:not([class*=vc_col-xs-]), 
    .right_line .one-fourths.vc_span3 {
        width: 50% !important;
    }


    
}

/********************************************************
|                                                       |
|       690 ~                                           |
|                                                       |
********************************************************/
@media all and (max-width:690px){
    /*------ block, none ------*/
    .block_690 {
        display: block!important;
    }
    .none_690 {
        display: none!important;
    }
    /*------ 간격  ------*/
    .sub_tit {
        padding: 80px 0 60px !important;
    }
    .section {
        padding: 80px 0 120px !important;
    }
    .mgB_100 {
        margin-bottom: 70px!important;
    }
    .mgB_130 {
        margin-bottom: 100px!important;
    }
    .mgB_150 {
        margin-bottom: 120px!important;
    }
    .main_title .wpb_wrapper {
        margin-bottom: 20px !important;
    }
    .main_title p {
        margin-top: 10px;
    }
    /*------ button ------*/
    .line_btn h6,
    .line_btn_bk h6 {
        padding: 5px 15px;
    }
    /*------ list ------*/
    ul.dot_list li {
        margin-bottom: 5px;
    }

    /*------ 메인페이지 ------*/
    .nectar-fancy-box,
    .nectar-fancy-box[data-style="color_box_basic"][data-alignment="center"] .inner {
        padding: 13% 0!important;
    }
    body .main_notice .carousel-wrap {
        margin: 20px 0 0 !important;
    }
    .half_content.left .column-overlay-layer {
        background: #fff!important;
    }
    .half_content .column-overlay-layer{
        background: #f9f4f1!important;
    }
    .half_content .row_col_wrap_12_inner {
        padding: 30px 0 30px !important;
    }
    .main_doctor .full-page-inner{
        padding: 50px 0!important;
    }
    .main_doctor .block_1280 {
        width: 100% !important;
        margin-bottom: 30px!important;
    }
    .row .main_doctor .col img:not([srcset]) {
        width: 60%;
    }
    .wpb_wrapper #kboard-default-latest table .kboard-latest-title {
        padding-left: 20px;
    }

    /*------ custom sub menu  ------*/
    .widget_nav_menu ul li {
        border: 1px solid #f3f3f3;
        box-sizing: border-box;
        padding: 15px 0!important;
    }
    .parent-pageid-14 .widget_nav_menu ul {
        display: block;
        overflow: hidden;
    }
    .parent-pageid-14 .widget_nav_menu ul li {
        width: 33%;
        float: left;
    }

    /*------ 1-2. 의료진 소개 ------*/
    .doctor_intro_wrap .doctor_intro_txt {
        padding: 0 5%!important;
    }
    ul.dot_list {
        margin-bottom: 20px;
    }
    

    /*------ 1-3. 둘러보기 ------*/
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li {
        margin-right: 5px;
        width: 23%;
        margin-bottom: 5px;
    }
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li a {
        font-size: 14px;
        padding: 8px 0px!important;
    }
    .tour_tab .tabbed>ul li a {
        border-right: 1px solid #e4e4e4!important;
    }

    /*------ 1-5. 오시는길 ------*/
    .main_location #map.loca_page {
        height: 400px!important;
    }

    /*------ 2-1 진료시간 ------*/
    .clinic_hours {
        padding: 13% 5% 13% !important;
    }
    .clinic_hours table tr td:first-child {
        width: 100%;
        border: 0!important;
        text-align: center;
    }
    .clinic_hours table tr:nth-child(2n) td {
        border-bottom: 1px solid #eee!important;
        font-weight: 300;
        padding-top: 0!important;
    }
    .clinic_hours .notice_wrap ul li {
        text-align: center;
    }
    
    /*------ 3-2 유방양성질환 ------*/
    .type_wrap ul.line_circle li {
        margin-bottom: 5px ;
        padding: 5px 10px;
    }
    .circle_list .circle_item {
        width: 40vw!important;
        height: 40vw;
        margin-bottom: 10px!important;
    }

    /*------ 3-4. 맘모톰 ------*/
    .surgery_info .vc_col-sm-1\/5 {
        width: 50%!important;
    }
    .page-id-45 .equal_column .box_w > .vc_column-inner {
        padding: 30px 10px;
    }
    .img-with-aniamtion-wrap.right_position_desktop_-55px {
        right: -5%!important;
    }
    .img-with-aniamtion-wrap.bottom_position_desktop_-57px {
        bottom: -10% !important;
    }
    .looped-animation-rotate {
        max-width: 15%!important;
    }

    /*------ 5-1. 피지낭종 ------*/
    .page-id-57 .circle_list .circle_item {
        width: 40vw !important;
        height: 40vw;
    }


    
}

@media all and (max-width:600px){
    /*------ kboard ------*/
    .container-wrap #kboard-default-list .kboard-search select, .container-wrap #kboard-default-list .kboard-search input {
        font-size: 13px!important;
    }

}

@media all and (max-width:500px){
    /*------ 5-1. 피지낭종 ------*/
    .page-id-57 .circle_list .circle_item,
    .page-id-59 .circle_list .circle_item {
        width: 70vw !important;
        height: 70vw;
    }
}

/********************************************************
|                                                       |
|       480 ~                                           |
|                                                       |
********************************************************/
@media all and (max-width:480px){
    /*------ block, none ------*/
    .block_m {
        display: block!important;
    }
    .none_m {
        display: none!important;
    }
    /*------ 간격  ------*/
    .sub_tit {
        padding: 50px 0 30px !important;
    }
    .mgB_100 {
        margin-bottom: 50px!important;
    }
    .mgB_130 {
        margin-bottom: 60px!important;
    }
    .mgB_150 {
        margin-bottom: 90px!important;
    }
    .section {
        padding: 60px 0 60px !important;
    }
    .section.pdB_150 {
        padding-bottom: 100px !important;
    }
    /*------ font ------*/
    .main_doctor h2,
    .footer_wrap h2,
    .sub_tit h2,
    .sub_title_h1 h1 {
        font-size: 28px!important;
    }
    .main_title h2 {
        font-size: 26px!important;
    }
    .main_title h3 {
        font-size: 24px !important;
    }
    .nectar-fancy-box h3, 
    .nectar-fancy-box>.inner>.heading-wrap h3,
    .main_title h4,
    .right_line .nectar-milestone .number, 
    .right_line .nectar-milestone h2, 
    .right_line .nectar-milestone .symbol-wrap,
    .circle_item p strong {
        font-size: 20px;
    }
    body #header-outer .nectar-header-text-content div a,
    .half_content p,
    .doctor_intro_wrap .ft_24,
    .doctor_history h3,
    .sub_tit h4 {
        font-size: 18px!important;
    }
    .nectar-fancy-box>.inner>.heading-wrap h3,
    .main_title h5, 
    p.eng,
    #header-outer #top nav>ul>li>a, 
    .pull-left-wrap>ul>li>a,
    .nectar-highlighted-text p,
    ul.check_list li,
    .right_line p{
        font-size: 16px!important;
    }
    .nectar-fancy-box p,
    .nectar-fancy-box>.inner>.heading-wrap p, 
    .fancy_box_p_mo,
    .main_title ul, 
    .main_title dl,
    ul.dot_list li,
    .sub_title_h1 p,
    .clinic_hours .notice_wrap .main_title p,
    .clinic_hours table tr td,
    .surgery_info p,
    .circle_item p {
        font-size: 15px!important;
    }
    ul.map_btn li,
    .line_btn h6,
    .line_btn_bk h6,
    .wpb_wrapper #kboard-default-latest table .kboard-latest-title,
    .widget_nav_menu ul li a,
    .clinic_hours .notice_wrap ul li,
    .table_wrap table tr th, 
    .table_wrap table tr td,
    .right_line .nectar-milestone .subject,
    .page-id-39 .right_line p {
        font-size: 14px!important;
    }

    .main_title p {
        margin-top: 7px;
    }

    /*------ footer ------*/
    .material #footer-outer #footer-widgets .col .footer_wrap .footer_txt ul.footer_menu li {
        padding: 0 6px !important;
        border-right: 0;
    }
    .footer_wrap .footer_txt .footer_info ul {
        display: initial;
    }
    .material #footer-outer #footer-widgets .col .footer_wrap .footer_info ul li {
        line-height: 1.4!important;
        border-right: 0px;
    }
    .footer_wrap .footer_logo img {
        width: 27% !important;
    }



    /*------ 메인페이지 ------*/
    .main_title .wpb_wrapper {
        margin-bottom: 30px !important;
    }
    .nectar-fancy-box,
    .nectar-fancy-box[data-style="color_box_basic"][data-alignment="center"] .inner {
        padding: 18% 0!important;
    }

    /*------ custom sub menu  ------*/
    .widget_nav_menu ul li {
        padding: 10px 0 !important;
    }

    /*------ 서브공통 ------*/
    .sub_tit .divider-small-border {
        margin: 15px auto!important;
    }

     /*------ box_contents ------*/
    .box_w {
        padding: 40px;
    }
    
    /*------ 1-3. 둘러보기 ------*/
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li {
        margin-right: 3px;
        margin-bottom: 3px;
        width: 32%;
    }
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li a {
        padding: 8px 0px!important;
    }

    /*------ 2-2 상담예약 ------*/
    .reservation_info_wrap.equal_column .box_w > .vc_column-inner {
        padding: 40px;
    }
    .reservation_info_wrap .vc_col-sm-6 .vc_col-sm-6{
        width: 100%;
    }
    .reservation_btn h6 {
        text-align: left;
        margin-top: 15px!important;
    }

    /*------ 3-3. 진단 및 검사 ------*/
    .check_up .check_up_content {
        padding: 0px 6% !important;
    }

    /*------ 3-4. 맘모톰 ------*/
    .vc_col-sm-3.box_w.one-fourths.span_3, 
    .vc_col-sm-3.box_w.one-fourths.vc_col-sm-3:not([class*=vc_col-xs-]), 
    .vc_col-sm-3.box_w.one-fourths.vc_span3 {
        width: 100%!important;
    }
    .circle_list .span_12 {
        grid-column-gap: 10px;
    }
    .circle_list .circle_item {
        width: 43vw !important;
        height: 43vw;
    }

    /*------ 4-1. 갑상선의 이해 ------*/
    .box_w.vc_col-sm-1\/5 {
        width: 100%!important;
    }






}





/********************************************************
|                                                       |
|       380 ~                                           |
|                                                       |
********************************************************/
@media all and (max-width:380px){
    /*------ font ------*/
    .main_doctor h2,
    .footer_wrap h2,
    .sub_tit h2,
    .sub_title_h1 h1 {
        font-size: 26px!important;
    }
    .main_title h2 {
        font-size: 23px!important;
    }
    .footer_wrap .footer_menu {
        font-size: 15px !important;
    }

    .footer_wrap p,
    .footer_wrap span,
    .footer_wrap .footer_info ul {
        font-size: 14px !important;
    }

    /*------ 푸터 ------*/
    .material #footer-outer #footer-widgets .col .footer_wrap .footer_txt ul.footer_menu li {
        padding: 0 4px !important;
    }

    /*------ 메인페이지 ------*/
    .nectar-fancy-box,
    .nectar-fancy-box[data-style="color_box_basic"][data-alignment="center"] .inner {
        padding: 20% 0!important;
    }
    .wpb_wrapper #kboard-default-latest table .kboard-latest-title {
        padding-left: 10px;
    }

    /*------ 1-3. 둘러보기 ------*/
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li {
        margin-right: 2px;
    }
    .tour_tab .tabbed[data-style="material"] .wpb_tabs_nav li a {
        font-size: 13px;
        padding: 6px 8px!important;
    }


}