@charset "utf-8";
footer { position: relative; padding: 5.5rem 0 5.8rem; border-top:1px solid black; background-color: white; font-size: 14px; }

footer .created-by { transition: .3s ease-out; } 
footer .created-by:hover { color:#7cb32a; } 

.gafh-footer__logo { width: 186px; }
.gafh-footer .inner { max-width: 1280px; display: flex; flex-wrap: wrap; align-items: end;   justify-content: space-between;   gap: 2rem;}
.gafh-top { position: absolute; right: max(2%, calc((100% - 1280px) / 2)); top: 0; display: inline-flex; align-items: center; gap: 0.6rem;   padding: 1rem 3.2rem;   border: 1px solid #000;   background: #fff; transform: translateY(-50%); }
.gafh-top:hover { background: #f0f0f0; }
.gafh-top::after {   content: "";   width: 0;   height: 0;   border-left: 0.4rem solid transparent;   border-right: 0.4rem solid transparent;   border-bottom: 0.6rem solid #000;}
.gafh-footer__copy { margin-bottom: 1.2rem; line-height: 1.3; }

@media screen and (max-width:1024px){
   .gafh-footer__logo { width: 156px; }
}

@media screen and (max-width:768px){
   .gafh-footer__logo { width: 140px; }
}


/*layer popup style s*/
body.noneScroll {overflow: hidden;}

.dim {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 101;}
.dim.active {display: block;}

.popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;}
.popup.active {display: block;}
.popup .inner {height: 100%;}
.popup .pop_wrap {background: #fff; position: absolute; width: 100%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup .title {position: relative; height: 80px; padding: 0 3%; border-bottom: 1px solid #ddd; background: #fff;}
.popup .title p {line-height: 80px; font-size: 30px; font-weight: 600;}
.popup .title .close {position: absolute; height: 100%; width: 80px; right: 0; top: 0; background-color: #ddd; cursor: pointer;}
.popup .title .close span {display: block; background-color: #333; position: absolute; width: 3px; height: 30px; top: 25px; left: 40px; transform: rotate(45deg);}
.popup .title .close span:last-child {transform: rotate(-45deg);}

.popup .cont {height: calc(100% - 80px); padding: 30px 3%; overflow-y: auto;}

.popup .cont::-webkit-scrollbar {width: 8px;}
.popup .cont::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.popup .cont::-webkit-scrollbar-track {background-color: #eee;}

@media screen and (max-width:768px){
   .popup .title {height: 60px;}
   .popup .title p {line-height: 60px; font-size: 20px;}
   .popup .title .close {width: 60px;}
   .popup .title .close span {height: 20px; top: 21px; left: 29px;}

   .popup .cont {height: calc(100% - 60px);}

}

/* 내부 스타일 */
:root {
   --big-tit : 21px;
   --dep1-tit: 18px;
   --pop-txt : 16px;
}
.tos-wrap { width: 100%; }
.dep1-wrap { margin-bottom: 60px; }
.dep1-wrap .big-tit { font-size: var(--big-tit); font-weight: 600; padding-bottom: 25px; }

.dep1-box { padding-bottom: 15px; }
.dep1-box .dep1-tit { font-size: var(--dep1-tit); font-weight: 500; line-height: 1.2; padding-bottom: 7px; }
.dep1-box p { font-size: var(--pop-txt); line-height: 1.3; }
.dep1-box .dep1-txt { padding-left: 10px; padding-bottom: 10px; }
.dep1-box .in-dep-list1 li { margin-bottom: 3px; padding-left: 15px; }
.dep1-box .in-dep-list1 > ul > li { margin-bottom: 5px; }
.dep1-box .in-dep-list1 li > p { padding-left: 20px; text-indent: -18px; }
.dep1-box .in-dep-list1 li > p.in-dep1-tit { padding-left: 10px; font-weight: 400; }
.dep1-box .in-dep-list2,
.dep1-box .in-dep-list3 { padding-top: 5px; }

@media screen and (max-width:768px){
   :root {
      --big-tit : 19px;
      --dep1-tit: 16px;
      --pop-txt : 14px;
   }
}



 /*layer popup style e*/

/* ----- NAU GOLD footer (Figma 인사말 1:557 + 메인 공통 카피라인) ----- */
footer.nau-footer {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    font-size: inherit;
    line-height: inherit;
}

.nau-footer__plate {
    background: #171c22;
    border-radius: 6rem 6rem 0 0;
    min-height: 32.7rem;
    padding: 5.6rem 0 4rem;
    box-sizing: border-box;
    color: #fff;
}

.nau-footer__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.4rem 3rem;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.nau-footer__logo {
    display: block;
    flex: 0 0 auto;
}

.nau-footer__logo img {
    display: block;
    height: 7.2rem;
    width: auto;
    max-width: 25.2rem;
}

.nau-footer__phone {
    flex: 1 1 auto;
    min-width: 20rem;
}

.nau-footer__phone-label {
    margin: 0 0 0.6rem;
    font-size: var(--fs-16, 1.6rem);
    font-weight: 600;
    color: #fff;
}

.nau-footer__phone-num {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-size: var(--fs-32, 3.2rem);
    font-weight: 500;
    line-height: 1.2;
}

.nau-footer__phone-num a {
    color: #fff;
    text-decoration: none;
}

.nau-footer__phone-num a:hover {
    text-decoration: underline;
}

.nau-footer__top {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 3.5rem;
    border: 1px solid #525252;
    background: #171c22;
    font-family: Montserrat, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
}

.nau-footer__top:hover {
    background: #252a32;
}

.nau-footer__meta {
    padding-top: 2.8rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.65;
    color: #fff;
}

.nau-footer__company {
    margin: 0 0 1.2rem;
    font-size: var(--fs-16, 1.6rem);
    font-weight: 700;
}

.nau-footer__line,
.nau-footer__address {
    margin: 0 0 0.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1.2rem;
}

.nau-footer__address {
    margin-bottom: 0;
}

.nau-footer__sep {
    display: inline-block;
    width: 1px;
    height: 1rem;
    background: rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
}

.nau-footer__address a {
    color: #fff;
    text-decoration: underline;
}

.nau-footer__copyrow {
    margin-top: 3.2rem;
    padding-top: 2.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.nau-footer__copy {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
}

.nau-footer__created {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: color 0.2s ease;
}

.nau-footer__created:hover {
    color: #c9a227;
}

@media screen and (max-width: 768px) {
    .nau-footer__plate {
        border-radius: 3rem 3rem 0 0;
        min-height: auto;
        padding: 4rem 0 3rem;
    }

    .nau-footer__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .nau-footer__top {
        width: 100%;
        max-width: 20rem;
    }

    .nau-footer__line,
    .nau-footer__address {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .nau-footer__sep {
        display: none;
    }
}
