/*     
    *{  text-decoration: none;
        color: #333;
        margin: 0;
        padding: 0;
        font-family: 'NanumSquare', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif,;
    }
    ul,ol,li{
        list-style: none;
    }
    img{
        display: block;
        border: 0;
    }


    footer{width: 100%; border-top: 1px solid #CDCBCB; display: flex; padding: 40px 2.188vw; box-sizing: border-box; margin-bottom: 50px;
        justify-content: space-between;
    }

    .footerL{display: flex; justify-content: left; flex-direction: column;}
    .footerL>.logo{width: 12.760vw;}
    .footerL>.logo>img{width: 100%;}

    .footerL span{font-size: 0.781vw; padding: 10px 0;}
    .footerL h1{font-size: 1.563vw; margin-top: 10px;}

    .footerM1{font-size: 0.781vw;}
    .footerM1 p{margin-bottom: 8px;}

    .footerM2{display: flex; flex-direction: column; font-size: 0.781vw;}
    .footerM2 p{margin-bottom: 20px;}

    .cirt{display: flex;}
    .cirt>.mo1{display: flex;}
    .cirt>.mo2{display: flex;}
    .cirt li{padding-right: 0.885vw;}

    .SNS{display: flex;}
    .SNS li:last-child{margin-left: 2.188vw;}

    @media screen and (max-width:1330px) and (min-width:1025px) {
        
    }


    @media screen and (max-width: 1024px) {
        footer{width: 100%; padding: 10px 15px 30px 15px; box-sizing: border-box; flex-direction: column;}

        .footerL>.logo{width: 117px;}
        .footerL>.logo>img{width: 100%;}

        .footerL span{font-size: 12px; padding: 0;}
        .footerL h1{font-size: 20px;}

        .footerM1{padding: 30px 0; box-sizing: border-box; font-size: 12px;}
        .footerM1 p{margin-bottom: 5px;}

        .footerM2{font-size: 12px;}
        .footerM2 p{margin-bottom: 5px;}

        .cirt{flex-direction: column; padding: 30px 0; box-sizing: border-box;}
        .mo1{width: 100%; display: flex; justify-content: space-between; margin-bottom: 5px;}
        .mo2{width: 100%; display: flex; justify-content: space-between;}
        .cirt img{height: 30px;}
        
        .SNS li:last-child{margin-left: 42px;}


    } */


* {margin: 0; padding: 0; box-sizing: border-box;}
footer {width: 100%; overflow-x: hidden;}
.footer-wrap {border-top: 1px solid #CDCBCB; min-height: 200px; width: 100%;}
.footer-wrap .flex-bx {width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 40px 0; gap: 100px; align-items: start;}
.footer-wrap .flex-bx div {display: flex;}
.footer-wrap .flex-bx div.col {flex-direction: column;}
.footer-wrap .flex-bx div.mo-col {gap: 100px;}
.footer-wrap .flex-bx .bx1 img {width: 200px; margin-bottom: 10px;}
.footer-wrap .flex-bx .bx1 .copy {font-size: 10px; color: #888;}
.footer-wrap .flex-bx .bx2 {gap: 7px;}
.footer-wrap .flex-bx .bx2 p {font-size: 12px; color: #333;}
.footer-wrap .flex-bx .bx2 p.en {letter-spacing: -0.45px; margin-top: 5px;}
.footer-wrap .flex-bx .bx3 {height: 35px; gap: 15px;}
.footer-wrap .flex-bx .bx3 img {height: 100%; object-fit: contain;}
.footer-wrap .flex-bx .bx3.en {height: 35px;}
.footer-wrap .flex-bx .bx4 {margin-left: auto; gap: 20px; align-items: end;}
.footer-wrap .flex-bx .bx4 .row {gap: 15px; align-items: center;}
.footer-wrap .flex-bx .bx4 .row a {display: block; height: 40px;}
.footer-wrap .flex-bx .bx4 .row a img {height: 100%; object-fit: contain;}
.footer-wrap .flex-bx .bx4 .col {align-items: end; gap: 7px;}
.footer-wrap .flex-bx .bx4 .col a {font-size: 12px; font-weight: 700; position: relative;}
.footer-wrap .flex-bx .bx4 .col a::after {display: block; content: ''; width: 0%; height: 1px; position: absolute; transition: .5s; bottom: -2px; left: 0; background-color: #666;}
.footer-wrap .flex-bx .bx4 .col a:hover::after {width: 100%;}


@media screen and (max-width: 1800px) {
    .footer-wrap .flex-bx {justify-content: space-between; gap: 0;}
    .footer-wrap .flex-bx .bx4 {margin-left: 0;}
    .footer-wrap .flex-bx div.mo-col {gap: 80px;}
    .footer-wrap .flex-bx div.mo-col.en {gap: 50px;}
}

@media screen and (max-width: 1600px) {
    .footer-wrap .flex-bx {gap: 30px 100px}
    .footer-wrap .flex-bx .bx3 {order: 3; width: 100%; justify-content: end;}
}

@media screen and (max-width: 1200px) {
    .footer-wrap .flex-bx div.mo-col {flex-direction: column; gap: 30px;}
    .footer-wrap .flex-bx .bx3 {height: 30px; gap: 15px;}
}

@media screen and (max-width: 1024px) {
    .footer-wrap {padding: 40px 15px;}
    .footer-wrap .flex-bx {width: 100%; padding:0px;}
}

@media screen and (max-width: 800px) {
    .footer-wrap .flex-bx {flex-direction: column;}
    .footer-wrap .flex-bx .bx3 {justify-content: start;}
    .footer-wrap .flex-bx .bx4 {align-items: start;}
    .footer-wrap .flex-bx .bx4 .col {align-items: start;}
}

@media screen and (max-width: 450px) {
    .footer-wrap .flex-bx .bx2 {gap: 10px;}
    .footer-wrap .flex-bx .bx2 p {font-size: 11px;}
    .footer-wrap .flex-bx .bx3 {height: 20px; gap: 10px;}
    .footer-wrap .flex-bx .bx4 .row {gap: 12px;}
    .footer-wrap .flex-bx .bx4 .row a {height: 30px;}
    .footer-wrap .flex-bx .bx4 .col a {font-size: 11px;}
    .footer-wrap .flex-bx .bx3, .footer-wrap .flex-bx .bx3.en {height: 20px;}
}