@charset "utf-8";

/* ---------- #my_footer ---------- */
#my_footer { padding: 60px 0; background: var(--gray-11); }
#my_footer .top { display: flex; justify-content: space-between; align-items: center; }
#my_footer .top > .logo { height: 30px; }
#my_footer .top > .tel { position: relative; padding-left: 37px; font-size: 15px; font-weight: 400; color: #fff; }
#my_footer .top > .tel::after { position: absolute; top: 0; left: 0; width: 30px; height: 100%; background: url(/theme/jahye/images/ico/call_fff.svg) no-repeat center/contain; display: block; content: ""; }
#my_footer ul { display: flex; }
#my_footer .menu { margin: 30px 0 0px -11px; }
#my_footer .menu > li.li_line > a { color: var(--gray-f5) !important; font-weight: 500 !important; }
#my_footer .info { margin: 0 0 40px -11px; }
#my_footer .info > li.li_line { color: var(--gray-f5) !important; font-weight: 200 !important; }
#my_footer .copy { font-size: 11px; font-weight: 200; color: var(--gray-e0); }

/* btn_top */
#btn_top { display: none; position: fixed; bottom: 60px; right: 40px; z-index: 99; width: 50px; height: 50px; box-shadow: 0px 0px 6px 1px #00000021;
    background: var(--main-color); border-radius: 50px; text-align: center; cursor: pointer; }
#btn_top > img { display: inline-block; width: 20px; }



/*** responsive ***/
/* 1920px or more */
@media all and (min-width : 1920px){

    /* btn_top */
    #btn_top { right: 50%; transform: translate(885px,0); }

}

/* 1200px or less */
@media all and (max-width : 1200px){
   
    #my_footer .top > .tel { padding-left: 34px; font-size: 13px; }

    /* btn_top */
    #btn_top { bottom: 30px; right: 20px; width: 40px; height: 40px; }
    #btn_top > img { display: inline-block; width: 18px; }

}

/* 767px or less */
@media all and (max-width : 767px){
    
    #my_footer { padding: 50px 0; }
    #my_footer .top > .logo { height: 30px; }
    #my_footer .top > .tel { padding-left: 25px; font-size: 12px; }
    #my_footer .top > .tel::after { width: 20px; }

    #my_footer ul { max-width: 289px; flex-wrap: wrap; }
    #my_footer .menu { margin: 30px 0 10px -9px; }
    #my_footer .menu > li.li_line:nth-child(2)::after { display: none; }
    #my_footer .info { margin: 0 0 40px -9px; }
    #my_footer .info > li.li_line:nth-child(1)::after { display: none; }
    #my_footer .info > li.li_line:nth-child(3)::after { display: none; }
   
}