/* BASIC css start */
/* ÇÏ´Ü */
.mobile-content-show { display: none; }
.mobile-content-hide { display: block; }

#footer { clear:both; width:1615px; height:auto; overflow:hidden; margin:50px auto 0; }

#footer, 
#footer a { letter-spacing:1px; font-size:11px; }
#footer a:hover { color:#999; }

#footer #bottom_cs { clear:both; width:100%; height:50px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
#footer #bottom_cs .left_call { float:left; line-height:50px; }
#footer #bottom_cs .left_call span { color:#bbb; margin:0 5px; }
#footer #bottom_cs .left_call img { margin-right:15px; padding-right:15px; border-right:1px solid #ddd; }

#footer #bottom_cs .right_menu { float:right; width:auto; height:50px; }
#footer #bottom_cs .right_menu a { display:inline-block; line-height:50px; text-align:center; }
#footer #bottom_cs .right_menu a span { color:#bbb; margin:0 5px; }

#footer #bottom_info { clear:both; margin:0 auto 40px; height:auto; line-height:22px; overflow:hidden;border-top:1px solid #ddd;padding-top:50px; letter-spacing:0;}
#footer #bottom_info h2 { clear:both; margin:0 0 5px; font-size:12px; }
#footer #bottom_info {display:table;width:100%;table-layout:fixed;}
#footer #bottom_info > * {display:table-cell;vertical-align:top;;}
#footer #bottom_info > * > *:last-child {margin-top:20px;}
#footer #bottom_info > * > *:first-child {margin-top:0;}
#footer #bottom_info > *:nth-child(1) {width:220px;}
#footer #bottom_info > *:nth-child(2) {width:250px;}
#footer #bottom_info > *:nth-child(3) {width:500px;}



#footer #bottom_info > *:last-child {text-align:right;;}
#footer #bottom_info .Area01 a {display:block;}
#footer #bottom_info .Area01 a span { color:#bbb; margin:0 2px 0 4px; }

#footer #bottom_info .Area02 a { display:inline-block; }
#footer #bottom_info .Area02 a span { color:#bbb; margin:0 5px; }

#footer #bottom_info .Area03 ul { font-size:0; line-height:0; padding-top:7px; }
#footer #bottom_info .Area03 li { display:inline-block; margin-right:7px; }
#footer #bottom_info .Area03 p { clear:both; padding-top:0px; }

#footer #bottom_info .Area03 img {margin-right:10px;width:100%;}

#footer #bottom_info .Area03 b {display:block;font-size:12px;color:#000;}

#footer .instaMain {float:right;width:300px;overflow:hidden;}

/* »ó´ÜÀ¸·Î */
#pageTop { clear:both; cursor:pointer; width:100%; height:40px; line-height:40px; margin:0 0 10px; }
#pageTop a { font-size:10px; font-family:'lato'; float:right; }
#pageTop a img { vertical-align:middle; margin-top:-1px; }




.instaWidget .title {text-align:left;
    height: 22px;
    padding-bottom: 10px;
}



/* 20240829 */

footer {
    width: 100%;
    color:#000;
}

footer .footer-inside {
    line-height: 1.4;
    padding: 3rem 0;
}

footer .footer-inside .mobile-content-hide > .box:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 46px;
    margin-bottom: 24px;
}

footer .footer-inside .mobile-content-hide > .box:first-child * {
    font-size: 15px;
    font-weight: 700;
}

footer .footer-inside .mobile-content-hide > .box{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
    margin-bottom: 24px;
}

footer .footer-inside .mobile-content-hide > .box * {
    font-size: 11px;
    font-weight: 700;
}

footer .footer-inside .mobile-content-hide > .box a img {
    width: 15px;
}

footer .footer-inside .mobile-content-hide > .box:last-child {
    display: block;
    text-align: center;
}

footer .footer-inside .mobile-content-hide > .box:last-child * {
    font-size: 10px;
    font-weight: 400;
}

footer .footer-inside .mobile-content-hide > .box:last-child strong,footer .footer-inside .mobile-content-hide > .box:last-child strong > a {
    font-weight: bolder;
}

footer .footer-inside .mobile-content-hide > .box:last-child span::after {
    content: "|";
    display: inline;
    margin: 0 0px 0 4px;
    vertical-align: 0.5px;
}

footer .footer-inside .mobile-content-hide > .box:last-child span:nth-child(5)::after {
    content: "";
    display: block;
}

footer .footer-inside .mobile-content-hide > .box:last-child span:last-child::after {
    display: none;
}




    footer .footer-inside .mobile-content-show .hide-box-opener {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    footer.m-footer-open .footer-inside .mobile-content-show .hide-box-opener i {
        transform: rotate(180deg);
    }


footer .hide-box { display:none; text-align:center; letter-spacing: 1px; line-height: 22px; }
footer .hide-box.active { display:block !important; }
footer .box .arrow { display: inline-block; position: relative; width :15px; height: 15px; background-image:url(/design/jm057/plus_icon.png); background-size: 15px; background-repeat: no-repeat; top: 2px; }
footer .box .arrow.active{ background-image:url(/design/jm057/minus_icon.png); }


footer .hide-box.active span:nth-of-type(4)::after { content: ''; display: block; }
footer .hide-box span { font-size:11px; color:#535353; }
footer .hide-box span::after { content: "|"; display: inline; margin: 0 0px 0 4px; vertical-align: 0.5px; }
footer .hide-box span:last-child::after { display:none; }


/* BASIC css end */