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


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

Site Name : 반응형 고급형 D
Part : 기본세팅
Last edit : 2020.07.29
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)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)

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



footer>h2 { display:none;}
.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; font-size:13px;}

.footer_menu { width:100%; height:50px; background-color:#343434;}
.footer_menu_box { position:relative; height:50px; width:100%; max-width:1100px; margin:0 auto; text-align:left;}
.footer_menu_box>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_box>a:nth-child(6) { color:#98e2ff;}
.footer_menu_box>a:nth-child(7) { background-image: none;}
.footer_menu_box>div { position:absolute; top:0; right:10px; text-align:right; line-height:50px;}
.footer_menu_box>div>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%;}

.f_site { display:inline-block; line-height:22px; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 130px 3px 10px; margin:11px 0 0 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; font-size:12px;}
.f_site_box_wrap>p { margin-top:10px;}

.footer_copy { position:relative; width:1100px; margin:0 auto; text-align:left; font-size:0; padding:50px 0;}
.footer_copy1 { display:inline-block; vertical-align:top; width:20%;}
.footer_copy2 { display:inline-block; vertical-align:top; width:80%; font-size:13px; padding-top:10px;}
.footer_copy2>span { display:inline-block; padding:0 10px;}
.f_site_box_wrap { width:100%; padding:10px 0 0 10px;}


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

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


footer>h2 { display:none;}
.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; font-size:12px;}

.footer_menu { width:100%; height:auto; background-color:#343434; padding:20px 10px;}
.footer_menu_box { position:relative; height:auto; width:100%; max-width:1100px; margin:0 auto; text-align:center;}
.footer_menu_box>a { display:inline-block; padding:0 10px; line-height:30px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu_box>a:nth-child(6) { color:#98e2ff;}
.footer_menu_box>a:nth-child(7) { background-image: none;}

.footer_menu_box>div { position:relative; top:auto; right:auto; text-align:center; line-height:30px;}
.footer_menu_box>div>a { display:inline-block; padding:0 10px; line-height:30px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}

.f_site { display:inline-block; line-height:22px; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 130px 3px 10px; margin:0 0 0 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; font-size:12px;}
.f_site_box_wrap>p { margin-top:10px;}

.footer_copy { position:relative; width:100%; margin:0 auto; text-align:left; font-size:0; padding:30px 0 50px 0;}
.footer_copy1 { display:inline-block; vertical-align:top; width:15%; text-align:right;}
.footer_copy1>img { width:80%;}
.footer_copy2 { display:inline-block; vertical-align:top; width:85%; font-size:12px; padding-top:5px; padding-left:10px;}
.footer_copy2>span { display:inline-block; padding:0 5px;}
.f_site_box_wrap { width:100%; padding:10px 0 0 5px;}


}



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

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


.footer_wrap { width:100%; color:rgba(255,255,255,0.8); background-color:#444; font-size:12px;}

.footer_menu { width:100%; height:auto; background-color:#343434; padding:20px 10px;}
.footer_menu_box { position:relative; height:auto; width:100%; max-width:1100px; margin:0 auto; text-align:center;}
.footer_menu_box>a { display:inline-block; padding:0 10px; line-height:30px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.footer_menu_box>a:nth-child(6) { color:#98e2ff;}
.footer_menu_box>a:nth-child(7) { background-image: none;}

.footer_menu_box>div { position:relative; top:auto; right:auto; text-align:center; line-height:30px;}
.footer_menu_box>div>a { display:inline-block; padding:0 10px; line-height:30px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}

.f_site { display:inline-block; line-height:22px; position:relative; background-color:#666; color:rgba(255,255,255,0.8); padding:3px 130px 3px 10px; margin:0 0 0 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; font-size:12px;}
.f_site_box_wrap>p { margin-top:10px;}

.footer_copy { position:relative; width:100%; margin:0 auto; text-align:center; font-size:0; padding:30px 0 40px 0;}
.footer_copy1 { display:inline-block; vertical-align:top; width:100%; text-align:center; margin-bottom:10px;}
.footer_copy1>img { width:100px; height:auto;}
.footer_copy2 { display:inline-block; vertical-align:top; width:100%; font-size:12px; padding-top:5px; padding-left:10px;}
.footer_copy2>span { display:inline-block; padding:0 5px;}
.f_site_box_wrap { width:100%; padding:10px 0 0 5px;}


}