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

/* footermenu Design 03 */
/* @latest 2023.01.12 SSJ */
/* @latest 2024.01.24 SSJ */
/* @latest 2024.01.29 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: #2f2f2f;}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0;padding-top:30px;box-sizing:border-box;border-top: 1px solid rgba(138,138,138,0.2);float:left;margin-top: -1px;}
.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: 20%;padding: 0 15px;}
.footer-area-001 .addressArea .footerLogo img {width:auto; max-width:90%; display:inline-block; vertical-align:middle; max-width:100%; max-height:150px; margin-bottom:15px;}
.footer-area-001 .addressArea .p_wrap {width:auto;float:left;text-align: left;box-sizing: border-box;width: 80%;padding-left: 15px;padding-bottom: 50px;}
.footer-area-001 .addressArea .p_wrap > p {color: #fff;line-height: 150%;font-size: 15px;opacity: 0.5;display:block;float: left;max-width: 60%;word-break: break-all;margin-right: 20px;}
.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 {width:100%;margin-top:5px;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; color:#333333; text-align: center; border-right: 1px solid rgba(138,138,138,0.2); box-sizing: border-box; -webkit-transition:background 0.5s; transition:background 0.5s; border-bottom: 1px solid rgba(138,138,138,0.2); list-style:outside; color:transparent; }
.footer-list-001 ul li a {text-decoration:none;color: #fff;padding: 0;font-size: 15px;opacity:0.7; font-weight:600;}
.footer-list-001 ul li:hover {font-weight:600; opacity:1; background:#a0a1a5; }
.footer-list-001 ul li:first-child {/*background:#b7111b;*/}
.footer-list-001 ul li:last-child a:after {display:none;}
.footer-list-001 ul li.link-group {/* padding:0; */}
.footer-list-001 ul li.link-group select {color: #bfbfbf;border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;font-size: 15px;width: calc(100% - 70px);height: 35px !important;line-height: 33px;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;border-color: #787878;}
/* .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;}
.footer-center-001 ul {width: 100%;float: left;/* padding:8px 0; */ 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: #fff;}


.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 {width:20%; height:45px; line-height:45px;}
        .footer-list-001 ul li:nth-child(5n+1) {border-left:1px solid rgba(138,138,138,0.2);}
    }

    @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%; }
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {width:82%; }
    }

    @media (min-width:800px) and (max-width:1300px){}

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

        .footer-list-001 ul li {width:25%; padding:0 15px; line-height:35px;}
    }


    @media (max-width:799px){
        .footer-area-001 .addressArea {padding: 20px 0px 10px;margin-top: -1px;}
        .footer-list-001 ul li a {padding-left:0;font-weight: 400;}
        .footer-list-001 ul li a:after {padding: 0 20px;}
        .footer-list-001 ul li.link-group {width:100%;padding: 0;}
        .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 {width:100%;padding: 0 15px;}
        .footer-area-001 .addressArea .footerLogo img {max-width:80%;}
        .footer-area-001 .addressArea .p_wrap {padding: 20px 0px;width:100%;}
        .footer-area-001 .addressArea .p_wrap > p {padding:0 15px;display: block;}
        .footer-area-001 .addressArea .p_wrap > p:last-child { position:relative; bottom:auto; margin-top:20px;}
        
    }

    @media (max-width:599px){
        .footer-list-001 ul li {width:33.333%; padding:0 5px; line-height:35px;}
    }
    @media (max-width:499px){
        .footer-area-001 .addressArea .footerLogo {width:100%;}
    }

    
    
/* 공공누리, WA MARK */
.footer-area-001 .addressArea .p_wrap .kogl {text-align: right;}
.footer-area-001 .addressArea .p_wrap .kogl a {padding:0 5px;vertical-align: middle;}
.footer-area-001 .addressArea .p_wrap .kogl img {max-width: 100px;}

    @media (max-width:1300px){ 
        .footer-area-001 .addressArea .p_wrap .kogl {padding:0 15px;
        }
    }
    @media (min-width:1050px){ 
        .footer-area-001 .addressArea .p_wrap {position: relative;}
    }
    @media (max-width:1049px){ 
        .footer-area-001 .addressArea .p_wrap .ftrImg {/* padding-top:20px; */}
    }
    @media (max-width:799px){
        .footer-area-001 .addressArea .p_wrap > p{float:none; max-width: 100%;margin-right:0;}
        .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%;}