/**
*
http://crossdesign.co.kr, Website project
project name : cellinmd_rps.css
author : seung-a
*
**/

/*-----------------------------------------------------------------

        1600

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

  /*-------- none,block --------*/
  .block_1600 {
    display: block !important;
  }
  .none_1600 {
      display: none !important;
  }

  /*-----------------------------------------------------------------
    Main
  -----------------------------------------------------------------*/
  .main_equipment .cell p br {
    display: none;
  }

  /*-----------------------------------------------------------------
    Sub
  -----------------------------------------------------------------*/
  /*-------- Treatment --------*/
  .treatment-icon-wrap > .col {
    gap: 20px;
    padding-top: 35px;
}



}


/*-----------------------------------------------------------------

        1440

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

  /*-------- none,block --------*/
  .block_1440 {
    display: block !important;
  }
  .none_1440{
      display: none !important;
  }

  /*-------- 폰트 --------*/
  .why_choose_wrap h3 {
    font-size: 42px;
  }

  .title_txt h2, 
  .title_txt h3, 
  body .nectar-carousel-flickity-fixed-content h2,
  .location_wrap .num h4 {
    font-size: 32px;
  }

  .title_txt.h3_tit h3 {
    font-size: 23px;
  }

  .why_choose_wrap h4 {
    font-size: 21px;
  }

  div h3 {
    font-size: 19px;
  }

  /*-----------------------------------------------------------------
    Sub
  -----------------------------------------------------------------*/
  /*-------- Before&After --------*/
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item,
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(3n),
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(4n) {
    margin: 0 2% 0 0!important;
    width: 31%!important;
  }
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(3n) {
      margin: 0 !important;
  }


  
  
}


/*-----------------------------------------------------------------

        1280

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

  /*-------- none,block --------*/
  .block_1280 {
    display: block !important;
  }
  .none_1280{
      display: none !important;
  }


  /*-----------------------------------------------------------------
    carousel (fixed-content)
  -----------------------------------------------------------------*/
  body .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
      position: relative;
      transform: none;
  }
  body .nectar-carousel-flickity-fixed-content .nectar-flickity {
      margin-left: 0;
  }

  /*-----------------------------------------------------------------
    footer
  -----------------------------------------------------------------*/
  #ajax-content-wrap .footer_wrap.vc_row.right_padding_10pct > .row_col_wrap_12, .nectar-global-section .vc_row.right_padding_10pct > .row_col_wrap_12,
  #ajax-content-wrap .footer_bottom_wrap.vc_row.right_padding_10pct > .row_col_wrap_12, .nectar-global-section .vc_row.right_padding_10pct > .row_col_wrap_12 {
    padding-right: 0;
    padding-left: 0;
  }


  /*-----------------------------------------------------------------
    Main
  -----------------------------------------------------------------*/
  /*-------- 메인 - 장비 --------*/
  .nectar-carousel-fixed-content {
    padding-bottom: 55px;
  }
  .main_equipment h2 br,
  .main_equipment p br {
    display: none;
  }
  
  /*-------- 메인 - 시설 --------*/
  .facility_list .span_12 {
    justify-content: space-between;
  }
  .facility_list .span_12::after {
    display: none;
  }
  .facility_list .span_12 > .column_container {
    flex: none;
    margin: 0!important;
    width: 18%;
  }
  .facility_list .span_12 > .column_container:hover{
      flex: none;
      border-radius: 15px;
      
  }

  /*-----------------------------------------------------------------
    Sub
  -----------------------------------------------------------------*/
  /*-------- About --------*/
  body .doctor_wrap .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content {
    padding-left: 0%;
    padding-right: 0%;
  }
  .doctor_wrap .nectar-carousel-flickity-fixed-content .nectar-flickity {
    width: 100%;
  }
  .location_wrap .btn_wrap .wpb_wrapper:has(>.nectar-cta.map_btn) {
    display: inline-grid;
  }

  /*-------- Treatment --------*/
  .treatment-icon-wrap > .col {
    gap: 10px;
    padding-top: 25px;
  }

  .treatment-icon-wrap > .col > .vc_col-sm-4{
      width: 30%;
  }
  .treatment-icon-wrap img {
    width: 100px!important;
  }
  .treatment-wrap .divider-wrap > div,
  .treatment-wrap .divider-wrap.height_tablet_40px > div {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
  }
  #quality .wpb_column.left_padding_desktop_14pct > .vc_column-inner {
    padding-left: 4%;
    padding-right: 4%;
  }
  .sub-device-wrap .vc_col-sm-3 {
    width: 50%;
  }
  .sub-device-wrap .vc_col-sm-3 .wpb_wrapper > .wpb_text_column {
    padding-top: 52px;
  }
  .sub-device-wrap .vc_col-sm-3:nth-child(2),
  .sub-device-wrap .vc_col-sm-3:nth-child(3) {
    margin-bottom: 45px!important;
  }
  .sub-device-wrap .vc_col-sm-3:nth-child(4),
  .sub-device-wrap .vc_col-sm-3:nth-child(5) {
    margin-bottom: 0px!important;
  }
  .sub-device-wrap .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
    bottom: -35px;
  }
  .sub-device-wrap .flickity-viewport .inner-wrap {
    padding-top: 35px;
  }
  .sub-device-wrap .flickity-slider img {
    margin-top: 25px !important;
  }



  
}


/*-----------------------------------------------------------------

        999

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

  /*-------- none,block --------*/
  .block_999 {
    display: block !important;
  }
  .none_999{
      display: none !important;
  }

  /*-------- 리셋 --------*/
  body .divider-wrap.height_tablet_20px > div {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  /*-------- 폰트 --------*/
  .why_choose_wrap h3 {
    font-size: 26px;
  }

  .title_txt h2, 
  .title_txt h3, 
  body .nectar-carousel-flickity-fixed-content h2,
  .footer_num p,
  .location_wrap .num h4 {
    font-size: 23px;
      word-wrap: break-word;
  }

  .title_txt.h3_tit h3 {
    font-size: 16px;
    padding-bottom: 25px;
      word-wrap: break-word;
  }

  .ft_l, .ft_l p, 
  .why_choose_wrap h4,
  div h3,
  .footer_wrap address strong,
  .location_wrap h4,
  .sub-device-wrap .device p,
  .book-cta-wrap .book_res p {
    font-size: 17px;
  }

  .ft_m, .ft_m p,
  .footer_wrap address,
  .footer_wrap dl dt, .footer_wrap dl dd,
  body #kboard-viewps-before-after-plus-list .kboard-category .kboard-category-list li a  {
      font-size: 15px;
  }

  body p,
  body .toggle>.toggle-title a,
  body .core_wrap .nectar-fancy-box[data-style=hover_desc] .inner .hover-content, 
  body .core_wrap .nectar-fancy-box[data-style=hover_desc] .inner .hover-content *,
  body ul.kboard-viewps-before-after-plus-list .kboard-list-title   {
    font-size: 13px!important;
      word-wrap: break-word;
  }

  .ft_s, .ft_s p, .ft_s li, .ft_s h1, .ft_s h3,
  body .nectar-carousel-flickity-fixed-content i,
  .footer_wrap h3,
  .subway li  {
      font-size: 13px!important;
  }
    .ft_s p{
        word-wrap: break-word;
        font-size: 12px !important;
    }

  .ft_xs, .ft_xs p, .ft_xs li,
  body .core_wrap .nectar-fancy-box[data-style=hover_desc] .inner .hover-content ul li,
  .footer_info p {
      font-size: 12px!important;
  }

  .footer_info .copyright {
    font-size: 10px!important;
  }
    body .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content p{
        word-wrap: break-word;
    }
    .difference_wrap .nectar-fancy-box[data-style=hover_desc] .hover-content{
        font-size: 16px;
        word-wrap: break-word;
    }
    
    

  /*-----------------------------------------------------------------
    footer
  -----------------------------------------------------------------*/
  .footer_wrap *,
  .footer_bottom_wrap * {
    text-align: center;
  }
  .footer_wrap h3 {
    padding-bottom: 15px;
  }
  .footer_wrap address {
    padding-bottom: 10px;
  }
  .btn_wrap .wpb_wrapper:has(>.nectar-cta.map_btn) {
    justify-content: center;
  }
  .btn_wrap:has(.map_btn) {
    padding-top: 20px;
  }
  .map_btn {
    padding: 10px 15px;
  }
  .footer_wrap dl {
    justify-content: center;
    grid-template-columns: 90px 120px;
  }
  .privacy_menu a {
    padding-right: 25px;
  }

  
  /*-------- btn --------*/
  .btn_wrap {
      padding-top: 20px;
  }
  .btn_wrap .wpb_wrapper:has(>.nectar-cta) {
    gap: 8px !important;
  }
  .btn {
    padding: 10px 20px !important;
  }
  .nectar-cta, .nectar-cta a {
      font-size: 12px!important;
  }


  /*-------- 공통 --------*/
  .txt_right, .txt_right * {
    text-align: left !important;
  }

  .mini_tit h1 {
    padding-bottom: 20px !important;
  }

  .mini_tit h3, .mini_tit p,
  body .nectar-carousel-flickity-fixed-content i {
    padding-bottom: 10px !important;
  }
  .title_txt h2, .title_txt h3, .top .title_txt h2, body .nectar-carousel-flickity-fixed-content h2 {
    padding-bottom: 15px;
  }

  

  /*-------- 메인 --------*/
  body .main-celin-logo {
    width: 180px!important;
  }
  body .two_line h2 {
    padding-bottom: 8px !important;
  }
  .main_hero h2 {
    padding-bottom: 25px;
  }
  .title_wrap,
  .nectar-carousel-fixed-content {
    padding-bottom: 35px;
  }

  /*-------- 메인 - core --------*/
  .core_wrap .vc_col-sm-4:not(:last-child) {
    margin-bottom: 25px!important;
  }

  .core_wrap .nectar-fancy-box[data-style=hover_desc]>.inner>.heading-wrap {
    transform: translateY(0px)!important;
  }
  .core_wrap .nectar-fancy-box[data-style=hover_desc] .hover-content {
    opacity: 1!important;
    position: relative!important;
    transform: translateY(0px)!important;
  }

  body .core_wrap .nectar-fancy-box[data-style=hover_desc] .box-bg:before {
    backdrop-filter: blur(20px);
    z-index: 3;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 100%) add;
    opacity: 1;
    height: 100%;
}


  /*-------- 메인 - why --------*/
  .why_choose_wrap .nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell .inner-wrap {
    border-radius: 30px;
  }
  .why_choose_wrap ul {
      padding-top: 0px;
  }
  .why_choose_wrap ul li:not(.is-active) {
    display: none;
  }
  .why_choose_wrap ul li {
    padding-bottom: 0px!important;
  }
  .why_choose_wrap h4 {
      padding-bottom: 5px;
  }

  /*-------- 메인 - 시설 --------*/
  .facility_list .span_12 {
    display: block!important;
  }
  .facility_list .span_12 > .column_container {
    width: 100%;
    margin-bottom: 25px!important;
    height: auto;
  }
  .facility_list .span_12 > .column_container:last-child {
    margin-bottom: 0px!important;
  }
  .facility_list .span_12 > .column_container .column-image-bg {
    background-size: cover;
  }
  .facility_list .span_12 > .column_container .divider-wrap > div {
    height: 360px!important;
  }

  /*-------- 메인 - faq --------*/
  .inner-toggle-wrap p::before {
    top: -6px;
  }
  .faq_wrap .title_wrap {
    margin-bottom: 0!important;
  }

  /*-----------------------------------------------------------------
    sub
  -----------------------------------------------------------------*/
  /*-------- 공통 --------*/
  .sub_sec > .col {
    padding: 100px 0;
  }
  .sub_sec.top > .col {
      padding: 80px 0 100px;
  }
  .sec_B_160 > .col {
      padding-bottom: 120px;
  }
  .sec_B_180 > .col {
      padding-bottom: 120px;
  }
  .sec_T_180 > .col {
      padding-top: 120px;
  }

  /*-------- About --------*/
  .top .divider-wrap .divider-vertical {
    margin: 20px auto;
  }
  .difference_wrap .nectar-fancy-box[data-style=hover_desc] .hover-content {
    opacity: 1;
    margin-top: 30px;
    transform: translateY(0);
    position: initial;
  }
  .nectar-carousel-fixed-content .nectar-button {
    margin-top: 10px!important;
  }
  .sub_facility_wrap .flickity-slider .wpb_text_column p br {
    display: none;
  }
  .location_wrap .vc_col-sm-4 {
    width: 100%;
  }
  .location_wrap .footer_wrap * {
    text-align: left;
    justify-content: left;
  }
  .location_wrap .vc_col-sm-4 {
    margin-bottom: 0!important;
  }
  .location_wrap .btn_wrap .wpb_wrapper:has(>.nectar-cta.map_btn) {
    display: flex;
  }
  .location_wrap .btn_wrap:has(.map_btn) {
    padding-top: 10px;
  }
  .subway li::before {
    top: 0px;
    font-size: 10px;
  }
  .mini_des {
    padding-top: 10px;
  }
    
  
  /*-------- Treatment --------*/
  body .page-submenu ul {
    position: relative;
    top: 0;
    width: 88%;
    gap: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .page-submenu ul li {
    width: 130px;
  }
  .page-submenu .mobile-menu-link {
    display: none!important;
  }
  .page-submenu ul li a {
    padding: 10px !important;
    font-size: 12px;
      word-wrap: break-word;
  }
  #quality .wpb_column.left_padding_desktop_14pct > .vc_column-inner {
    padding-left: 0%;
    padding-right: 0%;
  }
  
  .treatment-icon-wrap > .col {
    gap: 5px;
  }
  .treatment-icon-wrap > .col > .vc_col-sm-4 {
        width: 32%;
  }
  .book-cta-wrap > .col {
    padding-top: 60px;
  }

    

  /*-------- Before&After --------*/
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item,
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(3n),
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(4n) {
    margin: 0 2% 0 0!important;
    width: 49%!important;
  }
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(2n) {
      margin: 0 !important;
  }

  

  
  
}

/*-----------------------------------------------------------------

        768

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

  /*-------- none,block --------*/
  .block_768 {
    display: block !important;
  }
  .none_768{
      display: none !important;
  }

  /*-------- quick menu --------*/
  .quick_menu {
    display: none;
  }
  .quick_menu_mo {
    display: block;
  }
  
}


/*-----------------------------------------------------------------

        690

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

  /*-------- none,block --------*/
  .block_690 {
    display: block !important;
  }
  .none_690{
      display: none !important;
  }

  /*-------- 폰트 --------*/
  .ft_l, .ft_l p, 
  .why_choose_wrap h4,
  div h3,
  .footer_wrap address strong,
  .location_wrap h4,
  .sub-device-wrap .device p {
    font-size: 16px;
  }



  /*-------- 메인 - why --------*/
  .why_choose_wrap .why_con {
    padding: 40% 9% 9% 9%;
  }

  /*-------- 메인 - doctor --------*/
  .tr_br_radius > .row-bg-wrap {
    border-radius: 30px 30px 0 0;
  }

  /*-----------------------------------------------------------------
    sub
  -----------------------------------------------------------------*/
  /*-------- 공통 --------*/
  .sub_sec > .col {
    padding: 60px 0;
  }
  .sub_sec.top > .col {
      padding: 40px 0 60px;
  }
  .sec_B_160 > .col {
      padding-bottom: 60px;
  }
  .sec_B_180 > .col {
      padding-bottom: 80px;
  }
  .sec_T_180 > .col {
      padding-top: 80px;
  }

  /*-------- Treatment --------*/
  body .page-submenu ul {
    margin-bottom: 40px !important;
  }
  .treatment-icon-wrap img {
    width: 80px !important;
  }
  .sub-device-wrap .vc_col-sm-12 {
    margin-bottom: 0!important;
  }
  .sub-device-wrap .vc_col-sm-3:nth-child(2),
  .sub-device-wrap .vc_col-sm-3:nth-child(3),
  .sub-device-wrap .vc_col-sm-3:nth-child(4) {
    margin-bottom: 30px!important;
  }
  .book-cta-wrap .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider {
    height: 85%;
  }
  .book-cta-wrap .book_res p {
    padding-top: 15px;
  }

  /*-------- Before&After --------*/
  body .sub_price_menu #menu-price-menu li {
    padding: 6px 0 !important;
  }
  .sub_price_menu #menu-price-menu li a {
    font-size: 13px!important;
  }
  .sub_price_menu #menu-price-menu li ul.sub-menu li a {
    font-size: 12px!important;
  }

  /*-------- Contact --------*/
  .service_form .form_wrap .vc_column-inner {
    padding: 30px;
  }
  body .service_form .service_type .gfield_radio {
    grid-template-columns: none;
  }
  body .service_form .gform_wrapper .top_label .gfield_label {
    font-size: 14px;
  }
  .service_form .service_type .gfield_radio .gform-field-label, 
  .service_form .service_type .gfield_checkbox .gform-field-label {
    padding: 8px 5px;
  }
  body .gform-theme--foundation .gform_fields {
    row-gap: 15px;
  }

  /*-------- privacy --------*/
  .privacy_wrap {
    margin-bottom: 60px !important;
  }
  .privacy_wrap > .col {
    padding: 30px;
    border-radius: 20px;
  }
  .privacy_wrap h5 {
    font-size: 16px;
  }
  .privacy_wrap * {
    font-size: 14px;
  }

  
  
  
}

/*-----------------------------------------------------------------

        480

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

  /*-------- none,block --------*/
  .block_480 {
    display: block !important;
  }
  .none_480{
      display: none !important;
  }

  /*-----------------------------------------------------------------
    Main
  -----------------------------------------------------------------*/
  /*-------- 메인 - 시설 --------*/
  .facility_list .span_12 > .column_container .divider-wrap > div {
    height: 170px!important;
  }

  /*-----------------------------------------------------------------
    sub
  -----------------------------------------------------------------*/
  /*-------- Treatment --------*/
  body .page-submenu ul {
    gap: initial!important;
    justify-content: space-between;
    margin-bottom: 25px !important;
  }
  .page-submenu ul li {
    width: 32%;
  }
  .page-submenu ul li a {
    padding: 10px 15px !important;
    line-height: 1.2;
  }

  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item,
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(2n),
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(3n),
  body #kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list .kboard-list-item:nth-child(4n) {
    margin: 0 0 25px 0!important;
    width: 100%!important;
  }
  
    body .toggle>.toggle-title a, body .inner-toggle-wrap p, .main_equipment .cell.is-selected p{
        word-break: break-all;
    }
  
}


/*-----------------------------------------------------------------

        380

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

  
}