@charset "utf-8";

.footer_wrap{}
.block { display:block !important; }
.desc_block { display:block !important; }
.main .footer_wrap{position: relative; bottom:auto; transition:transform .8s ease;}
.footer_wrap .footer_util_con{}
.footer_wrap .footer_util_link_list{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing:-0.02em; color:#111111; font-weight:400;
    display:inline-block; vertical-align: middle; position: relative; padding-right:18px; margin-right:12px;}
.footer_wrap .footer_util_link_list:after{content:""; position: absolute; top:6px; right:0; height:11px; border-right:1px solid #d9d9d9;}
.footer_wrap .footer_util_link_list:first-child{color:#13426b;}
.footer_wrap .footer_desc_con{font-size:0; line-height:0;}
.footer_wrap .footer_polding_con{overflow: hidden;}
.footer_wrap.active .footer_polding_con{height:0;}
.footer_wrap .footer_desc_list{display:inline-block; vertical-align: middle; position: relative; padding-right:13px; margin-right:10px; }
.footer_wrap .footer_desc_list:after{content:""; position: absolute; top:4px; right:0; border-right:1px solid #d9d9d9; height:14px; display:block;}
/* .footer_wrap .footer_desc_list.last{display:block;} */
.footer_wrap .footer_desc_title{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; color:#111111; font-weight:700; display:inline-block; vertical-align: top;
    width:auto; margin-right:5px;}
.footer_wrap .footer_desc_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#666666; font-weight:400; display:inline-block; vertical-align: top;
    width:auto;}
.footer_wrap .footer_copy_con{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; color:#666666; font-weight:400;}
.footer_wrap .footer_top_btn_con{margin-bottom:27px; transition:all .5s ease;}
.footer_wrap.active .footer_top_btn_con{margin-bottom:4px;}
.footer_wrap .footer_top_btn_con img{width:39px;}
.footer_wrap .footer_top_btn{transition:transform .5s ease; display:inline-block;}
.footer_wrap.active .footer_top_btn{transform:rotate(-180deg);}
.footer_wrap .footer_family_site_con{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; color:#001111; font-weight:400; padding-right:29px;
    background-image:url('../img/footer_family_right_btn.png'); background-repeat: no-repeat; background-position: right center;}

.footer_wrap .footer_desc_list:after{display:block;}
.footer_wrap .footer_desc_list.afternon:after{display:none;}
.footer_wrap .footer_desc_list:last-child{padding-right:0; margin-right:0;}
.footer_wrap .footer_desc_list:last-child:after{display:none;}



.family_list_wrap{background-color:#13426b; position: fixed; bottom:0; left:0; z-index:9; padding-top:13px; padding-bottom:50px; height:100vh; overflow-y: auto;
    transform:translateY(100%); transition:all .5s ease;}
.family_list_wrap.active{transform:translateY(0);}
.family_list_wrap .close_btn_con{text-align: right;}
.family_list_wrap .close_btn{display:inline-block;}
.family_list_wrap .close_btn img{width:28px;}
.family_list_wrap .family_list_con{}
.family_list_wrap .family_list{overflow: hidden;}
.family_list_wrap .family_list > li{width:100%; float:left; box-sizing: border-box; border-bottom:2px solid rgba(255, 255, 255, 0.2);
    padding-bottom:5px; margin-bottom:14px;}
.family_list_wrap .family_list > li:first-child{padding-bottom:11px;}
.family_list_wrap .family_list > li:last-child{margin-bottom:0; border-bottom:none;}
.family_list_wrap .family_list > li > a{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; color:#fff; font-weight:700;
    display:block; padding-top:7px; padding-bottom:7px; box-sizing: border-box;}
.family_list_wrap .family_list > li > ul{overflow: hidden;}
.family_list_wrap .family_list > li > ul > li{width:50%; float:left; margin-bottom:13px;}
.family_list_wrap .family_list > li > ul > li > a{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; color:#fff; font-weight:400;
    display:block; padding-top:5px; padding-bottom:5px; box-sizing: border-box; transition:color .2s ease;}
.family_list_wrap .family_list > li > ul > li:hover > a{color:#ef8009;}

@media all and (min-width:992px){
    .footer_wrap .footer_desc_list.displayinline { display:inline; }
    .footer_wrap .footer_desc_list.afternon:after{display:block;}
    .footer_wrap .footer_desc_list.afternon.afternone2:after{ top:23px; }
    .block { display:inline-block !important; }
    .desc_block { display:inline-block  !important; }
    .main .footer_wrap{position: absolute; bottom:0; opacity: 0;}
    .footer_wrap .footer_util_link_list{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;}
    .footer_wrap .footer_util_link_list:after{height:14px;}
    .footer_wrap .footer_util_link_list:first-child{color:#111111;}
    .footer_wrap .footer_util_link_list:last-child{margin-right:0; padding-right:0;}
    .footer_wrap .footer_util_link_list:last-child:after{display:none;}

    .footer_wrap .footer_family_site_con{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem;}

    .footer_wrap .footer_copy_con{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;}

    .footer_wrap .footer_desc_title{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; width:auto; margin-right:7px; vertical-align: middle;}
    .footer_wrap .footer_desc_desc{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; width:auto; vertical-align: middle;}
    .footer_wrap .footer_desc_list{display:inline-block; padding-right:8px; margin-right:8px;}
    .footer_wrap .footer_desc_list.last{display:inline-block;}
    .footer_wrap .footer_desc_list:after{ top:7px;}
    .footer_wrap .footer_desc_list:after{display:block;}
    .footer_wrap .footer_desc_list:last-child{padding-right:0; margin-right:0;}
    .footer_wrap .footer_desc_list:last-child:after{display:none;}



    .family_list_wrap{padding-top:30px; padding-bottom:23px; bottom: -719px; height:auto; transform:translateY(0); transition:all 0s;}
    .family_list_wrap .family_list{width:calc(100% + 30px); margin-left:-30px;}
    .family_list_wrap .family_list > li{width:25%; padding-left:30px; border-bottom:none; padding-bottom:0; margin-bottom:0;}
    .family_list_wrap .family_list > li:first-child{padding-bottom:0;}
    .family_list_wrap .family_list > li > a{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem;
        padding-top:16px; padding-bottom:16px; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-left:9px;}
    .family_list_wrap .family_list > li > ul{padding-top:11px;}
    .family_list_wrap .family_list > li > ul > li{width:100%; margin-bottom:0;}
    .family_list_wrap .family_list > li > ul > li.city_Fertility{height:auto}
    .family_list_wrap .family_list > li > ul > li > a{font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem;
        padding-top:5px; padding-bottom:5px; padding-left:9px;}
    .family_list_wrap .close_btn img{width:auto;}

    .footer_wrap .footer_polding_con{height:auto !important;}
}

/* 241004 추가
    : CHA Hollywood Presbyterian Medical Center 2~3줄에 따른 높이 */
@media screen and (max-width: 768px) { 
    .family_list_wrap .family_list > li > ul > li.city_Fertility {height:55px;}
}
@media screen and (max-width: 470px) { 
    .family_list_wrap .family_list > li > ul > li.city_Fertility {height:76px;}
}