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

/* footermenu Design 10 */
/* @latest 2022.05.03 JRA */
/* @latest 2022.07.11 SSJ */
/* @latest 2024.06.10 YHY */

.footer {width:100%; overflow:hidden; 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;padding: 0px 0 30px; position:relative;background: transparent !important;}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0; box-sizing:border-box;}
.footer-area-001 .addressArea .footerLogo {float:left; text-align:left; box-sizing:border-box; width:260px; display:inline-block;}
.footer-area-001 .addressArea .footerLogo img {width:auto;  display:inline-block;vertical-align:middle;max-width: 90%; max-height:200px;}
.footer-area-001 .addressArea .p_wrap {margin: 0px 0px 50px; width:auto; float:left; text-align:left; box-sizing:border-box; width:100%;}
.footer-area-001 .addressArea .p_wrap > p { margin-right: 20px;word-break: break-all;max-width:calc(100% - 180px);color:#888;line-height: 150%;font-size: 15px;float: left;}
.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-area-001 .addressArea .p_wrap > p:nth-child(n+2) {clear:both;}

    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:last-child {color:#888;padding-top: 5px;opacity: 0.5;}
    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:first-child {color:#636363;padding-bottom:5px;}

.footer-list-001 {width:100%; font-size:12px; box-sizing:border-box; margin:0 auto;border-top:1px solid #e5e5e5;background: transparent !important;}
.footer-list-001 ul li {/*float:left;*/ display:inline-block; color:#333333; line-height: 28px;}
.footer-list-001 ul li:last-child {border:none;}
.footer-list-001 ul li a {text-decoration:none; color:#333; padding:0; font-size: 15px; letter-spacing:-0.5;}
.footer-list-001 ul li a:hover {font-weight:600; }
.footer-list-001 ul li a:after {content:"|"; padding:0 8px; float:right; font-size:11px; opacity:0.8; font-weight:200;}
.footer-list-001 ul li:first-child a {padding-left:0;}
.footer-list-001 ul li:last-child a:after {display:none;}


.footer-list-001 .footer-center-001 {width:100%; margin:0 auto; text-align:left; padding-top:20px; padding-bottom:5px;}
.footer-center-001 ul {width:100%;}

.footer-bt-001 {background:#ffffff; width:100%; height:100%; font-size:12px; min-width:660px;}
.footer_Left_001 {width:100%; position:relative; }
.addressArea {float:left;font-size:12px;color:#777;position: relative;background: transparent !important;}


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

.selGroup {background:#fcfcfc; border-bottom:1px solid #e5e5e5;}
.selGroup ul {width:100%; max-width:1300px; margin:0 auto; overflow:hidden; font-size:0;}
.selGroup ul li {width:33.33%; box-sizing:border-box; border-left:1px solid #e5e5e5 !important;}
.selGroup ul li:last-child {border-right:1px solid #e5e5e5;}
.selGroup ul li.link-group select {
                                   width: calc(100% - 68px);
                                   height:55px;
                                   line-height:55px;
                                   padding-left:30px !important;
                                   color:#333;
                                   font-size:16px;
                                   font-weight:600;
                                   border:none;
                                   background:url(/images/wzwg/cmm/arrow_black.png) no-repeat right 30px center;
                                   appearance:none;
                                   -webkit-appearance:none;
                                   background-size:6px;
                                   }
.selGroup ul li.link-group select::-ms-expand {opacity:0;}
.selGroup ul li.link-group select option {color:black; height:55px; line-height:55px; font-size:16px;}
.selGroup ul li.link-group select option:checked,
.selGroup ul li.link-group select option:focus,
.selGroup ul li.link-group select option:active,
.selGroup ul li.link-group select option:hover {background:#f8f8f8; color:#333;}
.selGroup ul li.link-group button {height:55px;color: #333;font-size: 16px;margin-left: 0 !important;border-width: 0 0 0 1px;border-color: #e5e5e5;}
.selGroup ul li.link-group button:hover {background:#333;color:#fff;}

    .selGroup ul li:only-child {width:100% !important;}
    .selGroup ul li:nth-last-child(2), .selGroup ul li:nth-last-child(2)+li {width:50% !important;}
    .selGroup ul li:nth-last-child(3), .selGroup ul li:nth-last-child(3)~li {width:33.33333333333333% !important;}
    .selGroup ul li:nth-last-child(4), .selGroup ul li:nth-last-child(4)~li {width:25% !important;}
    .selGroup ul li:nth-last-child(5), .selGroup ul li:nth-last-child(5)~li {width:20% !important;}

    @media (min-width:800px){
        .wrap_left_template ~ #footer .footer-list-001 {top:0;}
        .footer-area-001 .addressArea .p_wrap {padding-left:259px;}
        .footer-area-001 .addressArea .footerLogo {position:absolute; padding-right:20px; margin-top:-20px;}
        .footer-list-001 .footer-center-001 {padding-left:260px;}
    }
    @media (min-width:991px){
       .wrap_left_template ~ #footer .footer-center-001 ul {padding-left: 15px;}
       .wrap_left_template ~ #footer .footer-area-001 {padding-left:0px;}
       .wrap_left_template ~ .footer .footer-list-001 .footer-center-001 {padding-left:0;}

    }
    @media (min-width:1540px){
        .wrap_left_template ~ .footer .footer-list-001 .footer-center-001 { padding-left: 220px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {padding-left: 235px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width: 220px !important;}
    }
    @media (min-width:991px) and (max-width:1539px){
        .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:15px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea {padding:0px 15px 0;}
        .wrap_left_template ~ #footer .footer-list-001 {padding-left:18%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {padding-left:18.5%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:16% !important;}
    }
    @media (min-width:800px) and (max-width:1300px){
        .footer-area-001 .addressArea .p_wrap .kogl a{ padding-right: 15px;}
    }

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

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea {padding:20px 15px 0px; }
        .footer-center-001 ul {padding:0 15px; }
        .footer-list-001 ul li {line-height:25px; min-height:30px;}
        .footer-list-001 ul li a {padding-left:0;font-size: 15px;}
        .footer-list-001 ul li a:after {padding-right:10px; }
        .footer-area-001 .addressArea .inner {float:left;}
        .footer-area-001 .addressArea .footerLogo {padding-right:30px; padding-bottom:20px; width:100%;}
        .footer-area-001 .addressArea .footerLogo img {max-width:30%;}
        .footer-area-001 .addressArea .p_wrap {padding-left:0; width:100%; margin: 0px 0px 20px;}

        .selGroup ul li.link-group select {font-size:14px; padding-left:15px !important; background:url(/images/wzwg/cmm/arrow_black.png) no-repeat right 15px center;}
       
    }

    @media (max-width:499px){
        .footer-area-001 .addressArea .footerLogo {width:100%;}
    }
    
    
    
    
/* 공공누리, WA MARK */
.footer-area-001 .addressArea .p_wrap .kogl {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.footer-area-001 .addressArea .p_wrap .kogl a {display:inline-block; vertical-align:middle;}
.footer-area-001 .addressArea .p_wrap .kogl img {max-width: 150px;padding: 0 5px;}

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