@charset "utf-8";

#wrap {
    position: relative;
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
}

#header {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 720px;
    max-width: 100%;
}
#header.fixed,
#header.active {
    background-color: #fff;
}
#header .hdr_inner {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 18px;
}
#header .hdr_inner .chat_btn,
#header .hdr_inner .more_btn {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#header .hdr_inner .chat_btn {
    background-image: url('/public/images/icons/ico_chatbot.png');
}
#header.type_white .hdr_inner .chat_btn {
    background-image: url('/public/images/icons/ico_chatbot_white.png');
}
#header.fixed .hdr_inner .chat_btn,
#header.active .hdr_inner .chat_btn {
    background-image: url('/public/images/icons/ico_chatbot.png');
}
#header .hdr_inner .more_btn {
    background-image: url('/public/images/icons/ico_hamburger.png');
}
#header.type_white .hdr_inner .more_btn {
    background-image: url('/public/images/icons/ico_hamburger_white.png');
}
#header.fixed .hdr_inner .more_btn {
    background-image: url('/public/images/icons/ico_hamburger.png');
}
#header.active .hdr_inner .more_btn {
    background-image: url('/public/images/icons/ico_close.png');
}
#header .hdr_inner .logo {
    margin: 0 auto;
    width: 105px;
}
#header .hdr_inner .logo .logo_link {
    display: block;
}
#header .hdr_inner .logo .logo_link::before {
    display: block;
    content: '';
    padding-top: calc(60 / 210 * 100%);
    background-image: url('/public/images/logo.png');
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#header.type_white .hdr_inner .logo .logo_link::before {
    background-image: url('/public/images/logo_white.png');
}
#header.fixed .hdr_inner .logo .logo_link::before,
#header.active .hdr_inner .logo .logo_link::before {
    background-image: url('/public/images/logo_red.png');
}
#header .hdr_cnt_area {
    display: none;
}
#header.active .hdr_cnt_area {
    display: block;
}
#header .hdr_cnt_area .sns_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 9px;
    background-color: #000;
}
#header .hdr_cnt_area .sns_box .txt {
    font-size: 13px;
    color: #fff;
}
#header .hdr_cnt_area .sns_box .sns_list {
    display: flex;
    gap: 5px;
    justify-content: center;
}
#header .hdr_cnt_area .sns_box .sns_item .sns {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#header .hdr_cnt_area .sns_box .sns_item .sns.fb {
    background-image: url('/public/images/icons/ico_fb_gray.png');
}
#header .hdr_cnt_area .sns_box .sns_item .sns.ig {
    background-image: url('/public/images/icons/ico_ig_gray.png');
}
#header .hdr_cnt_area .sns_box .sns_item .sns.yt {
    background-image: url('/public/images/icons/ico_yt_gray.png');
}
#header .hdr_cnt_area .depth_area {
    background-color: #fff;
}
#header .hdr_cnt_area .depth_list {
    display: flex;
    flex-direction: column;
}
#header .hdr_cnt_area .depth_item {
    border-top: 1px solid #a1979b;
}
#header .hdr_cnt_area .depth_item:last-child {
    border-bottom: 1px solid #a1979b;
}
#header .hdr_cnt_area .depth_link {
    display: block;
    position: relative;
    padding: 16px 21px;
    font-size: 14px;
    line-height: 1.2;
}
#header .hdr_cnt_area .depth_link::after {
    content: '';
    display: block;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-image: url('/public/images/icons/arw_down_sm.png');
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#footer {
    background-color: #323232;
}
#footer .google_map_area {
    padding: 40px 20px 0;
}
#footer .google_map_area .ttl {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 0;
}
#footer .google_map_area .map_box {
    position: relative;
    margin-top: 12px;
}
#footer .google_map_area .map_box::before {
    content: '';
    display: block;
    padding-top: calc(345 / 640 * 100%);
}
#footer .google_map_area .map_box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#footer .google_map_area .adrs {
    margin-top: 14px;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    text-align: center;
}
#footer .google_map_area .google_map_btn {
    display: block;
    margin-top: 9px;
    padding: 12px;
    border-radius: 4px;
    background-color: #5e5e5e;
    font-size: 14px;
    color: rgb(255, 255, 255, 0.5);
    text-align: center;
}
#footer .ftr_info_area {
    padding: 18px 20px 45px;
}
#footer .ftr_info_area .ftr_info_dl {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 2px 6px;
}
#footer .ftr_info_area .ftr_info_dl + .ftr_info_dl {
    margin-top: 12px;
}
#footer .ftr_info_area .ftr_info_dl::before {
    content: '';
    display: block;
    grid-row: 1 / 3;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#footer .ftr_info_area .ftr_info_dl.type_chatbot::before {
    background-image: url('/public/images/icons/ico_chatbot_outline_white.png');
}
#footer .ftr_info_area .ftr_info_dl.type_clock::before {
    background-image: url('/public/images/icons/ico_clock_outline_white.png');
}
#footer .ftr_info_area .ftr_info_dt,
#footer .ftr_info_area .ftr_info_dd {
    grid-column-start: 2;
}
#footer .ftr_info_area .ftr_info_dt {
    grid-row: 1;
    padding-top: 5px;
}
#footer .ftr_info_area .ftr_info_dt .txt {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
}
#footer .ftr_info_area .ftr_info_dd .txt {
    font-size: 11px;
    line-height: 15px;
    color: rgb(255, 255, 255, 0.5);
}
#footer .ftr_info_area .ftr_info_dd .gird_box {
    display: grid;
    gap: 5px;
    grid-template-columns: auto minmax(0, 1fr);
}
#footer .ftr_info_area .ftr_btn_dd {
    grid-column-start: 3;
    grid-row: 1 / 3;
    align-self: center;
}
#footer .ftr_info_area .ftr_btn_dd .btn {
    width: 100%;
    max-width: 86px;
    height: 35px;
    padding: 7px;
    border-radius: 3px;
    font-size: 9px;
    line-height: 1.9;
    font-weight: normal;
    color: #fff;
    background-color: #0099ff;
}
#footer .sns_box {
    margin-top: 16px;
    text-align: center;
}
#footer .sns_box .txt {
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
}
#footer .sns_box .sns_list {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 6px;
}
#footer .sns_box .sns_item .sns {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#footer .sns_box .sns_item .sns.fb {
    background-image: url('/public/images/icons/ico_fb_gray.png');
}
#footer .sns_box .sns_item .sns.ig {
    background-image: url('/public/images/icons/ico_ig_gray.png');
}
#footer .sns_box .sns_item .sns.yt {
    background-image: url('/public/images/icons/ico_yt_gray.png');
}
#footer .copyright {
    margin-top: 14px;
    font-size: 9px;
    line-height: 16px;
    color: rgb(255, 255, 255, 0.5);
    text-align: center;
}
#footer .counsel_area {
    position: relative;
    z-index: 50;
}
#footer .counsel_area .show_btn,
#footer .counsel_area .close_btn {
    display: block;
    position: relative;
    width: 100%;
    padding: 16px 48px 16px 16px;
    background-color: #86000f;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
#footer .counsel_area .show_btn::after,
#footer .counsel_area .close_btn::after {
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url('/public/images/icons/arw_top_white.png');
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#footer .counsel_area .close_btn::after {
    transform: translateY(-50%) rotate(180deg);
}
#footer .counsel_modal {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #161616;
}
#footer .counsel_modal.active {
    display: block;
}
#footer .counsel_modal .counsel_box {
    border-top: 1px solid #393939;
    padding: 18px 20px;
}
#footer .counsel_modal .counsel_inner {
    display: flex;
    gap: 15px;
}
#footer .counsel_modal .counsel_inner .form_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
#footer .counsel_modal .counsel_inner .form_box .ipt {
    padding: 14px;
    border: none;
    background-color: #5e5e5e;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
}
#footer .counsel_modal .counsel_inner .form_box .ipt::placeholder {
    color: rgb(255, 255, 255, 0.3);
}
#footer .counsel_modal .counsel_inner .submit_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 90px;
    background-color: #fff;
    font-size: 15px;
    line-height: 20px;
    color: #161616;
    text-align: center;
}

/* tab */
.tab-con .con {
    display: none;
}
.tab-con .con.active {
    display: block;
}

.group-tab {
    margin-top: 50px;
}
.group-tab .tab-area {
    position: relative;
}
.group-tab .tab-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
}
.group-tab .tab-item {
    position: relative;
    border: 1px solid #000;
    background-color: #fff;
}
.group-tab .tab-item:not(:nth-child(4n + 1)) {
    margin-left: -1px;
}
.group-tab .tab-item:nth-child(n + 5) {
    margin-top: -1px;
}
.group-tab .tab-item .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 5px;
    border-radius: 0;
    font-size: 9px;
    color: #000;
}
.group-tab .tab-item.active {
    z-index: 5;
}
.group-tab .tab-item.active .btn {
    background: #666;
    color: #fff;
}

/* gallery-swiper */
.group-gallery {
    margin-top: 30px;
    background: url('/public/images/bg-tour.jpg') no-repeat center bottom / 100% auto;
}
.group-gallery .gallery-swiper .swiper-slide {
    position: relative;
    padding-top: calc(440 / 660 * 100%);
}
.group-gallery .gallery-swiper .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.group-gallery .gallery-swiper-wrap {
    position: relative;
}
.group-gallery .gallery-swiper-wrap .swiper-control .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: unset;
    width: 45px;
    height: 45px;
    padding: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.7);
}
.group-gallery .gallery-swiper-wrap .swiper-control .btn:after {
    display: block;
    width: 15px;
    height: 25px;
    background: url('/public/images/common/icon-arw-left.png') no-repeat center center / 100% auto;
    content: '';
}
.group-gallery .gallery-swiper-wrap .swiper-control .swiper-button-prev {
    left: 0;
    transform: translateX(-12px);
}
.group-gallery .gallery-swiper-wrap .swiper-control .swiper-button-next {
    right: 0;
    transform: translateX(12px);
}
.group-gallery .gallery-swiper-wrap .swiper-control .swiper-button-next::after {
    transform: rotate(180deg);
}

/* thumbnail */
.group-gallery .gallery-thumb-area {
    margin-top: 15px;
    padding-bottom: 15px;
}
.group-gallery .gallery-thumb-area .thumb-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 3px;
    padding: 0 3px;
}
.group-gallery .gallery-thumb-area .thumb-item {
    position: relative;
    padding-top: calc(102 / 155 * 100%);
}
.group-gallery .gallery-thumb-area .thumb-item.active {
    outline: 2px solid #000;
}
.group-gallery .gallery-thumb-area .thumb-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.intro-swiper .swiper-slide {
    position: relative;
    height: 100vh;
    height: 100dvh;
}
.intro-swiper .swiper-slide .intro_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro-swiper .swiper-slide .intro_txt {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 45%;
    transform: translate(-50%, calc(-50% + 15px));
    width: 90%;
    opacity: 0;
    transition: 1s all;
}
.intro-swiper .swiper-slide01 .intro_txt {
    color: #f5bcba;
}
.intro-swiper .swiper-slide02 .intro_txt {
    color: #e9ceb4;
}
.intro-swiper .swiper-slide03 .intro_txt {
    color: #b1dcdd;
}
.intro-swiper .swiper-slide04 .intro_txt {
    color: #dcc4e3;
}
.intro-swiper .swiper-slide05 .intro_txt {
    color: #b2c8de;
}
.intro-swiper .swiper-slide06 .intro_txt {
    color: #e9ceb4;
}
.intro-swiper .swiper-slide .intro_txt img {
    max-width: 116px;
    margin: 0 auto 20px;
}
.intro-swiper .swiper-slide .intro_txt .ttl {
    font-size: 38px;
    font-family: 'DidotLTStd', sans-serif;
    line-height: 1.24;
    color: inherit;
}
.intro-swiper .swiper-slide .intro_txt .sub_ttl {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
    color: inherit;
}
.intro-swiper .swiper-slide .intro_txt .desc {
    font-size: 12px;
    line-height: 1.25;
    color: inherit;
}
.intro-swiper .swiper-slide-active .intro_txt {
    transform: translate(-50%, -50%);
    opacity: 1;
}
.intro-swiper .swiper-slide .deco {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}
.intro-swiper .swiper-slide .intro_head {
    position: absolute;
    z-index: 20;
    left: 2%;
    bottom: 0;
    width: 96%;
}
.intro-swiper .swiper-slide01 .deco,
.intro-swiper .swiper-slide03 .deco,
.intro-swiper .swiper-slide05 .deco {
    transform: rotateY(180deg);
}
.intro-swiper .swiper-slide01 .deco path {
    fill: #f5bcba;
}
.intro-swiper .swiper-slide02 .deco path {
    fill: #e9ceb4;
}
.intro-swiper .swiper-slide03 .deco path {
    fill: #b1dcdd;
}
.intro-swiper .swiper-slide04 .deco path {
    fill: #dcc4e3;
}
.intro-swiper .swiper-slide05 .deco path {
    fill: #b2c8de;
}
.intro-swiper .swiper-slide06 .deco path {
    fill: #e9ceb4;
}
.intro-swiper .swiper-pagination {
    display: flex;
    gap: 2px;
    position: absolute;
    left: 17px;
    bottom: 15px;
}
.intro-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
    margin: 0;
    border-radius: 100px;
    background-color: #958d87;
    opacity: 1;
}
.intro-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #726e6b;
    opacity: 1;
}

/* sub page common */
.sub-visual {
    position: relative;
    padding-top: calc(550 / 720 * 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.sub-visual svg {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
}
.sub-visual .group-ttl .ttl-area {
    position: absolute;
    top: calc(175 / 550 * 100%);
    left: 50%;
    width: 100%;
    padding: 0 20px;
    transform: translateX(-50%);
    text-align: center;
}
.sub-visual .group-ttl .ttl-area .ttl {
    font-size: 26px;
    font-family: 'DidotLTStd', sans-serif;
    line-height: 1.8;
    color: #fff;
}
.sub-visual .group-ttl .ttl-area .sub-ttl {
    margin-top: 9px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    font-family: 'Fira Sans Extra Condensed', 'Pretendard', sans-serif;
    color: #fff;
}
.content {
    margin: 45px 0 50px;
}
.group-cnt-ttl {
    margin: 0 auto 50px;
}
.group-cnt-ttl .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
}
.group-cnt-ttl .ttl .txt {
    font-size: 18px;
    line-height: 2.2;
    border-bottom: 1px solid #000;
}
.group-sub-nav {
    position: sticky;
    top: 56px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
}
.group-sub-nav .sub-nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5px;
}
.group-sub-nav .sub-nav-item {
    flex: 1;
    text-align: center;
}
.group-sub-nav .btn.btn-sub-nav {
    width: 100%;
    min-width: unset;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    color: #999;
    transition: 0.3s;
}
.group-sub-nav .sub-nav-item.active .btn {
    color: #000;
}

/* history page */
.history .sub-visual {
    background-image: url('/public/images/img/visual-history.jpg');
}
.history .group-cnt-ttl {
    margin: 0 auto 30px;
}
.history .group-history {
    margin-top: 10px;
}
.history .group-history .history-item {
    padding-left: 30px;
}
.history .group-history .history-list + .history-list,
.history .group-history .history-item + .history-item {
    padding-top: 30px;
}
.history .group-history .history-box .year {
    position: relative;
}
.history .group-history .history-box .year::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -28px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #8e6369;
    background-color: #fff;
    transform: translateY(-50%);
}
.history .group-history .history-box .year .txt {
    font-size: 25px;
    line-height: 1.2;
    color: #553135;
}
.history .group-history .history-box .cnt-list {
    margin-top: 10px;
}
.history .group-history .history-box .cnt-list .cnt-item {
    position: relative;
}
.history .group-history .history-box .cnt-list .cnt-item + .cnt-item {
    margin-top: 5px;
}
.history .group-history .history-box .cnt-list .cnt-item::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -25px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cab5b8;
    transform: translateY(-50%);
}
.history .group-history .history-box .cnt-list .cnt-item.raser::before {
    top: 4px;
    transform: unset;
}
.history .group-history .history-box .cnt-list .tag {
    margin-top: -4px;
    margin-left: -5px;
    padding: 4px 5px;
    font-size: 12px;
    color: #86000f;
    background-color: #ffecef;
}
.history .group-history .history-box .cnt-list .txt {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    color: #323232;
}
.history .group-history .history-box .cnt-list .tag + .txt {
    margin-top: 4px;
}

/* tour page */
.tour .sub-visual {
    background-image: url('/public/images/img/visual-tour.jpg');
}

/* system page */
.system .sub-visual {
    background-image: url('/public/images/img/visual-system.jpg');
}
.system .group-system {
    margin-top: 25px;
}
.system .group-system .system-list {
}
.system .group-system .system-item {
}
.system .group-system .system-item + .system-item {
    margin-top: 30px;
}
.system .group-system .system-hdr {
    display: flex;
    gap: 15px;
}
.system .group-system .system-hdr .ico {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #d9c5c8;
}
.system .group-system .system-hdr .ico::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.system .group-system .system-hdr .ico.ico-num01::before {
    background-image: url('/public/images/icons/ico-system1.png');
}
.system .group-system .system-hdr .ico.ico-num02::before {
    background-image: url('/public/images/icons/ico-system2.png');
}
.system .group-system .system-hdr .ico.ico-num03::before {
    background-image: url('/public/images/icons/ico-system3.png');
}
.system .group-system .system-hdr .ico.ico-num04::before {
    background-image: url('/public/images/icons/ico-system4.png');
}
.system .group-system .system-hdr .ico.ico-num05::before {
    background-image: url('/public/images/icons/ico-system5.png');
}
.system .group-system .system-hdr .ico.ico-num06::before {
    background-image: url('/public/images/icons/ico-system6.png');
}
.system .group-system .system-hdr .ico.ico-num07::before {
    background-image: url('/public/images/icons/ico-system7.png');
}
.system .group-system .system-hdr .ico.ico-num08::before {
    background-image: url('/public/images/icons/ico-system8.png');
}
.system .group-system .system-hdr .ico.ico-num09::before {
    background-image: url('/public/images/icons/ico-system9.png');
}
.system .group-system .system-hdr .ico.ico-num10::before {
    background-image: url('/public/images/icons/ico-system10.png');
}
.system .group-system .system-hdr .ttl-area {
    padding-top: 8px;
}
.system .group-system .system-hdr .ttl-area .num {
    font-size: 20px;
    font-weight: 700;
    color: #e4e4e4;
}
.system .group-system .system-hdr .ttl-area .ttl {
    font-size: 18px;
    line-height: 1.8;
}
.system .group-system .system-bdy {
    margin-top: 8px;
}
.system .group-system .system-bdy .desc {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
}
.system .group-system .system-bdy .txt-area {
    margin-top: 15px;
    padding: 15px 6px 10px;
    border-radius: 8px;
    background-color: #ccc;
    text-align: center;
}
.system .group-system .system-bdy .txt-area .ttl {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 300;
}
.system .group-system .system-bdy .txt-area .txt {
    margin-top: 5px;
    font-size: 9px;
    line-height: 1.6;
    font-weight: 300;
}

/* medical_staff_panel */
.medical_staff .sub-visual {
    background-image: url('/public/images/img/visual-staff.jpg');
}
.medical_staff .sub-visual .img-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(225 / 720 * 100%);
    z-index: 5;
}
.medical_staff .sub-visual .img-area img {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}

.medical_staff_panel .medical_staff_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px 10px;
}
.medical_staff_panel .medical_staff_item .thumb_box {
    position: relative;
}
.medical_staff_panel .medical_staff_item .thumb_box::before {
    content: '';
    display: block;
    padding-top: calc(451 / 320 * 100%);
}
.medical_staff_panel .medical_staff_item .thumb_box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.medical_staff_panel .medical_staff_item .info_box {
    position: relative;
    padding: 13px 5px 13px 31px;
}
.medical_staff_panel .medical_staff_item .info_box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 22px;
    height: 22px;
    background-image: url('/public/images/icons/ico_lamiche_circle_red.png');
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.medical_staff_panel .medical_staff_item .info_mn .name {
    margin-right: 3px;
    font-weight: 500;
    font-size: 15px;
}
.medical_staff_panel .medical_staff_item .info_mn .pos {
    font-weight: 300;
    font-size: 12px;
}
.medical_staff_panel .medical_staff_item .info_kr .name,
.medical_staff_panel .medical_staff_item .info_kr .pos {
    font-family: 'Noto Sans KR', '맑은 고딕', 'sans-serif';
}
.medical_staff_panel .medical_staff_item .info_kr .name {
    margin-right: 3px;
    font-weight: 500;
    font-size: 12px;
}
.medical_staff_panel .medical_staff_item .info_kr .pos {
    font-weight: 300;
    font-size: 9px;
}
.medical_staff_panel .medical_staff_memo {
    padding-top: 30px;
    text-align: center;
}
.medical_staff_panel .medical_staff_memo .txt {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

/* etc */
.img_wrap {
    display: flex;
    flex-direction: column;
}
.img_wrap img {
    width: 100%;
}
.dummy {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 150;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.45);
}
.dummy.active {
    display: block;
}

/* modal */
.modal_bdy .txt_box1 {
    text-align: center;
}
.modal_bdy .txt_box1 .ttl {
    font-size: 15px;
}
.modal_bdy .txt_box1 .txt {
    margin-top: 7px;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #161616;
}
.modal_bdy .txt_box1 + .btn_wrap .btn_danger {
    width: 120px;
    padding: 9px;
    border-radius: 0;
    font-size: 15px;
}

@media screen and (max-width: 576px) {
    .medical_staff_panel .medical_staff_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}