@media all and (max-width: 850px) {

    body{
        font-size: 14px;
    }
    .only_web,
    .only_web1180 {
        display: none !important;
    }

    .only_mo,
    .only_mo1180 {
        display: block !important;
    }

    #container section[id*='gnb'] {
        padding-top: 60px;
        padding-bottom: 55px;
    }
    .main_tit_box strong {
        font-size: 15px; 
        margin-bottom: 20px;
    }
    .main_tit_box .main_tit {
        font-size:31px;
    }
    .main_tit_box .tit_desc {
        font-size: 15px;
        margin-top: 25px;
    }

    .overview .item_cont {
        width: 100%;
        margin-top: 30px;
    }
    .overview .bg_txt {
        font-size: 90px;
        top: 320px;
        left: 50%;
        transform: rotate(90deg) translateY(100%);
        line-height: 1.2;
    }
    .overview_area {
        margin-top: 0;
        flex-direction: column;
    }
    .overview_area li {
        width: 100%;
    }
    .overview_area li + li {
        margin-top: 30px;
    }
    .overview_area li.on:nth-child(1) {
        transition-delay: 0.5s;
    }
    .overview_area li.on:nth-child(2),
    .overview_area li.on:nth-child(3) {
        transition-delay: 0.2s;
    }
    .overview_area li:nth-child(1) .ov_img {
        background-image: url(../images/main/cell_cont_more01_m.png);
    }
    .overview_area li:nth-child(2) .ov_img {
        background-image: url(../images/main/cell_cont_more02_m.png);
    }
    .overview_area li:nth-child(3) .ov_img {
        background-image: url(../images/main/cell_cont_more03_m.png);
    }
    .overview_area .ov_img {
        padding-top: 59.5%;
        border-radius: 5px;
    }
    .overview_area .ov_img span {
        padding: 15px 10px;
        border-radius: 0 5px 0 10px;
        font-size: 15px;
    }
    .overview_area .ov_txt {
        padding-top: 20px;
    }
    .overview_area .ov_txt i {
        font-size: 19px;
        margin-bottom: 0;
    }
    .overview_area .ov_txt strong {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .overview_area .ov_txt p {
        font-size: 14px;
    }
    .characteristic .good_cont {
        margin: 50px auto 0;
        flex-wrap: wrap;
    }
    .characteristic .good_cont li {
        width: 50%;
        margin: 0;
        justify-content: flex-start;
        padding: 0 15px;
    }
    .characteristic .good_cont li.on:nth-child(1){transition-delay: 0.3s;}
    .characteristic .good_cont li.on:nth-child(2){transition-delay: 0.3s;}
    .characteristic .good_cont li.on:nth-child(3){transition-delay:  0.3s;}
    .characteristic .good_cont li.on:nth-child(4){transition-delay:  0.3s;}
    .characteristic .good_cont li:nth-child(n+3) {
        margin-top: 50px;
    }
    .characteristic .good_cont li .ico {
        max-width: 100.5px;
        width: 100%;
        margin: 0 auto;
    }
    .characteristic .good_cont li .ico_area {
        margin-top:30px;
    }
    .characteristic .good_cont li .ico_area strong {
        font-size: 19px;
        padding-bottom: 10px;
        line-height: 1.26;
    }

    .characteristic .good_cont li .ico_area span {
        font-size: 14px;
    }
    .doctor_info {
        padding-bottom: 200px !important;
    }
    .doc_info_list {
        position: absolute;
        bottom:6.4%;
        right: 15px ;
        max-width: 540px;
        width: calc(100% - 30px);
        padding: 30px 35px 20px 35px;
        box-sizing: border-box;
        border-radius: 0 50px 0 50px;
        opacity: 0;
        transform: translateY(100px);
        transition: all 0.6s;
        box-shadow: 0px 15px 30px 2px rgb(53 180 219 / 39%);
    }
    .doc_info_list.on {
        opacity: 1;
        transform: translateY(0);
    }
    .doc_info_list strong {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .doc_info_list p ,
    .doc_info_list i{
        font-size: 15px;
        line-height: 1.46;
    }
    .doctor_slider {
        margin-top: 40px;
        position: relative;
    }
    .doctor_slider .slick-dots {
        position: absolute;
        bottom:155px; left: 50%;
        transform: translateX(-50%);
    }
    .doctor_slider .slick-dots li {
        display: inline-block;
        margin: 0;
    }
    .doctor_slider .slick-dots li+li {
        margin-left: 15px;
    }
    .doctor_slider .slick-dots li button {
        display: block;
        font-size: 0;
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 100%;
        background: #ffffff;
    }
    .doctor_slider .slick-dots li.slick-active button {
        background: #0159bd;
    }
    .doctor_nav {display: none !important;}
    

    #gnb04.th_effect {
        padding-top: 0 !important;
    }
    .effect_step {
        padding-top:45px;
        flex-direction: column;
    }
    .effect_step li:nth-child(1),
    .effect_step li {
        max-width: inherit;
    }
    .effect_step li + li {
        margin-top: 50px;
    }
    .effect_step li.arr {
        display: none;
    }
    .effect_step li .step {
        max-width: 160px;
    }
    .effect_step li .step .txt_area span {
        font-size: 14px;
        padding-bottom: 6px;
    }
    .effect_step li .step .txt_area strong {
        font-size: 18px;
    }
    .effect_step li .step_txt {
        padding: 40px 25px 0;
    }
    .effect_step li .step_txt > strong {
        font-size: 19px;
        padding-bottom: 25px;
    }
    .effect_step li .step_txt .cont span {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .effect_step li .step_txt .cont p {
        font-size: 14px;
    }
    .effect_step li .step_txt .cont +.cont {
        margin-top: 25px;
    }

    .effect_step li.on:nth-child(1){transition-delay: 0.3s;}
    .effect_step li.on:nth-child(3){transition-delay: 0s;}
    .effect_step li.on:nth-child(5){transition-delay: 0s;}
    
    .specialization .special_cont {
        margin: 45px auto 0;
        flex-direction: column;
    }
    .specialization .special_cont li {
        width: 100%;
        margin-right: 0;
        padding: 0 36px;
    }
    .specialization .special_cont li span {
        padding-top: 59.1%;
        border-radius: 5px;
    }
   
    .specialization .special_cont li:nth-of-type(2n) {
        margin-top: 30px;
    }
    .specialization .special_cont li+li {
        margin-top:30px ;
    }
    .specialization .special_cont.on li {
        opacity: 0;
        transform: translateY(100px)
    }
    .specialization .special_cont li.on {
        opacity: 1;
        transform: translateY(0);
    }
    .specialization .special_cont li.on:nth-child(1){ transition-delay: 0.3s;}
    .specialization .special_cont li.on:nth-child(2),
    .specialization .special_cont li.on:nth-child(3),
    .specialization .special_cont li.on:nth-child(4){transition-delay: 0s;}

    .specialization .special_cont li strong {
        font-size: 19px;
        margin-bottom: 15px;
    }
    .specialization .special_cont li p {
        font-size: 14px;
    }

    .letter_bg {
        padding: 60px 0 130px;
        background: url(../images/main/pop_bg_m.png) no-repeat center/ cover;
    }
    .letter_bg .main_tit_box span {
        display: none;
    }
    .letter_slider .slick-dots {
        margin-top: 30px;
    }
    .letter_slider .slick-dots li button {
        width:10px;
        height: 10px;
    }
    .letter_slider .slick-dots li + li {
        margin-left: 12px;
    }
    .letter_pop .pop_cont .close_pop {
        position: absolute;
        top: 0;
        right: 0;
        width: 42.5px;
        height: 42.5px;
        background: url(../images/main/pop_close_m.png) no-repeat center/ 42.5px auto;
        display: block;
        z-index: 99;
    }
    .letter_slider .more_btn {
        width: 22px;
        height: 22px;
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: url(../images/main/more_btn_m.png) no-repeat center /22px auto;
    }


    .doctor_say {
        padding: 20px 0 40px;
    }
    .doctor_say .doc_img_box img {
        width: 100%;
    }
    .doctor_say .ab_img {
        margin-top: -15px;
        margin-left: auto;
        padding-left: 80px;
        opacity: 0;
        transform: translateY(100px);
        transition: all 0.6s;
    }
    .doctor_say .ab_img img {
        max-width: 60px;
    }
    .doctor_say .say_area {
        position: static;
        max-width: inherit;
        width: 100%;
        padding: 0 20px 60px 30px ;
    }
    .doctor_say .say_area span {
        font-size: 14px;
        display: block;
        padding-top: 10px;
    }
    .doctor_say .say_area strong {
        font-size: 18px;
        margin-top: 16px;
    }
    .doctor_say .say_area p {
        font-size: 14px;
        margin-top: 25px;
    }

    #gnb07.inquiry {
        padding-bottom: 60px;
    }
    .inq_form .content li {
        flex-direction: column;
    }
    .inq_form .content li + li {
        margin-top: 20px;
    }
    .inq_form .content li .w50 + .w50 {
        margin-left: 0;
        margin-top: 20px;
    }
    .inq_form .content li span {
        font-size: 15px;
    }
    .inq_form .content li input, 
    .inq_form .content li select {
        line-height: 40px;
        font-size: 14px;
        color: #252525
    }

    .inq_form .content li select {
        background: url(../images/main/sel_btn_m.png) no-repeat center right 10px / 10px auto;
    }

    .inq_form .checkbox_wrap {
        padding-top: 20px;
    }
    .inq_form .checkbox_wrap input +label {
        color: #454545;
        font-size:14px ;
        line-height: 24px;
        display: inline-block;
        padding-left: 35px;
        background: url(../images/main/check_m.png) no-repeat center left / 24px auto;
    }

    .inq_form .checkbox_wrap input:checked +label {
        background: url(../images/main/check_on_m.png) no-repeat center left / 24px auto;
    }
    .inq_form .button {
        max-width:850px;
        width: 100%;
    }
    .inq_form .button button {
        font-size: 16px;
        line-height: 45px;
        background-image: -moz-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
        background-image: -webkit-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
        background-image: -ms-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
        box-shadow: 0px 7px 10px 1px rgb(53 180 219 / 39%);
    }
    .inq_form .bot_ch {
        margin-top: 20px;
        display: flex;
    }

    .map .map_wrap {
        height: 550px;
    }
    .map .wrap_map {
        height: 550px !important;
    }
    .map_desc {
        background: #283885;
        max-width: 850px;
        width:90%;
        left: 5%;
        margin: 0 auto;
        padding:25px 20px;
        box-shadow: 0px 15px 30px 2px rgb(40 56 133 / 44%);
        border-radius:13px;
    }
    .map_desc .logo_box img {
        max-width:93px ;
    }
    .map .inner {
        top: 30px;
        transform: translate(-50%,0);
    }
    .map_desc div + div {
        margin-top:20px;
    }
    .map_desc div span {
        font-size: 14px;
    }
    .map_desc div:last-of-type span {
        padding-bottom: 10px;
    }
    .map_desc div p {
        font-size: 14px;
    }
    .map_desc ul {
        flex-wrap: wrap;
        align-items: inherit;
    }
    .map_desc ul li:last-of-type {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .map_desc ul li a {
        background: no-repeat center;
        font-size: 0;
        color: transparent;
        display: block;
        height: 30px;
    }
    .map_desc ul li a.kakao {
      width: 30px; 
      background-image: url(../images/main/sns_kakao_m.png) ;
      background-size: 30px auto;
    }
    .map_desc ul li a.youtube {
        width: 32px; 
        background-image: url(../images/main/sns_youtube.png);
        background-size: 32px auto;
    }
    .map_desc ul li a.blog {
      width:28.5px; 
      background-image: url(../images/main/sns_blog_m.png);
      background-size: 28.5px auto;
    }
    .map_desc ul li a.xldown {
        width: 152px;
        height: 34px;
        font-size: 12px;
        border-radius: 2px;
    }
    .map_desc ul li a.xldown .ico {
        background: url(/images/ico/ico_download_mo.png) no-repeat center / 16px;
        width: 16px;
        height: 17px;
    }

    #footer {
        padding: 40px 0;
        background: #333333;
    }


    #footer .f_top {
        flex-direction: column;
    }

    #footer .f_top > div + div {
        margin-left: 0;
        margin-top: 25px;
    }
    #footer .f_top > div{
        flex-direction: row;
    }
    #footer .f_top .time > div {
        flex-direction: column;
    }
    
    #footer .f_top .f_cont + .f_cont {
        margin-left: 28px;
    }
    #footer .f_top .f_label {
        line-height: 1.8;
    }
    #footer .f_top .f_label i {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }
    #footer .f_top .f_cont li {
        height: 25px;
    }
    #footer .f_top .call .f_label i {
        background-size: 11px auto;
    }
    #footer .f_top .time .f_label i {
        background-size: 13px auto;
    }
    #footer .f_top .f_cont li div {
        margin-right: 20px;
    }

    #footer .f_bot {
        padding-top:20px;
        margin-top: 35px;
        flex-direction: column;
    }
    #footer .foot_logo img {
        max-width: 119.5px;
    }

    #footer .f_bot .info {
        margin-left: 0;
        margin-top: 20px;
    }
    #footer .f_bot .info span {
        font-size: 13px;
    }
    #footer .f_bot .info .copy {
        font-size: 13px;
        margin-top: 25px;
    }

    #header .inquiry_btn {
        position: fixed;
        bottom:15px;
        right:15px;
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 50%;
        background: url(../images/common/quick_m.png) no-repeat center/ 50px auto;
        box-shadow: 0px 31px 61.1px 3.9px rgb(40 56 133 / 31%);
        font-size: 0;
        color: transparent;
    }
} 




@media all and (max-width: 500px) {
    body{
        font-size: 13px;
    }
    .doc_info_list {
        /* bottom: 3%; */
        padding: 30px 20px 20px 20px;
    }
    .doc_info_list p {
        font-size: 14px;
    }
    .doctor_slider .slick-dots {
        bottom: 140px;
    }
    .doc_info_list {
        bottom: 6%;
    }
}
@media all and (max-width: 460px) {
    .doctor_slider .slick-dots {
        bottom: 120px
    }
    .doc_info_list {
        bottom: 3.5%;
    }
}
@media all and (max-width: 400px) {
    #gnb04.th_effect {
        padding-top: 50px !important;
    }
}


@media all and (max-width: 380px) {
    #footer .f_top .f_cont {
        margin-left: 14px;
    }
    #footer .f_top .f_cont + .f_cont {
        margin-left: 14px;
    }
    #footer .f_top .f_cont li {
       font-size: 14px;
    }
    #footer .f_top .f_cont li div {
        width: 50px;
        margin-right:15px;
    }
    .doctor_slider .slick-dots {
        bottom: 105px
    }
    .doc_info_list {
        bottom: 1.5%;
    }
}
@media all and (max-width: 340px) {
    .doc_info_list {
        bottom: -1%;
    }
    .effect_step li .step_txt {
        padding: 40px 10px 0;
    }
    #footer .f_top > div {
        flex-direction: column;
    }
}