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


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

Site Name : 양산시청역 반도 유보라 7차
Part : 
Last edit : 2022.02
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,600,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)

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




footer { overflow:hidden;}
footer>h2 { display:none;}

.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444;}
.footer_wrap:after { display:block; content:""; clear:both;}
.footer_copy { width:100%; max-width:1500px; margin:0 auto; padding:40px 0 80px 0; text-align:center;}
.footer_copy:after { display:block; content:""; clear:both;}

.footer_copy_tel { float:left; width:57%; font-size:26px; text-align:right; line-height:80px; color:#fff; font-weight:600; font-family: 'Roboto', sans-serif;}
.footer_copy_tel>span:nth-child(1) { display:inline-block; margin-right:5px;}
.footer_copy_tel>span:nth-child(2) { display:inline-block; margin-right:20px;}
.footer_copy_tel>span:nth-child(3) { display:inline-block; margin-right:5px;}
.footer_copy_tel>span:nth-child(4) { display:inline-block; margin-right:20px;}

.footer_menu { float:left; width:43%; margin:0; text-align:left; line-height:80px;}
.footer_menu>a { display:inline-block; padding:0 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:nth-child(1) {}
.footer_menu>a:last-child { background-image:none;}

.footer_logo { float:left; display:block; width:30%; height:80px; background:url(/images/common/logo_bottom.png); background-repeat:no-repeat; background-position:50% 0;}

.footer_txt { float:left; width:70%; height:80px; line-height:20px; text-align:left; padding:10px 0 0 0;}
.footer_txt>span { display:inline-block; padding:0 5px;}
.footer_txt>span:last-child { display:block; width:100%; margin-top:2px;}

.footer_txt2 { float:left; width:100%;}



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

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


footer>h2 { display:none;}

.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444;}
.footer_wrap:after { display:block; content:""; clear:both;}
.footer_copy { width:100%; max-width:1500px; margin:0 auto; padding:60px 0 60px 0; text-align:center;}
.footer_copy:after { display:block; content:""; clear:both;}

.footer_copy_tel { float:left; width:100%; font-size:24px; text-align:left; line-height:40px; color:#fff; padding-left:31%;}
.footer_copy_tel>span:nth-child(1) { display:inline-block; margin-right:5px;}
.footer_copy_tel>span:nth-child(2) { display:inline-block; margin-right:20px;}
.footer_copy_tel>span:nth-child(3) { display:inline-block; margin-right:5px;}
.footer_copy_tel>span:nth-child(4) { display:inline-block; margin-right:20px;}

.footer_menu { float:left; width:100%; margin:0; text-align:left; line-height:40px; margin-bottom:20px; padding-left:30%;}
.footer_menu>a { display:inline-block; padding:0 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:nth-child(1) {}
.footer_menu>a:last-child { background-image:none;}

.footer_logo { float:left; display:block; width:30%; height:80px; background:url(/images/common/logo_bottom.png); background-repeat:no-repeat; background-position:50% 0; background-size:80% auto;}

.footer_txt { float:left; width:70%; height:auto; line-height:20px; text-align:left; padding:0; margin-bottom:20px;}
.footer_txt>span { display:inline-block; padding:0 5px;}
.footer_txt>span:last-child { display:block; width:100%; margin-top:2px;}

.footer_txt2 { float:left; width:100%; text-align:left; padding-left:31%;}


}



/* 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;}
.footer_wrap:after { display:block; content:""; clear:both;}
.footer_copy { width:100%; max-width:1500px; margin:0 auto; padding:40px 0 60px 0; text-align:center;}
.footer_copy:after { display:block; content:""; clear:both;}

.footer_copy_tel { float:left; width:100%; font-size:22px; text-align:center; line-height:40px; color:#fff; padding-left:0;}
.footer_copy_tel>span:nth-child(1) { display:inline-block; margin-right:2px;}
.footer_copy_tel>span:nth-child(2) { display:inline-block; margin-right:10px;}
.footer_copy_tel>span:nth-child(3) { display:inline-block; margin-right:2px;}
.footer_copy_tel>span:nth-child(4) { display:inline-block; margin-right:10px;}

.footer_menu { float:left; width:100%; margin:0; text-align:center; line-height:30px; margin-bottom:20px; padding-left:0;}
.footer_menu>a { display:inline-block; padding:0 8px 0 6px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:nth-child(1) {}
.footer_menu>a:last-child { background-image:none;}

.footer_logo { float:left; display:block; width:100%; height:40px; background:url(/images/common/logo_bottom.png); background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%; margin-bottom:20px;}

.footer_txt { float:left; width:100%; height:auto; line-height:20px; text-align:center; padding:0; margin-bottom:20px;}
.footer_txt>span { display:inline-block; padding:0 5px;}
.footer_txt>span:last-child { display:block; width:100%; margin-top:2px;}

.footer_txt2 { float:left; width:100%; text-align:center; padding-left:0;}


}