@charset "utf-8";

@media (max-width: 2000px) {
    
    .sub .in2 {width: clamp(1440px, 80vw, 184rem)}


    .medical_staff_page .expert_sect .doctor_wrap .doctor_cont .img_box {width: 40%;}
    .doctor_wrap .doctor_cont .info_box .profile_box .profile_list {}
    .doctor_wrap .doctor_cont .info_box .name_box .btn {width: 6rem; height: 6rem;}

    .special_page .leader_sect .sect_tit_box .tit {font-size: 12rem;}
    .special_page .leader_sect .logo {width: 24rem;}
    .special_page .leader_sect .sect_tit_box .desc {margin-top: 2rem;}
    .special_page .leader_sect .sect_tit_box .desc + .txt {margin-top: 4rem;}
    .special_page .leader_sect .sect_tit_box .txt + .txt {margin-top: 2.5rem;}

    .medical_staff_page .visual_sect .txt_move p {font-size: 16rem;}
    
}


@media (max-width: 1640px) {
    .special_page .line_up_sect .bg_txt .txt {font-size: 9vw;}
    .medical_staff_page .visual_sect .txt_move p {font-size: 14rem;} 
}


@media (max-width: 1440px) {
    .special_page .leader_sect .logo {width: 20rem;}
    .special_page .leader_sect .sect_tit_box {margin-top: 10rem;}
    .special_page .leader_sect .sect_tit_box .tit {font-size: 10rem;}

    .special_page .result_sect .cont_box .txt_box .txt br {display: none;}

}


@media (max-width: 1240px) {
    .special_page .visual_sect .img {width: 95%; margin-top: 10rem;}
    .special_page .leader_sect .logo {width: 18rem;}
    .special_page .leader_sect .sect_tit_box .txt li {display: inline; color: #232323;}
    .special_page .leader_sect .sect_tit_box .txt li span {display: none;}

    .special_page .leader_sect .sect_tit_box .txt {display: block;}
    .special_page .leader_sect .sect_tit_box .tit {font-size: 9rem;}
    .special_page .line_up_sect .txt_wrap {gap: 0 12rem;}
    .special_page .line_up_sect .txt_wrap .right_box .txt {font-size: var(--txt);}
    .special_page .line_up_sect .slide .swiper {padding: 10rem 0;}
    .special_page .line_up_sect .slide .swiper-slide[class$=-next] {transform: translateY(-10rem);}
    .special_page .line_up_sect .slide .swiper-slide[class$=-next] + div + div  {transform: translateY(10rem);}

    .special_page .result_sect .cont_box {grid-template-columns: 52% 42%;}
    .special_page .result_sect .cont_box .data_box .cont {padding: 3rem 0;}
    .special_page .result_sect .cont_box .data_box .cont .tit {font-size: var(--txt);}
    .special_page .result_sect .cont_box .data_box .cont .num_box .num {font-size: var(--subH1);}

    .medical_staff_page .expert_sect .doctor_wrap .doctor_cont .img_box {width: 30%;}
    .doctor_wrap .doctor_cont .info_box {margin-left: 50px;}
    .doctor_wrap .doctor_cont .info_box .profile_box .profile {padding: 1em 1.5em 2em;}
    .doctor_wrap .doctor_cont .info_box .profile_box .tit {margin-bottom: 15px;}
    .doctor_wrap .doctor_cont .info_box .name_box .name {margin-top: 2.5rem;}
    
    .medi_notice_sect .cont_box {margin-top: 4rem;}
    .medi_notice_sect .cont_box .cont {padding: 30px 10px;}
    .medi_notice_sect .cont_box .cont .txt {font-size: var(--bigTxt);}
    .medi_notice_sect .cont_box .cont .txt span {display: block;}
    .medi_notice_sect .cont_box .cont .badge {margin-top: 3rem; font-size: var(--smTxt);}
    .medi_notice_sect .cont_box .cont .txt {margin-top: 2rem;}
    

    .banner_slide_sect .slide_wrap .img::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 2;}

    .reiview_list .list {grid-template-columns: repeat(3,minmax(0,1fr));gap: 8rem 3rem;}
    .reiview_list .list li .img_box .hover_box {opacity: 1;}



    .color_tbl_cont.col4 .thead,
    .color_tbl_cont.col4 .tbody {grid-template-columns: 80px minmax(120px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr)}
    
    .banner_slide_sect.bk .slide_wrap .item .txt_box {color: #fff;}
    .banner_slide_sect.bk .slide_wrap .paging .swiper-pagination-current { color: #fff; }
    .banner_slide_sect.bk .slide_wrap .paging .swiper-pagination-total { color: rgba(255, 255, 255, 0.4); }
    .banner_slide_sect.bk .slide_wrap .paging .progressbar { background: rgba(255,255,255.4); }
    .banner_slide_sect.bk .slide_wrap .paging .progressbar:after { background: #fff; }


    .allSch_sect .sub_tab_wrap {overflow-x: auto; justify-content: flex-start; width: calc(100% + var(--inPd)*2); margin-left: calc(var(--inPd) * -1);}
    .allSch_sect .sub_tab_wrap::-webkit-scrollbar {display: none;}
    .allSch_sect .sub_tab_wrap .tab {flex-shrink: 0} 
    .allSch_sect .sub_tab_wrap .tab:first-child {margin-left: var(--inPd);}
    .allSch_sect .sub_tab_wrap .tab:last-child {margin-right: var(--inPd);}

    .equip_li ul li .box .tit {font-size: var(--txt);}
}

@media (max-width: 768px) {

    :root {
        --inpH2: 3.5em;
    }
    .sub_pd {padding-bottom: var(--subSectPd1);}
    .sub_visual .tit_wrap {padding: 30px 0 40px}
    .sub_visual .tit_wrap .desc { font-size: var(--tinyTxt); margin-bottom: 0.3em; }
    .sub_visual .tit_wrap .tit {font-size: var(--subH0);}
    
    
    .special_page .visual_sect .img {width: 100%;padding-top: 65%;}
    .special_page .leader_sect {}
    .special_page .leader_sect .logo {width: 12rem;}
    .special_page .leader_sect .sect_tit_box {margin-top: 5rem;}
    .special_page .leader_sect .sect_tit_box .tit {font-size: 8rem;}
    .special_page .leader_sect .sect_tit_box .desc {font-size: var(--subH2);}
    .special_page .leader_sect .sect_tit_box .desc + .txt {margin-top: 3rem;}
    .special_page .leader_sect .cir_cont {margin-top: 60px;}


    .special_page .leader_sect .logo svg .svg-elem-1 {fill: rgb(0, 74, 116);}
    .special_page .leader_sect .logo svg .svg-elem-2 {fill: rgb(23, 46, 76);}

    .special_page .leader_sect .sect_tit_box .en_desc,
    .special_page .leader_sect .sect_tit_box .tit,
    .special_page .leader_sect .sect_tit_box .desc,
    .special_page .leader_sect .sect_tit_box .txt {opacity: 1; transform: unset;}

    .special_page .leader_sect .cir_cont .cir .txt_box .desc {font-size: var(--smTxt);}
    .special_page .leader_sect .cir_cont .cir .txt_box .tit {font-size: var(--subH3);}
    .special_page .leader_sect .cir_cont .cir:nth-child(1),
    .special_page .leader_sect .cir_cont .cir:nth-child(3),
    .special_page .leader_sect .cir_cont .cir {opacity: 1; transform: unset }

    .special_page .leader_sect .img_cont { width: calc(100% - var(--inPd)*2); padding-top: 55%; margin:60px auto 0;}
    .special_page .leader_sect .img_cont img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

    .special_page .line_up_sect {padding-bottom: calc(var(--subSectPd1) - 6rem);}
    .special_page .line_up_sect .bg_txt .txt {font-size: 8.5vw;}
    .special_page .line_up_sect .line {display: none;}
    .special_page .line_up_sect .txt_wrap {display: block;}
    .special_page .line_up_sect .slide .swiper {padding: 6rem 0 ;}
    .special_page .line_up_sect .slide .swiper-slide[class$=-next] {transform: translateY(-6rem);}
    .special_page .line_up_sect .slide .swiper-slide[class$=-next] + div + div  {transform: translateY(6rem);}
    
    .special_page .result_sect .cont_box {display: block; margin-top: 60px;}
    
    .special_page .result_sect .cont_box .data_box {margin-top: 30px;}
    .special_page .result_sect .cont_box .data_box .cont .num_box .num { font-size: var(--subH0); }
    .special_page .result_sect .cont_box .data_box .cont .num_box span { font-size: var(--smTxt); }


    .medical_staff_page .visual_sect .txt_move p {font-size: 10rem;}

    .doctor_wrap .doctor_cont .img_box {display: none;}
    .doctor_wrap .doctor_cont .info_box {margin-left: 0; display: block; align-items: center; grid-template-columns: 40% 60%;}
    .doctor_wrap .doctor_cont .info_box .img {position: relative;grid-column: 1 / 2;grid-row: 1 / 2; margin-bottom:30px}
    .doctor_wrap .doctor_cont .info_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
    .doctor_wrap .doctor_cont .info_box .name_box {flex: 1; margin-left: 20px;grid-column: 2 / 3;grid-row: 1 / 2;}
    .doctor_wrap .doctor_cont .info_box .profile_box {margin-top: 35px; grid-column: 1 / 3;grid-row: 2 / 3;}
    .doctor_wrap .doctor_cont .info_box .note { margin-top: 1em; margin-bottom: 0; grid-column: 1 / 3; }
    .doctor_wrap .doctor_cont .info_box .cont_tbl_wrap {margin-top: 30px; grid-column: 1 / 3;grid-row: 2 / 3;}
    .doctor_wrap .doctor_cont .info_box .name_box .btn {bottom: 0;width: 5rem; height: 5rem;}
    .doctor_wrap .doctor_cont .info_box .profile_box .profile {padding: 10px 15px 20px; gap: 0 15px;}
    .doctor_wrap .doctor_cont .info_box .profile_box .tit {margin-bottom: 0.5em; }

    .doctor_wrap .doctor_cont .info_box .name_box .badge { height: 2.2em; line-height: 2.2em; padding: 0 1.3em; }

    .doctor_wrap .doctor_cont .info_box .name_box .name { font-size: 15px; }
    .doctor_wrap .doctor_cont .info_box .name_box .name strong { margin-right: 6px; }

    .doctor_wrap .doctor_cont .info_box .cont_tbl th { padding: 0.95em 0; }
    .doctor_wrap .doctor_cont .info_box .cont_tbl tbody td span { height: 1.8em; line-height: 1.9em; }

    
    .medi_notice_sect {margin-top: 60px;}
    .medi_notice_sect .cont_box {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}
    .medi_notice_sect .cont_box .cont {padding: 20px 10px;}
    .medi_notice_sect .cont_box .cont .txt span { font-size: 12px; }

    .medi_notice_page .medi_time_sect {margin-top: 60px;}
    .medi_notice_page .medi_time_sect .doctor_wrap .doctor_cont .img_box {margin-right: 20px;}

    .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; font-size: 15px;}
    .board_list .list .date {text-align: left; width: auto; margin-top: 5px;}

    .reiview_list .list li .txt_box .tit { font-size: 15px; }
    
    .inspection_page .board_list .state {order: 0; margin:0 0 5px 0;}
    .inspection_page .board_list .type {order: 1; margin-bottom: 5px; margin-left: 10px; width: auto; font-size: 12px; }
    .inspection_page .board_list .list .tit {order: 2; margin-bottom: 5px;}
    .inspection_page .board_list .id {order: 3; width: auto;}
    .inspection_page .board_list .area {order: 4; width: auto; margin-left: 10px;}
    .inspection_page .board_list .date {order: 5; margin-top: 0; width: auto; margin-left: 10px;}
    
    
    .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 .view_cont .a_cont .top .name { font-size: 16px; }
    .board_view_page .view_cont .q_cont { padding: 4rem 0 8rem; }

    .desc_txt_box .txt_box .desc_txt,
    .clinic_noncover_page .guid_txt_box .txt { font-size: 16px; }
    .desc_txt_box .txt_box .txt,
    .clinic_noncover_page .guid_txt_box .txt .sm_txt { font-size: var(--tinyTxt); }
    
    .inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label { font-size: var(--txt); }  

    
    .road_way_sect .cont {display: block; }
    .road_way_sect .cont .box {display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 25px 20px;}
    .road_way_sect .cont .box + .box {margin-top: 25px;}
    .road_way_sect .cont .box .txt_box {margin-top: 0;}
    .road_way_sect .cont .box .ico_box {margin-right: 15px; flex-shrink: 0;}
    .road_way_sect .cont .box .txt_box + .txt_box {grid-column: 2 / 3;}
    .road_way_sect .cont .box .txt_box .label_wrap .label span {font-size: var(--tinyTxt);}
    .road_way_sect .cont .box .txt_box .txt {margin-bottom: 5px;}
    .road_way_sect .cont .box .txt_box .label_wrap + .label_wrap {margin-top: 5px;}

    .board_view_page .view_top .tit {padding-right: 0;}
    .inspection_write_page .write_form .form_list li.store .left_txt { height: var(--inpH2); }
    .inspection_write_page .write_form .form_list li .left_txt {width: 9em; height: var(--inpH2);}
    .inspection_write_page .write_form .form_list li .inp input {padding: 0 1em;}
    .inspection_write_page .write_form .form_list li .select .nice-select:after {width: 0.7em; height: 0.7em;}
    .inspection_write_page .write_form .form_list li .captcha_wrap .captcha {width: 150px;}
    .inspection_write_page .write_form .form_list li .captcha_wrap .captcha img {}
    .inspection_write_page .write_form .form_list li .captcha_wrap .captcha .btn {width: 12px; height: auto; margin-left: -15px;}
    .inspection_write_page .write_form .form_list li.consent_info .cont_box .terms_box {padding: 25px 20px;}
    .inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label .ico ,
    .inspection_write_page .write_form .form_list li .chk_wrap .inp_chk .ico {width: 16px; height: 16px;}

    .board_view_page .board_li_wrap .box_wrap .btn_wrap a {height: 3em;}
    .empty_box img {margin-top: 5rem;}
    
    .cert_page .online_sect .cont_box {align-items: flex-start;}
    .cert_page .online_sect .cont_box .img {margin-left: 6rem;}

    .cert_page .down_sect .cont_box {display: block; }
    .cert_page .down_sect .cont_box .right_cont {margin-top: 30px;}

    .cert_page .color_tbl_cont {margin-top: 6rem;}

    .color_tbl_cont.col3 .thead, .color_tbl_cont.col3 .tbody {grid-template-columns: repeat(3, minmax(180px, 1fr));}
    .cert_page .cert_sect .type_box .tbl_cont.type2 .cont {padding: 20px 30px;}
    .cert_page .req_dom_sect .sect_tit + .tbl_cont_wrap,
    .cert_page .cert_sect .type_box {margin-top: 40px;}
    .cert_page .color_tbl_cont {margin-top: 30px;}
    .cert_page .req_dom_sect .tbl_cont_wrap + .tbl_cont_wrap {margin-top: 100px;}

    
    .clinic_noncover_page .tbl_sect {padding-top: 60px;}
    .equip_li ul {gap: 40px 15px;}

    .board_view_page .view_top .user_info {margin-top: 1rem; font-size: var(--smTxt);}

    .board_list .list .txt {font-size: var(--smTxt);}
    .special_page .line_up_sect .txt_wrap .right_box {margin-top: 60px;}

    .reiview_list .list li .badge_box { left: 5px; }
    .reiview_list .list li .badge_box .badge { padding: 0 0.8em; font-size: 10px; }
    .reiview_list .list li .img_box .hover_box .txt_box br { display: none; }

    .medical_staff_page .expert_sect .doctor_wrap { margin-top: 80px; }

    .my_page .doc_list .list_box { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .medical_staff_page .visual_sect .tit_box br { display: none; }

    .result_cont .doctor_wrap .doctor_cont + .doctor_cont { margin-top: 80px; }

    .road_map_sect .cont .map_btn_wrap .map_btn {margin-right: 10px; margin-bottom: 10px; height: 5.5rem; }

    .uti_page .std_sect .slide .cont_box .cont + .cont { margin-top: 30px; }

    .img_tab_sect .tab_cont .link_img .link { position: absolute; width: 27%; height: 40px; }
    .img_tab_sect .tab_cont .link_img .link1 { right: 6%; bottom: 36.5%; }
    .img_tab_sect .tab_cont .link_img .link2 { right: 6%; bottom: 27.5%;  }
    .img_tab_sect .tab_cont .link_img .link3 { right: 6%; bottom: 19%;  }
    .img_tab_sect .tab_cont .link_img .link6 { right: 6%; bottom: 12%;  }
    .img_tab_sect .tab_cont .link_img .link4 { left: 6%; bottom: -1%; }
    .img_tab_sect .tab_cont .link_img .link5 { left: 67%; bottom: -1%;  }


}

@media (max-width: 600px) { 
    .special_page .leader_sect .cir_cont {display: block; width: 80%; margin: 60px auto 0;}
    .special_page .leader_sect .cir_cont .cir {padding-top: 22rem; border-radius: 50rem;}
    .special_page .leader_sect .cir_cont .cir + .cir {margin-top: 0;}
    
    .special_page .line_up_sect .txt_wrap .left_box .txt br {display: none;}
    .special_page .line_up_sect .txt_wrap .right_box .txt {margin-top: 20px;}

    .reiview_list.story_list .list,
    .reiview_list .list {grid-template-columns: repeat(2, minmax(0, 1fr)) ;}

    .road_map_sect .cont .map_wrap {padding-top: 60%;}
    .road_map_sect .cont .addr {font-size: var(--subH3);}
    .road_map_sect .cont .map_btn_wrap {flex-wrap: wrap;}
    .road_map_sect .cont .map_btn_wrap .map_btn {margin-right: 10px; margin-bottom: 10px; height: 5.5rem; }
    .road_map_sect .cont .map_btn_wrap .map_btn + .map_btn {margin-left: 0;}

    .medi_notice_sect .sect_tit_box .call_txt {}
    .medi_notice_sect .sect_tit_box .call_txt .txt {font-size: var(--txt);}
    .medi_notice_sect .sect_tit_box .call_txt .num {font-size: var(--bigTxt);}
    .medi_notice_sect .sect_tit_box .call_txt .txt svg {margin-right: 6px;}

    .guide_txt_box {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .guide_txt_box .btn {margin-left: 0; margin-top: 15px;}

    .inspection_write_page .write_form .form_list > li {flex-direction: column; align-items: stretch;}
    .inspection_write_page .write_form .form_list li .select .nice-select {width: 100%;}

    .cert_page .online_sect .cont_box {flex-wrap: wrap;}
    .cert_page .online_sect .cont_box .txt_wrap {flex: none; width: 100%;}
    .cert_page .online_sect .cont_box .img {margin-left: 0; margin-top: 30px; width: 100%;}
    .cert_page .online_sect .cont_box .txt_wrap .link_box {width: 100%;}


    .cert_page .cert_sect .type_box {display: block;}
    .cert_page .cert_sect .type_box .tbl_cont {width: 100%;}
    .cert_page .cert_sect .type_box .tbl_cont + .tbl_cont {margin-left: 0; margin-top: 30px;}
    .cert_page .down_sect .cont_box .left_cont {width: 100%;}

    .sub_more_btn,
    .inspection_page .btn_box .btn,
    .guide_txt_box .btn {height: 3em; line-height: 3em; padding: 0 1.5em; font-size: var(--smTxt);}


    .reiview_list .list li .img_box .hover_box .txt_box br {display: block;}
    .reiview_list .list li .img_box .hover_box .txt_box {font-size: 10px;}
    .reiview_list .list li .badge_box {left: 8px;}
    .reiview_list .list li .badge_box .badge {font-size: 10px; font-weight: 700; }

    .banner_slide_sect .slide_wrap .item .img img.mo_only { display: none !important; }
    .banner_btm_sect .cont .img img.mo_only { display: none !important; }

    .medical_staff_page .visual_sect .tit_box .txt br { display: none; }
    

}