@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 부산중구지역자활센터
Part : 하단
Last edit : 2026
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100~900)
font-family: 'Noto Serif KR', serif; (100~900)
font-family: 'Roboto', sans-serif; (100~900)
font-family: 'PuradakGentleGothic', sans-serif;
font-family: 'Ridibatang', serif;

--------------------------------------------------------- */





footer>h2 { display:none;}
.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; padding:80px 0 100px 0;}

.footer_menu { width:1300px; margin:0 auto; text-align:left; padding:0 20px;}
.footer_menu>p { width:100%; margin:0 auto; font-size:0;}
.footer_menu>p>a { display:inline-block; padding:10px 20px; font-size:18px; line-height:1.2; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>p>a:nth-child(1) { padding-left:10px;}
.footer_menu>p>a:last-child { background-image: none; color:#ffd9d9;}
.footer_menu>p>a:nth-last-child(2), .footer_menu>p>a:nth-last-child(3), .footer_menu>p>a:nth-last-child(4) { color:#92e9ff;}

.footer_tel { width:1300px; margin:0 auto; text-align:left; padding:0 20px;}
.footer_tel>p { width:100%; padding:40px 0; line-height:1;}
.footer_tel>p>span { display:inline-block; padding:0 30px 0 10px; font-size:22px; color:#d3f5ff;}
.footer_tel>p>span:last-child { font-size:18px; color:rgba(255,255,255,0.8);}

.footer_copy { width:1300px; margin:0 auto; text-align:left; padding:0 20px;}
.footer_copy>p { width:100%; padding:0; line-height:20px; font-size:0;}
.footer_copy>p>span { display:inline-block; padding:5px 10px; font-size:18px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin:0 auto;}



/* 1100 ~ 768까지 태블릿 설정 */

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


footer>h2 { display:none;}
.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; padding:60px 0 80px 0;}

.footer_menu { width:100%; margin:0 auto; text-align:left; padding:0 20px;}
.footer_menu>p { width:100%; margin:0 auto; font-size:0;}
.footer_menu>p>a { display:inline-block; padding:5px 15px; font-size:14px; line-height:1.2; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>p>a:nth-child(1) { padding-left:10px;}
.footer_menu>p>a:last-child { background-image: none; color:#ffd9d9;}
.footer_menu>p>a:nth-last-child(2), .footer_menu>p>a:nth-last-child(3), .footer_menu>p>a:nth-last-child(4) { color:#92e9ff;}

.footer_tel { width:100%; margin:0 auto; text-align:left; padding:0 20px;}
.footer_tel>p { width:100%; padding:40px 0; line-height:1;}
.footer_tel>p>span { display:inline-block; padding:5px 30px 5px 10px; font-size:16px; color:#d3f5ff;}
.footer_tel>p>span:last-child { font-size:14px; color:rgba(255,255,255,0.8);}

.footer_copy { width:100%; margin:0 auto; text-align:left; padding:0 20px;}
.footer_copy>p { width:100%; padding:0; line-height:1; font-size:0;}
.footer_copy>p>span { display:inline-block; padding:5px 10px; font-size:14px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin:0 auto;}


}



/* 767 ~ 320까지 모바일 설정 */

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


footer>h2 { display:none;}
.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; padding:40px 0 60px 0;}

.footer_menu { width:100%; margin:0 auto; text-align:left; padding:0 10px;}
.footer_menu>p { width:100%; margin:0 auto; font-size:0;}
.footer_menu>p>a { display:inline-block; padding:5px 10px; font-size:13px; line-height:1.2; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>p>a:nth-child(1) { padding-left:10px;}
.footer_menu>p>a:last-child { background-image: none; color:#ffd9d9;}
.footer_menu>p>a:nth-last-child(2), .footer_menu>p>a:nth-last-child(3), .footer_menu>p>a:nth-last-child(4) { color:#92e9ff;}

.footer_tel { width:100%; margin:0 auto; text-align:left; padding:0 10px;}
.footer_tel>p { width:100%; padding:30px 0; line-height:1;}
.footer_tel>p>span { display:inline-block; padding:5px 15px 5px 10px; font-size:13px; color:#d3f5ff;}
.footer_tel>p>span:last-child { font-size:13px; color:rgba(255,255,255,0.8);}

.footer_copy { width:100%; margin:0 auto; text-align:left; padding:0 10px;}
.footer_copy>p { width:100%; padding:0; line-height:1.2; font-size:0;}
.footer_copy>p>span { display:inline-block; padding:5px 10px; font-size:13px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin:0 auto;}


}