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


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

Site Name :
Part :
Last edit : 2022
Author : Gautech

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

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





footer>h2 { display:none;}

.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#002266;}

.footer_menu { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align: center; padding:25px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer_menu>a { display:inline-block; padding:10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu>a:nth-child(6) { color:#cdffc8;}

.f_site { display:inline-block; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 60px 3px 10px; margin:8px 0 8px 10px; background-image:url(/images/icon/ar_down_w.png); background-repeat:no-repeat; background-position:90% 50%; cursor:pointer;}
.f_site_box { display:none; position:absolute; top:26px; left:0; width:100%; padding:10px; background-color:#FFF;z-index:1;}
.f_site_box>a { display:block; line-height:20px; color:#999; text-align:left;}

.footer_copy { width:100%; max-width:1500px; margin:0 auto; text-align:center;}
.footer_copy_tel { font-size:26px;}
.footer_copy_tel>span:nth-child(1) { display:inline-block; margin-right:5px;}
.footer_copy_tel>span:nth-child(2) { display:inline-block; color:#cdffc8; margin-right:30px;}
.footer_copy_tel>span:nth-child(3) { display:inline-block;}
.footer_copy>p { width:100%; padding:30px 0 80px 0; line-height:20px; letter-spacing:0; font-weight:300;}
.footer_copy>p>span { display:inline-block; padding:0 10px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin-top:30px;}
.footer_logo { display: block !important; margin-bottom:10px;}
.footer_logo_txt { display: block !important; margin-bottom:20px;}




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

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


.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#002266; padding:0 20px;}

.footer_menu { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align: center; padding:25px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer_menu>a { display:inline-block; padding:10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}

.f_site { display:inline-block; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 60px 3px 10px; margin:8px 0 8px 10px; background-image:url(/images/icon/ar_down_w.png); background-repeat:no-repeat; background-position:90% 50%; cursor:pointer;}
.f_site_box { display:none; position:absolute; top:26px; left:0; width:100%; padding:10px; background-color:#FFF;}
.f_site_box>a { display:block; line-height:20px; color:#999; text-align:left;}

.footer_copy { width:100%; max-width:1500px; margin:0 auto; text-align:center;}
.footer_copy_tel { font-size:22px;}
.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;}
.footer_copy>p { width:100%; padding:25px 0 60px 0; line-height:20px}
.footer_copy>p>span { display:inline; padding:0 5px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin-top:20px;}
.footer_logo { display: block !important; margin-bottom:10px;}
.footer_logo_txt { display: block !important; margin-bottom:20px;}


}



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

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


.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#002266; padding:0 10px;}

.footer_menu { width:100%; max-width:1500px; padding:14px;}
.footer_menu>a { display:inline-block; padding:5px 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}

.f_site { display:inline-block; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 60px 3px 10px; margin:3px 0 3px 10px; background-image:url(/images/icon/ar_down_w.png); background-repeat:no-repeat; background-position:90% 50%; cursor:pointer;}
.f_site_box { display:none; position:absolute; top:26px; left:0; width:100%; padding:10px; background-color:#FFF;}
.f_site_box>a { display:block; line-height:20px; color:#999; text-align:left;}

.footer_copy { width:100%; max-width:1500px; margin:0 auto; text-align:center;}
.footer_copy_tel { font-size:16px;}
.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:10px;}
.footer_copy_tel>span:nth-child(3) { display:inline-block;}
.footer_copy>p { width:100%; padding:30px 0 60px 0; line-height:20px}
.footer_copy>p>span { display:inline; padding:0 5px;}
.footer_copy>p>span:last-child { display:block; width:100%; margin-top:20px;}
.footer_logo { display: block !important; margin-bottom:10px;}
.footer_logo>img { width:90%; height:auto; max-width:510px;}
.footer_logo_txt { display: block !important; margin-bottom:20px;}



}