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


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

Site Name : 반응형 디자인 A5
Part :
Last edit : 2021.01.01
Author : Gautech

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

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


footer {}
.footer_wrap { position:relative; background-color:#232d3a; min-height:400px; padding:50px 380px 50px 80px; color:rgba(255,255,255,0.8); letter-spacing:0;}
.footer_menu { margin-bottom:50px;}
.footer_menu>a { color:rgba(255,255,255,0.8); display:inline-block; padding:0 11px 0 10px; background-image:url(/chn/images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:99% 50%;}
.footer_menu>a:last-child { background-image:none;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:50px; color:#92e9ff; font-size:18px;}
.footer_tel>span { padding-right:20px;}
.footer_add {}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:50px;}
.footer_add2>span { padding-right:15px;}
.footer_copy {}
.footer_right { position:absolute; top:50px; right:80px; width:300px; text-align:right;}
.footer_right_menu { margin-bottom:70px;}
.footer_right_menu>a { color:#ffd9d9; display:inline-block; padding:0 11px 0 10px; background-image:url(/chn/images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:99% 50%;}
.footer_right_menu>a:last-child { background-image:none; padding-right:0;}
.footer_right_tel { margin-bottom:20px; color:#92e9ff; font-size:18px;}
.footer_right_tel_num {}
.footer_right_tel_num>span { display:block;}



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

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

footer {}
.footer_wrap { position:relative; background-color:#232d3a; min-height:1px; padding:50px 270px 50px 20px; color:rgba(255,255,255,0.8); letter-spacing:0;}
.footer_menu { margin-bottom:30px;}
.footer_menu>a { color:rgba(255,255,255,0.8); display:inline-block; padding:0 20px 0 0; background-image:url(/chn/images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:90% 50%; line-height:24px;}
.footer_menu>a:last-child { background-image:none;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:30px; color:#92e9ff; font-size:18px;}
.footer_tel>span { padding-right:20px;}
.footer_add {}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:30px;}
.footer_add2>span { padding-right:15px;}
.footer_copy {}

.footer_right { position:absolute; top:50px; right:20px; width:250px; text-align:right;}
.footer_right_menu { margin-bottom:60px;}
.footer_right_menu>a { color:#ffd9d9; display:inline-block; padding:0 11px 0 10px; background-image:url(/chn/images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:99% 50%;}
.footer_right_menu>a:last-child { background-image:none; padding-right:0;}
.footer_right_tel { margin-bottom:20px; color:#92e9ff; font-size:18px;}
.footer_right_tel_num {}
.footer_right_tel_num>span { display:block;}

}



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

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

footer {}
.footer_wrap { position:relative; background-color:#232d3a; min-height:1px; padding:30px 20px 30px 20px; color:rgba(255,255,255,0.8); letter-spacing:0;}
.footer_menu { margin-bottom:20px;}
.footer_menu>a { color:rgba(255,255,255,0.8); display:inline-block; padding:0 20px 0 0; background-image:url(/chn/images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:90% 50%; line-height:24px;}
.footer_menu>a:last-child { background-image:none;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:20px; color:#92e9ff; font-size:16px;}
.footer_tel>span { padding-right:20px; display:block;}
.footer_add {}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:20px;}
.footer_add2>span { padding-right:15px;}
.footer_copy {}

.footer_right { display:none;}


}