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


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

Site Name : 반응형 일반형 B
Part : 하단
Last edit : 2020.03.17
Author : Gautech(PDH)

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

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





footer { width:100%; margin:0 auto;}
.footer_wrap {}
.footer_box_top { width:100%; height:44px; background-image:url(/images/common/footer_box_top.png); background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto;}
.footer_copy { width:100%; text-align:center; background-image:url(/images/common/footer_box_bg.png); background-repeat:repeat-y; background-position:50% 0%; background-size:100% auto; color:rgba(255,255,255,0.7);}
.footer_menu { width:100%; height:50px; text-align: center;}
.footer_menu>a { display:inline-block; padding:0 10px; line-height:50px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:last-child { background-image: none;}
.footer_copy>p { width:100%; padding:0 50px; line-height:20px}
.footer_copy>p>span { display:inline-block; padding:0 10px;}
.footer_copy>p>span:nth-last-child(2) { display:block; width:90%; height:1px; margin:20px auto 20px auto; background-color:rgba(255,255,255,0.2);}
.footer_box_bottom { width:100%; height:51px; background-image:url(/images/common/footer_box_bottom.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto;}



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

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

footer { width:100%; margin:0 auto;}
.footer_wrap {}
.footer_box_top { width:100%; height:44px; background-image:url(/images/common/footer_box_top.png); background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto;}
.footer_copy { width:100%; text-align:center; background-image:url(/images/common/footer_box_bg.png); background-repeat:repeat-y; background-position:50% 0%; background-size:100% auto; color:rgba(255,255,255,0.7);}
.footer_menu { width:100%; height:50px; text-align: center;}
.footer_menu>a { display:inline-block; padding:0 10px; line-height:50px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:last-child { background-image: none;}
.footer_copy>p { width:100%; padding:0 50px; line-height:20px}
.footer_copy>p>span { display:inline-block; padding:0 10px;}
.footer_copy>p>span:nth-last-child(2) { display:block; width:90%; height:1px; margin:20px auto 20px auto; background-color:rgba(255,255,255,0.2);}
.footer_box_bottom { width:100%; height:51px; background-image:url(/images/common/footer_box_bottom.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto;}


}



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

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

footer { width:100%; margin:0 auto;}
.footer_wrap {}
.footer_box_top { width:100%; height:44px; background-image:url(/images/common/footer_box_top.png); background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto;}
.footer_copy { width:100%; text-align:center; background-image:url(/images/common/footer_box_bg.png); background-repeat:repeat-y; background-position:50% 0%; background-size:100% auto; color:rgba(255,255,255,0.7);}
.footer_menu { width:100%; height:auto; text-align: center; padding:20px 0;}
.footer_menu>a { display:inline-block; padding:0 10px; line-height:20px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:last-child { background-image: none;}
.footer_copy>p { width:100%; padding:0 10px; line-height:20px}
.footer_copy>p>span { display:inline-block; padding:0 10px;}
.footer_copy>p>span:nth-last-child(2) { display:block; width:90%; height:1px; margin:20px auto 20px auto; background-color:rgba(255,255,255,0.2);}
.footer_copy>p>span:last-child { margin:0 auto 20px auto;}
.footer_box_bottom { width:100%; height:51px; background-image:url(/images/common/footer_box_bottom.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto;}


}