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


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

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

관련폰트 :
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)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)
font-family: 'GongGothicLight', sans-serif;
font-family: 'GongGothicMedium', sans-serif;
font-family: 'GongGothicBold', sans-serif;

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


footer { background-color:#232d3a; font-family: 'GongGothicLight', sans-serif;}
.footer_wrap { position:relative; max-width:1400px; margin:0 auto; padding:50px 0 50px 0; color:rgba(255,255,255,0.9); letter-spacing:0;}
.footer_menu { margin-bottom:10px;}
.footer_menu>a { color:rgba(255,255,255,0.9); display:inline-block; font-size:16px; padding:0 11px 0 10px; background-image:url(/eng/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:80px; font-size:16px;}
.footer_tel>span { padding-right:20px;}
.footer_logo { padding:0 0 10px 0; border-bottom:3px solid rgba(255,255,255,0.4); margin-bottom:20px;}
.footer_logo>a { display:inline-block;}
.footer_logo>a>img {}
.footer_add { font-size:16px;}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:20px; font-size:16px;}
.footer_add2>span { padding-right:15px;}
.footer_copy { margin-bottom:40px; font-size:16px;}



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

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

footer { background-color:#232d3a; font-family: 'GongGothicLight', sans-serif;}
.footer_wrap { position:relative; max-width:1400px; margin:0 auto; padding:40px 20px; color:rgba(255,255,255,0.9); letter-spacing:0;}
.footer_menu { margin-bottom:10px;}
.footer_menu>a { color: rgba(255, 255, 255, 0.9); display: inline-block; font-size:14px; padding: 0 20px 0 0; background-image: url(/eng/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:60px; font-size:14px;}
.footer_tel>span { padding-right:20px;}
.footer_logo { padding:0 0 10px 0; border-bottom:2px solid rgba(255,255,255,0.4); margin-bottom:20px;}
.footer_logo>a { display:inline-block;}
.footer_logo>a>img { height:50px; width:auto;}
.footer_add { font-size:14px;}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:20px; font-size:14px;}
.footer_add2>span { padding-right:15px;}
.footer_copy { margin-bottom:30px; font-size:14px;}



}



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

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

footer { background-color:#232d3a;}
.footer_wrap { position:relative; 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; font-size:13px; padding:0 20px 0 0; background-image:url(/eng/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; font-size:13px;}
.footer_tel>span { padding-right:20px; display:block;}
.footer_logo { padding:0 0 10px 0; border-bottom:2px solid rgba(255,255,255,0.4); margin-bottom:20px;}
.footer_logo>a { display:inline-block;}
.footer_logo>a>img { height:40px; width:auto;}
.footer_add { font-size:13px;}
.footer_add>span { padding-right:15px;}
.footer_add2 { margin-bottom:20px; font-size:13px;}
.footer_add2>span { padding-right:15px;}
.footer_copy { margin-bottom:20px; font-size:13px;}




}