@charset "utf-8";
/* DisabledFunction: BM001,FI001,BM003,BM006,FC001,FI003,FC002,FC004*/

/* footermenu Design 09 */
/* @latest 2022.04.15 JRA */
/* @latest 2022.07.11 SSJ */
/* @latest 2024.01.24 SSJ */



.footer { width:100%; overflow:hidden; /* position:relative; */ clear:both; background: #252525; padding-top: 30px; padding-bottom:40px; /*border-bottom: 20px solid #1c1c1c !important; */ } 
.footer .inner { width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; position:relative; } 
.wrap_left_template ~ .footer .inner { max-width:1520px; } 

.footer-area-001 { width:100%; float:left; box-sizing:border-box; padding: 30px 0 30px; } 
.footer-area-001 .addressArea { width:100%; text-align: left; margin:0; box-sizing:border-box; } 
.footer-area-001 .addressArea .footerLogo { float:left; text-align:left; box-sizing:border-box; width: 30%; display:inline-block; } 
.footer-area-001 .addressArea .footerLogo img { width:auto; max-width: 250px; max-height:200px; display:inline-block; vertical-align:middle; margin-top: 10px; max-width:100%; } 
.footer-area-001 .addressArea .p_wrap { margin-bottom:40px; width: auto; float:left; text-align: left; box-sizing:border-box; width: 100%; } 
.footer-area-001 .addressArea .p_wrap > p { color: #fff; line-height: 150%; font-size: 15px; float: left; opacity: 0.6; margin-right: 20px; max-width: 55%; word-break: break-all; font-size: 15px; opacity: 0.6; } 
.footer-area-001 .addressArea .p_wrap > p span { display: inline-block; /* clear:both; */margin-right: 10px; } 
.footer-area-001 .addressArea .p_wrap > p span:only-child:after { display:none; } 
.footer-area-001 .addressArea .p_wrap > p:nth-child(n+2){clear:both;}

.footer-list-001 { width:100%; font-size:12px; box-sizing:border-box; margin: 0 auto; max-width: 1300px; } 
.wrap_left_template ~ .footer .footer-list-001 { max-width:1520px; } 
.footer-list-001 ul li { /* float:left; *//* display:block; */color:#333333; line-height: 32px; /* padding-bottom: 6px; */ } 
.footer-list-001 ul li:last-child { border:none; } 
.footer-list-001 ul li a { text-decoration:none; color: #fff; padding: 0; letter-spacing:-1px; opacity: 0.6; font-size: 15px; } 
.footer-list-001 ul li a:hover { font-weight:600; text-decoration: underline; } 
.footer-list-001 ul li.link-group { /* padding-bottom: 10px; */ } 
.footer-list-001 ul li.link-group select { width:70%; color:#ddd; border: 1px solid rgba(255,255,255,0.2); font-size: 15px; border-radius: 2px; height: 35px !important; line-height: 35px; background:url(/images/wzwg/cmm/arrow_white.png) no-repeat right 5px center; appearance:none; -webkit-appearance:none; padding:0 25px 0 8px; background-size:6px; } 
.footer-list-001 ul li.link-group select::-ms-expand { opacity:0; } 
.footer-list-001 ul li.link-group select option { color:black; height:25px; line-height:25px; font-size:13px; } 
.footer-list-001 ul li.link-group select option:checked,
.footer-list-001 ul li.link-group select option:focus,
.footer-list-001 ul li.link-group select option:active,
.footer-list-001 ul li.link-group select option:hover { background:#f8f8f8; color:#333; } 
.footer-list-001 ul li.link-group button { padding:0 10px; /*color: #fff; */height: 35px; line-height: 33px; /*background: transparent; */font-size: 14px; font-weight: 600; } 
/* .footer-list-001 ul li.link-group button:hover { background:#fff; color: #333; } */

.footer-list-001 .footer-center-001 { width:100%; margin: 0; text-align: left; /* padding-top: 20px; *//* padding-bottom: 5px; */ } 
.footer-center-001 ul { width: 50%; padding-left:26%; display: inline-block; position: absolute; z-index: 1; box-sizing: border-box; } 

.footer-bt-001 { background:#ffffff; width:100%; height:100%; font-size:12px; min-width:660px; } 
.footer_Left_001 { width:100%; background:red; position:relative; } 
.addressArea { float:left; font-size:12px; color:#777;background: transparent !important;} 

.footer-area-001 .addressArea .footerLogo:before, .footer-area-001 .addressArea .p_wrap:before, .footer-list-001 ul:before
 {
 letter-spacing:1px; color:#fff; opacity:0.8; font-size: 14px; opacity: 0.9; display: block; width: 1000%; padding-bottom: 15px; font-weight:600; } 
.footer-area-001 .addressArea .footerLogo:before { content:"LOGO"; margin-top:10px; } 
.footer-area-001 .addressArea .p_wrap:before { content:"INFO"; } 
.footer-list-001 ul:before { content:"MENU"; } 


.wrap_left_template ~ #footer .footer-list-001 { margin-top:0; } 




@media (min-width:800px){
 .wrap_left_template ~ #footer .footer-list-001 { top:0; } 
 .footer-area-001 .addressArea .p_wrap { padding-left:51%; } 
 .footer-area-001 .addressArea .footerLogo { position:absolute; } 
 }

@media (min-width:991px){
 .wrap_left_template ~ #footer .footer-center-001 ul { padding-left:0px; } 
 .wrap_left_template ~ #footer .footer-area-001 { padding-left:0px; } 
 .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo { width:auto !important; } 
 }
@media (min-width:1301px){
 .footer-area-001 .addressArea .footerLogo { position:absolute; margin-top:-40px; } 
 .footer-area-001 .addressArea .p_wrap { margin-top:-30px; } 
 }

@media (min-width:1540px){
 .footer-area-001 .addressArea .footerLogo { width:220px; } 
 .wrap_left_template ~ #footer .footer-center-001 ul { padding-left:220px; width:36%; } 
 .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap { padding-left:58%; } 
 }
@media (min-width:991px) and (max-width:1539px){
 .wrap_left_template ~ #footer .footer-center-001 ul { padding-left:15px; width:40%; } 
 .wrap_left_template ~ #footer .footer-area-001 .addressArea { padding:0px 15px 0; } 

 .footer-area-001 .addressArea .footerLogo { width:18%; } 
 .wrap_left_template ~ #footer .footer-center-001 ul { padding-left:18%; } 
 .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap { padding-left:60%; } 
 }


@media (min-width:800px) and (max-width:1300px){
 .footer { padding-bottom:30px; } 
 .footer-area-001 { padding:0 15px; } 
 .footer-area-001 .addressArea .footerLogo { margin-top:0; height:80px; max-width: 25%; padding-right: 20px; } 
 .footer-area-001 .addressArea .footerLogo img { /* max-height:80px; */ } 
 .footer-area-001 .addressArea .footerLogo:before { margin-top:0; } 
 }

@media (min-width:600px) and (max-width:799px) {}
@media (max-width:799px){
 .footer { padding-bottom:20px; } 
 .footer-area-001 .addressArea {padding: 20px 10px 0px 15px; } 
 .footer-center-001 ul { padding:0 15px 0; width:100%; position:relative; } 
 .footer-list-001 ul li { line-height: 34px; /* float:left; */padding-right:15px; /* min-height: 32px; */margin-bottom: 6px; display: inline-block; } 
 .footer-list-001 ul li a { padding-left:0; } 
 .footer-list-001 ul li a:after { padding-right:10px; } 
 .footer-list-001 ul li.link-group { margin-top:-4px; } 
 .footer-list-001 ul li.link-group select { width:auto; } 
 .footer-area-001 { padding-top:0; } 
 .footer-area-001 .addressArea .inner { float:left; } 
 .footer-area-001 .addressArea .footerLogo { padding-right:30px; padding-bottom:20px; width:100%; padding-top:20px; } 
 .footer-area-001 .addressArea .footerLogo img { margin-top:0; padding-bottom:20px; } 
 .footer-area-001 .addressArea .p_wrap { padding-left:0; width:100%; margin-bottom:0; } 
 .footer-area-001 .addressArea .footerLogo:before, .footer-area-001 .addressArea .p_wrap:before, .footer-list-001 ul:before { padding-bottom:10px; } 
 .footer-area-001 .addressArea .footerLogo:before { margin-top:0; } 

 }
@media (max-width:650px){
 .footer-list-001 ul li.link-group { width:100%; float: left; margin-bottom:5px; padding: 0; } 
 .footer-list-001 ul li.link-group:after { display:none; } 
 .footer-list-001 ul li.link-group select { min-width:250px } 

}
@media (max-width:499px){
 .footer-area-001 .addressArea .footerLogo { width:100%; } 
 }



/* 공공누리, WA MARK */
.footer-area-001 .addressArea .p_wrap .kogl { display:block; text-align: right; } 
.footer-area-001 .addressArea .p_wrap .kogl a { display:inline-block; vertical-align: middle; } 
.footer-area-001 .addressArea .p_wrap .kogl img { max-width: 100px; padding: 0 5px; } 


@media (max-width:991px) {
    .footer-area-001 .addressArea .p_wrap > p{float:none;width: 100% !important;max-width: 100%;margin-right: 0 !important;}
    .footer-area-001 .addressArea .p_wrap .kogl {  margin-top: 20px; }
}



.footer-area-001 .addressArea .p_wrap > p:last-child, .footer-area-001 .addressArea .p_wrap > p:nth-last-child(2):first-child {max-width: 100%;}