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

/* footermenu Design 05 */
/* @latest 2022.05.04 JRA */
/* @latest 2023.01.12 SSJ */
/* @latest 2024.01.24 SSJ */


.footer {width:100%;overflow:hidden;background:#f8f8f8; clear:both;}
.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;background:#f8f8f8;box-sizing: border-box;}
.footer-area-001 .addressArea {width:100%;text-align:center;margin:0;box-sizing:border-box;}
.footer-area-001 .addressArea .footerLogo {float:left; text-align:left; box-sizing:border-box; }
.footer-area-001 .addressArea .footerLogo img {width:auto;max-height:60px;display:inline-block;vertical-align:middle;max-width: 90%;overflow: hidden;}
.footer-area-001 .addressArea .p_wrap {width:100%;float:left;text-align:left;box-sizing:border-box;}
.footer-area-001 .addressArea .p_wrap > p {margin-right:20px;max-width: 70%;word-break: break-all;float: left;color: #555;line-height: 160%;font-size: 16px;}
.footer-area-001 .addressArea .p_wrap > p:nth-child(2) span:first-child:after {content:"|"; padding:0 10px; opacity:9.8;}
.footer-area-001 .addressArea .p_wrap > p:last-child {color:#636363;opacity: 0.8;padding-top:5px;}
.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;border-bottom: 1px solid rgba(138,138,138,0.2);background:#f8f8f8;}
.footer-list-001 ul li{/*float:left;*/display:inline-block;color:#333333;line-height: 150%;}
.footer-list-001 ul li:last-child{border:none; }
.footer-list-001 ul li a {text-decoration:none;color:#333;padding:0 0 0 10px;font-size: 16px;letter-spacing:-1px;text-align:center;line-height: 35px;}
.footer-list-001 ul li a:after {content:"|";padding-left: 10px;opacity: 0.8;font-size: 10px;}
.footer-list-001 ul li a:hover {text-decoration:underline; }
.footer-list-001 ul li:last-child a:after {display:none; }
.footer-list-001 ul li:last-child a, .footer-list-001 ul li:last-child.link-group {padding-right:0; }
.footer-list-001 ul li:last-child a {border-right:none; }
.footer-list-001 ul li.link-group {padding: 0 7px;}
/* .footer-list-001 ul li.link-group:after {content:"|";padding-left: 15px;opacity:0.3;font-size:11px;} */
.footer-list-001 ul li.link-group select {color: #6b6b6b; border: 1px solid rgba(0,0,0,0.2); border-radius: 2px; font-size: 15px; height: 35px !important; line-height: 33px;
                                        background:url(/images/wzwg/cmm/arrow_black.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;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 auto; }
.footer-center-001 ul {width:auto; display:table; text-align:right; padding-left:20%;}

.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; }

    @media (min-width:1300px){
        .footer-area-001 .addressArea .footerLogo {padding-left:15px;}
        .footer-area-001 .addressArea .p_wrap {padding: 20px 0px 30px;}
    }
    @media (min-width:800px){
        .footer-list-001 {/* position:absolute; */left:0; top:0; height:105px; line-height:105px; text-align:right;}
        .footer-list-001 .footer-center-001 {height:105px; position: relative;}
        /* .footer-center-001 ul {/max-width:70%; display:inline-block;vertical-align:middle;line-height:25px;float:none;height:auto;
                                position:absolute; top:50%; right:0; transform:translate(0,-50%); max-height:85px; overflow:hidden;} */
        .footer-center-001 ul {position: absolute; top: 50%; transform: translate(0,-50%); width:100%; max-width:80%; max-height: 75px; overflow: hidden; line-height: 25px;}
        .footer-area-001 {}
        .footer-area-001 .addressArea .footerLogo {position:absolute; top:-105px; margin-top:2%;}
        .footer-area-001 .addressArea .footerLogo img {max-width:260px;}

        .wrap_left_template ~ #footer .footer-list-001 {top:0; height:105px;}
        .wrap_left_template ~ #footer .footer-area-001 {padding:120px 0 50px;}
    }
    @media (max-width:1300px){

    }
    @media (min-width:991px){
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:220px !important;}
    }

    @media (min-width:800px) and (max-width:1299px){
        .footer-center-001 ul {right:15px; }
    }
    @media (min-width:991px) and (max-width:1299px){
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {padding-left:15px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {padding:0 15px; box-sizing:border-box;}
    }
    @media (min-width:800px) and (max-width:990px){
        .wrap_left_template ~ #footer .footer-area-001 {padding-left:15px;}
    }

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

    }
    @media (max-width:799px){
        .footer {padding-top:0;}
        .footer-area-001 .addressArea .footerLogo {margin-top:21px;}
        .footer-center-001 ul {padding:0 15px; text-align:left;}
        .footer-list-001 {padding:15px 0; }
        .footer-list-001 ul li:first-child a {padding-left:0; }
        .footer-list-001 ul li a:after {padding-right:10px; }
        .footer-list-001 ul li.link-group {width:100%;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}
    }

    
    
    
    
    
/* 공공누리, 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-left: 10px;}
    @media (max-width:799px){ 
        .footer-area-001 .addressArea .p_wrap .kogl {margin-top:20px;}
        .footer-area-001 .addressArea .p_wrap > p{float:none; max-width: 100%; margin-right:0;}
    }
    @media (max-width:1300px){ 
        .footer-area-001 .addressArea .p_wrap{ padding: 27px 15px;}
        
    }


 

.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%;}