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

/* footermenu Design 04 */
/* @latest 2022.03.14 SSJ */
/* @latest 2022.03.31 SSJ */
/* @latest 2022.04.15 JRA */
/* @latest 2024.01.23 OSY */


.footer {width:100%;overflow:hidden;/* position:relative; */clear:both;background:white;}
.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;background: #f5f3f0;}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0;box-sizing:border-box;padding-top:10px;padding-bottom: 30px;}
.footer-area-001 .addressArea .footerLogo {float:left;box-sizing:border-box;position:absolute;right:0;top:20px;width: 20%;text-align: right;padding-right: 15px;}
.footer-area-001 .addressArea .footerLogo img {width:auto; max-height:120px; display:inline-block; vertical-align:middle;  opacity:0.6; max-width:100%;}
.footer-area-001 .addressArea .p_wrap { margin: 10px 0px 60px;width:100%; float:left;text-align: left;box-sizing:border-box;padding-right: 26%;padding-left: 15px;}
.footer-area-001 .addressArea .p_wrap > p {word-break:break-all;color: #333;line-height:150%;font-size: 15px;opacity: 0.7;}
.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 span:only-child:after {display:none;}


.footer-list-001 {width:100%;min-height: 49px;float: left;font-size:12px;box-sizing:border-box;background: #fff;border: 1px solid rgba(138,138,138,0.2);border-width: 1px 0;line-height: normal;}
.footer-list-001 ul li{/*float:left;*/display:inline-block;color:#333333;line-height: 35px;vertical-align: middle;min-height: 35px;}
.footer-list-001 ul li:last-child{border:none; }
.footer-list-001 ul li a {text-decoration:none;color:#333;font-size: 15px;letter-spacing:-0.5px;text-align:center;font-weight: 600;}
.footer-list-001 ul li a:hover {font-weight:600; -webkit-transition:font-weight 0.5s; transition:font-weight 0.5s;}
.footer-list-001 ul li a:after,
.footer-list-001 ul li.link-group:after {content:"|";padding: 0 10px;float:right;font-size: 10px;opacity:0.5;font-weight: 600;color: #333;/* transform: rotate(35deg); */}
.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 10px 0 0;*/}
.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;text-align: left;}
.footer-center-001 ul {width: 100%;box-sizing:border-box;padding: 8px 15px;}

.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;}
    }
    @media (max-width:1300px){ }
    @media (min-width:991px){
       .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:220px;}
       .wrap_left_template ~ #footer .footer-area-001 {padding-left:0px;}
       .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {padding-left:220px;}
    }
    @media (min-width:991px) and (max-width:1539px){
        .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:18%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea {padding:0;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {padding-left:18%;}
    }

    @media (min-width:800px) and (max-width:1300px){
        .footer-area-001 {/* padding:0 15px; */}
        .footer-center-001 ul {/* padding:0 15px; */}
    }

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

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea .p_wrap {padding-right:15px;}
        .footer-center-001 ul {padding:10px 15px;}
        .footer-list-001 ul li {/* line-height: 25px; */}
        .footer-list-001 ul li a {padding-left:0;font-size: 15px;}
        .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}

        .footer-area-001 .addressArea .inner {float:left; display:flex; flex-direction:column-reverse; padding-bottom:0px;}
        .footer-area-001 .addressArea .footerLogo {position:relative; width:100%; text-align:right; top:auto; bottom:0;}
        .footer-area-001 .addressArea .footerLogo img {max-height:60px;}
    }
    
    
    
/* 공공누리, WA MARK */
.footer-area-001 .addressArea .p_wrap .kogl {margin-top: 20px; display:block; }
.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-right: 10px;}
 
    @media (max-width:799px){ 
        .footer-area-001 .addressArea .p_wrap .kogl {padding-bottom:40px;}
    }