@charset "utf-8"; 
/* footmenu03.css
    2025.09.10 SSJ
*/


.footer {width:100%;overflow:hidden;background:#f8f8f8;position:relative;clear:both;/* padding-top:30px; *//* border-top: 1px solid #e3e3e3; */}
.footer .inner {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; }
.wrap_left_template ~ .footer .inner {max-width:1520px;}

.footer-area-001 {width:100%; float:left; }
.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;display: none;}
.footer-area-001 .addressArea .footerLogo img {width:auto; max-height:60px; display:inline-block; vertical-align:middle; max-width:100%;}
.footer-area-001 .addressArea .p_wrap {margin: 25px 0 50px;width:100%;float:left;text-align: center;box-sizing:border-box;}
.footer-area-001 .addressArea .p_wrap > p {color:#888;line-height: 160%;font-size: 15px;font-family: 'Noto Sans KR';word-break: keep-all;}
.footer-area-001 .addressArea .p_wrap > p:nth-child(2) span:first-child:not(:last-child):after {content:"|";padding:0 10px;opacity: 0.8;}
.footer-area-001 .addressArea .p_wrap > p:last-child {color:#636363; opacity:0.5; padding-top:5px; }

    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:last-child {color:#888;padding-top:0;opacity: 0.6;}
    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:first-child {color:#636363;opacity: 1;padding-bottom:5px;}

.footer-list-001 {width:100%;font-size:12px;box-sizing:border-box;padding-top: 30px;border-top: 1px solid #e3e3e3;}
.footer-list-001 ul li{/*float:left;*/ display:inline-block; color:#333333; line-height:27px; }
.footer-list-001 ul li:last-child{border:none; }
.footer-list-001 ul li a {text-decoration:none;color:#333;padding:0 10px;font-size: 15px;letter-spacing: -0.5px;text-align:center;border-right:1px solid rgba(255,255,255,0.3);font-family: 'Noto Sans KR';}
.footer-list-001 ul li a:hover {text-decoration:underline; }
.footer-list-001 ul li a:after {content:"\b7"; float:right; opacity:0.8; font-size:14px; font-weight:600;}
.footer-list-001 ul li.link-group:after {content:"\b7"; float:right; opacity:0.8; font-size:14px; font-weight:600; padding-left:10px;}
.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 0 0 10px;}
.footer-list-001 ul li.link-group select {color:#888; border: 1px solid rgba(0,0,0,0.4);  border-radius: 2px; height: 25px !important; line-height: 25px;
                                          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 .footer-center-001 {width:100%;margin:0 auto;text-align:  center;}
.footer-center-001 ul {width:auto;display: inline-block; text-align:center;}

.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;}

    @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:0px; }
       .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:800px) and (max-width:1300px){
        .footer-area-001 {/*padding:90px 15px;*/ }
        .footer-center-001 ul {padding-right:15px; }
    }

    @media (min-width:600px) and (max-width:799px){

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea {padding:0px 15px; }
        .footer-center-001 ul {padding:0 15px; }
        .footer-list-001 {padding-bottom:15px;padding-top: 15px;}
        .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 {padding:0 5px;}
    }