html, body {
    width:100%;
    min-width:1400px;
    height:auto;
    font-family:'Noto Sans KR';
    padding:0;
    margin:0;
}

a {text-decoration:none}
 

.main-wrap{
    position:relative;
    width:1920px;
    margin:0 auto;
}

a:hover { font-weight:bold }

.main-menu-bar { width:100%; height:70px; border-radius:70px; border:solid 1px #FFF;border:1px solid rgba(255,255,255,0.3);  background:rgba(255,255,255,0.1); padding:0px 110px 0px 35px;}
.main-title {font-size:48px; font-family:'Noto Sans bold'}
.main-sub-title {font-size:35px; font-family:'Noto Sans bold';}
.main-sub-title-2 {font-size:38px; font-family:'Noto Sans bold';}
.main-sub-text {font-size:20px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans'}
.main-sub-text-24 {font-size:24px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans'}
.txt-em{ font-family:'Noto Sans bold'; font-weight:700; color:#141110; } /* [2026-08-12] 게시판/소개 폼 본문 중요포인트 강조 */
.main-sub-text-25 {font-size:25px; ; letter-spacing:-1px; line-height:32px; font-family:'Noto Sans'}
.main-sub-text-26 {font-size:26px; ; letter-spacing:-1px; line-height:34px; font-family:'Noto Sans bold'}
.main-sub-text-26-kr  {font-size:26px; ; letter-spacing:-1px; line-height:34px; font-family:'Noto Sans KR'; font-weight:500}

.main-menu-text { font-family:'Noto Sans'; font-size:20px; color:#FFF;font-family:'Noto Sans demi'}
.main-menu-text a {color:#FFF; text-decoration:none}
.li-menu-item  { padding:21px 0px 45px 0px;}
.main-menu-text > li{
    position:relative;
}

.div-center { margin:0 auto}

.main-menu-align{
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
    z-index:999
}


.main-menu-itembox-align
{
    position:absolute;
    top:663px;
    right:140px;
    z-index:999
}


.main-menu-chatbotBox-align
{
    position:absolute;
    display:flex;
    flex-direction:column;
    justify-content:end;
    height:656px;
    top:198px;
    right:139px;
    z-index:999;
   

}


.chatPop{

    width:420px;
    height:720px;  /*565px +64 = 629px */
    display:block;


}


.sChatWindow {
  width:100%;
  height:400px;
}
.sChatInputTxt {
    
    width:100%;
    height:70px;
    background-color:#EEE;
    border:solid 1px #EEE;
    border-radius:5px;
    padding:5px 10px;
}


.sub-menu{
    position:absolute;
    top:66px;
    left:51%;
    transform:translateX(-50%);
    font-family:'Noto Sans';
    width:220px;
    padding:20px 0px;

    background:#f3f3f3;
    border-radius:12px;

    display:none;
    z-index:1000;
}

.sub-menu li{
    position:relative;
    visibility:hidden;
    left:80%;
    margin-bottom:7px;
    text-align:left;
    padding:0px 25px;
}

.sub-menu li:last-child{
    margin-bottom:0;
}

.sub-menu a{
    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:normal
}

/* .sub-menu > li > a:hover { font-weight:bold} */

.main-menu > li:hover .sub-menu{
    display:block;
}

.sub-menu li{
    transition:background-color .2s ease;
}

.sub-menu >  li:hover{
    background:#dddddd;
}


.main-text-yellow{color:#DDBD7E}


.main-sub-bg-gray {background-color:#ededed}
.main-sub-bg-black {background-color:#000}
.main-sub-bg-white {background-color:#FFFFFF}

.main-content-container-full {width:100%!important; margin:0 auto}
.main-content-container {width:min(1447px, calc(100vw - 48px)); margin:0 auto; padding-left:35px; padding-right:40px; box-sizing:border-box} /* [2026-08-13] 콘텐츠 프레임을 상단 네비바(로고~아이콘)와 1:1 정렬 → 전 서브페이지 공통 기준선 */
@media (max-width:1480px){ .main-content-container{ padding-left:16px; padding-right:16px } }
.main-content-container-padding-100{padding-top:100px}
.main-content-container-padding-90{padding-top:64px} /* [2026-08-12] 탭↔제목 공간 80px 통일 (90→64) */
.main-content-container-padding-80{padding-top:80px}
.main-content-container-padding-70{padding-top:70px}

.main-content-container-1640 {width:1640px; margin:0 auto}
.main-content-container-1447 {width:1447px; margin:0 auto}
.main-content-container-1450 {width:1450px; margin:0 auto}
.main-content-container-1380 {width:1380px; margin:0 auto}


.main-sub-content-title {font-size:35px; font-family:'Noto Sans bold'}
.main-sub-content-introduce-title {font-size:28px; font-family:'Noto Sans bold'}
.main-sub-content-title-small {font-size:32px; font-family:'Noto Sans bold'}
.main-sub-content-text {font-size:22.5px; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans'}

.main-sub-content-introduce-content {font-size:20px; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans'}



.tech-big-text {color:#FFF; font-family:'Noto Sans bold'; font-size:58px; font-weight:bold; line-height:67px; padding-top:10px}
.tech-small-text {color:#FFF; font-size:22px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans demi'}

.main-titlie-white{font-size:38px; font-family:'Noto Sans bold'; color:#FFF}
.main-small-text {font-size:20px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans demi'}
.main-small-text-1 {font-size:19px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans demi'}
.main-small-text-2 {font-size:18px; ; letter-spacing:-1px; line-height:30px; font-family:'Noto Sans demi'}
.main-small-text-3 {font-size:16px; ; letter-spacing:-0.5px; line-height:25px; font-family:'Noto Sans demi'; font-weight:100}
.main-small-text-4 {font-size:14px; ; letter-spacing:-1px; line-height:20px; font-family:'Noto Sans demi'}

.main-small-text-19 {font-size:18px; letter-spacing:-0.5px; line-height:30px; font-family:'Noto Sans demi'}
.item-title {font-size:19px; ; letter-spacing:-1px;  font-family:'Noto Sans '; font-weight:bold}

._contact input[type=text] ,
._contact textarea 
{ border:solid 1px #CCC; border-radius: 5px; font-size:24px;font-family:'Noto Sans'; padding:8px}


.btnText {font-size:22px; font-family:'Noto Sans'}

.more-btn{
    width:160px;
    height:50px;

    border:1px solid #bdbdbd;
    border-radius:8px;

    background:#f3f3f3;

    font-size:18px;
    font-weight:700;
    color:#111;

    cursor:pointer;

    transition:all .2s ease;
}

.more-btn:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}


.goCompanyBtn{
    display:inline-flex;
    cursor:pointer;
    justify-content:center;
    align-items:center;

    width:192px;
    height:47px;

    background:#eef3f8;
    border-radius:8px;

    font-size:18px;
    font-family:'Noto Sans KR';
    font-weight:700;
    color:#1c2c3d;

    text-decoration:none;

    box-shadow:
    0 8px 20px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.9);

    transition:all 0.2s ease;
}

.goCompanyBtn:hover{
    transform:translateY(-2px);

    background:#f5f8fc;
}

.p-6 {padding:60px}

.pt-20 {padding-top:20px}
.pt-25 {padding-top:25px}
.pt-30 {padding-top:30px}
.pt-35 {padding-top:35px}
.pt-40 {padding-top:40px}
.pt-6 {padding-top:60px}
.pt-7 {padding-top:70px}
.pt-8 {padding-top:80px}
.pt-9 {padding-top:90px}
.pt-100 {padding-top:100px}
.pt-120 {padding-top:120px}

.ms-13 {margin-left:130px}
.ms-16 {margin-left:160px}
.ms-163 {margin-left:163px}
.mt-40 {margin-top:40px}

.ps-6 {padding-left:60px}
.ps-7 {padding-left:70px!important}

.pe-6 {padding-right:60px}
.pe-7 {padding-right:70px}


.pb-6 {padding-bottom:60px}
.pb-7 {padding-bottom:70px}
.pb-8 {padding-bottom:80px}
.pb-10 {padding-bottom:100px}
.pb-110 {padding-bottom:110px}
.pb-120 {padding-bottom:120px}
.pb-14 {padding-bottom:140px}
.pb-300{padding-bottom:300px}

.mt-40 {margin-top:40px}
.mt-100 {margin-top:100px}


.mySwiper { width:100%; height:900px ; z-index:1}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.swiper-pagination-bullet{
    background:#fff !important;
    opacity:.5;
}

.swiper-pagination-bullet-active{
    background:#fff !important;
    opacity:1;
}

.swiper-pagination-bulle{
    width:100px;
    height:100px;
}

.swiper-pagination-bullet{
    width:11px !important;
    height:11px !important;
    background:#999!important;
    opacity:.5;
    border-radius:50%;
    margin:0px 8px 30px 8px!important;
}

.swiper-pagination .swiper-pagination-bullet-active{
     background:#FFF!important;
}

.swiper-button-prev
{
    width:45px !important;
    height:45px !important;

    border-radius:50%;
    background:rgba(80,80,80,0.55);

    backdrop-filter:blur(10px);

    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:50px!important;
}

.swiper-button-next{
    width:45px !important;
    height:45px !important;

    border-radius:50%;
    background:rgba(80,80,80,0.55);

    backdrop-filter:blur(10px);

    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:50px;
}

.swiper-button-prev::after{
    content:'';
    
    width:40px;
    height:19px;

    border-left:3px solid #d9d9d9;
    border-bottom:3px solid #d9d9d9;
}

.swiper-button-next::after{
    content:'';
    
    width:68px;
    height:19px;

    border-left:3px solid #d9d9d9;
    border-bottom:3px solid #d9d9d9;
}


/* prev */
.swiper-button-prev::after{

    transform:rotate(40deg);
    margin-right:10px;
}
/* next */
.swiper-button-next::after{
    transform:rotate(-135deg);
    margin-right:17px;
}


.swal2-popup .swal2-icon {
    
    font-size: 0.7em !important; /* 기본 크기보다 작게 설정 (예: 0.7~0.8) */
    margin:10px auto !important; /* 마진도 함께 조정하면 보기 좋습니다 */
    margin-top:30px!important;
}


.swal2-title {
    padding:0px; margin:0px;
}

/* [2026-08-11] SweetAlert 버튼 톤앤매너 — 블랙 바탕 + 골드 글씨 (전 페이지 통일) */
.swal2-styled.swal2-confirm{
    background:#141110 !important;
    color:#DDBD7E !important;
    border:1px solid #141110 !important;
    box-shadow:none !important;
    font-family:'Noto Sans KR' !important;
    font-weight:600;
}
.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus{
    background:#000 !important;
    color:#E7C98A !important;
    box-shadow:none !important;
}
.swal2-styled.swal2-cancel{
    background:#fff !important;
    color:#8a8a8a !important;
    border:1px solid #d5d5d5 !important;
    box-shadow:none !important;
    font-family:'Noto Sans KR' !important;
}
.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-cancel:focus{
    background:#f5f5f5 !important;
    color:#555 !important;
    box-shadow:none !important;
}

.inquiry-btn{
    background-color:#bbb;
    color:#fff;
    transition:0.2s;
}

.inquiry-btn:hover{
    background-color:#999 !important;
}

.reveal-section {
    opacity: 0;
    transform: translateY(140px) scale(0.94);
    filter: blur(10px);

    transition:
        opacity 1.2s cubic-bezier(0.22,1,0.36,1),
        transform 1.2s cubic-bezier(0.22,1,0.36,1),
        filter 1.2s cubic-bezier(0.22,1,0.36,1);

    will-change: transform, opacity;
}

.reveal-section.active {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* 위로 사라질때 */
.reveal-section.hide-up {
    opacity: 0;
    transform: translateY(-140px) scale(0.94);
    filter: blur(10px);
}


.text-reveal-item{
    opacity:0;
    transform:translateY(35px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);
}

.reveal-section.text-active .text-reveal-item{
    opacity:1;
    transform:translateY(0);
}


#qfrm input[type="text"]::placeholder,
#qfrm textarea::placeholder{
    font-size:17px !important;
    color:#999;
    padding:0px 0xp 0px 20px;
}


.required{
    color:#ff3b30;
    font-size:20px;
    position:relative;
    top:-1px;
    margin-right:6px;
}



._imgItem{
    transition:
        transform 1.8s cubic-bezier(0.12,0.8,0.2,1);

    transition: transform 0.9s ease;;
}

._imgItem:hover{
    transform:translateY(-35px);
}




.main-visual-img 
{
    width:100%;
    height:900px;
    min-height:700px;
    max-height:900px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;    
}


._swiper,
._swiper-wrapper,
._swiper-slide{
    width:100%;
    height:100%;
}

._swiper-slide{
    overflow:hidden;
}


.main-wrap{
    width:100%;
    overflow-x:hidden;
}


.floatBtnList{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:12px;
}




.floating-menu{
    position:fixed;

    right:140px;
    bottom:47px;

    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:99;
     transition:all .25s ease;
}

.floating-btn{
    width:100px;
    height:100px;

    border-radius:62px;

    background:#4b4b4b;
    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:17px;
    font-family:'Noto Sans demi';

    font-weight:700;

    cursor:pointer;

    box-shadow:0 4px 14px rgba(0,0,0,0.2);

    transition:.2s;
}

.floating-btn:hover{
    transform:translateY(-3px);
}

.top-btn{
    background:#fff;
    color:#333;
}

.kakao-circle {

    background-color:#f0e053!important;
}

.chat-close-btn{
    position:absolute;

    right:-15px;
    top:-15px;

    width:56px;
    height:56px;
    border-radius:56px; 

    background:#f1f1f1;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:47px;
     line-height:1;
      padding-bottom:7px;

    color:#8c8c8c;

    cursor:pointer;

    box-shadow:0 4px 12px rgba(0,0,0,0.35);

    transition:.2s;

    z-index:9999;
}



.floating-chatWindow{
    position:fixed;

    right:140px;
    bottom:47px;

    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:9999;
    box-shadow:
        0 4px 10px rgba(0,0,0,0.08),
        0 18px 40px rgba(0,0,0,0.16);    
}


.chat-close-btn:hover{
    transform:scale(1.05);
    background:#e8e8e8;
}

.floating-chatWindow{
    transition:
        opacity .28s ease,
        transform .28s ease;
}

.floating-chatWindow.close-chat{
    opacity:0;
    transform:translateY(40px);
}


.chat-pop-wrap{
    display:flex;
    gap:60px;
    padding:30px;
}

.chat-pop-chat-box{
    width:100%;
    height:720px;
    background:#fff;
    position:relative;
    overflow:hidden;
    border-radius:5px;
}

/* 공통 */

.chat-pop-icon-ai{
    width:52px;
    height:52px;
}

.chat-pop-bottom-nav{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:72px;
    background:#f6f6f6;
    display:flex;
    justify-content:space-around;
    align-items:center;
    border-radius:0 0 26px 26px;
}

.chat-pop-bottom-nav div{
    text-align:center;
    font-size:13px;
    color:#aaa;
    font-weight:500;
}

.chat-pop-bottom-nav img{
    display:block;
    width:24px;
    height:24px;
    margin:0 auto 5px;
    object-fit:contain;
}

.chat-pop-bottom-nav .chat-pop-active{
    color:#5b22ff;
}

/* 1번 */

.chat-pop-main-home{
    /*
    background:#f7f7f7;*/
    padding:26px 26px 90px;
    
}

.chat-pop-home-title{
    display:flex;
    align-items:center;
    gap:14px;
}

.chat-pop-home-title h1{
    margin:0;
    font-size:24px;
    font-weight:800;
}

.chat-pop-home-title p{
    margin:6px 0 0;
    font-size:13px;
    font-weight:600;
}

.chat-pop-home-card{
    margin-top:28px;
    background:#fff;
    padding:18px 16px 0;
}

.chat-pop-home-card-top{
    display:flex;
    gap:13px;
    position:relative;
}

.chat-pop-home-card-top strong{
    font-size:15px;
}

.chat-pop-home-card-top span{
    font-size:12px;
    color:#999;
    margin-left:10px;
}

.chat-pop-home-card-top p{
    margin:5px 0 0;
    font-size:14px;
    line-height:1.45;
}

.chat-pop-more{
    position:absolute;
    right:0;
    top:10px;
    font-size:22px;
}

.chat-pop-input-bar{
    height:48px;
    background:#f5f6f7;
    margin:20px 0px 0;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:15px;
    font-weight:700;
    border-radius:48px;
}

.chat-pop-input-icons img{
    width:20px;
    margin-left:14px;
}

.chat-pop-status{
    text-align:center;
    color:#777;
    font-size:11px;
    padding:10px 0 18px;
}

.chat-pop-status:before{
    content:'';
    display:inline-block;
    width:7px;
    height:7px;
    background:#79b36a;
    border-radius:50%;
    margin-right:8px;
}

/* 2번 */

.chat-pop-chat-room{
    padding:0px;
}

.chat-pop-room-header{
    display:flex;
    align-items:center;
    gap:12px;
}

.chat-pop-back{
    font-size:32px;
    color:#5b8cff;
    line-height:1;
}

.chat-pop-room-header .chat-pop-icon-ai{
    width:34px;
    height:34px;
}

.chat-pop-room-header strong{
    font-size:18px;
    font-weight:800;
}

.chat-pop-room-header p{
    margin:0;
    font-size:12px;
    font-weight:600;
}

.chat-pop-dots{
    margin-left:auto;
    color:#6aa3ff;
    font-size:26px;
}

.chat-pop-msg{
    margin-top:30px;
    height:495px;
    font-size:15px;
    font-weight:700;
    overflow-y: scroll;
}

.chat-pop-msg small{
    display:block;
    margin-top:10px;
    color:#999;
    font-size:12px;
    font-weight:500;
}

.chat-pop-connect-btn{
    float:right;
    margin-top:22px;
    border:0;
    background:#f7f7f7;
    padding:13px 20px;
    font-size:15px;
    font-weight:800;
}

.chat-pop-connect-btn img{
    width:18px;
    vertical-align:-4px;
    margin-right:5px;
}

.chat-pop-room-input{
    position:absolute;
    left:28px;
    right:28px;
    bottom:24px;
    background-color:#f6f7f8;
    border-radius:5px;
}

.chat-pop-room-input p{
    margin:0 0 16px;
    color:#aaa;
    font-size:15px;
    font-weight:700;
}

.chat-pop-room-input img{
    width:20px;
    margin-right:15px;
}

.chat-pop-send-btn{
    position:absolute;
    right:10px;
    top:23px;
    width:36px;
    height:36px;
    border-radius:9px;
    border:0;
    background:#c5dafa;
    color:#fff;
    font-size:25px;
}

/* 3번 */

.chat-pop-talk-list{
    padding:26px 22px 90px;
}

.chat-pop-talk-list h2{
    margin:0 0 20px;
    font-size:25px;
    font-weight:800;
}

.chat-pop-talk-item{
    display:flex;
    gap:14px;
    padding:12px 6px;
}

.chat-pop-talk-item.chat-pop-active{
    background:#f5f5f5;
}

.chat-pop-talk-item img{
    width:48px;
    height:48px;
}

.chat-pop-talk-item strong{
    font-size:14px;
    font-weight:800;
}

.chat-pop-talk-item span{
    margin-left:12px;
    color:#999;
    font-size:13px;
    font-weight:600;
}

.chat-pop-talk-item p{
    margin:4px 0 0;
    color:#999;
    font-size:13px;
    line-height:1.45;
}

.chat-pop-new-btn{
    position:absolute;
    left:50%;
    bottom:96px;
    transform:translateX(-50%);
    width:145px;
    height:44px;
    border:0;
    border-radius:7px;
    background:#5b22ff;
    color:#fff;
    font-size:15px;
    font-weight:800;
}


.close-slot{
    opacity:0;
    transform:translateY(40px);
}

.slot-none{
    display:none !important;
}


._SLOT2 ,._SLOT3 ,._SLOT4 { display :none}


.pop-tbPrompt {
    width:100%;
    background-color:#CCC; 
    border-radius:5px; 
    background-color:#f6f7f8;
    border:solid 0px;
    user-select: none;
    padding:10px;
    font-size:14px;
    font-family:'Noto San KR';
    font-weight:normal!important;

}

.pop-tbPrompt {
    outline:none;
    border:none;
    resize:none;
}

.pop-tbPrompt:focus{
    outline:none !important;
    box-shadow:none !important;
    border:none !important;
}


.pop-chat-loading{
    display:inline-flex;
    gap:5px;
    align-items:center;
    padding:10px 14px;
    background:#f1f1f1;
    border-radius:14px;
}

.pop-chat-loading span{
    width:7px;
    height:7px;
    background:#999;
    border-radius:50%;
    animation:pop-chatDot 1.2s infinite ease-in-out;
}

.pop-chat-loading span:nth-child(2){
    animation-delay:0.2s;
}

.pop-chat-loading span:nth-child(3){
    animation-delay:0.4s;
}

@keyframes pop-chatDot{

    0%,80%,100%{
        transform:scale(0.6);
        opacity:0.4;
    }

    40%{
        transform:scale(1);
        opacity:1;
    }

}

.chat-msg-info{
    display:flex;
    align-items:center;
    gap:6px;

    margin-top:10px;

    color:#999;
    font-size:12px;
    font-weight:500;
}

.chat-msg-info img{
    width:16px;
    height:16px;
    border-radius:50%;
    object-fit:cover;
}


.chatApop { 
    display:inline-block;
    width:95%; 
    padding-top:20px;
}

.chatQpop { 
    display:inline-block;
    border-radius:10px;
    background-color:#f6f7f8;
    padding:7px;
}


.chat-box-left{
    text-align:left;
}

.chat-box-right{
    text-align:right;
}

.go-slot1 , .go-slot2 , .go-slot3 { cursor:pointer }


.pop-chat-scroll{
    overflow-y:auto;
}

/* 크롬, 엣지 */
.pop-chat-scroll::-webkit-scrollbar{
    width:6px;
}

.pop-chat-scroll::-webkit-scrollbar-track{
    background:transparent;
}

.pop-chat-scroll::-webkit-scrollbar-thumb{
    background:#cfcfcf;
    border-radius:10px;
}

.pop-chat-scroll::-webkit-scrollbar-thumb:hover{
    background:#aaa;
}

/* 파이어폭스 */
.pop-chat-scroll{
    scrollbar-width:thin;
    scrollbar-color:#cfcfcf transparent;
}


._mainTopM > a{
    font-weight:bold!important;
    transition:all .2s ease!important;
  
}

._mainTopM:hover > a {
    font-family:'Noto Sans KR'!important;
    font-weight:bold;
   
}



/* 하단 footer 배너 무한 loop */
.footer-stream-flow{
    width:100%;
    overflow:hidden;
    position:relative;
}

.footer-stream-track{
    display:flex;
    width:max-content;
    gap:40px;

    animation: footer-stream-flowAnime 50s linear infinite;

    will-change:transform;
}

.footer-stream-track img{
    width:200px;
    flex-shrink:0;
}

/* .footer-stream-track:hover{
    animation-play-state:paused;
} */

@keyframes footer-stream-flowAnime{

    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(-50%,0,0);
    }

}


.quick-wrap{
    position:fixed;
    right:40px;
    bottom:40px;
    z-index:999;
    transition:all .25s ease;
}


.chat-list-item{
    display:flex;
    align-items:center;
    gap:12px;
    width:330px;
    font-family:'Noto Sans KR';
}

.chat-icon{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#0969ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.chat-icon img{
    width:28px;
}

.chat-info{
    flex:1;
    min-width:0;
}

.chat-top{
    display:flex;
    align-items:center;
    gap:8px;
}

.chat-name{
    font-size:16px;
    font-weight:700;
    color:#111;
}

.chat-time{
    font-size:13px;
    color:#aaa;
}

.chat-pop-new-window-btn {display:none}
.chat-preview{
    padding-top:4px;
    font-size:13px;
    color:#aaa;
    line-height:1.45;

    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.new-chat-btn{
    width:157px;
    height:39px;
    border:0;
    border-radius:20px;
    background:#1268ff;
    color:#fff;
    font-family:'Noto Sans KR';
    font-size:17px;
    font-weight:700;
    cursor:pointer;
}



.chat-pop-new-window-btn-always{    
    position:absolute;
    left:28px;
    right:28px;
    bottom:24px;
    background-color:#FFF;
    text-align:center;
}



.chat-pop-new-window-btn{    
    position:absolute;
    display:none;
    left:28px;
    right:28px;
    bottom:24px;
    background-color:#FFF;
    text-align:center;
}


.text-white2 {color:#EEE}


.chat-question-box{
    width:290px;
    height:62px;
    background:#fff;
    border-radius:10px;
    display:flex;
    align-items:center;
    padding:0 12px;
    box-shadow:0 4px 15px rgba(0,0,0,.18);
    position:relative;
}

.chat-icon{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#f1f1f1;
    position:relative;
    margin-right:12px;
}

.chat-icon::before{
    content:"";
    position:absolute;
    left:12px;
    top:10px;
    width:14px;
    height:18px;
    border:2px solid #777;
    border-radius:3px;
}

.chat-icon::after{
    content:"☰";
    position:absolute;
    left:14px;
    top:9px;
    font-size:12px;
    color:#777;
}

.chat-title{
    font-size:16px;
    font-weight:700;
    color:#222;
}

.chat-sub{
    margin-top:5px;
    font-size:13px;
    color:#aaa;
}

.chat-question-box{

    display:flex;
    align-items:center;

    width:370px;
    height:87px;

    background:#fff;
    border-radius:18px;

    padding:0 20px;

    box-shadow:0 8px 24px rgba(0,0,0,.18);

    position:absolute;
    top:-100px;

    cursor:pointer;

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:all .25s ease;
}


.floating-menu:hover .chat-question-box{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}



/* hover 시 노출 */
#chatPopCallBtn:hover + .chat-question-box,
.chat-question-box:hover{

    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.chat-question-box.is-closed{
    opacity:0 !important;
    visibility:hidden !important;
}



.chat-icon{
    width:64px;
    height:64px;

    border-radius:50%;
    background:#f1f1f1;

    position:relative;

    margin-right:18px;
}

.chat-icon::before{
    content:"";

    position:absolute;

    left:20px;
    top:16px;

    width:20px;
    height:25px;

    border:3px solid #777;
    border-radius:4px;
}

.chat-icon::after{
    content:"☰";

    position:absolute;

    left:23px;
    top:16px;

    font-size:15px;
    color:#777;
}



.chat-close{
    position:absolute;

    right:16px;
    top:16px;

    width:34px;
    height:34px;

    border:0;
    border-radius:50%;

    background:#eee;

    cursor:pointer;
}

.chat-close::before,
.chat-close::after{
    content:"";

    position:absolute;

    left:9px;
    top:16px;

    width:16px;
    height:3px;

    background:#b8b8b8;
}

.chat-close::before{
    transform:rotate(45deg);
}

.chat-close::after{
    transform:rotate(-45deg);
}
/* ============================================================
   [2026-08-09] Subpage top/hero/floating UI tune-up
   Appended at end so it overrides earlier rules.
   ============================================================ */

/* [2] floating buttons 100 -> 64 (shared main+sub) */
.floating-btn{ width:72px; height:72px; border-radius:50%; font-size:13px; }
#chatPopCallBtn._popChatbot img{ width:72px !important; }
.kakao-circle img{ width:36px !important; }
.floatBtnList{ gap:10px; }
.top-btn{ font-size:12px; line-height:1.15; }

/* [4]+[5] subpage top menu: tighter gaps, +2pt font, gold hover underline */
.main-menu-text{ font-size:22px !important; width:auto !important; gap:34px !important; }
.main-menu-text .li-menu-item{ flex:0 0 auto !important; }
.main-menu-align .main-menu-bar{ padding:0 40px !important; }
.main-menu-text > li > a{ position:relative; padding-bottom:6px; }
.main-menu-text > li > a::after{ content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#DDBD7E; transform:translateX(-50%); transition:width .25s ease; }
.main-menu-text > li:hover > a::after{ width:72%; }

/* [6] login icon (links to admin login /GmnBackMng/) */
.li-login-item{ display:flex; align-items:center; padding:21px 0 45px 0; }
.li-login-item a{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; transition:.2s; }
.li-login-item a:hover{ background:#DDBD7E; border-color:#DDBD7E; color:#000; font-weight:400; }
.li-login-item svg{ width:20px; height:20px; display:block; }

/* [4] hero title/sub centered (hero only) */
.mySwiperTop .swiper-slide .d-flex.flex-column{ text-align:center !important; align-items:center !important; }
.mySwiperTop .main-content-container-1380{ margin:0 auto; max-width:1000px; }

/* [3] hero center-bottom interaction (pagination) */
.mySwiperTop .swiper-pagination{ bottom:46px !important; left:0; right:0; display:flex; gap:12px; justify-content:center; align-items:center; }
.mySwiperTop .swiper-pagination-bullet{ width:34px; height:4px; border-radius:4px; background:rgba(255,255,255,.35); opacity:1; margin:0 !important; transition:.25s; cursor:pointer; }
.mySwiperTop .swiper-pagination-bullet:hover{ background:rgba(255,255,255,.75); transform:scaleY(1.6); }
.mySwiperTop .swiper-pagination-bullet-active{ width:54px; background:#DDBD7E; }
/* ============================================================
   [2026-08-09 batch2] floating icons redesign (shared main+sub)
   ============================================================ */
/* [2번] chatbot button: black bg + gold icon (blue png removed in markup) */
#chatPopCallBtn._popChatbot{ background:#141416 !important; border:1px solid rgba(185,138,52,.55); position:relative; overflow:visible; }
#chatPopCallBtn._popChatbot .chatbot-svg{ width:38px; height:38px; color:#DDBD7E; }
#chatPopCallBtn._popChatbot::after{ content:''; position:absolute; top:11px; right:11px; width:9px; height:9px; border-radius:50%; background:#e5484d; box-shadow:0 0 0 2px #141416; }
#chatPopCallBtn._popChatbot:hover .chatbot-svg{ transform:scale(1.06); transition:transform .2s ease; }
/* [1번] chat bubble: refined dark/gold (text kept) */
.floating-menu .chat-question-box{ background:rgba(20,20,22,.94) !important; border:1px solid rgba(185,138,52,.35); border-radius:14px !important; box-shadow:0 12px 34px rgba(0,0,0,.4) !important; }
.floating-menu .chat-question-box .chat-title{ color:#fff !important; }
.floating-menu .chat-question-box .chat-sub{ color:#DDBD7E !important; }
.floating-menu .chat-question-box .chat-icon{ background:#DDBD7E !important; }
.floating-menu .chat-question-box .chat-icon::before{ border-color:#141416 !important; }
.floating-menu .chat-question-box .chat-icon::after{ color:#141416 !important; }
/* [3번] TOP button: refined dark/gold */
.top-btn{ background:rgba(20,20,22,.9) !important; color:#DDBD7E !important; border:1px solid rgba(185,138,52,.5); }
.top-btn:hover{ background:#DDBD7E !important; color:#141416 !important; }
/* ============================================================
   [2026-08-09 batch3] subpage nav consistency + hero dots match main
   ============================================================ */
/* subpage nav: logo(left) | menu(center) | login(far right) */
.main-menu-align .main-menu-bar{ justify-content:space-between !important; }
.main-menu-align .main-menu-text{ gap:30px !important; }
.sub-login{ display:flex; align-items:center; }
.sub-login>a{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:rgba(255,255,255,.9); transition:all .28s ease; }
.sub-login>a:hover{ background:#DDBD7E; border-color:#DDBD7E; color:#111; }
.sub-login svg{ width:19px; height:19px; }
/* subpage hero pagination -> gold dots (match main) */
.mySwiperTop .swiper-pagination-bullet{ width:9px !important; height:9px !important; border-radius:20px !important; background:rgba(255,255,255,.34) !important; opacity:1 !important; margin:0 5px !important; }
.mySwiperTop .swiper-pagination-bullet:hover{ background:rgba(255,255,255,.6) !important; }
.mySwiperTop .swiper-pagination-bullet-active{ width:46px !important; background:#DDBD7E !important; }
/* ============================================================
   [2026-08-09 batch4] chat bubble simplify + floating spacing + sub +2pt
   ============================================================ */
/* [2-1] 말풍선 문서 아이콘 삭제 */
.floating-menu .chat-question-box .chat-icon{ display:none !important; }
/* [2-2] 말풍선 심플화 + 글자 +2pt */
.floating-menu .chat-question-box{ padding:0 18px !important; }
.floating-menu .chat-question-box .chat-title{ font-size:18px !important; }
.floating-menu .chat-question-box .chat-sub{ font-size:15px !important; margin-top:3px !important; }
/* [2-2] X버튼: 동그라미 제거, X만 */
.floating-menu .chat-question-box .chat-close{ background:none !important; }
.floating-menu .chat-question-box .chat-close::before,
.floating-menu .chat-question-box .chat-close::after{ background:#cfcfcf !important; }
/* [2-3] 플로팅 아이콘 3개 간격 넓힘 */
.floatBtnList{ gap:18px !important; }
/* [1] 서브페이지 히어로 설명 +2pt (통일) */
.main-visual-img .main-sub-text{ font-size:24px !important; }
/* ============================================================
   [2026-08-09 batch5] language switcher (shared) + subpage nav right-align
   ============================================================ */
.nav__lang{ position:relative; display:flex; align-items:center; }
.nav__lang-btn{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:none; color:rgba(255,255,255,.9); cursor:pointer; transition:all .28s ease; padding:0; }
.nav__lang-btn:hover{ background:#DDBD7E; border-color:#DDBD7E; color:#111; }
.nav__lang-btn svg{ width:19px; height:19px; }
.nav__lang-menu{ position:absolute; top:calc(100% + 12px); right:0; min-width:150px; list-style:none; margin:0; padding:8px; background:rgba(20,20,22,.96); border:1px solid rgba(185,138,52,.35); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.4); opacity:0; visibility:hidden; transform:translateY(8px); transition:all .25s ease; z-index:1300; }
.nav__lang:hover .nav__lang-menu{ opacity:1; visibility:visible; transform:none; }
.nav__lang-menu li a{ display:block; padding:9px 14px; font-size:14px; color:rgba(255,255,255,.82); border-radius:8px; white-space:nowrap; }
.nav__lang-menu li a:hover{ background:rgba(255,255,255,.08); color:#DDBD7E; }
/* subpage nav: logo(left) | menu+lang+login clustered right */
.main-menu-align .main-menu-bar{ justify-content:flex-start !important; }
.main-menu-align .main-menu-text{ margin-left:auto !important; gap:34px !important; }
.main-menu-align .nav__lang{ margin-left:10px; }
.main-menu-align .sub-login{ margin-left:8px; }

/* ============================================================
   [2026-08-09 batch6] 서브페이지 상단바 → 메인(gmnMain2026)과 디자인 통일
   (append -> 이전 서브 nav 규칙 위에서 override. JS 드롭다운 동작은 건드리지 않음)
   ============================================================ */
/* 캡슐: 블러 + 좌우 여백 + 폰트 메인과 동일 */
.main-menu-align .main-menu-bar{ padding:0 40px 0 35px !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.main-menu-text{ font-family:'Pretendard' !important; }
.main-menu-text a{ font-family:'Pretendard' !important; letter-spacing:-.01em; }
.main-menu-align .main-menu-text > li > a{ font-size:clamp(15px,1.25vw,19px) !important; font-weight:500; }
.main-menu-align .main-menu-text > li:hover > a{ font-weight:700; }
/* 간격: 메뉴 40 / 고객센터↔지구본 70 / 지구본↔사람 15 */
.main-menu-align .main-menu-text{ gap:40px !important; }
.main-menu-align .nav__search{ margin-left:44px !important; }
.main-menu-align .nav__lang{ margin-left:40px !important; }
.main-menu-align .sub-login{ margin-left:40px !important; }
.main-menu-align .nav__user{ margin-left:40px !important; }
/* 드롭다운: 밝은 카드 → 메인과 동일한 다크 블러 카드 + 골드 화살표(겉모습만) */
.sub-menu{
    top:calc(100% + 10px) !important;
    width:auto !important; min-width:212px;
    padding:10px !important;
    background:rgba(13,13,15,.66) !important;
    backdrop-filter:blur(28px) saturate(1.4); -webkit-backdrop-filter:blur(28px) saturate(1.4);
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px !important;
    box-shadow:0 36px 90px -44px rgba(0,0,0,.9);
}
.sub-menu li{ padding:0 !important; margin-bottom:2px !important; }
.sub-menu > li:hover{ background:transparent !important; }
.sub-menu a{
    display:flex !important; align-items:center;
    padding:12px 16px !important;
    color:rgba(255,255,255,.62) !important;
    font-family:'Pretendard' !important; font-size:17px !important; font-weight:500 !important;
    border-radius:10px; white-space:nowrap;
    transition:color .3s ease, background .3s, padding-left .34s ease;
}
.sub-menu a:hover{ color:#fff !important; background:rgba(255,255,255,.06); padding-left:22px !important; font-weight:500 !important; }
.sub-menu a::after{ content:"\203A"; margin-left:auto; padding-left:14px; color:#DDBD7E; font-size:24px; font-weight:400; line-height:1; position:relative; top:-3px; opacity:0; transform:translateX(-8px); transition:opacity .3s ease, transform .3s ease; }
.sub-menu a:hover::after{ opacity:1; transform:none; }

/* ============================================================
   [2026-08-09 batch7] 언어 메뉴 국기 (Windows 이모지 국기 미지원 → 인라인 SVG)
   index.asp / gmn-top-menu.asp 공용
   ============================================================ */
.nav__lang-menu li a{ display:flex !important; align-items:center; gap:10px; }
.nav__lang-menu .flag{ flex:0 0 auto; width:22px; height:15px; border-radius:3px; background-size:cover; background-position:center; box-shadow:0 0 0 1px rgba(255,255,255,.18); }
.flag-en{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23B22234'/><g fill='%23fff'><rect y='3.08' width='60' height='3.08'/><rect y='9.24' width='60' height='3.08'/><rect y='15.4' width='60' height='3.08'/><rect y='21.56' width='60' height='3.08'/><rect y='27.72' width='60' height='3.08'/><rect y='33.88' width='60' height='3.08'/></g><rect width='26' height='21.56' fill='%233C3B6E'/></svg>"); }
.flag-zh{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23DE2910'/><polygon points='14,7 16.35,12.4 22,12.9 17.6,16.7 19,22.4 14,19.3 9,22.4 10.4,16.7 6,12.9 11.65,12.4' fill='%23FFDE00'/></svg>"); }
.flag-ja{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23fff'/><circle cx='30' cy='20' r='11' fill='%23bc002d'/></svg>"); }
.flag-ko{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23fff'/><circle cx='30' cy='20' r='10' fill='%230047A0'/><path d='M20 20 a10 10 0 0 1 20 0 z' fill='%23CD2E3A'/></svg>"); }
.flag-fr{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23fff'/><rect width='20' height='40' fill='%230055A4'/><rect x='40' width='20' height='40' fill='%23EF4135'/></svg>"); }
.flag-de{ background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'><rect width='60' height='40' fill='%23FFCE00'/><rect width='60' height='13.34' fill='%23000000'/><rect y='13.33' width='60' height='13.34' fill='%23DD0000'/></svg>"); }

/* ============================================================
   [2026-08-09 batch8] 상단바 검색(돋보기) + 로그인 프로필 칩 (index.asp / gmn-top-menu.asp 공용)
   ============================================================ */
.nav__search{ display:flex; align-items:center; }
.nav__search-btn{ width:38px; height:38px; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:none; color:rgba(255,255,255,.9); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all .28s ease; padding:0; }
.nav__search-btn:hover{ background:#DDBD7E; border-color:#DDBD7E; color:#111; }
.nav__search-btn svg{ width:18px; height:18px; }
.nav__search-form{ overflow:hidden; width:0; transition:width .32s ease, margin .32s ease; }
.nav__search.open .nav__search-form{ width:170px; margin-left:8px; }
.nav__search-form input{ width:100%; height:36px; border:1px solid rgba(255,255,255,.35); background:rgba(0,0,0,.28); color:#fff; border-radius:19px; padding:0 15px; outline:none; font-size:14px; }
.nav__search-form input::placeholder{ color:rgba(255,255,255,.5); }

/* 로그인 시 프로필 칩 (닉네임 = 관리자명, 프로필 이미지 없어 골드 아바타 사용) */
.nav__user{ display:flex; align-items:center; }
.nav__user-link{ display:inline-flex; align-items:center; gap:9px; color:#fff; padding:4px 10px 4px 4px; border-radius:24px; transition:background .25s ease; }
.nav__user-link:hover{ background:rgba(255,255,255,.08); font-weight:400; }
.nav__user-ava{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#e4c98a,#b98a34); display:inline-flex; align-items:center; justify-content:center; color:#141416; flex:0 0 auto; }
.nav__user-ava svg{ width:20px; height:20px; }
.nav__user-name{ font-size:15px; font-weight:600; color:#fff; white-space:nowrap; letter-spacing:-.01em; }
.nav__user-caret{ font-size:11px; color:rgba(255,255,255,.7); }

/* ============================================================
   [2026-08-09 batch9] 챗봇 말풍선 축소/애니메이션 + 챗봇 창 블루→딥골드 통일
   ============================================================ */
/* [4] 말풍선: 가로 축소 + '질문 보기' 제거(마크업) + 등장 애니메이션 */
.floating-menu .chat-question-box{
  width:250px !important;
  height:58px !important;
  padding:0 20px !important;
  transform:translateY(14px) scale(.96);
  transform-origin:100% 100%;
  transition:opacity .34s ease, transform .46s cubic-bezier(.22,1.2,.36,1) !important;
}
.floating-menu:hover .chat-question-box,
#chatPopCallBtn:hover + .chat-question-box,
.chat-question-box:hover{ transform:translateY(0) scale(1) !important; }
.floating-menu .chat-question-box .chat-title{ font-size:16px !important; white-space:nowrap; }

/* [5] 챗봇 창: 블루 포인트 → 딥골드 (기존 블루 제거, 통일) */
.chat-pop-bottom-nav .chat-pop-active{ color:#B4862B !important; }
.chat-pop-back{ color:#B4862B !important; }
.chat-pop-dots{ color:#B4862B !important; }
.chat-pop-send-btn{ background:#141416 !important; color:#DDBD7E !important; }
.chat-pop-new-btn, .new-chat-btn{ background:#141416 !important; color:#DDBD7E !important; border:1px solid rgba(185,138,52,.55) !important; }
.chat-pop-home-title h1, .chat-pop-home-card-top strong, .chat-pop-room-header strong{ color:#161616 !important; }
.chat-pop-home-title{ border-bottom:1px solid rgba(185,138,52,.22); padding-bottom:16px; }
/* AI/네비 아이콘: 파란 PNG → 골드 톤 tint */
.chat-pop-talk-item img{
  filter:grayscale(1) sepia(1) saturate(3.4) hue-rotate(357deg) brightness(1.02);
}
.chat-pop-bottom-nav .chat-pop-active img{
  filter:grayscale(1) sepia(1) saturate(4.4) hue-rotate(357deg) brightness(.9);
}

/* ============================================================
   [2026-08-09 batch10] 말풍선 글자/× 세로 중앙 정렬
   ============================================================ */
.floating-menu .chat-question-box .chat-title{ position:relative; top:-2px; }
.floating-menu .chat-question-box .chat-close{ top:12px !important; }

/* ============================================================
   [2026-08-09 batch11] 챗봇 대화창 모던·심플 리디자인 (트렌디/화이트+골드 포인트)
   ============================================================ */
.chat-pop-chat-box{ border-radius:24px !important; }
/* 헤더 */
.chat-pop-home-title{ align-items:center; gap:14px; padding:2px 2px 18px !important; border-bottom:1px solid #efefef; }
.chat-pop-home-title h1{ font-size:20px !important; font-weight:800 !important; letter-spacing:-.02em; color:#161616 !important; }
.chat-pop-home-title p{ font-size:12.5px !important; color:#9a9a9a !important; font-weight:600 !important; }
.chat-pop-icon-ai{ border-radius:50%; background:transparent; padding:0; box-sizing:border-box; overflow:hidden; }
/* 홈 인사 카드 → 부드러운 말풍선 카드 */
.chat-pop-home-card{ margin-top:22px !important; background:#f7f7f8 !important; border:1px solid #eeeeee; border-radius:18px !important; padding:16px 16px 8px !important; }
.chat-pop-home-card-top strong{ font-size:15px !important; color:#161616 !important; }
.chat-pop-home-card-top p{ font-size:13px !important; color:#7c7c82 !important; line-height:1.55 !important; font-weight:500 !important; }
.chat-pop-more{ color:#c4c4c8 !important; }
/* 입력 유도 pill */
.chat-pop-input-bar{ margin-top:12px !important; background:#fff !important; border:1px solid #e9e9ec !important; border-radius:14px !important; padding:14px 16px !important; color:#9a9a9a !important; font-weight:500 !important; }
.chat-pop-status{ color:#9a9a9a !important; font-weight:500 !important; }
/* 대화(2번) 본문 */
.chat-pop-msg{ font-weight:500 !important; font-size:14.5px !important; color:#20242a !important; line-height:1.65 !important; }
.chat-pop-msg small{ color:#a2a2a8 !important; font-weight:500 !important; }
.chat-pop-room-header p{ color:#9a9a9a !important; }
/* 입력창 pill + 전송 버튼(골드 원형) */
.chat-pop-room-input{ background:#f4f4f5 !important; border-radius:22px !important; }
.pop-tbPrompt, .inquiry-input{ background:transparent !important; border:0 !important; }
.chat-pop-send-btn{ width:40px !important; height:40px !important; top:8px !important; border-radius:50% !important; background:#161616 !important; color:#E3C179 !important; font-size:19px !important; display:flex !important; align-items:center; justify-content:center; }
/* 하단 네비: 깔끔 + 골드 활성 */
.chat-pop-bottom-nav{ background:#fff !important; border-top:1px solid #efefef; }
.chat-pop-bottom-nav div{ color:#b0b0b6 !important; font-weight:600 !important; }
/* [2026-08-11] 챗봇: 운영시간 링크(위로) / 카드 더보기 / 네비 블랙 아이콘 */
.chat-pop-hours{ cursor:pointer; position:relative; top:-6px; display:inline-block; }
.chat-pop-home-title h1{ position:relative; top:3px; }
/* 상태 초록불 반짝임(라이브) */
@keyframes gmnLive{ 0%{ box-shadow:0 0 0 0 rgba(76,190,76,.55);} 70%{ box-shadow:0 0 0 8px rgba(76,190,76,0);} 100%{ box-shadow:0 0 0 0 rgba(76,190,76,0);} }
.chat-pop-status::before{ background:#4dbe4d !important; animation:gmnLive 1.5s ease-out infinite; }
/* 대화(2번) 말풍선 리디자인 */
.chat-pop-msg{ padding:8px 2px 6px !important; }
.chat-box-left, .chat-box-right{ margin:0 0 16px !important; }
.chat-box-right{ text-align:right !important; }
.chatApop{ display:inline-block !important; width:auto !important; max-width:84% !important; padding:12px 15px !important; background:#f2f3f5 !important; color:#20242a !important; border-radius:4px 16px 16px 16px !important; font-size:14.5px !important; font-weight:500 !important; line-height:1.62 !important; box-shadow:0 1px 2px rgba(0,0,0,.05); text-align:left; }
.chatApop b{ color:#161616; font-weight:800; }
.chatQpop{ display:inline-block !important; max-width:84% !important; padding:12px 15px !important; background:#141416 !important; color:#fff !important; border-radius:16px 4px 16px 16px !important; font-size:14.5px !important; font-weight:500 !important; line-height:1.62 !important; text-align:left; }
.chat-box-left .chat-msg-info{ justify-content:flex-start; margin-top:8px !important; }
.chat-box-right .chat-msg-info{ justify-content:flex-end; }
.chat-pop-hours:hover{ color:#B4862B !important; text-decoration:underline; }
.chat-pop-desc{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.chat-pop-desc.open{ display:block; -webkit-line-clamp:unset; overflow:visible; }
/* 안내문 안의 span 은 줄바꿈을 묶으려고 넣은 것이다(제품 종류·소재·수량·희망).
   그런데 .chat-pop-home-card-top span / .chat-pop-talk-item span 이
   이름 옆 시각 표시용으로 font-size:12px, color:#999, margin-left:10px 을 걸어 두어서
   그 구간만 작아지고 왼쪽으로 밀렸다. 안내문 안에서는 본문과 똑같이 보이게 되돌린다. */
.chat-pop-desc span{ font-size:inherit; color:inherit; margin:0; letter-spacing:inherit; font-weight:inherit; }
.chat-pop-more-btn{ margin-top:7px; background:none; border:0; padding:0; color:#B4862B; font-size:12.5px; font-weight:700; cursor:pointer; font-family:'Noto Sans KR'; }
.chat-pop-more-btn:hover{ text-decoration:underline; }
.cbnav-ic{ width:24px !important; height:24px !important; display:block; margin:0 auto 5px; color:#1c1c1c !important; }
/* ⋮ 대화 헤더 메뉴 */
.chat-pop-dots{ position:relative; cursor:pointer; }
.chat-head-menu{ position:absolute; top:34px; right:0; min-width:158px; background:#fff; border:1px solid #eee; border-radius:12px; box-shadow:0 14px 34px -10px rgba(0,0,0,.24); padding:6px; z-index:30; display:none; }
.chat-head-menu.open{ display:block; }
.chat-head-menu button{ display:block; width:100%; text-align:left; background:none; border:0; padding:10px 12px; font-size:13.5px; color:#242424; font-weight:600; border-radius:8px; cursor:pointer; font-family:'Noto Sans KR'; }
.chat-head-menu button:hover{ background:#f5f5f6; color:#B4862B; }
/* 설정(SLOT4) */
.chat-set-list{ margin-top:22px; border-top:1px solid #f0f0f0; }
.chat-set-item{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 4px; background:none; border:0; border-bottom:1px solid #f0f0f0; font-size:15px; font-weight:600; color:#242424; text-decoration:none; cursor:pointer; font-family:'Noto Sans KR'; }
.chat-set-item:hover{ color:#B4862B; }
.chat-set-arw{ color:#c4c4c8; font-style:normal; font-size:18px; }
.chat-set-foot{ text-align:center; margin-top:30px; color:#adadad; font-size:12px; line-height:1.75; font-weight:600; }
/* 새 문의 버튼 pill */
.new-chat-btn, .chat-pop-new-btn{ border-radius:24px !important; font-weight:700 !important; padding-left:22px !important; padding-right:22px !important; }
.chat-pop-connect-btn{ border-radius:22px !important; }

/* ============================================================
   [2026-08-09 batch12] 플로팅 챗봇 아이콘: 사용자 제공 로봇(블루 원본) → 황금 골드 리컬러
   ============================================================ */
#chatPopCallBtn._popChatbot .chatbot-icon-img{
    width:100% !important; height:100% !important; object-fit:contain; display:block;
    filter:none !important;
    border-radius:50%;
    transition:transform .2s ease;
}
#chatPopCallBtn._popChatbot:hover .chatbot-icon-img{ transform:scale(1.06); }

/* ============================================================
   [2026-08-09 batch13] 푸터 리디자인 (제공 SVG 기반) — 전 페이지 공용
   검정 풀폭 배경 / 흰 로고 / 흰 원형 SNS / 회색 회사정보
   ============================================================ */
.gm-footer{ width:100%; background:#000; color:#b5b5b5; padding:66px 24px 58px; box-sizing:border-box; }
.gm-footer *{ box-sizing:border-box; }
.gm-footer__info .sep{ color:#4a4a4a; margin:0 7px; }
.gm-footer__info{ overflow-wrap:anywhere; }
.gm-footer__inner{ max-width:1400px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:clamp(28px,5vw,80px); }
.gm-footer__logo{ display:inline-flex; align-items:center; flex:0 0 auto; padding-top:2px; }
.gm-footer__center{ flex:1 1 auto; min-width:0; }
.gm-footer__sns{ flex:0 0 auto; }
.gm-footer__logo img{ height:34px; filter:brightness(0) invert(1); transition:transform .3s ease; }
.gm-footer__logo:hover img{ transform:translateY(-1px); }
.gm-footer__sns{ display:flex; gap:10px; }
.gm-footer__sns a{ display:inline-flex; width:30px; height:30px; transition:transform .2s ease, filter .2s ease; }
.gm-footer__sns a:hover{ transform:translateY(-3px); }
.gm-footer__sns svg{ width:30px; height:30px; display:block; }
.gm-footer__sns img{ width:100%; height:100%; display:block; border-radius:11px; }
.gm-footer__links{ margin-top:0; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.gm-footer__links a{ color:#e8e8e8; font-size:18px; font-weight:400; letter-spacing:-.02em; transition:color .2s ease; }
.gm-footer__links a:hover{ color:#fff; }
.gm-footer__links span{ color:#555; font-size:14px; }
.gm-footer__info{ margin-top:18px; color:#b5b5b5; font-size:16px; line-height:1.75; letter-spacing:-.02em; font-family:'Noto Sans KR','Pretendard',sans-serif; }
.gm-footer__info b{ font-weight:700; color:#d2d2d2; }
.gm-footer__copy{ margin-top:14px; color:#8a8a8a; font-size:15px; }
/* [2026-08-10] 푸터 재배치: 좌(로고+정보) / 우(SNS+정책링크) */
.gm-footer__left{ display:flex; flex-direction:column; align-items:flex-start; flex:1 1 auto; min-width:0; }
.gm-footer__left .gm-footer__logo{ margin-bottom:20px; }
.gm-footer__left .gm-footer__info{ margin-top:0; }
.gm-footer__right{ display:flex; flex-direction:column; align-items:flex-end; gap:22px; flex:0 0 auto; }
.gm-footer__policy{ display:flex; flex-direction:column; align-items:flex-end; gap:0; }
.gm-footer__policy a{ color:#e8e8e8; font-size:16px; line-height:1.75; font-weight:400; letter-spacing:-.02em; transition:color .2s ease; }
.gm-footer__policy a:hover{ color:#fff; }
@media (max-width:720px){
  .gm-footer__right{ align-items:flex-start; gap:18px; }
  .gm-footer__policy{ align-items:flex-start; }
}
@media (max-width:720px){
  .gm-footer{ padding:36px 18px 30px; }
  .gm-footer__inner{ flex-direction:column; align-items:flex-start; gap:24px; }
  .gm-footer__logo img{ height:28px; }
  .gm-footer__links{ margin-top:22px; gap:10px; }
  .gm-footer__links a{ font-size:15px; }
  .gm-footer__info{ font-size:13.5px; }
  .gm-footer__copy{ font-size:13px; }
  .gm-footer__sns a,.gm-footer__sns svg{ width:34px; height:34px; }
}

/* ============================================================
   [2026-08-09 batch15] 챗봇 빨간점 제거 / TOP 버튼 리디자인 / 말풍선 챗봇 전용+위치
   ============================================================ */
/* 1) 챗봇 빨간 알림점 제거 */
#chatPopCallBtn._popChatbot::after{ display:none !important; }
/* 2) TOP 버튼: 화살표 SVG 확대 + TOP 글자 +2pt */
.top-btn{ display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:3px; }
.top-btn .top-arrow{ width:26px; height:26px; }
.top-btn .top-label{ font-size:14px; font-weight:700; letter-spacing:.04em; line-height:1; }
/* 3) 말풍선: 챗봇 hover에서만 노출 (카카오/TOP hover 시 미노출) + 위치 아래로 */
.floating-menu:hover .chat-question-box{ opacity:0 !important; visibility:hidden !important; transform:translateY(14px) scale(.96) !important; }
#chatPopCallBtn:hover + .chat-question-box, .chat-question-box:hover{ opacity:1 !important; visibility:visible !important; transform:translateY(0) scale(1) !important; }
.floating-menu .chat-question-box{ top:-70px !important; }

/* [2026-08-09 batch16] 콘텐츠 이미지(캐러셀) 모서리 라운드 — 전 페이지 통일 */
.swiper-slide img{ border-radius:16px; }

/* =====================================================================
   [2026-08-13] 모바일 반응형 기반 (≤768px) — 데스크톱(>768px)은 1픽셀도 미변경
   핵심: html,body의 min-width:1400 해제 → 전 페이지가 실제로 모바일 폭으로 리플로우.
   (이 한 줄이 없어서 그동안 모든 페이지가 1400 고정이었음)
   ===================================================================== */
@media (max-width:768px){
  html, body{ min-width:0; }
  img{ max-width:100%; }
  /* 다음(Daum) 지도 타일 이미지는 위 규칙에서 제외(레이아웃 깨짐 방지) */
  .root_daum_roughmap img{ max-width:none; }
}
/* ============================================================
   [2026-08-25] 모바일 반응형 수정 — 플로팅 버튼
   원인: .floating-menu 가 right:140px / .floating-btn 100px 로
         데스크톱 기준값만 있고 모바일 미디어쿼리가 없어,
         390px 화면에서 아이콘 열이 화면 중앙으로 밀려 본문을 가림.
   조치: 모바일에서만 우측 하단으로 재배치 + 터치에 적정한 크기로 축소.
         기준폭 720px 은 이 사이트가 이미 쓰는 모바일 분기점(.menu 숨김 기준)과 동일.
         (721px 이상 = 태블릿·데스크톱은 기존 값 그대로, 회귀 없음)
   ============================================================ */
@media (max-width:720px){
    .floating-menu{
        right:10px;
        bottom:calc(14px + env(safe-area-inset-bottom, 0px));
        gap:8px;
    }
    .floating-btn{
        width:44px;
        height:44px;
        border-radius:44px;
        box-shadow:0 3px 10px rgba(0,0,0,.24);
    }
    /* 원 안의 아이콘: 가로만 제한하면 세로가 늘어나 비율이 깨진다(챗봇 26x46 현상).
       가로·세로를 함께 제한하고 비율을 유지해, 셋의 시각 크기를 맞춘다. */
    .floating-btn img,
    .floating-btn svg{
        width:auto !important;
        height:auto !important;
        max-width:28px !important;
        max-height:28px !important;
        object-fit:contain;
    }
    /* 시각 보정 — 기준은 카카오(꽉 찬 21x22). 나머지는 형태가 달라 같은 px 여도 작아 보인다.
       챗봇: 선이 얇은 아웃라인이라 26px 로 키워야 카카오와 같은 무게로 보임.
       TOP : 화살표 + 글자 2단이라 화살표를 줄이고 글자를 키워 전체 덩어리를 맞춤. */
    /* 챗봇은 선이 얇은 아웃라인이라 카카오(꽉 찬 형태)와 같은 px 이면 작아 보인다.
       카카오 26x28 과 같은 무게로 보이도록 36px 까지 키운다. */
    .floating-btn img.chatbot-icon-img{ max-width:36px !important; max-height:36px !important; }
    /* TOP 은 [화살표+글자] 2단이라 덩어리가 커진다. 실측 28x33(버튼의 75%)이었고
       카카오는 21x22(50%). 화살표와 글자를 함께 줄여 같은 50%대로 맞춘다. */
    /* TOP: 모바일에서는 화살표 없이 글자만. 44px 원에 화살표+글자 2단은 덩어리가 커서
       카카오(50%)와 안 맞고 글자도 작아진다. 글자만 두면 크고 읽기 쉽다. */
    .top-btn .top-arrow{ display:none !important; }
    /* 글자만 남으므로 원 정중앙에 오도록 여백·정렬을 초기화 */
    .top-btn{
        font-size:12.5px; line-height:1; letter-spacing:.01em; font-weight:800;
        gap:0; padding:0 !important;
        display:flex !important; align-items:center !important; justify-content:center !important;
    }
    /* 대문자 TOP 은 글자 아래 여백(디센더 자리) 때문에 상자 정중앙에 둬도
       눈에는 위로 떠 보인다. 아래로 살짝 내려 시각 중앙을 맞춘다. */
    .top-btn .top-label{ display:block; line-height:1; margin:0 !important; transform:translateY(1.5px); }
    /* 카카오 버튼은 HTML 에 padding-top:4px 인라인이 있어 이 칸만 길어진다. 모바일에서만 해제 */
    .kakao-circle{ padding-top:0 !important; }
    /* 노란 바탕에 검은 아이콘이라 대비가 세서 셋 중 혼자 튄다. 살짝 줄여 무게를 맞춘다. */
    .floating-btn.kakao-circle img{ max-width:25px !important; max-height:25px !important; }
    /* 아이콘이 <a> 안에 들어있는 버튼이 있어 가운데 정렬을 보장 */
    .floating-btn a{ display:flex; align-items:center; justify-content:center; }
    .floating-btn:hover{ transform:none; }
}

/* [2026-08-27] 푸터 글씨가 13~14px 이라 폰에서 작다. 보조 문구 기준(14~15px)으로 올린다. */
@media (max-width:720px){
    .gm-footer{ font-size:15px; line-height:1.7; }
    .gm-footer b{ font-size:15px; }
    .gm-footer__copy{ font-size:14px; }
}

/* [2026-08-27] 푸터 모바일 마감 (≤720px 전용) */
@media (max-width:720px){
    /* SNS 아이콘 — 원본 34px 에서 30px 로 줄이고 간격을 넓혀 정돈한다 */
    .gm-footer__sns a{
        width:30px !important;
        height:30px !important;
    }
    .gm-footer__sns a img,
    .gm-footer__sns a svg{ width:100% !important; height:100% !important; }
    .gm-footer__sns{ gap:14px !important; }

    /* 회사 정보 — "이메 / 일" 처럼 라벨이 중간에서 끊기던 문제.
       라벨과 값이 한 덩어리로 붙어 다니게 하고 줄바꿈을 단어 단위로 제한한다. */
    .gm-footer__info{
        word-break:keep-all;
        line-height:1.85;
    }
    .gm-footer__info b{ white-space:nowrap; }
    .gm-footer__info .sep{ white-space:nowrap; }

    /* 개인정보보호정책 · 이메일무단수집거부 — 모바일에서는 노출하지 않는다 */
    .gm-footer__policy{ display:none !important; }
}

/* [2026-08-28] 푸터 정리 (≤720px 전용)
   카피라이트 한 줄을 덜어내고, 비는 자리만큼 SNS 아이콘을 위로 올려
   회사 정보와 한 덩어리로 읽히게 한다. */
@media (max-width:720px){
    .gm-footer__copy{ display:none !important; }
    .gm-footer__sns{
        margin-top:20px !important;
        gap:14px !important;
    }
}

/* ============================================================
   [2026-08-28] 챗봇 대화창 — 모바일 레이아웃만 맞춤
   기능·색·글꼴·구성은 손대지 않는다. 폭과 높이만 화면에 맞춘다.

   원인: .floating-chatWindow 가 right:140px 로 고정돼 있고 .chatPop 이 width:420px 라
         375px 화면에서 왼쪽 -185px 로 밀려나 대화 내용이 잘려 나갔다.
         높이도 720px 고정이라 화면(812px)에서 위아래가 넘쳤다.
   주의: 열고 닫을 때 gmn-top-chatBot.asp 의 jQuery 가 height 를 인라인으로 애니메이션한다.
         그래서 height 를 !important 로 덮지 않고 max-height 로만 상한을 둔다.
         (애니메이션은 그대로 동작한다)
   ============================================================ */
@media (max-width:720px){
  .floating-chatWindow{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    top:auto !important;
    /* [2026-08-30 수정] 폰에서는 아래에서 올라오는 시트로 만든다.
       이전에는 플로팅 버튼 3개를 피하려고 아래를 176px 비워 뒀는데,
       위는 화면에 붙고 아래만 크게 남아 "PC 창을 억지로 줄여 놓은" 모양이 됐다.
       시트가 버튼을 덮는 대신, 열려 있는 동안 버튼을 감춘다(아래 규칙).
       버튼을 덮은 채 두면 다시 눌러도 시트가 클릭을 먹어 "안 먹는" 상태가 된다. */
    top:calc(72px + env(safe-area-inset-top, 0px)) !important;
    bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    left:8px !important; right:8px !important;
    max-width:none !important;
  }
  .chatPop{
    width:100% !important;
    max-width:100% !important;
    /* .chatPop 은 기본값이 height:720px 이다. height 를 덮지 않고(인라인 애니메이션 대비)
       max-height 로만 눌러 바깥 틀 높이에 맞춘다. */
    max-height:100% !important;
    box-sizing:border-box;
  }
  /* 높이를 안쪽 상자에 두는 이유: gmn-top-chatBot.asp 가 .chatPop 의 height 를
     인라인으로 애니메이션할 수 있어서(현재 이 페이지들에는 해당 요소가 없지만) 비워 둔다.
     위아래 여백을 72px 로 같게 두고 그 사이를 꽉 채운다. 넘치면 슬롯 안에서만 스크롤된다. */
  .chatPop .chat-pop-chat-box{
    height:100% !important;
    max-height:100% !important;
    display:flex; flex-direction:column;
  }
  /* 안내문 줄바꿈. 기본값은 한국어를 글자 사이 아무데서나 끊어서
     "제품 / 종류·소재…" 나 "종류·소재· / 수량·희망" 처럼 한 덩어리가 갈라졌다.
     띄어쓰기에서만 끊기게 한다. 본문의 제품&nbsp;종류 와 함께 동작한다. */
  .chatPop .chat-pop-desc{ word-break:keep-all !important; }

  /* 전송 버튼이 회색 입력상자 안에서 위로 떠 있었다(위 23px / 아래 14.2px).
     top:23px 로 고정돼 있어서인데, 상자 높이는 77px 이라 40px 버튼의 중앙은 18.5px 이다.
     기준 상자는 이미 .chat-pop-room-input(position:absolute) 이므로 top 만 중앙으로 바꾼다.
     ⚠ .chat-pop-room-input 의 position 은 건드리지 말 것.
       relative 로 바꿔 봤더니 절대배치가 풀려 폭이 358 -> 414 로 늘고 버튼이 화면 밖으로 밀렸다. */
  .chatPop .chat-pop-send-btn{
    top:50% !important; bottom:auto !important;
    transform:translateY(-50%) !important;
    right:10px !important;
  }

  /* [2026-08-30] 머리말 오른쪽에는 컨트롤을 하나만 둔다.
     ✕ 와 ⋮ 를 나란히 놓을 자리를 찾느라 세 번 헤맸는데, 애초에 둘이 같이 있을 이유가 없었다.
     ✕ 는 창을 닫는 표시이고, ⋮ 의 항목은 폰에서 전부 다른 곳에 이미 있다.
       새 대화 시작   -> 대화 탭의 "새 문의하기" 버튼
       운영시간 안내  -> 설정 탭 목록, 홈의 "운영시간 보기 〉"
       상담 문의 남기기 -> 설정 탭 목록(/Contact/)
       닫기          -> 창이 아니라 이 메뉴만 닫는 항목이었다(gmnCloseHeadMenu)
     그래서 폰에서는 ⋮ 를 감춘다. 머리말은 [‹] [아바타 제목] ... [✕] 하나로 끝난다.
     PC 는 그대로 둔다. */
  .chatPop .chat-pop-dots{ display:none !important; }

  /* 시트가 열려 있는 동안 플로팅 버튼 3개를 감춘다.
     열림 = slot-none(최초 숨김)도 close-chat(닫는 중)도 없는 상태. */
  body:has(.floating-chatWindow:not(.slot-none):not(.close-chat)) .floating-menu{
    opacity:0 !important; pointer-events:none !important;
  }
  /* [2026-08-30] 이 줄이 빠져 있어서 위 규칙이 실제로는 안 먹었다.
     대화 영역은 .chat-pop-main-home 이 아니라 그 바깥의 ._SLOT1~4 가 flex 아이템이다.
     감싼 상자가 안 줄어드니 내용(495px)이 상자(460px)를 넘어 잘려 나갔다.
     대표님 폰에서 "몇 분 내 답변 받으실 수 있어요" 줄과 하단 고객센터 줄이
     아래 탭바 뒤로 사라진 것이 이것 때문이다.

     display 는 절대 건드리지 말 것. 슬롯 전환이 display 로 되어 있어서
     display:flex 를 주면 숨어 있던 슬롯 4개가 한꺼번에 나온다(2026-08-30 실제로 겪음).
     넘치는 만큼 슬롯 안에서 스크롤되게만 한다. */
  .chatPop ._SLOT1, .chatPop ._SLOT2, .chatPop ._SLOT3, .chatPop ._SLOT4{
    flex:1 1 auto; min-height:0;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  .chatPop .chat-pop-main-home,
  .chatPop .sChatWindow{
    height:auto !important;
    flex:1 1 auto; min-height:0;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  .chatPop .chat-pop-bottom-nav{ flex:0 0 auto; }

  /* 닫기 버튼이 패널 밖(right:-15px)에 걸려 있어 화면 오른쪽으로 5px 잘렸다.
     패널 안으로 들여놓고, 56px 은 폰에서 과해 44px 로 줄인다.
     .chatPop 이 아니라 .floating-chatWindow 의 자식이다. */
  .floating-chatWindow .chat-close-btn{
    right:26px !important;        /* 본문 오른쪽 선. 왼쪽 ‹ 의 26px 과 대칭 */
    top:40px !important;          /* 머리말 줄 가운데. × 글자가 줄상자 안에서 위로 붙어 3px 보정 */
    width:28px !important; height:28px !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  /* ✕ 는 CSS 도형이 아니라 "×" 글자다(::before/::after 는 content:none 이라 안 그려진다).
     크기를 정하는 건 font-size 인데 47px 이라 ⋮(26px)의 두 배였고,
     28px 상자 밖으로 글자가 넘쳐(29x56) 혼자 커 보였다. 글자 크기를 직접 잡는다. */
  .floating-chatWindow .chat-close-btn{
    display:flex !important; align-items:center !important; justify-content:center !important;
    font-size:32px !important; line-height:1 !important; color:#8c8c8c !important;
  }
}

/* [2026-08-28] 챗봇을 닫고 나면 페이지 전체가 확대된 채로 남던 문제.
   원인: 챗봇 입력칸(#tbPromptPop 등)이 14px 이다.
   iOS Safari 는 16px 미만 입력칸에 포커스가 가면 페이지를 자동으로 확대하고,
   viewport 에 maximum-scale 이 없으므로 그 확대가 닫은 뒤에도 유지된다.
   → 화면이 오른쪽으로 밀려 보이는 것이 이 때문이다.
   16px 하한만 두면 확대 자체가 일어나지 않는다. 챗봇 기능·디자인은 그대로다.
   (viewport 에 maximum-scale 을 넣어 막는 방법은 손가락 확대까지 막으므로 쓰지 않는다) */
@media (max-width:720px){
  .chatPop input[type=text],
  .chatPop input:not([type]),
  .chatPop textarea,
  .chatPop select,
  #tbPromptPop, #qTxt{ font-size:16px !important; }
}