.en_commu_sect { padding: 240rem 0 275rem; background: url(/images/contents/overview_commu_bg.jpg) no-repeat center center / cover; }
.en_commu_sect .tit_box { text-align: center; }
.en_commu_sect .tit_box .tit { font-size: 21rem; }
.en_commu_sect .tit_box .tit span { display: inline-block; padding-bottom: 16rem; border-bottom: 3px solid #000; }
.en_commu_sect .tit_box .txt { margin-top: 64rem; font-size: 27rem; font-weight: 500; }

.en_commu_sect .cont { display: flex; align-items: flex-start; margin-top: 150rem; }

.en_commu_sect .cont .img_wrap { position: relative; }
.en_commu_sect .cont .img_wrap .img { width: 100%; height: 100%; }
.en_commu_sect .cont .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }

.en_commu_sect .cont .img_wrap .txt_box { position: absolute; left: 0; top: -25rem; transform: translateY(-100%); min-width: 377rem; font-weight: 400; }
.en_commu_sect .cont .img_wrap .txt_box .num { font-size: 15rem; font-family: "Futura PT"; }
.en_commu_sect .cont .img_wrap .txt_box .tit { margin-top: 20rem; font-size: 20rem; }

.en_commu_sect .cont .img_wrap.img_wrap01 { width: 254rem; height: 450rem; margin-top: 217rem; }
.en_commu_sect .cont .img_wrap.img_wrap02 { width: 339rem; height: 421rem; margin-left: 35rem; margin-top: 453rem; }
.en_commu_sect .cont .img_wrap.img_wrap03 { width: 621rem; height: 762rem; margin-left: 78rem; }
.en_commu_sect .cont .img_wrap.img_wrap04 { width: 550rem; height: 500rem; margin-left: 45rem; margin-top: 310rem; }

.en_commu_sect .txt_cont { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 290rem; padding-bottom: 272rem; text-align: center; }
.en_commu_sect .txt_cont .tit { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; font-size: 24rem; font-weight: 500; }
.en_commu_sect .txt_cont .tit.mo { display: none; }
.en_commu_sect .txt_cont .tit .fill { position: absolute; left: 0; top: 0; width: 0%; height: 100%; opacity: 1; overflow: hidden; white-space: nowrap; transition: width 1s ease;  }
.en_commu_sect .txt_cont .tit .bg { opacity: 0.3; }
.en_commu_sect .txt_cont.active .tit .fill { width: 100%; }
.en_commu_sect .txt_cont .tit:nth-of-type(1) .fill { transition-delay: 0.1s; }
.en_commu_sect .txt_cont .tit:nth-of-type(2) .fill { transition-delay: 0.3s; }

.en_commu_sect .txt_cont .tit:nth-of-type(3) .fill { transition-delay: 0.1s; }
.en_commu_sect .txt_cont .tit:nth-of-type(4) .fill { transition-delay: 0.2s; }
.en_commu_sect .txt_cont .tit:nth-of-type(5) .fill { transition-delay: 0.3s; }
.en_commu_sect .txt_cont .tit:nth-of-type(6) .fill { transition-delay: 0.4s; }
.en_commu_sect .txt_cont .tit:nth-of-type(7) .fill { transition-delay: 0.5s; }
.en_commu_sect .txt_cont .tit:nth-of-type(8) .fill { transition-delay: 0.6s; }
.en_commu_sect .txt_cont .tit:nth-of-type(9) .fill { transition-delay: 0.7s; }
.en_commu_sect .txt_cont .tit:nth-of-type(10) .fill { transition-delay: 0.8s; }
.en_commu_sect .txt_cont .tit:nth-of-type(11) .fill { transition-delay: 0.9s; }


.en_commu_sect .img_cont { display: flex; align-items: flex-start; justify-content: space-between; }
.en_commu_sect .img_cont .img_wrap .img { width: 100%; height: 100%; }
.en_commu_sect .img_cont .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.en_commu_sect .img_cont .img_wrap .txt_box { margin-top: 50rem; font-weight: 400; }
.en_commu_sect .img_cont .img_wrap .txt_box .num { font-size: 15rem; font-family: "Futura PT"; }
.en_commu_sect .img_cont .img_wrap .txt_box .tit { margin-top: 20rem; font-size: 20rem; }

.en_commu_sect .img_cont01 .img_wrap01 { width: 877rem; margin-left: 60rem; margin-top: 219rem; }
.en_commu_sect .img_cont01 .img_wrap02 { width: 711rem; }


.en_commu_sect .img_cont02 { margin-top: -35rem; }
.en_commu_sect .img_cont02 .img_wrap03 { display: flex; align-items: flex-end; margin-top: 307rem; }
.en_commu_sect .img_cont02 .img_wrap03 .img { width: 406rem; }
.en_commu_sect .img_cont02 .img_wrap03 .txt_box { margin-left: 40rem; margin-top: 0; }

.en_commu_sect .img_cont02 .img_wrap04 { width: 308rem; margin-left: 159rem; margin-top: 160rem; }
.en_commu_sect .img_cont02 .img_wrap04 .img { margin-top: 25rem; }
.en_commu_sect .img_cont02 .img_wrap05 { width: 561rem; margin-left: 59rem; margin-top: 0; }

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

    .en_commu_sect { padding: 80rem 20rem 100rem; }

    .en_commu_sect .tit_box .tit { font-size: 16rem; }
    .en_commu_sect .tit_box .tit span { padding-bottom: 8rem; border-bottom: 1.5px solid #000; }
    .en_commu_sect .tit_box .txt { margin-top: 20rem; font-size: 18rem; }
    .en_commu_sect .tit_box .txt br { display: none; }

    .en_commu_sect .cont { flex-direction: column; margin-top: 60rem; }

    .en_commu_sect .cont .img_wrap .txt_box { position: relative; left: unset; top: unset; transform: none; min-width: unset !important; margin-bottom: 15rem; }
    .en_commu_sect .cont .img_wrap .txt_box .num { font-size: 12rem; }
    .en_commu_sect .cont .img_wrap .txt_box .tit { margin-top: 10rem; font-size: 16rem; }

    .en_commu_sect .cont .img_wrap.img_wrap01 { width: 100%; height: auto; margin-top: 0; margin-left: 0; }
    .en_commu_sect .cont .img_wrap.img_wrap02 { width: 100%; height: auto; margin-top: 60rem; margin-left: 0; }
    .en_commu_sect .cont .img_wrap.img_wrap03 { width: 100%; height: auto; margin-top: 60rem; margin-left: 0; }
    .en_commu_sect .cont .img_wrap.img_wrap04 { width: 100%; height: auto; margin-top: 60rem; margin-left: 0; }

    .en_commu_sect .txt_cont { padding: 100rem 20rem; }
    .en_commu_sect .txt_cont .tit { font-size: 20rem; }
    .en_commu_sect .txt_cont .tit.mo { display:  inline-flex; }

    
    .en_commu_sect .img_cont .img_wrap { width: 100% !important; margin-left: 0 !important; margin-top: 60rem !important; }
    .en_commu_sect .img_cont .img_wrap .img { width: 100% !important; margin-top: 0 !important; }
    .en_commu_sect .img_cont .img_wrap .txt_box { width: 100%; margin-left: 0 !important; margin-top: 20rem; }
    .en_commu_sect .img_cont .img_wrap .txt_box .num { font-size: 12rem; }
    .en_commu_sect .img_cont .img_wrap .txt_box .tit { margin-top: 10rem; font-size: 16rem; }

    .en_commu_sect .img_cont01 { flex-direction: column-reverse; }

    .en_commu_sect .img_cont02 { flex-direction: column; margin-top: 0; }
    .en_commu_sect .img_cont02 .img_wrap03 { flex-direction: column; }
    .en_commu_sect .img_cont02 .img_wrap04 { display: flex; flex-direction: column-reverse; }
}

/* 병원가이드 */
.guide_pg {  }
.guide_pg .mo { display: none; }

.guide_pg .guide_visual { height: 100vh; background: url(/en/images/contents/en_guide_visual2.jpg) no-repeat center center / cover; }
.guide_pg .guide_visual .container { height: 100%; display: flex; align-items: center; justify-content: center; }
.guide_pg .guide_visual .tit { font-size: 97rem; font-weight: 400; text-align: center; color: #fff; line-height: 1.2; letter-spacing: 7.76px; }

.guide_pg .care_sect { padding-top: 160rem; }

.guide_pg .care_sect .cont_tit { color: #1A1A1A; font-size: 24rem; font-weight: 700;  }

.guide_pg .care_sect .cont { display: grid; grid-template-columns: 240rem 21rem 240rem 21rem 240rem 21rem 240rem 21rem 240rem 21rem; gap: 48rem 30rem; margin-top: 48rem; }

.guide_pg .care_sect .cont .ico_wrap {  }
.guide_pg .care_sect .cont .ico_wrap .ico_box { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 24rem; border: 1px solid #AEAEAE; border-radius: 60rem; }
.guide_pg .care_sect .cont .ico_wrap .ico_box .ico {  }
.guide_pg .care_sect .cont .ico_wrap .ico_box .num { margin-top: 10rem; color: #000; font-variant-numeric: lining-nums proportional-nums; font-size: 18rem; font-weight: 500; }
.guide_pg .care_sect .cont .ico_wrap .txt { margin-top: 20rem; font-size: 18rem; font-weight: 400; text-align: center; }
.guide_pg .care_sect .cont .ico_wrap .txt .pc { display: inline; }
.guide_pg .care_sect .cont .ico_wrap .desc_box { display: none; }
.guide_pg .care_sect .cont .ico_wrap:first-of-type .ico_box,
.guide_pg .care_sect .cont .ico_wrap:last-of-type .ico_box { border-color: #0B1EA8; }

.guide_pg .care_sect .cont .arr_box { width: 21rem; height: 21rem; margin-top: 49rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><circle cx="10.5" cy="10.5" r="10.5" fill="%231A1A1A"/><path d="M9 7L13 10.5L9 14" stroke="white"/></svg>')center/contain no-repeat; }

.guide_pg .care_sect .info_cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 48rem; }
.guide_pg .care_sect .info_cont .info_box { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; height: 136rem; padding: 32rem 30rem; background-color: #FAFAFA; border: 1px solid transparent; }
.guide_pg .care_sect .info_cont .info_box + .info_box { margin-left: 42rem; }
.guide_pg .care_sect .info_cont .info_box .tit { width: 174rem; color: #000; font-size: 18rem; font-weight: 500; flex-shrink: 0; }
.guide_pg .care_sect .info_cont .info_box .txt { color: rgba(0,0,0,0.5); font-weight: 400; }

.guide_pg .feedback_sect { padding: 150rem 0 100rem; border-bottom: 1px solid rgba(203, 203, 203, 0.9); }
.guide_pg .feedback_sect .cont .img { width: 100%; }
.guide_pg .feedback_sect .cont .img img { width: 100%; height: 100%; object-fit: cover; }

.guide_pg .feedback_sect .txt_wrap { display: grid; grid-template-columns: 765rem minmax(0, 1fr); gap: 23rem 116rem; margin-top: 50rem; }
.guide_pg .feedback_sect .txt_wrap .tit { grid-column: 1 / 3; font-size: 24rem; font-weight: 700; }
.guide_pg .feedback_sect .txt_wrap .txt { font-variant-numeric: lining-nums proportional-nums; font-size: 18rem; font-weight: 400; opacity: 0.7; }
.guide_pg .feedback_sect .txt_wrap .li_box {  }
.guide_pg .feedback_sect .txt_wrap .li_box .li_tit { margin-bottom: 15rem; font-size: 18rem; font-weight: 500; color: #000; }
.guide_pg .feedback_sect .txt_wrap .li_box .li_txt { font-size: 18rem; font-weight: 400; opacity: 0.4; }
.guide_pg .feedback_sect .txt_wrap .li_box .li_txt + .li_txt { margin-top: 13rem; }

.guide_pg .spt_sect { padding: 130rem 0 150rem; }
.guide_pg .spt_sect .cont { display: flex; align-items: center; }
.guide_pg .spt_sect .cont .img { width: 765rem; margin-right: 116rem; flex-shrink: 0; }
.guide_pg .spt_sect .cont .img img { width: 100%; height: 100%; object-fit: cover; }

.guide_pg .spt_sect .txt_wrap .tit_box {  }
.guide_pg .spt_sect .txt_wrap .tit_box .tit { font-size: 24rem; font-weight: 700; }
.guide_pg .spt_sect .txt_wrap .tit_box .txt { margin-top: 23rem; font-variant-numeric: lining-nums proportional-nums; font-size: 18rem; font-weight: 400; opacity: 0.7; }
.guide_pg .spt_sect .txt_wrap .txt_box { margin-top: 94rem; }
.guide_pg .spt_sect .txt_wrap .txt_box .info_box + .info_box { margin-top: 45rem; }
.guide_pg .spt_sect .txt_wrap .txt_box .info_box .tit { font-size: 18rem; font-weight: 500; color: #000; }
.guide_pg .spt_sect .txt_wrap .txt_box .info_box .info { position: relative; font-size: 16rem; font-weight: 400; margin-top: 10rem; padding-top: 10rem; }
.guide_pg .spt_sect .txt_wrap .txt_box .info_box .info:before { content: ''; position: absolute; left: 0; top: 0; width: 25rem; border-top: 2px solid rgba(154, 154, 154, 0.3); }

.guide_pg .policy_sect { height: 853rem; padding-top: 150rem; background: url(/en/images/contents/en_guide_policy.jpg) no-repeat center center / cover; }
.guide_pg .policy_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; color: #fff; }
.guide_pg .policy_sect .cont .tit { font-size: 24rem; font-weight: 700; }
.guide_pg .policy_sect .cont .txt { max-width: 700rem; font-variant-numeric: lining-nums proportional-nums; font-size: 18rem; font-weight: 400; opacity: 0.7; }
.guide_pg .policy_sect .cont .txt span { display: block; }
.guide_pg .policy_sect .cont .txt span + span { margin-top: 1.5em; }

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

    .guide_pg .mo { display: block; }

    .guide_pg .guide_visual .tit { font-size: 44rem; }

    .guide_pg .care_sect { padding-top: 60rem; }
    .guide_pg .care_sect .cont_tit { font-size: 18rem; }

    .guide_pg .care_sect .cont { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 15rem 0; justify-items: center; }

    .guide_pg .care_sect .cont .arr_box { margin-top: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><circle cx="10.5" cy="10.5" r="10.5" transform="rotate(90 10.5 10.5)" fill="%231A1A1A"/><path d="M14 9L10.5 13L7 9" stroke="white"/></svg>')center/contain no-repeat; }

    .guide_pg .care_sect .cont .ico_wrap { width: 100%; }
    .guide_pg .care_sect .cont .ico_wrap .txt { margin-top: 10rem; font-size: 16rem; }
    .guide_pg .care_sect .cont .ico_wrap .txt br { display: none; }
    .guide_pg .care_sect .cont .ico_wrap .desc_box { display: block; margin-top: 10rem; padding: 20rem; background-color: #FAFAFA; font-size: 14rem; }

    .guide_pg .feedback_sect { padding: 80rem 0; }
    .guide_pg .feedback_sect .txt_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0; margin-top: 20rem; }
    .guide_pg .feedback_sect .txt_wrap .tit { font-size: 18rem; grid-column: unset; }
    .guide_pg .feedback_sect .txt_wrap .txt { margin-top: 16rem; font-size: 16rem; }
    .guide_pg .feedback_sect .txt_wrap .li_box { margin-top: 40rem; }
    .guide_pg .feedback_sect .txt_wrap .li_box .li_tit { margin-bottom: 10rem; font-size: 16rem; }
    .guide_pg .feedback_sect .txt_wrap .li_box .li_txt { font-size: 16rem; }
    .guide_pg .feedback_sect .txt_wrap .li_box .li_txt + .li_txt { margin-top: 8rem; }

    .guide_pg .spt_sect { padding: 20rem 0 80rem; }
    .guide_pg .spt_sect .cont { flex-direction: column; }
    .guide_pg .spt_sect .cont .img { width: 100%; margin-right: 0; }

    .guide_pg .spt_sect .txt_wrap { margin-top: 20rem; }
    .guide_pg .spt_sect .txt_wrap .tit_box .tit { font-size: 18rem; }
    .guide_pg .spt_sect .txt_wrap .tit_box .txt { margin-top: 16rem; font-size: 16rem; }
    .guide_pg .spt_sect .txt_wrap .txt_box { margin-top: 40rem; }

    .guide_pg .spt_sect .txt_wrap .txt_box .info_box + .info_box { margin-top: 22rem; }
    .guide_pg .spt_sect .txt_wrap .txt_box .info_box .tit { font-size: 16rem; }
    .guide_pg .spt_sect .txt_wrap .txt_box .info_box .info { padding-top: 8rem; margin-top: 8rem; font-size: 14rem; }

    .guide_pg .policy_sect { height: 862rem; padding-top: 40rem; }
    .guide_pg .policy_sect .cont { flex-direction: column; }
    .guide_pg .policy_sect .cont .tit { font-size: 18rem; }
    .guide_pg .policy_sect .cont .txt { margin-top: 16rem; font-size: 16rem; }
    

}