@charset "utf-8";
/* 반응형 */

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

    /* OK시스템 */
    .system_sect .cont .cir_wrap .cir_bg {width: 90%; height: 90%;}
    .system_sect .cont {width: 87rem;}
    .system_sect .cont .txt_wrap .txt_cont .spe_box {width: 20em;}
    .system_sect .cont .txt_wrap .txt_cont .spe_box .txt_box .txt {font-size: var(--txt3);}
    /*.system_sect .cont .spe_box .txt_box .tit_box .en{font-size: var(--txt2);}*/

    .directions_page .map_sect .btn_list .item a{font-size: var(--txt3); padding: 0.8em 1.5em;}

}



@media screen and (max-width: 1640px) {
    .sub_visual .tit_wrap{padding-top: 3rem;}
    .sub_visual .tit_wrap .tit{font-size: max(5rem, 50px)}

    /* OK시스템 */
    .system_sect .cont{width: 70rem;}
    .system_sect .cont .txt_wrap .txt_cont.num3,
    .system_sect .cont .txt_wrap .txt_cont.num4{top:-12%;}
    .system_sect .cont .txt_wrap .txt_cont.num2{left: -15%;}
    .system_sect .cont .txt_wrap .txt_cont.num5{right: -15%;}
    .system_sect .cont .txt_wrap .txt_cont.num1{left: -17%;}
    .system_sect .cont .txt_wrap .txt_cont.num6{right: -17%;}
    .system_sect .cont .light_txt{font-size: 8rem;}
    .system_sect .cont .txt_wrap .txt_cont .spe_box .txt_box{padding: 2rem 2.5rem 3rem;}
    .system_sect .cont .txt_wrap .txt_cont .spe_box .txt_box .tit_box .en{font-size:var(--txt2); line-height: 1.2;}
    .system_sect .cont .txt_wrap .txt_cont.num3.left .spe_box{left: -8rem;}
    .system_sect .cont .txt_wrap .txt_cont.num4.right .spe_box{right: -8rem;}
}





@media screen and (max-width: 1440px) {
    /* OK시스템 */
    .system_sect .cont{width: 62rem;}
    .system_sect .cont .light_txt{font-size:7rem;}
}



@media screen and (max-width: 1240px) {
    .sub_visual .lnb{padding-top: 10rem;}
    .sub_visual .tit_wrap{padding: 2rem 0 6rem;}
    .sub_visual .tit_wrap .tit{font-size: 6rem;}

    .visual_top .txt_box .msg{font-size: 5rem;}

    .sub_tit_box{margin-bottom: 5rem;}
    .sub_tit_box .tit{margin-bottom: 2rem;}
    .sub_tit_box .tit2{margin-bottom: 2rem;}
    /*.sub_tit_box .tit br{display: none;}*/

    .pointer{display: none;}


    /* 병원소개_오케이 특별함 */
    .clinic_slider .item .img{padding-right: 0;}
    .clinic_slider .item .info .txt br{display: none;}
    .clinic_slider .controls{top: 4rem;}

    .oknone .txt_wrap .txt_box ul .txts .t1 br,
    .oknone .txt_wrap .txt_box ul .txts .t2 br{display: none;}
    .oknone .txt_wrap .txt_box .num{margin-bottom: 5rem;}
    .oknone .txt_wrap .txt_box ul .txts .icos{gap:10px;}

    .self_sect .in{padding: 0 5%;}
    .self_sect .self_box .sub_tit_box .tit2{margin: 1rem 0 2rem;}

    /* 병원소개_의료진 */
    .review_sect .slide_cont .item{width: 280px;}

    /* 병원소개_치료환경 */
    .intro_sect .item.active .img{padding-right: 5rem;}
    .intro_sect .item:nth-child(even) .img{padding: 0 0 0 5rem;}
    .intro_sect .item.active .info{padding-right: 0; padding-left: 0;}
    .intro_sect .item .info .t2 br{display: none;}



    /* 클리닉 */
    .sub .container[class*="-clinic"] .sub_visual .lnb,
    .sub .container[class*="-clinic"] .tit_wrap .in{padding-left:calc(var(--hdIn) + var(--inPd)); padding-right:calc(var(--hdIn) + var(--inPd));}

    .symptom_sect .list ul{gap:3rem;}
    .disease_sect .pic_box .h4{left: 4rem; top: 4rem;}

    .sub_community .sub_visual .lnb,
    .sub_community .in,
    .sub_info .sub_visual .lnb,
    .sub_info .in,
    .sub_info .in2{max-width: 100%;}



    /* 이용안내 */
    .directions_page .map_sect .btn_list .item + .item{margin-left: 10px;}
    .directions_page .map_sect .btn_list .item a {padding:10px 15px;}
    .directions_page .map_sect .btn_list .item a .ico{margin-right:0.5em;}
    .copy_btn .hover_msg{display: none;}

    .board_sect .com_inquiry_sect,
    .selftest,
    .treatment_page .time_sect{margin-top: 10rem}
    .selftest h4{margin-bottom: 2rem;}



    /* 커뮤니티 */
    .notice_page .board_sect{padding-top: 5rem;} /* .sub_tit_box mb과 동일하게 */
    .media_list ul{grid-template-columns: repeat(3, minmax(0, 1fr));}
}




@media screen and (max-width: 1200px) {
    /* OK시스템 */
    .system_sect .cont{ width: 65rem; transform: translateY(24%); margin-top: 45rem;}
    .system_sect .cont .txt_wrap .txt_cont .spe_box{display: none;}
    .system_sect .cont .spe_box_wrap{display: block;  position: absolute;top: -55rem; left: 50%; transform: translateX(-50%);}
    .system_sect .cont .spe_box_wrap .spe_box{bottom: unset; left: 50%; transform: translateX(-50%);}
    .system_sect .cont .spe_box_wrap .spe_box.active{opacity: 1;}
    .system_sect .cont .spe_box .txt_box{padding: 20px 25px;}
    .system_sect .cont .spe_box .txt_box .txt{margin-top:0;}



}


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

    /* 병원소개_오케이 특별함 */
    .hello_sect .in{flex-direction: column;}
    .hello_sect .item{width: 70%; align-self: flex-end;}
    .hello_sect .item .txt p br{display: none;}

    .oknone{ height: auto; }
    /*.oknone::-webkit-scrollbar{display: none;}*/
    .oknone .img_box{display: none;}
    .oknone .txt_wrap{ position: relative; width: auto; min-width:0; min-height: 0; justify-content: flex-start; align-items: flex-start;}
    .oknone .txt_wrap .img_box.mo_show{position:relative; display: block; width: 100%; min-height:0; margin-bottom: 25px; border-radius: var(--radius3); overflow: hidden;position: relative;padding-top: 60%;}
    .oknone .txt_wrap .img_box.mo_show img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .oknone .txt_wrap .txt_box{max-width: 100%; width: 100%;}
    .oknone .txt_wrap .txt_box .num{display: none;}
    .oknone .txt_wrap .txt_box ul{display: flex; height: auto; flex-wrap: nowrap; overflow-x: auto; padding:0 var(--inPd); scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .oknone .txt_wrap .txt_box ul::-webkit-scrollbar{display: none;}
    .oknone .txt_wrap .txt_box ul > li{position: unset; transform: translateY(0); opacity: 1; flex-shrink: 0; width:500px; scroll-snap-align:start; scroll-snap-stop:always;}
    .oknone .txt_wrap .txt_box ul > li + li{margin-left: 30px;}
    .oknone .txt_wrap .txt_box ul .txts .t1{font-size:var(--subH3);}
    .oknone .txt_wrap .txt_box ul .txts .icos div{font-size: var(--smTxt1);}
    .oknone .txt_wrap .txt_box ul .txts .t2{margin: 10px 0 30px; font-size:var(--txt2);}
    .oknone .txt_wrap .txt_box ul .txts .icos{max-width: 400px;}



    /* 이용안내 */
    .treatment_page .time_sect{flex-direction: column;}
    .treatment_page .time_sect .sub_tit_box .tips{margin-top: 2rem;}
    .sub_tit_box .tit2 + .tips{margin-top: 0;}

    .viewSubPage .tit_wrap .in,
    .viewSubPage .sub_visual .lnb,
    .viewSubPage .in{max-width: 100%;}



}


@media screen and (max-width: 769px) {
    .sub_visual .lnb{padding-top: 80px;}
    .sub_visual .tit_wrap .tit{font-size: 32px;}

    .visual_top .txt_box{padding-bottom: 10rem;}
    .visual_top .txt_box .tit{margin-bottom: 20px;}
    .visual_top .txt_box .msg{font-size: 30px;}
    .visual_top .scroll .line{height: 120px;}

    .sub_round_tab_wrap{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd)}
    .sub_round_tab{margin:0;}

    /* OK시스템 */
    .system_sect .cont{ width: 62rem; margin-top: 50rem;}
    .system_sect .cont .spe_box_wrap{top:-60rem;}
    .system_sect .cont .spe_box .txt_box .tit_box .en{font-size: var(--txt2);}
    .system_sect .cont .txt_wrap .txt_cont .num_txt{font-size:0;}
    .system_sect .cont .txt_wrap .txt_cont.num1{left: -15%}
    .system_sect .cont .txt_wrap .txt_cont.num6{right: -15%}
    .system_sect .cont .txt_wrap .txt_cont.num2{left: -10%;}
    .system_sect .cont .txt_wrap .txt_cont.num5{right: -10%;}
    .system_sect .cont .txt_wrap .txt_cont.num3, .system_sect .cont .txt_wrap .txt_cont.num4{top: -10%;}

    /* 하단 공통 문의 */
    .com_inquiry_sect{padding: var(--sectPd3) 0; width: 100%; overflow-x: hidden}
    .com_inquiry_sect .tit{margin-bottom:30px; line-height: 1.5;}
    .com_inquiry_sect .cont{flex-direction: column; align-items: center;}
    .com_inquiry_sect .cont .form_box{width: 100%; display: flex; flex-direction: column;}
    .com_inquiry_sect .cont .com_inquiry_list{max-width: max-content; margin-top: 40px;}
    .com_inquiry_sect .cont .form_box .submit{height: var(--inpH); border-radius: 0.8rem;}

    .img_pallax{height: 40rem;}

    /* 병원소개_오케이 특별함 */
    .clinic_slider .controls{display: none;}
    .clinic_slider .swiper-pagination{display: block;}
    .clinic_slider .item{flex-direction: column;}
    .clinic_slider .item .img{width: 100%;}
    .clinic_slider .item .info{padding-left: 0; padding-top: 30px;}
    .clinic_slider .item .info .txt{margin-top: 10px;}

    .system_sect .circles{padding: 60px 0;}
    .system_sect .circles .item { padding-top: calc(100%/3 + 5px); width:calc(100%/3 + 15px); height: 0;}
    .system_sect .circles .item:nth-child(2){margin: 0 -10px;}

    .system_sect .circles .item dl dd{font-size:30px;}
    .system_sect .main_tit_box .tit{margin-bottom: 30px;}

    .promise_sect .cont .img_box .txt_box{padding: 30px 25px;}
    .promise_sect .cont .img_box .txt_box .txt br{display: none;}
    .promise_sect .cont .img_box .txt_box .tit{margin-bottom: 5px;}

    .self_sect .self_box .sub_tit_box .tit2{font-size:26px;}

    /* 병원소개_의료진 */
    .doctor_list .item{flex-direction: column;}
    .doctor_list .item .photo{width: 100%; margin-right: 0;}
    .doctor_list .item .photo .img{max-width: 400px;}
    .doctor_list .item .info{margin-top: 30px;}
    .doctor_list .item + .item{margin-top: var(--sectPd3)}
    .doctor_list .item .info .name{margin-top: 0;}

    .review_sect .slide_cont .ite.swiper-slide-duplicate-prev,
    .review_sect .slide_cont .item.swiper-slide-prev,
    .review_sect .slide_cont .ite.swiper-slide-duplicate-next,
    .review_sect .slide_cont .item.swiper-slide-next,
    .review_sect .slide_cont .ite.swiper-slide-duplicate-next + .item + .item,
    .review_sect .slide_cont .item.swiper-slide-next + .item + .item {transform: translateY(30px);}
    .review_sect .slide_cont .swiper-container{padding: 0 0 30px;}
    .review_sect .slide_cont .item{width: 260px;}
    .review_sect .slide_cont .item a{padding: 25px 20px 20px;}

    /* 병원소개_치료공간 */
    .intro_sect .item, .intro_sect .item:nth-child(even){flex-direction: column;}
    .intro_sect .item.active .img, .intro_sect .item:nth-child(even) .img{padding: 0; width: 100%;}
    .intro_sect .item .info{padding-left: 0; margin-top: 30px;}
    .intro_sect .item .info .t1{margin: 10px 0 5px;}
    .envslider_sect .slide2 .tit{margin-bottom: 10px}
    .envslider_sect .slide2 .swiper-container { padding-bottom:30px; }
    .envslider_sect .slide2 .swiper-slide-duplicate-prev,
    .envslider_sect .slide2 .swiper-slide-prev,
    .envslider_sect .slide2 .swiper-slide-duplicate-next,
    .envslider_sect .slide2 .swiper-slide-next,
    .envslider_sect .slide2 .swiper-slide-next + .swiper-slide + .swiper-slide {transform: translateY(30px);}



    /* 클리닉 */
    .sub_tit_box .tit_desc br{display: none;}
    .clinic_page .img_pallax{height: 40rem;}

    .symptom_sect .list ul{gap:15px;}
    .symptom_sect .cause{flex-direction: column;}
    .symptom_sect .cause .clist{width: 100%;}

    .symptom_sect .programs ol li{padding: 20px 10px;}
    .symptom_sect .programs ol li .tit span{width: 2.2em; height: 2.2em; font-size:13px; line-height: 1;}
    .symptom_sect .programs ol li .txt{margin-top: 8px;}

    .symptom_sect .target .target_list ul li + li{margin-left: 10px}
    .symptom_sect .target .target_list ul li .item{font-size:var(--txt1); line-height: 1.3;}
    .symptom_sect .target .target_list ul li .item i svg{width: 2.2em;}

    .disease_sect .pic_box .lb .txt{font-size:var(--smTxt1);}

    .faq_list2 .q{padding: 0 50px 0 10px;}
    .faq_list2 .q::before{right: 10px;}
    .faq_list2 .a{padding: 15px 40px}




    /* 이용안내 */
    .board_sect .com_inquiry_sect .sub_tit_box{margin-bottom: 3rem;}
    .form_chk .chk_box label,
    .form_chk .chk_box + .btn{font-size: calc(var(--txt3) * 1);}

    .board_list_top {margin-bottom: 30px}
    .board_list_top .sch_wrap{flex-direction: column; align-items: flex-end;}
    .board_list_top .sch_box{order:2;}
    .board_list_top .sch_wrap .btn-type1{order:1; margin-bottom:10px; font-size:var(--txt3); width: 7.5em;}

    .reservation_page .board_list_top{align-items: flex-start;}

    .bg_sch_box {width: 210px}
    .bg_sch_box .sch_inp {padding: 1em 1.5em}
    .bg_sch_box .sch_inp .btn svg {width: 2.4rem}

    .empty_box img{max-width: 220px;}

    .directions_page .info_sect,
    .directions_page .contact_sect{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .directions_page .info_sect{gap:50px;}
    .directions_page .tel_cont .sub_tit{margin-bottom: 0;}
    .directions_page .map_sect .address{margin:30px 0 20px;}

    .treatment_page .time_sect .times dl{padding: 15px 20px;}
    .treatment_page .time_sect .times dl dt{font-size:var(--txt1)}
    .treatment_page .time_sect .times dl dd{font-size:var(--tit4)}

    .selftest .item{padding: 25px 20px;}
    .selftest .item h5{margin-bottom: 8px;}
    .selftest .item ul li + li{margin-left:8px;}
    .txt_radio + div{padding: 8px 10px;}

    .result_page .sub_tit_box{margin-bottom: 40px}
    .test_result .t1{margin-top: 35px;}
    .test_result .t2{margin-bottom: 25px;}
    .test_result{padding:40px 25px;}
    .test_result .t2 br{display: none;}



    /* 커뮤니티 */
    .board_list .list li a {padding: 0; height: auto; padding: 15px 0;flex-wrap: wrap;}
    .board_list .code {display: none;}
    .board_list .list .cate {font-size: var(--smTxt); margin-bottom: 5px;}
    .board_list .list .badge {padding: 0.25em 0.9em; margin-right: 0; margin-bottom: 5px;}
    .board_list .list .tit {width: 100%; flex: none; margin-top: 0; padding-right:0; font-size: 15px;}
    .board_list .list .date {text-align: left; width: auto; margin-top: 5px;}

    .board_view_page .board_li_wrap{ margin-top: 50px;}
    .board_view_page .board_li_wrap .box_wrap{position: relative; padding-top: 75px;}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .board_view_page .board_li_wrap .box{width: auto;}
    .board_view_page .board_li_wrap .box .tit{font-size: 13px;}
    .board_view_page .board_li_wrap .box.next .ico{margin-right: 10px;}
    .board_view_page .board_li_wrap .box.prev .ico{margin-left: 10px;}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap a {height: 3em}
    .board_view_page .view_cont .a_cont .top .name { font-size: 16px; }
    .board_view_page .view_cont .q_cont { padding: 4rem 0 8rem; }

    .review_list ul li a .title .subj{font-size:15px;}
    .review_list ul li a .date{margin-top: 5px}

    .faq_list .list_box .question{padding: 20px 35px 20px 0; font-size: 15px;}
    .faq_list .list_box .question p { white-space: normal;}
    .faq_list .list_box .question::before{right: 20px; }
    .faq_list .list_box .question .cat{ width: 5em; margin-left: 1em; margin-right: 1em; font-size: 13px; }
    .faq_list .list_box .answer { padding:3rem;}

    .qna_list .list li a {padding: 0; height: auto; padding: 15px 0;flex-wrap: wrap;}
    .qna_list .code {display: none;}
    .qna_list .state {order:1; margin: 0 0 0 0;}
    .qna_list .list .type{order: 0;margin-bottom: 10px; margin:0 10px 0 0; font-size:var(--smTxt2);}
    .qna_list .list .cate {font-size: var(--smTxt); margin-bottom: 5px;}
    .qna_list .list .badge {padding: 0.25em 0.9em; margin-right: 0; margin-bottom: 5px;}
    .qna_list .list .tit {width: 100%;flex: none;font-size: 16px;margin: 8px 0;order:2;}
    .qna_list .list .id{order:3; margin:0 10px 0 0;}
    .qna_list .list .date {order:4; text-align: left; width: auto;}
    .qna_list .list li a:hover{background-color:inherit;}

    .review_list ul li a { display: block; padding:15px 0;}

    .media_list ul{gap:40px 15px;}
    .media_list ul li a .img{margin-bottom: 15px;}
    .media_list ul li a .subj{font-size:var(--txt2);}



}


@media screen and (max-width: 600px) {
    .sub_visual .lnb{padding-top: 45px;}
    .sub_visual .lnb .dot{margin: 2px 0.8em 0;}
    .sub_visual .lnb .sel_wrap .nice-select{padding-right: 2.5rem;}
    .sub_visual .tit_wrap{ padding:10px 0 28px;}
    .sub_visual .tit_wrap .tit{font-size: 28px;}
    .sub_tit_box .tit_desc br{display: none;}

    .visual_top .txt_box .tit{margin-bottom: 12px;}
    .visual_top .txt_box .msg{font-size: 22px;}

    .sub_tit_box{margin-bottom: 30px;}
    .sub_tit_box .tit{margin-bottom:10px;}
    .sub_tit_box .tit2{margin-bottom: 5px;}
    .sub_tit_box .tit2 br{display: none;}
    .sub_tit_box .tips p {line-height: 1.5; border-radius:8px; padding:0.5em 0.5em;}
    .sub_tit_box .tips p svg{height: 1em; margin-top: 0.2em; margin-right: 0.5em;}

    .sub_round_tab_wrap{margin-bottom:30px;}
    .sub_round_tab .tab{min-width:4em; line-height: 2.6em;}

    .marqee_sect{margin:3rem 0 10rem}
    .marqee_sect .marqee_text p svg{height: 5rem;}

    .com_inquiry_sect .tit{margin-bottom:25px;}

    .img_pallax{height: 30rem;}


    /* OK시스템 */
    .system_sect .cont{width: 235px;}
    .system_sect .main_tit_box .tit{margin-bottom:20px;}
    .system_sect .main_tit_box .txt{margin-bottom: 10px;}
    .system_sect .main_tit_box .txt br,
    .system_sect .main_tit_box .txt2 br{display: none;}
    .system_sect .cont .light_txt{font-size: 28px;}
    .system_sect .cont .txt_wrap .txt_cont .num_txt .num{font-size: 12px; line-height: 1;}
    .system_sect .cont{margin-top: 310px;}
    .system_sect .cont .spe_box_wrap{top: -325px;}
    .system_sect .cont .cir_wrap .active_cir{width: 8px; height: 8px;}
    .system_sect .cont .txt_wrap .txt_cont.num3, .system_sect .cont .txt_wrap .txt_cont.num4{top: -19%;}
    .system_sect .cont .spe_box .txt_box .txt{line-height: 1.5;}
    .system_sect .cont .spe_box .txt_box{padding: 18px 18px 20px;}
    .system_sect .cont .txt_wrap .txt_cont.num1{left: -17%;}
    .system_sect .cont .txt_wrap .txt_cont.num6{right: -17%}
    .system_sect .cont .txt_wrap .txt_cont.num2{top: 14%; left: -9%;}
    .system_sect .cont .txt_wrap .txt_cont.num5{top: 14%; right: -9%;}
    .system_sect .cont .txt_wrap .txt_cont.num3, .system_sect .cont .txt_wrap .txt_cont.num4{top: -11%;}



    /* 병원소개_오케이 특별함 */
    .clinic_slider .item .info{padding-top: 20px;}
    .clinic_slider .item .info .tit span{font-size:10px; padding:0 0.7em; margin-right:0.7em; margin-top: 0.3em;}

    .hello_sect .item{width: 100%;}
    .hello_sect .item .txt p + p{margin-top: 10px;}

    .system_sect .circles .item dl dt{font-size:13px;}
    .system_sect .circles .item dl dd{font-size:20px;}
    .system_sect .circles .last_item{font-size:20px;}

    .oknone .txt_wrap .txt_box ul > li{width:320px;}
    .oknone .txt_wrap .txt_box ul > li + li{margin-left: 25px}
    .oknone .txt_wrap .txt_box ul .txts .icos{max-width: 95%; gap:8px;}
    .oknone .txt_wrap .txt_box ul .txts .icos div{font-size:11px;}
    .oknone .txt_wrap .txt_box ul .txts .icos div p{margin-top: 5px}
    .oknone .txt_wrap .txt_box ul .txts .t2{margin: 8px 0 20px;}

    .promise_sect .sub_tit_box .tit2 br{display: block;}
    .promise_sect .cont{display: flex; gap: 15px; flex-wrap: nowrap; overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);  -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .promise_sect .cont::-webkit-scrollbar{display: none;}
    .promise_sect .cont .img_box{flex-shrink: 0;  width: 80%; padding-top: 100%; filter: blur(0); opacity: 1; transform: unset; scroll-snap-align:center; scroll-snap-stop:always;}
    .promise_sect .cont .img_box:nth-child(1),
    .promise_sect .cont .img_box:nth-child(2){transform: translateX(30px); filter: blur(10px); opacity: 0;}
    .promise_sect .cont .img_box:nth-child(1).active,
    .promise_sect .cont .img_box:nth-child(2).active{filter: blur(0); opacity: 1; transform: unset;}
    .promise_sect .cont .img_box .txt_box{padding: 20px 15px;}
    .promise_sect .cont .img_box .txt_box .tit{margin-bottom: 5px;}

    .self_sect .self_box{height: 35rem;}
    .self_sect .self_box .sub_tit_box .desc{font-size:14px;}
    .self_sect .self_box .sub_tit_box .tit2{font-size:18px;}
    .self_sect .self_box .sub_tit_box .tit2 br{display: block;}
    .self_sect .self_box .sub_tit_box{margin-bottom: 15px;}

    /* 병원소개_의료진 */
    .doctor_page .top_sec .photo{padding:0;}
    .doctor_list .item .info{margin-top: 20px;}
    .doctor_list .item .info .body .his li{width: 100%;}
    .doctor_list .item .msg{margin-bottom: 15px;}
    .list_tbl .tbl_box .box > div{font-size:12px;}
    .list_tbl .tbl_box .td_box .td span{font-size:11px;}
    .list_tbl .tbl_box .td_box .td .badge{padding:0.5em 0.7em 0.45em;}
    .doctor_list .item .info .name{margin-bottom:20px;}
    .doctor_list .item .info .tit{margin-bottom: 5px}

    .review_sect .slide_cont .item{width: 240px;}




    /* 클리닉 */
    .sub .container[class*="-clinic"] .sub_visual .lnb{padding-top: 50px;}
    .sub .container[class*="-clinic"] .sub_visual .tit_wrap{padding: 10px 0 40px;}
    .clinic_page .sub_tit_box .tit br{display: none;}
    .sub_visual .bg {background-position:55% 50%; }

    .clinic_page .img_pallax{height: 30rem;}

    .h4{margin-bottom: 10px}
    .symptom_sect .sub_tit_box .tit2 br{display: block;}
    .symptom_sect .list ul{gap:15px 10px; grid-template-columns: repeat(2, minmax(0, 1fr));}
    .symptom_sect .list ul li p{padding:8px;}
    .symptom_sect .cause .clist ul{grid-template-columns: repeat(1, minmax(0, 1fr)); gap:10px;}
    .symptom_sect .cause .clist ul li{padding: 12px 10px; line-height: 1.5; font-size:14px;}
    /*.symptom_sect .cause .clist ul li:before{margin-top: 0.2em;}*/
    .symptom_sect .target .target_list ul{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); }
    .symptom_sect .target .target_list ul::-webkit-scrollbar{display: none;}
    .symptom_sect .target .target_list ul li{flex: 0 0 35%; }
    .symptom_sect .target .target_list ul li .item p{margin-top: 3px;}

    .symptom_sect .programs ol li .tit span{width: 2em; height: 2em; font-size:12px; margin-right: 8px;}

    .rehabclinic .symptom_sect .cause ul li + li{margin-top: 10px;}
    /*.rehabclinic .sub_round_tab .tab{padding: 0 0.6em;}*/
    .rehabclinic .sub_round_tab .tab + .tab{margin-left: 0;}

    .disease_sect .pic_box .area{background-color: #fff;}
    .disease_sect .pic_box .area img{width: 150%; max-width: 150%; margin-left: -25%;}

    .disease_sect .pic_box .h4{left: 20px; top: 15px;}
    .disease_sect .pic_box .lb .line{width: 3rem;}
    .disease_sect .pic_box .lb .line,
    .disease_sect .pic_box .lb .txt{left: -3rem;}
    .disease_sect .pic_box .lb.right .line,
    .disease_sect .pic_box .lb.right .txt{right: -3rem;}
    .disease_sect .pic_box .lb.lbhandfoot2 .txt{left: -1rem;}
    .disease_sect .pic_box .lb.lbhandfoot4 .txt{right: -0.5rem;}

    .disease_sect .pic_box .lb.lbneck1 { left: 33%;}
    .disease_sect .pic_box .lb.lbneck2 { left: 64%;}
    .disease_sect .pic_box .lb.lbback1,
    .disease_sect .pic_box .lb.lbback2,
    .disease_sect .pic_box .lb.lbback3,
    .disease_sect .pic_box .lb.lbback4 { left: 47.5%; }
    .disease_sect .pic_box .lb.lbhandfoot2{left: 35%; top: 70%;}
    .disease_sect .pic_box .lb.lbknee1 {left: 38%;}
    .disease_sect .pic_box .lb.lbknee2 {left: 38%; top: 58%}
    .disease_sect .pic_box .lb.lbknee3 {left: 57%}

    .modal_cont.disease_modal .body{padding: 20px;}

    .clinic_page .marqee_sect{margin-bottom: 2rem}

    .faq_list2 .q{padding: 15px 30px 15px 10px; height: auto;}
    .faq_list2 .a{padding: 15px; line-height: 1.6;}




    /* 이용안내 */
    .reserv_write_page .write_form .form_list > li{flex-direction:column;}
    .reserv_write_page .write_form .in{padding:0;}
    .reserv_write_page .write_form .form_list > li .left_txt{padding-top:0; margin-bottom:10px}
    .reserv_write_page .write_form .form_list > li + li{margin-top:30px}
    .reserv_write_page .write_form .form_list li .file_inp .file_btn{margin-left:8px;}
    .reserv_write_page .write_form .form_list li .captcha_wrap .captcha{ padding: 0 15px 0 0;}
    .reserv_write_page .write_form .form_list li .captcha_wrap .captcha .btn{margin-left:0;}

    .directions_page .sub_tit{margin-bottom: 10px;}
    .directions_page .map_sect .desc{margin-top: 10px;}
    .directions_page .map_sect .address{font-size:18px;}
    .copy_btn span{left: unset; right: -10px; transform: unset;}
    .directions_page .map_sect .btn_list .item a{padding: 10px 12px; font-size:12px;}
    .directions_page .map_sect .btn_list .item + .item{margin-left: 5px;}
    .directions_page .map_sect .keylist dl dt{width: 5em; font-size:11px; margin-right: 8px;}
    .copy_btn{margin-left: 0;}

    .treatment_page .time_sect .times dl{padding: 10px 15px;}

    .selftest h4{line-height: 1.5;}
    .selftest .item{padding: 20px 12px;}
    .txt_radio + div{font-size:12px; padding: 5px 6px;}
    .txt_radio.type2 + div{padding-top: 10px; padding-bottom: 10px;}
    .selftest .item ul{overflow-x: auto; width: calc(100% + 24px);padding: 0 12px; margin-left: -12px; gap:8px;}
    .selftest .item ul::-webkit-scrollbar{display: none;}
    .selftest .item ul li + li{margin-left: 0;}
    /*.selftest .item ul{flex-wrap: wrap; gap:8px;}*/
    /*.selftest .item ul li{min-width: calc(100%/3 - 8px);}*/

    .result_page .sub_tit_box{margin-bottom: 30px}
    .test_result .t2{margin-bottom: 10px;}
    .test_result{padding:30px 20px 35px;}
    .levels_sect .lvs dl dt{width: 90px; padding : 0;}
    .levels_sect .lvs dl dd{padding: 15px;}
    .levels_sect .lvs dl dd div{flex-direction: column; align-items:flex-start}
    .levels_sect .lvs dl dd div strong{width: auto; margin-bottom: 3px;}



    /* 커뮤니티 */
    .notice_page .board_sect{padding-top: 30px;} /* .sub_tit_box mb과 동일하게 */

    .faq_list .list_box .question{padding: 20px 35px 20px 0; font-size: 14px;}
    .faq_list .list_box .question .cat{width:4em; margin-left: 0; font-size:12px; margin-right: 1em;}
    .faq_list .list_box .question p{line-height: 1.5}
    .faq_list .list_box .question::before{right: 0.5em;}

    .qna_list .list .txt{font-size:12px;}
    .qna_list .list .tit {font-size:15px;}


    .media_list ul{grid-template-columns: repeat(2, minmax(0, 1fr)); gap:30px 10px;}
    .media_list ul li a .img{margin-bottom: 10px;}
    .media_list ul li a .img .labels{right: 8px; top: 8px;}

    .board_view_page .view_top .title{flex-direction: column;}
    .board_view_page .view_top .tit{margin-top: 1rem;}
    .board_view_page .view_top .badge{font-size:12px;}

    .pagination{margin-top: 40px;}





 @media screen and (max-width: 400px) {
     .directions_page .map_sect .btn_list{flex-wrap: wrap;}
     .directions_page .map_sect .btn_list .item{width: calc(50% - 3px); margin-bottom: 8px;}
     .directions_page .map_sect .btn_list .item a{padding: 10px; width: 100%; display: flex; align-items: center; justify-content: center;}
     .directions_page .map_sect .btn_list .item:nth-child(odd){margin-right: 3px; margin-left: 0;}
     .directions_page .map_sect .btn_list .item:nth-child(even){margin-left: 3px;}
 }