@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

/* 프리텐다드 폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/* 레일웨이 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap');

/*============================================================================================================
    리셋
============================================================================================================*/
*{outline:0!important; box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html,body{width:100%;}
html{font-family:'Pretendard';}
body{width:100%;background:#fff;min-width:320px;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;word-wrap:break-word;word-break:keep-all;}
body,input,select,textarea,button{border:none;font-size:12px;font-family: 'Pretendard', '-apple-system', 'BlinkMacSystemFont', 'system-ui', 'Roboto', 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#000;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{width:100%;border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
img,svg {width:auto; max-width:100%;}

/* Selection */
::-moz-selection {background:rgba(0,0,0,0.5);}
::selection {background:rgba(0,0,0,0.5);}

/* Kakao Map */
.root_daum_roughmap {width:100%!important; border-radius:0!important; border:none!important; padding:0!important;}
.root_daum_roughmap .wrap_controllers {display:none!important;}

/* Fonts */
.montserrat {font-family:'Montserrat', sans-serif;}
.thefaceshop {font-family:'THEFACESHOP INKLIPQUID';}
.pretendard {font-family: 'Pretendard';}
.raleway {font-family: 'Raleway';}
.notosan {font-family: 'Noto Sans KR';}
.gulim {font-family:'Gulim';}


/*============================================================================================================
    레이아웃
============================================================================================================*/
.inner {position:relative; max-width:1440px; width:100%; margin:0 auto; padding:0 20px;}
.inner:after {display:block; clear:both; content:'';}

.only_pc {display:block;}
.only_m {display:none;}

@media all and (max-width:768px){
    .only_pc {display:none;}
    .only_m {display:block;}
}





/*============================================================================================================
    헤더
============================================================================================================*/
:root {
    --header-height-:75px;

    --toggle-height-: 20px;
}

.header {position:fixed; top:0; left:0; right:0; z-index:9999; height:var(--header-height-); transition:all 0.5s ease; overflow:hidden;}
.header .inner {max-width:1440px; padding:0 20px;}

.header h1 { position:relative; z-index:1100; display:inline-flex; align-items: center; justify-content: center; height:var(--header-height-); transition:all 0.5s ease;}
.header h1 a {display:inline-block; width:120px;}
.header h1 a svg {height:auto; vertical-align:middle;}
.header h1 .logo_W {display:inline-block;}
.header h1 .logo_C {display:none;}
.header > span {transition: all 0.5s ease;}

/* header open, on, scroll 모션 */
.header.open .gnb > ul > li ul {display:block; height:240px;}
.header.open {height:315px;}
.header::before {content:''; position:absolute; display:block; top:var(--header-height-); left:0; right:0; height:1px; transition:all 0.5s ease;}
.header.open::before {background:#eaeaea;}
.header::after {content:''; position:absolute; display:block; top:var(--header-height-); left:0; right:0; height:0; z-index: -1; transition:all 0.5s ease;}
.header.open::after {height:240px; background:#f1f2f3;}

.header.on {background:#fff;}
.header.on .gnb > ul > li > a, .header.scroll .gnb > ul > li > a {color:#333;}

.header.scroll h1 a .logo_W, .header.on h1 a .logo_W, .header.open h1 a .logo_W {display:none;}
.header.scroll h1 a .logo_C, .header.on h1 a .logo_C, .header.open h1 a .logo_C {display:inline-block; vertical-align: middle; filter: invert(100%)}
.header.scroll {background:#fff;}

/* gnb */
.header .gnb {position:absolute; top:0; left:0; right:0; text-align:center;}
.header .gnb > ul {display:flex; justify-content:center; align-items:center;}
.header .gnb > ul > li {position:relative; display:inline-block; padding:0 30px; text-align:center; vertical-align:top;}
.header .gnb > ul > li:last-child {margin:0;}
.header .gnb > ul > li > a {display:block; line-height:var(--header-height-); font-size:18px; font-weight:500; color:#fff; transition:all 0.5s ease;}
.header .gnb > ul > li > ul {position: absolute; left:0; right:0; top:var(--header-height-);  height:240px; padding:13px 0 18px; transition:all 0.5s ease;}
.header .gnb > ul > li > ul li {margin:0 0 12px;}
.header .gnb > ul > li > ul li:last-child {margin:0;}
.header .gnb > ul > li > ul li a {font-size:16px; font-weight:500; color:#666666;}
.header .gnb > ul > li > ul li a:hover {font-weight:600; color:#C74C1B;}

.header .gnb > ul > li > a::after {content: ''; position: absolute; bottom: 0; left: 50%; height: 2px; width: 0%; background: #C74C1B; transform: translateX(-50%); transition: all 0.3s ease;}
.header .gnb > ul > li:hover > a::after {width: 100%;}

/* etc */
.header .etc {position:relative; float:right; z-index:5500;}
.header .etc ul {display:flex; height:var(--header-height-); align-items: center;}
.header .etc ul li {display:inline-block;}

.header .etc .toggle { position:relative; display:none; width:var(--header-height-); height:var(--header-height-);  text-indent:-99999px;}
.header .etc .toggle span {position:absolute; display:inline-block; height:2px; position:absolute; background:#fff; opacity:1; transition:all 0.3s ease;}
.header.on .etc .toggle span, .header.scroll .etc .toggle span {background:#333;}
.header .etc .toggle span:nth-child(1) {width:20px; top:calc(50% - 12.5px); right:24px;}
.header .etc .toggle span:nth-child(2) {width:20px; top:calc(50% - 1.5px); right:24px;}
.header .etc .toggle span:nth-child(3) {width:28px; top:calc(50% + 9.5px); right:24px;}

.header .etc ul li .toggle.active span:nth-child(1) {right:28%; top:50%; margin-top:0; width:34px; transform:rotate(45deg)}
.header .etc ul li .toggle.active span:nth-child(2) {right:0; opacity:0;}
.header .etc ul li .toggle.active span:nth-child(3) {right:28%; top:50%; margin-bottom:0; width:34px; transform:rotate(-45deg)}


/* 토글 */
body.tgop {overflow:hidden;}
.header .tgbox {position:fixed; display:none; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background-color:#fff; z-index:5000; overflow:scroll;}
.header .tgmenu {display:table; width:100%; max-width:1440px; padding:0; height:100%; margin:0 auto; box-sizing:border-box;}
.header .tgmenu > ul {display:table-cell; margin:0 auto; vertical-align:middle; text-align:center; font-size:0;}
.header .tgmenu > ul:after {content:''; display:block; clear:both;}

.header .tgmenu > ul > li {position:relative; display:inline-block;overflow:hidden;  vertical-align:top; width:calc(100% / 3); margin:0 0 20px; transition:all 0.3s ease;}
.header .tgmenu > ul > li:last-child:after {display:none;}
.header .tgmenu > ul > li > h2 {position:relative; display:none; font-size:30px; font-weight:700; color:#C74C1B; cursor:pointer;}

.header .tgmenu > ul > li > a {position:relative; display:inline-block; font-size:36px; font-weight:800; color:#C74C1B;}
.header .tgmenu > ul > li > ul {display:block; padding:26px 0 0 0;}
.header .tgmenu > ul > li > ul > li {display:block; margin:0 0 12px;}
.header .tgmenu > ul > li > ul > li > a {position:relative; display:inline-block; font-size:20px; font-weight:800; color:#333;}


/* 마우스호버 효과 */

/* 하이라이트 밑줄 */
.header .tgmenu > ul > li > a::after,
.header .tgmenu > ul > li > h2::after { content:''; position:absolute; top:-25px; left:0; width:15px; height:15px; background:#be1521; border-radius:50%; transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity:0; -webkit-transition:0.2s ease-in-out; }
.header .tgmenu > ul > li:hover > a::after,
.header .tgmenu > ul > li:hover > h2::after {opacity:1;}

/* @media all and (max-width:1250px){
    .header .gnb > ul > li > a {padding:0 20px;}
} */

@media all and (max-width:1135px){
    .header .gnb > ul {padding:0 0 0 200px;}
}

@media all and (max-width:1050px){
    .header .gnb {display:none;}
    .header .etc .lang {margin:0 15px 0 0;}
    .header .etc .toggle {display:block;}
}

@media all and (max-width:1024px){
    :root {
        --header-height-:70px;
    }
    .header h1 a {width:120px;}
    .header .etc .lang a {padding:8px 15px; font-size:16px; border-radius:100px;}
    .header .etc .lang a img {margin:0 7.5px 0 0; width:22px;}

    .header .etc .toggle span:nth-child(1) {width:20px; top:calc(50% - 12.5px); right:20px;}
    .header .etc .toggle span:nth-child(2) {width:20px; top:calc(50% - 1.5px); right:20px;}
    .header .etc .toggle span:nth-child(3) {width:28px; top:calc(50% + 9.5px); right:20px;}
}

@media all and (max-width:768px){
    :root {
        --header-height-:65px;
    }
    .header .inner {padding:0 10px;}
    .header h1 a {max-width:105px;}
    .header .etc .toggle {width:50px; height:50px;}
    .header .etc .toggle span:nth-child(1) {width:20px; top:calc(50% - 12.5px); right:0px;}
    .header .etc .toggle span:nth-child(2) {width:20px; top:calc(50% - 1.5px); right:0px;}
    .header .etc .toggle span:nth-child(3) {width:28px; top:calc(50% + 9.5px); right:0px;}
    .header .etc ul li .toggle.active span:nth-child(1) {right:17%;}
    .header .etc ul li .toggle.active span:nth-child(3) {right:17%;}

    .header .tgbox {position:fixed; display:none; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background-color:#ffffff; backdrop-filter: blur(5px); z-index:5000; overflow:scroll;}
    .header .tgmenu {display:table; width:100%; max-width:1440px; padding:0; height:100%; margin:0 auto; box-sizing:border-box;}
    .header .tgmenu > ul {display:table-cell; margin:0 auto; text-align:center; font-size:0;}
    .header .tgmenu > ul:after {content:''; display:block; clear:both;}

    .header .tgmenu > ul > li {position:relative; display:inline-block; overflow:hidden; vertical-align:top; width:100%; margin:0 0 3vw;}
    .header .tgmenu > ul > li:last-child:after {display:none;}
    .header .tgmenu > ul > li > h2 {position:relative; display:inline-block; color:#C74C1B; font-size:5.8vw;}

    .header .tgmenu > ul > li > a {position:relative; display:none;}
    .header .tgmenu > ul > li > ul {display:none; padding:2vw 0 0;}
    .header .tgmenu > ul > li > ul > li {display:block; margin:0 0 1.4vw;}
    .header .tgmenu > ul > li > ul > li > a {position:relative; display:inline-block; font-size:3.4vw;}
}


/*============================================================================================================
    푸터
============================================================================================================*/
.footer {padding:60px 0; background:#fff; border-top:1px solid #ecebeb;}
.footer .inner {max-width:1440px; padding:0 20px; margin:0 auto;}
.footer .flexArea {display:flex; flex-direction: column; align-items: center;}
.footer .flexArea .fLogoDiv {width:11%;}
.footer .flexArea .fLogoDiv a {display:inline-block;}
.footer .flexArea .footGnb {width:86.4%; text-align: center;}

.footer .flexArea .footGnb ul {margin:30px 0;}
.footer .flexArea .footGnb ul:after {content:''; display:block; clear:both;}
.footer .flexArea .footGnb ul li {float:left; margin:0 24px 0 0; font-size:14px; font-weight:500; color:#888888;}
.footer .flexArea .footGnb ul li:nth-child(1) {width:100%; margin:0 0 5px;}
.footer .flexArea .footGnb ul li:last-child {margin:0;}
.footer .flexArea .footGnb ul li span {display:inline-block; margin:0 5px; font-weight:bold;}
.footer .flexArea .footGnb h6 {font-size:14px; font-weight:700; color:#888888;}

.footer .flexArea .footGnb .footer_icon > a:nth-child(2) {margin:0 42px;}

.footer .flexArea .footGnb ul li br {display:none;}

@media all and (max-width:1024px){
    .footer {padding:30px 0 100px;}
    .footer .flexArea {display:block;}
    .footer .flexArea .fLogoDiv {width:100%; margin:0 0 34px; text-align: center;}
    .footer .flexArea .fLogoDiv a {max-width:170px;}
    .footer .flexArea .footGnb {width:100%;}

    .footer .flexArea .footGnb ul {margin:0 0 10px;}
    .footer .flexArea .footGnb ul:after {content:''; display:block; clear:both;}
    .footer .flexArea .footGnb ul li {float:left; margin:0 20px 0 0; font-size:14px;}
    .footer .flexArea .footGnb ul li:nth-child(1) {width:100%; margin:0 0 10px;}
    .footer .flexArea .footGnb ul li:last-child {margin:0;}
    .footer .flexArea .footGnb ul li span {margin:0 15px 0 15px;}
    .footer .flexArea .footGnb h6 {font-size:14px;}

    .footer .flexArea .footGnb .footer_icon > a:nth-child(2) {margin:0 30px;}

}

@media all and (max-width:768px){
    .footer {padding:5vw 0 19vw;}
    .footer .flexArea {display:block;}
    .footer .flexArea .fLogoDiv {width:100%; margin:0 0 4.6vw; text-align: center;}
    .footer .flexArea .fLogoDiv a {max-width:100px;}
    .footer .flexArea .footGnb {width:100%;}

    .footer .flexArea .footGnb ul {margin:0 0 3vw;}
    .footer .flexArea .footGnb ul li {float:none; width:100%; margin:0 0 1.6vw; font-size:2.8vw; line-height: 1.5;}
    .footer .flexArea .footGnb ul li:nth-child(1) {width:100%; margin:0 0 1.6vw;}
    .footer .flexArea .footGnb ul li:last-child {margin:0;}
    .footer .flexArea .footGnb ul li span {margin:0 1.8vw 0 1.8vw;}
    .footer .flexArea .footGnb ul li .del_line{display:none;}
    .footer .flexArea .footGnb ul li br {display: block;}
    .footer .flexArea .footGnb h6 {font-size:2.8vw;}

    .footer .flexArea .footGnb .footer_icon > a:nth-child(2) {margin:0 3vw;}
}


/* {position:relative;} */
.fixmenu {position:fixed; bottom:165px; right:100px; z-index:100; display:flex; flex-flow:column; align-items:end;}
.fixmenu li {position:relative; width:56px; height:56px; margin:0 0 20px 0; overflow:hidden; border-radius:30px; background:#C74C1B; transition:all 0.5s ease;}
.fixmenu li:last-child {margin:0;}
.fixmenu li a {display:flex; width:100%; height:100%;}
.fixmenu li a figure {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s;}
.fixmenu li a p {position:absolute; left:100%; top:50%;  transform:translate(0 , -53%); transition:all 0.4s; font-size:18px; font-weight:700; color:#ffffff; white-space:nowrap; opacity:0;}
.fixmenu li a p.mo{display: none;}

.fixmenu > li:nth-child(1):hover {width:400%; transition:all 0.4s;}
.fixmenu > li:nth-child(2):hover {width:300%; transition:all 0.4s;}
.fixmenu > li:nth-child(3):hover {width:350%; transition:all 0.4s;}
.fixmenu > li:nth-child(4):hover {width:300%; transition:all 0.4s;}

.fixmenu > li:hover > a > figure {left:15%;}
.fixmenu > li:hover > a > p {transform:translate(-50% , -53%); opacity:1;}
.fixmenu > li:nth-child(1):hover > a > p {left:60%;}
.fixmenu > li:nth-child(2):hover > a > p {left:60%;}
.fixmenu > li:nth-child(3):hover > a > p {left:60%;}
.fixmenu > li:nth-child(4):hover > a > p {left:60%;}

.fixmenu2{display: none;}
@media all and (max-width:1400px){
    .fixmenu{right: 20px;}
}
@media all and (max-width:1024px){
    .fixmenu{bottom: 0; right: 0; flex-flow: row; align-items: center; width: 100%; height: 70px; background-color: #C74C1B;}
    .fixmenu li{width: calc(100% / 3); height: 100%; margin: 0; border-radius: 0;}
    .fixmenu li a{justify-content: center; align-items: center;}
    .fixmenu li a figure{position: static; transform: translate(0); margin: 0 10px 0 0;}
    .fixmenu li a p{position: static; transform: translate(0); opacity: 1;}
    .fixmenu li a p.mo{display: block;}
    .fixmenu li a p.pc{display: none;}

    .fixmenu > li:nth-child(1):hover {width:calc(100% / 4);}
    .fixmenu > li:nth-child(2):hover {width:calc(100% / 4);}
    .fixmenu > li:nth-child(3):hover {width:calc(100% / 4);}
    .fixmenu > li:nth-child(4):hover {width:calc(100% / 4);}
    .fixmenu > li:hover > a > p {transform:translate(0);}

    .fixmenu2{position: fixed; right: 20px; bottom: 100px; display: block; z-index: 100;}
    .fixmenu2 li a,
    .fixmenu2 li button{display: flex; justify-content: center; align-items: center; width:50px; height:50px; margin:0 0 12px; border-radius:50%; background:#C74C1B; overflow: hidden; cursor: pointer; box-shadow: 2px 2px 6px rgba(0,0,0,0.2);}
    .fixmenu2 li button{background-color: #fff;}
    .fixmenu2 li figure{width: 24px; height: 24px;}
}
@media all and (max-width:768px){
    .fixmenu{height: 14vw;}
    .fixmenu li a{flex-direction: column;}
    .fixmenu li a figure{margin: 0 0 1.3vw; width: 4vw;}
    .fixmenu li a p{font-size: 3.2vw;}

    .fixmenu2{right: 10px; bottom: 17vw;}
    .fixmenu2 li a,
    .fixmenu2 li button{width:10vw; height:10vw; margin:0 0 2vw;}
    .fixmenu2 li figure{width: 4vw; height: 4vw;}
}


/*
2026-07-08
푸터전용 스타일 추가
*/

#anlab-footer-v2 {
    /*background: #2b3a4a;*/
    color: #b8bdc4;
    font-family: 'Pretendard', sans-serif;
    display: block;
}

#anlab-footer-v2 .footer-wrap {
    width: 100%;
    background: linear-gradient(90deg, #1e272e 0%, #2f3b47 100%);
}

#anlab-footer-v2 .footer-wrap-logo {
    display: none;
}
#anlab-footer-v2 .info-mobile {
    display: none;
}
#anlab-footer-v2 .footer-top-desktop {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

#anlab-footer-v2 .footer-top-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 20px;
}

#anlab-footer-v2 .footer-section-row {
    display: flex;
    gap: 40px;
}

#anlab-footer-v2 .section-title-desktop {
    font-size: 18px;
    color: #fff !important; /* 공통 스타일 강제 무시 */
    letter-spacing: -0.3px;
    width: 100%;
    max-width: 160px;
    text-align: center;
    margin: 0;
    line-height: 1.6!important;
    font-weight: 600!important;
}

#anlab-footer-v2 .section-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    align-items: center;
}

#anlab-footer-v2 .section-links span {
    color: #c8d0d8 !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.2s ease;
}

#anlab-footer-v2 .footer-bottom {
    background: #1e2831;
}

#anlab-footer-v2 .footer-bottom-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    padding: 40px 20px 60px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

#anlab-footer-v2 .footer-left {
    flex: 1;
    align-self: end;
    text-align: left;
}

#anlab-footer-v2 .footer-logo {
    margin-bottom: 28px;
}

#anlab-footer-v2 .footer-logo-img {
    height: 32px;
    filter: brightness(0) invert(1);
}

#anlab-footer-v2 .footer-links {
    display: flex;
    gap: 24px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

#anlab-footer-v2 .footer-links a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    transition: color 0.3s;
    font-weight: 700;
}

#anlab-footer-v2 .footer-links a:hover {
    color: #A0C4FF !important;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

#anlab-footer-v2 .company-info {
    margin-bottom: 20px;
    font-style: normal !important;
    font-weight: 600;
}

/* p 태그 간섭이 가장 심하므로 !important 추가 */
#anlab-footer-v2 .company-info p {
    font-size: 14px !important;
    color: #8a929b !important;
    line-height: 1.8 !important;
    margin: 0 0 5px 0 !important;
    padding-bottom:0;
}

#anlab-footer-v2 .separator {
    color: #3d4854;
    margin: 0 1px;
    font-weight: 700;
}

#anlab-footer-v2 .copyright {
    color: #5a6470;
    margin-top: 20px;
    position: static!important;
}

#anlab-footer-v2 .copyright p {
    font-size: 14px !important;
    color: #5a6470 !important;
    margin: 0 !important;
}

#anlab-footer-v2 .footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#anlab-footer-v2 .cta-box {
    background: #252d36;
    border-radius: 12px;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: 1px solid hsla(0, 0%, 100%, .2);
    display: flex;
    gap: 12px;
    align-items: center;
    max-width: 320px;
    justify-content: space-around;
}

#anlab-footer-v2 .cta-box:hover {
    background: #2a343e;
    box-shadow: 0 10px 30px rgba(62, 180, 137, 0.2);
}

#anlab-footer-v2 .cta-box-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
    line-height: 1.4;
    margin: 0;
}

#anlab-footer-v2 .cta-box-number {
    font-size: 26px;
    font-weight: 700;
    color: #E85A1E!important;
    white-space: nowrap;
    margin: 0;
    padding-bottom:0;
}

#anlab-footer-v2 .social-icons {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 15px 0;
}

#anlab-footer-v2 .social-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    filter: grayscale(100%) brightness(1.5);
    opacity: 0.6;
    color: inherit;
}

#anlab-footer-v2 .social-icon svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}

#anlab-footer-v2 .social-icon:hover {
    opacity: 1;
    transform: translateY(-2px);
}

#anlab-footer-v2 .social-icon:last-child svg {
    width: 24px;
    height: 24px;
}

#anlab-footer-v2 .footer-top-mobile,
#anlab-footer-v2 .footer-cta-mobile {
    display: none;
}

@media (max-width: 768px) {
    #anlab-footer-v2 .footer-top-desktop { display: none; }
    #anlab-footer-v2 .footer-top-mobile { display: block; border-bottom: 1px solid #2d3740; }
    #anlab-footer-v2 .info-pc { display: none; }
    #anlab-footer-v2 .info-mobile { display: block; }
    #anlab-footer-v2 .info-mobile p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin: 5px 0 !important;
        font-weight: 600;
    }

    #anlab-footer-v2 .footer-bottom-container {
        flex-direction: column;
        padding: 40px 20px;
        text-align: center;
        align-items: center;
    }

    #anlab-footer-v2 .footer-left, #anlab-footer-v2 .footer-right { width: 100%; align-items: center; }
    #anlab-footer-v2 .footer-links, #anlab-footer-v2 .social-icons { justify-content: center; }

    #anlab-footer-v2 .footer-section-mobile .summary {
        list-style: none;
        cursor: pointer;
        padding: 16px 20px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*background: #252d36;*/
        color: #fff;
    }

    #anlab-footer-v2 .footer-section-mobile .summary::-webkit-details-marker { display: none; }

    #anlab-footer-v2 .section-content-mobile {
        padding: 0 20px 16px;
        /*background: #1e2831;*/
        display: flex;
        flex-wrap: wrap;
        gap: 0 14px;
    }

    #anlab-footer-v2 .footer-section-mobile h2 {
        font-size : 18px;
        margin: 0;
        letter-spacing: 0;
        color: #FFF;
        font-weight:600;
    }

    #anlab-footer-v2 .section-content-mobile span {
        display: block;
        padding: 6px 0 0;
        font-weight: 400;
        color: #a8b2bc;
        text-decoration: none;
        font-size: 15px;
    }

    #anlab-footer-v2 .footer-cta-mobile {
        display: flex;
        padding: 6px 20px;
        background: #1e2831;
        gap: 16px;
        border-bottom: 1px solid #2d3740;
        justify-content: space-around;
    }

    #anlab-footer-v2 .cta-btn {
        /*flex: 1;*/
        padding: 14px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }

    #anlab-footer-v2 .cta-btn.primary { background: #2d3740; color: white; border: 1px solid #3eb489; }
    #anlab-footer-v2 .cta-btn.danger {
        /*background: #c85a54; */
        color: white;
    }

    #anlab-footer-v2 .footer-bottom-container {
        flex-direction: column;
        padding: 40px 20px;
        text-align: center;
        align-items: center;
    }

    #anlab-footer-v2 .footer-left, .footer-right { width: 100%; align-items: center; }
    #anlab-footer-v2 .footer-links, .social-icons {
        justify-content: flex-start;
        border: none;
        padding : 0;
        align-self: center;
    }
    #anlab-footer-v2 .footer-right { order: -1; margin-bottom: 40px; display: none; }
    #anlab-footer-v2 .origin-wrap { display: none; }
    #anlab-footer-v2 .separator { display: none!important; }
    #anlab-footer-v2 .company-info span { display: block; line-height: 1.6}
    #anlab-footer-v2 .footer-wrap-logo { display: block; margin-bottom: 24px;}
    #anlab-footer-v2 .footer-wrap-logo a img {
        width: auto;
        max-width: 120px;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }


}

/*
-------------------------------------------------------------------------------
-- end : 2026-03-18 푸터영역 리모델링
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
-- start : 푸터전용 css
-------------------------------------------------------------------------------
*/
.open-privacy-btn {
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    background: #333;
    color: white;
    border: none;
    cursor: pointer;
}

.open-privacy-btn:hover {
    background: #000;
}

/* 모달 배경 */
.privacy-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.privacy-modal-overlay.privacy-modal-active {
    opacity: 1;
    visibility: visible;
}

/* 모달 */
.privacy-modal-wrapper {
    background: white;
    width: 100%;
    max-width: 620px;
    min-width: 320px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.privacy-modal-overlay.privacy-modal-active .privacy-modal-wrapper {
    transform: scale(1);
    opacity: 1;
}

/* 헤더 */
.privacy-modal-header {
    padding: 24px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.privacy-modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin:0;
}

.privacy-modal-close-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 24px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.privacy-modal-close-btn:hover {
    color: #000;
}

/* 본문 */
.privacy-modal-content {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.privacy-modal-content h2 {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px;
}

.privacy-modal-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #111;
    margin-bottom: 16px;
}

.privacy-modal-table-wrap {
    margin: 16px 0;
    overflow-x: auto;
}

.privacy-modal-content table {
    min-width: 560px;
    width: 100%;
    border-collapse: collapse;
    background: white;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #111;
    margin : 10px 0;
}

.privacy-modal-content thead {
    background: #f9f9f9;
}

.privacy-modal-content th {
    border: 1px solid #858585;
    padding: 12px;
    font-weight: 600;
}

.privacy-modal-content td {
    border: 1px solid #858585;
    padding: 14px;
    vertical-align: middle;
}

/* 푸터 */
.privacy-modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #ddd;
    display: flex;
    gap: 10px;
}

.privacy-modal-footer button {
    flex: 1;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #ddd;
    cursor: pointer;
    background: white;
}

.privacy-modal-btn-cancel {
    color: #666;
}

.privacy-modal-btn-cancel:hover {
    background: #f5f5f5;
}

.privacy-modal-btn-confirm {
    background: #111;
    color: white;
    border-color: #111;
}

.privacy-modal-btn-confirm:hover {
    background: #000;
}

/* 반응형 */
@media (max-width: 768px) {
    .privacy-modal-wrapper {
        max-height: 80vh;
    }

    .privacy-modal-header {
        padding: 16px 20px;
    }

    .privacy-modal-title {
        font-size: 16px;
    }

    .privacy-modal-content {
        padding: 20px;
    }

    .privacy-modal-content h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .privacy-modal-content p {
        font-size: 14px;
    }

    .privacy-modal-content table {
        font-size: 13px;
    }

    .privacy-modal-content th,
    .privacy-modal-content td {
        padding: 10px;
    }

    .privacy-modal-footer {
        padding: 14px 20px;
    }

    .privacy-modal-footer button {
        font-size: 14px;
        padding: 11px;
    }
}

@media (max-width: 480px) {
    .privacy-modal-overlay {
        padding: 0 20px;
    }

    .privacy-modal-wrapper {
        max-width: 100%;
        max-height: 60vh;
    }

    .privacy-modal-header {
        padding: 14px 16px;
    }

    .privacy-modal-title {
        font-size: 15px;
    }

    .privacy-modal-content {
        padding: 16px;
    }

    .privacy-modal-content h2 {
        font-size: 17px;
    }

    .privacy-modal-content p {
        font-size: 13px;
    }

    .privacy-modal-content table {
        font-size: 12px;
        min-width: 480px;
    }

    .privacy-modal-footer {
        padding: 12px 16px;
    }
}

.privacy-modal-content::-webkit-scrollbar {
    width: 6px;
}

.privacy-modal-content::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.privacy-modal-content::-webkit-scrollbar-thumb {
    background: #ccc;
}

.disclaimer-section strong {
    font-size: 20px;
    color:black;
}

.terms-chapter {
    font-size: 24px!important;
}