/* BASIC css start */
/* 하단 */
#footer { margin-top: 90px; position:relative; width:100%; } 
#footer .ft_cont { max-width: 1464px; width: 100%; margin: 0 auto; padding:0 24px; box-sizing:border-box;}
#footer .footerTop { margin:0 auto; padding: 20px 0; position:relative; border-top: 1px solid #e4e4e4; } 
#footer .footerTop .ft_cont { display: flex; align-items: center; } 
#footer .footerTop .ft_cont b { font-size: 24px; font-weight: 700; margin-right: 20px; } 
#footer .footerTop .ft_cont span { font-size: 14px; font-weight: 400; color: #929292; margin-right: 60px; } 
#footer .footerTop .ft_cont ul { display: flex; gap: 30px; } 
#footer .footerTop .ft_cont ul li a { font-size: 14px; font-weight: 400; color: #000; } 

#footer .footerBottom { position:relative; background: #eee; padding: 30px 0; } 
#footer .footerBottom .ft_cont { display: flex; flex-direction: column; gap: 27px; } 
#footer .footerBottom .ft_cont .linkInfo ul { display: flex; gap: 30px; } 
#footer .footerBottom .ft_cont .linkInfo ul li a { font-size: 14px; font-weight: 400; color: #1f1f1f; } 
#footer .footerBottom .ft_cont .shopInfo p { display: flex; gap: 40px; align-items: center; } 
#footer .footerBottom .ft_cont .shopInfo p span { position:relative; font-size: 14px; font-weight: 400; color: #9a9a9a; } 
#footer .footerBottom .ft_cont .shopInfo p span:after { content:''; width:1px; height:14px; background:#c8c8c8; position:absolute; top:50%; right:-20px; transform:translateY(-50%); } 
#footer .footerBottom .ft_cont .shopInfo p span:last-child:after { content:unset; } 
#footer .footerBottom .ft_cont .shopInfo p span a { font-size: 14px; color: #000; border-bottom:1px solid #000; } 
#footer .footerBottom .ft_cont .shopInfo { display: flex; gap: 16px; flex-direction: column; } 




@media (max-width: 1024px) {
    #footer .footerTop .ft_cont b {font-size:18px;}
    #footer .footerTop .ft_cont span {margin-right:30px;}
    #footer .footerTop .ft_cont ul {gap:15px;}
    #footer .footerBottom .ft_cont .shopInfo {gap:10px;}
    #footer .footerBottom .ft_cont .shopInfo p {gap:20px;}
    #footer .footerBottom .ft_cont .shopInfo p span {font-size:12px;}
    #footer .footerBottom .ft_cont .shopInfo p span:after {right:-10px;}
}


/* 태블릿 모바일 */
@media (max-width: 768px) {
    #footer { margin: 90px 0 63px; position:relative; width:100%; } 
    #footer .ft_cont {padding:0;}
    #footer .footerTop { margin:0 auto; padding: 18px 25px; position:relative; border-top: 1px solid #eee; } 
    #footer .footerTop .ft_cont {display:block;} 
    #footer .footerTop .ft_cont b { font-size: 24px; font-weight: 700; margin-right: 20px; } 
    #footer .footerTop .ft_cont span { font-size: 14px; font-weight: 400; color: #929292; margin-right: 60px; } 
    #footer .footerTop .ft_cont ul { display: flex; justify-content: space-between; } 
    #footer .footerTop .ft_cont ul li a { font-size: 13px; font-weight: 400; color: #404040; white-space: pre; } 

    #footer .footerBottom { position:relative; background: #eee; padding: 31px 25px; } 
    #footer .footerBottom .ft_cont { display: flex; flex-direction: column; gap:0;}
    #footer .footerBottom .ft_cont .shopInfo_toggle { font-size: 15px; font-weight: 700; color: #404040; display: flex; justify-content: space-between; align-items: center; padding-bottom: 24.5px; } 
    #footer .footerBottom .ft_cont .linkInfo ul { display: flex; gap: 24px; justify-content: flex-start; margin-bottom: 16px; } 
    #footer .footerBottom .ft_cont .linkInfo ul li { position:relative; } 
    #footer .footerBottom .ft_cont .linkInfo ul li:after { content:''; position: absolute; top: 50%; transform: translateY(-50%); right: -12px; width:1px; height:8px; background:#b9b9b9; } 
    #footer .footerBottom .ft_cont .linkInfo ul li:last-child:after { content:unset; } 
    #footer .footerBottom .ft_cont .linkInfo ul li a { font-size: 12px; font-weight: 400; color: #404040; } 
    #footer .footerBottom .ft_cont .shopInfo p { display: block; } 
    #footer .footerBottom .ft_cont .shopInfo p span { position:relative; font-weight: 400; color: #9a9a9a; display: block;}
    #footer .footerBottom .ft_cont .shopInfo p span:after { display:none; } 
    #footer .footerBottom .ft_cont .shopInfo p span a { font-size: 12px; color: #000; border-bottom:1px solid #000; } 
    #footer .footerBottom .ft_cont .shopInfo { display: none; font-size: 12px; font-weight: 400; color: #9a9a9a; line-height: 1.55; padding-bottom: 20px; gap:0;} 
    #footer .footerBottom .ft_cont .shopInfo a { display: inline-block; margin-top: 20px; font-size: 12px; font-weight: 700; color: #9a9a9a; } 
    #footer .footerBottom .ft_cont .linkInfo { border-top: 1px solid #cdcdcd; padding-top: 20px; } 
    #footer .footerBottom .ft_cont .linkInfo p { font-size: 12px; font-weight: 400; color: #979797; } 
}
/* BASIC css end */