@charset "utf-8";
/* DisabledFunction: BM001,BM003,BM008,FC001,FI003,FC002,FC004*/

/* footermenu Design 07 */
/* @latest 2022.04.15 JRA */
/* @latest 2023.01.12 SSJ */
/* @latest 2024.01.24 SSJ */


.footer {width:100%;overflow:hidden;/* position:relative; */clear:both;border-top: 1px solid #f0f0f0;background: #2f2f2f;}
.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: 0px 0 0px;background:  #fff;}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0; padding-top:30px; box-sizing:border-box; float:left;}
.footer-area-001 .addressArea .inner { width:100%; display:block; height:150px;}
.footer-area-001 .addressArea .footerLogo {float:left;text-align:left;box-sizing: border-box;width: 16%;padding: 0 15px;}
.footer-area-001 .addressArea .footerLogo img {width:auto;max-width:90%; max-height:200px; display:inline-block;vertical-align:middle;max-width: 90%;}
.footer-area-001 .addressArea .p_wrap {width:auto; float:left; text-align: left;box-sizing: border-box;width: 84%;}
.footer-area-001 .addressArea .p_wrap > p {margin-right:20px;max-width: 70%;word-break: break-all;float: left;color: #333;line-height: 150%;font-size: 15px;}
.footer-area-001 .addressArea .p_wrap > p:nth-child(2) span:first-child:after {content:"|";padding:0 10px;opacity: 0.8;}
.footer-area-001 .addressArea .p_wrap > p:last-child {position:absolute;left:0;bottom:0;line-height:45px;width:100%;color:#999;border-top:1px solid rgba(138,138,138,0.2); padding: 0 15px;box-sizing: border-box;}
.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-area-001 .addressArea .p_wrap > p:first-child:nth-last-child(2),
.footer-area-001 .addressArea .p_wrap > p:nth-child(2):nth-last-child(1) {max-width: 100%;}

.footer-list-001 {width:100%;font-size:12px;box-sizing:border-box;margin: 0 auto;max-width:  1300px;}
.footer-list-001 ul li{float:left;display:block;color:#333333;line-height: 31px;min-height: 32px;width: 20%;text-align: center;padding: 8px 0;}
.footer-list-001 ul li a {text-decoration:none;color: #fff;padding: 0;font-size: 15px;letter-spacing: -0.5px;opacity:0.7;}
.footer-list-001 ul li a:hover {font-weight:600; opacity:1; -webkit-transition:opacity 1s; transition:opacity 1s;}
.footer-list-001 ul li a:after,
.footer-list-001 ul li.link-group:after {content:"|";/*padding: 0 30px;*/float:right;font-size: 10px;opacity:0.7;font-weight:200; color:#fff;}
.footer-list-001 ul li:first-child a {padding-left:0;}
.footer-list-001 ul li:last-child a:after,
.footer-list-001 ul li.link-group:last-child:after {display:none;}
.footer-list-001 ul li.link-group {/* padding:0; */}
.footer-list-001 ul li.link-group select {font-size: 15px;color: #cdcdcd;border: 1px solid rgba(255,255,255,0.3);border-radius:2px;height: 32px !important;line-height: 32px;box-sizing: border-box;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;min-width: 150px;}
.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:#2f2f2f; color:white;}
.footer-list-001 ul li.link-group button {padding:0 10px;height: 32px;line-height: 30px;/*background: transparent;*//*color: #fff;*/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%;height: auto;margin: 0;text-align: left;/* min-height:47px; */}
.footer-center-001 ul {width: 100%;display: block;/* padding:8px 0; */float: left;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; }


.wrap_left_template ~ #footer .footer-list-001 {margin-top:0;}
.wrap_left_template ~ #footer {padding-top:0;}

    @media (min-width:800px){
        .wrap_left_template ~ #footer .footer-list-001 {top:0;}
        .wrap_left_template ~ #footer .footer-list-001 {max-width:1520px;}
        .footer-list-001 ul li:nth-child(5n) a:after {display:none;}
    }

    @media (min-width:1541px){
       .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:220px; box-sizing:border-box;}
       .wrap_left_template ~ #footer .footer-area-001 {padding-left:0px;}
       .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:220px !important;}
    }
    @media (min-width:991px) and (max-width:1540px){
        .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:18%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:18%;padding-top:20px;padding:20px 15px 0;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {width:82%; padding-top:20px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea {padding: 0;}
    }


    @media (min-width:800px) and (max-width:990px){
        .footer-area-001 .addressArea .footerLogo {width:20%;}
        .footer-area-001 .addressArea .p_wrap {width:80%;}
    }

    @media (min-width:600px) and (max-width:799px){

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea {padding: 20px 0px 0px;}
        .footer-center-001 ul {padding: 5px 15px;}
        .footer-list-001 ul li {line-height: 35px;width: auto;padding: 0;}
        .footer-list-001 ul li a {padding-left:0; }
        .footer-list-001 ul li a:after, .footer-list-001 ul li.link-group:after {padding: 0 20px;}
        .footer-list-001 ul li.link-group {width:100%; margin-bottom:5px;}
        .footer-list-001 ul li.link-group:after {display:none;}
        .footer-list-001 ul li.link-group select {min-width:250px}
        .footer-area-001 .addressArea .inner {float:left;height: auto;}
        .footer-area-001 .addressArea .footerLogo {padding-right:30px;padding-bottom:20px;width:100%;padding: 0 15px;}
        .footer-area-001 .addressArea .footerLogo img {max-width:30%;}
        .footer-area-001 .addressArea .p_wrap {padding: 20px 0px;width:100%;}
        .footer-area-001 .addressArea .p_wrap > p:last-child { position:relative; bottom:auto; margin-top:20px;}
    }

    @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; padding-bottom:30px;}
.footer-area-001 .addressArea .p_wrap .kogl img {max-width: 100px;padding: 0 5px;}

@media (max-width:1300px){
    .footer-area-001 .addressArea .p_wrap .kogl{padding:0 10px 30px;}
    
}

@media (max-width:799px){
    .footer-area-001 .addressArea .p_wrap > p {padding:0 15px;margin-right:0; float:none; max-width: 100%;}
    .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%;}