.btnDownload {
    display:inline-block;
    font-size:25px;
    font-weight:600;
    text-align:center;
    padding:20px 40px;    
    width:653px;
    height:80px;
    border:solid 1px #777;   
}


/* 전체 */
.notice-board-wrap{
    width:1320px;
    margin:16px auto 40px;
}

/* 테이블 */
.notice-board-table{
    width:100%;
    font-family:'Noto Sans KR';
    border-collapse:collapse;
    border-top:5px solid #061b2a;
}

.notice-board-table thead th{
    height:68px;
    background:#f3f4f5;
    font-size:17px;
    font-weight:bold;
    color:#111;
    text-align:center;
    border-bottom:1px solid #aaa;
}

.notice-board-table tbody td{
    height:71px;
    border-bottom:1px solid #b8b8b8;
    font-size:15px;
    vertical-align:middle;
}

.notice-num{
    width:13%;
    text-align:center;
    color:#999;
}

.notice-title{
    width:72%;
    text-align:left;
    padding-left:20px;
    font-weight:600;
}

.notice-date{
    width:15%;
    text-align:center;
    color:#999;
}

/* 하단 */
.notice-board-bottom{
    position:relative;
    margin-top:30px;
    text-align:center;
}

/* 페이지네이션 */
.notice-pagination{
    display:inline-flex;
    align-items:center;

}

.notice-pagination a{
    width:30px;
    height:30px;
    font-family:'Noto Sans KR';    
    border:1px solid #d4d4d4;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#999;
    font-size:24px;
    line-height:1;
    padding:0px 0px 3px 0px;
}

.notice-pagination a{
    position:relative;
    top:-1px;
}

.notice-pagination a{
    transform:translateY(1px);
}

.notice-pagination a.notice-active{
    background:#061b2a;
    border-color:#061b2a;
    color:#fff;
    font-size:14px;
}

/* 버튼 */
.notice-write-btn{
    position:absolute;
    right:0;
    top:-7px;
    width:142px;
    height:42px;
    border:0;
    border-radius:7px;
    background:#061b2a;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    font-weight:bold;
}



/*-------------- 챗봇  -------------*/

.inquiry-main-wrap {
    width: 1300px;
    margin: 15px auto;
}

/* 검색 박스*/
.inquiry-main-search-box-dummy {
    width: 100%;
    height: 92px;
    background: #ededed;
    border-radius: 46px;
    padding: 20px 25px;
    display: flex;
    gap: 25px;
    align-items: center;
}


.inquiry-main-input {
    flex: 1;
    width: 100%;
    height: 82px;
    border: 0;
    border-radius: 30px;
    background: #eeeeed;
    border-radius:10px;
    padding: 10 28px;
    font-size: 17px;    
    color: #222;
    outline: none;
    padding:20px;
     

}


.inquiry-main-input::placeholder {
    font-family:'Noto Sans KR';
    color: #222;
}


.inquiry-main-input-dummy{
    flex: 1;
    height: 52px;
    border: 0;
    border-radius: 30px;
    background: #fff;
    padding: 0 28px;
    font-size: 22px;
    font-weight: 700;
    color: #222;
    outline: none;
     

}


.inquiry-main-input-dummy::placeholder {
    font-family:'Noto Sans Bold';
    color: #222;
}







.inquiry-main-submit-dummy {
    width: 170px;
    height: 52px;
    border: 0;
    border-radius: 30px;
    background: #b98a34;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
}

/* 태그 */
.inquiry-main-tag-wrap {
    width: 730px;
    height: 62px;
    margin: 40px auto 0;
    background: #ededed;
    border-radius: 31px;
    padding: 11px 18px;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.inquiry-main-tag {
    min-width: 180px;
    height: 40px;
    padding: 0 25px;
    border: 0;
    border-radius: 22px;
    background: #b98a34;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing:-1px;
    word-spacing:-1px;
    transition:transform .2s ease;
}


.inquiry-main-tag:hover{
    transform:translateY(2px);
}

/* [2026-08-30] 채팅창 폭. 원래 AI/index.asp 인라인에 width:1300px 로 박혀 있었다.
   인라인이라 CSS 로는 못 이겨서 폰에서 화면(390) 밖 x20~1320 까지 뻗었고,
   대화 내용이 오른쪽으로 잘려 나갔다. 인라인을 걷고 여기로 옮긴다. */
.chatwrap{ width:1300px; max-width:100%; margin:0 auto; }

#ChatbotWindow
{
     position:relative;
    width:100%; 
    height:500px;
    padding:40px!important;
    overflow-y:auto; 
    background-color:#FFF;
    user-select:none;

    /* firefox */
    scrollbar-width:thin;
    scrollbar-color:#9a9a9a #f1f1f1;

}        

/* chrome, edge, safari */
#ChatbotWindow::-webkit-scrollbar{
    width:4px;
}

#ChatbotWindow::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:10px;
}

#ChatbotWindow::-webkit-scrollbar-thumb{
    background:#9c9c9c;
    border-radius:10px;

    transition:background .25s ease;
}

#ChatbotWindow::-webkit-scrollbar-thumb:hover{
    background:#7d7d7d;
}


/*--------- faq ---------------*/
.faq-wrap {
    font-family:'Noto Sans KR';
    width: 1320px;
    margin: 8px auto;
}

.faq-item {
    background: #f5f6f7;
    border-radius: 18px;
    padding: 50px 44px 40px;
    margin-bottom: 30px;
}

.faq-category {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 5px;
}
.faq-question > span { display:inline-block; padding-right:10px}
.faq-question {
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.faq-answer-box {
    margin-top: 34px;
    background: #fff;
    border-radius: 18px;
    padding: 34px 32px 20px;
}

.faq-answer {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.faq-btn {
    margin-top: 30px;
    width: 154px;
    height: 60px;
    border: 0;
    border-radius: 9px;
    background: #1b1b1b;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
}

.faq-btn a{
    all:unset;
    cursor:pointer;

}


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

}



/*--------------- contact -------------------*/
.contact-wrap{
    width:1320px;
     font-family:'Noto Sans';
    margin:24px auto 60px;
}

/* 테이블 */
.contact-table{
    width:100%;
    border-collapse:collapse;
    border-top:5px solid #041b2c;
}

.contact-table tr{
    border-bottom:1px solid #b9b9b9;
}

.contact-table th{
    width:165px;    
    background:#f1f2f3;
    font-size:18px;
    font-weight:500;
    text-align:left;
    vertical-align:middle;
    padding:35px 20px;
}

.contact-table td{
    padding:18px 28px;
    background:#fff;
}

/* input */
.contact-input{
    width:100%;
    height:48px;
    border:1px solid #b3b3b3;
    padding:0 15px;
    font-size:18px;
    outline:none;
}


.contact-textarea{
    width:100%;
    height:235px;
    border:1px solid #b3b3b3;
    padding:15px;
    font-size:16px;
    resize:none;
    outline:none;
}

/* 버튼 */
.contact-btn-wrap{
    text-align:center;
    margin-top:34px;
}

.contact-btn{
    width:145px;
    height:42px;
    border:0;
    border-radius:8px;
    background:#041b2c;
    color:#fff;
    font-size:18px;
    font-weight:500;
    cursor:pointer;
    font-weight:bold;
}


#certModal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);

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

    z-index:99999;
}


.certModalWrap{
    position:relative;
}

.writeContainer{
    width:950px;
    height:720px;


    display:block;

    box-shadow:0 0 30px rgba(0,0,0,0.5);
}


#btnClose{
    position:absolute;
    top:-60px;
    right:-100px;
    
    width:42px;
    height:42px;
    line-height:33px;

    border-radius:50%;
    background:rgba(160,160,160,0.75);
    color:#fff;

    font-size:32px;
    text-align:center;
    cursor:pointer;
    z-index:20;
}




@keyframes chatDot{
    0%, 80%, 100%{
        transform:translateY(0);
        opacity:.4;
    }
    40%{
        transform:translateY(-6px);
        opacity:1;
    }
}


.chatQ { 
    font-family:'Noto Sans KR'; 
    font-size:16px; 
    color:#000; 
    padding-top:20px;
    background-color:#eeeeed;
    display:inline-block;
    border-radius:10px;
    padding:7px 10px;
        
}

.chatA { 
    font-family:'Noto Sans KR'; 
    font-size:16px; 
    color:#000
}


.notice-pagination a.disabled {
    pointer-events: none;   /* 클릭 막기 */
    cursor: default;        /* 손가락 대신 기본 화살표 */
    color: #999;            /* 비활성 느낌 (선택) */
    text-decoration: none;  /* 밑줄 제거 (선택) */
}


.notice-title-link { color:#000; cursor:pointer }
.notice-title-link:hover { text-decoration:underline}

#certModal{
    opacity:0;
    transition:opacity .25s ease;
}

#certModal.show{
    opacity:1;
}

.writeContainer{
    transition:transform .25s ease;
}

.faq-answer-box {display:none}


.partner-form-wrap{
    width:100%;
    max-width:1372px;
    margin:0 auto;
    font-family:'Noto Sans KR';
}

.partner-table{
    width:100%;
    border-collapse:collapse;
    border-top:2px solid #1b2a38;
}

.partner-table th{
    width:220px;
    background:#f1f3f5;
    border-bottom:1px solid #d9d9d9;
    padding:18px 24px;
    font-size:17px;
    font-family:'Noto Sans Bold';
    color:#111;
    vertical-align:top;
}

.partner-table th span,
.form-guide span{
    color:#ff2b2b;
}

.partner-table td{
    border-bottom:1px solid #d9d9d9;
    padding:14px 20px;
}

.partner-table input,
.partner-table select{
    height:44px;
    border:1px solid #dcdcdc;
    padding:0 12px;
    font-size:15px;
    color:#333;
}

.partner-table input[type="text"]{
    width:620px;
}

.email-input{
    width:192px!important;
}

.email-at,
.dash{
    display:inline-block;
    padding:0 10px;
    color:#999;
}

.email-select{
    width:180px;
    font-size:16px!important;
    margin-left:8px;
}

.tel-select,
.tel-input{
    width:184px!important;
    font-size:16px!important;
}

.file-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:130px;
    height:38px;
    border:1px solid #ddd;
    border-radius:20px;
    background:#fff;
    color:#777;
    font-size:16px!important;
    cursor:pointer;
}

.partner-table textarea{
    width:100%;
    height:230px;
    border:1px solid #dcdcdc;
    resize:none;
    padding:15px;
    font-size:15px;
}

.form-guide{
    padding-top:10px;
    font-size:16px;
    color:#333;
}

.agree-box{
    margin-top:42px;
    background:#f3f5f7;
    text-align:center;
    padding:15px;
    font-size:16px;
    color:#333;
}

.agree-box a{
    color:#333;
    text-decoration:underline;
    margin-left:8px;
}

.partner-btn-wrap{
    text-align:center;
    padding-top:65px;
}

.partner-btn{
    width:150px;
    height:48px;
    border:0;
    border-radius:24px;
    background:#071827;
    color:#fff;
    font-size:16px;
    font-family:'Noto Sans Bold';
}

.file-name-view{
    margin-left:14px;
    font-size:16px;
    color:#666;
    font-family:'Noto Sans KR';
    display:inline-flex;
    flex-wrap:wrap;
    gap:6px;
    vertical-align:middle;
}
/* [2026-08-11] 첨부 파일명 칩(최대 10개 전체 표시) */
.file-chip{ display:inline-flex; align-items:center; max-width:200px; padding:5px 12px; background:#f3f0e8; border:1px solid #e7dfca; border-radius:8px; font-size:13px; color:#6b5a30; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.file-chip-count{ display:inline-flex; align-items:center; padding:5px 12px; background:#141110; color:#DDBD7E; border-radius:8px; font-size:13px; font-weight:700; }

.agree-box label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}


.agree-box input[type="checkbox"]{
    position:relative;
    top:0px;
}


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

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

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

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




            .board-write-wrap{
                width:100%;
                margin:0px auto;
            }

            /* 테이블 */
            .board-write{
                width:100%;
                table-layout:fixed;
                border-collapse:collapse;
                border-top:4px solid #061826;
            }

            .board-write th{
                width:140px;
                background:#f5f5f5;
                border-bottom:1px solid #dcdcdc;
                padding:14px 20px;
                text-align:center;
                font-size:17px;
                font-weight:700;
            }

            .board-write td{
                width:auto;
                border-bottom:1px solid #dcdcdc;
                padding:14px 20px;
                overflow:hidden;
            }

            /* editor td */
            .editor-td{
                padding:14px 0 !important;
            }

            /* input */
            .board-input{
                width:100%;
                height:48px;
                border:1px solid #d5d5d5;
                padding:0 15px;
                font-size:16px;
                outline:none;
                transition:.2s;
            }

            .board-input:focus{
                border-color:#061826;
            }

            /* textarea */
            #ir1{
                width:100%!important;
                height:400px!important;
                display:block;
                box-sizing:border-box;
                margin:0px!important;

            }

            /* 버튼 영역 */
            .board-btn-area{
                margin:20px 30px 20px 0px; margin-bottom:0px;
                display:flex;
                justify-content:flex-end;
                gap:10px;
            }

            /* 버튼 */
            .board-btn{
                min-width:110px;
                height:44px;
                border:0;
                border-radius:4px;
                font-size:16px;
                font-weight:600;
                cursor:pointer;
                transition:all .2s;
                border:solid 1px #CCC;
            }

            .board-btn:hover{
                opacity:.85;
                color:#000;
            }

            .board-btn-dark{
                background:#061826;
                color:#fff;
            }


            .board-btn-white{
                background:#FFF;
                color:#999;
            }


            .board-btn-gray{
                background:#999;
                color:#fff;
            }

            .board-btn-red{
                background:#b32626;
                color:#fff;
            }



            .board-write td{
                overflow:hidden;
            }

            .board-title { 
                font-family:'Noto Sans bold'; font-size:33px;  text-align:center; padding:10px 0px 10px 0px;
            }

            
            .notice-move-wrap{
                width:100%;
            }

            .notice-move-item{
                display:flex;
                align-items:center;
                height:55px;

                border-bottom:1px solid #e5e5e5;
            }

            .notice-move-label{
                width:120px;
                min-width:120px;

                display:flex;
                align-items:center;
                justify-content:center;
                gap:12px;

                font-size:14px;
                font-weight:700;
                color:#111;
            }

            .notice-arrow{
                font-size:14px;
                color:#111;
            }

            .notice-move-title{
                flex:1;
                padding-left:40px;
            }

            .notice-move-title a{
                font-size:16px;
                color:#666;
                text-decoration:none;

                transition:color .25s ease;
            }

            .notice-move-title a:hover{
                color:#111;
            }

        .download-view-wrap{
            width:1320px;
            margin:0 auto;
            font-family:'Noto Sans KR', sans-serif;
            color:#111;
        }

        .download-breadcrumb{
            height:50px;
            display:flex;
            align-items:center;
            font-size:16px;
            color:#333;
            border-bottom:3px solid #071726;
        }

        .download-view-head{
            height:90px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-bottom:1px solid #e5e5e5;
            padding-left:25px;
        }

        .download-view-head h2{
            font-size:28px;
            line-height:22px;
            font-weight:800;
        }

        .download-meta{
            font-size:14px;
            color:#999;
        }

        .download-meta span{
            display:inline-block;
            width:1px;
            height:14px;
            background:#ddd;
            margin:0 18px;
            vertical-align:-2px;
        }

        .download-hit{
            font-size:16px;
            color:#999;
            padding-right:25px;
        }

        .download-view-content{
            padding:42px 25px 20px;
            font-size:21px;
            font-weight:700;
            line-height:1.75;
        }

        .download-view-content p{
            margin:0 0 38px;
        }


        .location-wrap{
            display:flex;
            align-items:center;
            gap:6px;
        }

        .download-view-icon {

                display:flex;
                justify-content:end;
                gap:10px
        }

        .nt-icon { 
            width:35px; 
            height:35px;
            background-color:#ededed; 
            text-align:center;
            border-radius:35px;
            line-height:29px;
            cursor:pointer;
        }

        .nt-icon img { height:17px}


        @media print{

            ._share,
            ._print{
                display:none !important;
            }

        }

#shareModal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.share-box{
    width:460px;
    background:#fff;
    border-radius:14px;
    padding:35px 30px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,0.25);
}

.share-title{
    font-size:18px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:22px;
}

#shareUrl{
    width:100%;
    height:44px;
    border:1px solid #ddd;
    border-radius:6px;
    padding:0 12px;
    font-size:14px;
    color:#555;
}

.share-btn-wrap{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:22px;
}

.share-btn-wrap button{
    width:100px;
    height:42px;
    border:0;
    border-radius:6px;
    cursor:pointer;
}

#btnCopyUrl{
    background:#071726;
    color:#fff;
}

#btnCloseShare{
    background:#eee;
    color:#333;
}


            .board-write-wrap{
                width:100%;
                margin:0px auto;
            }

            /* 테이블 */
            .board-write{
                width:100%;
                table-layout:fixed;
                border-collapse:collapse;
                border-top:4px solid #061826;
            }

            .board-write th{
                width:140px;
                background:#f5f5f5;
                border-bottom:1px solid #dcdcdc;
                padding:14px 20px;
                text-align:center;
                font-size:17px;
                font-weight:700;
            }

            .board-write td{
                width:auto;
                border-bottom:1px solid #dcdcdc;
                padding:14px 20px;
                overflow:hidden;
            }

            /* editor td */
            .editor-td{
                padding:14px 0 !important;
            }

            /* input */
            .board-input{
                width:100%;
                height:48px;
                border:1px solid #d5d5d5;
                padding:0 15px;
                font-size:16px;
                outline:none;
                transition:.2s;
            }

            .board-input:focus{
                border-color:#061826;
            }

            /* textarea */
            #ir1{
                width:100%!important;
                height:400px!important;
                display:block;
                box-sizing:border-box;
                margin:0px!important;

            }

            /* 버튼 영역 */
            .board-btn-area{
                margin:20px 30px 20px 0px; margin-bottom:0px;
                display:flex;
                justify-content:flex-end;
                gap:10px;
            }

            /* 버튼 */
            .board-btn{
                min-width:110px;
                height:44px;
                border:0;
                border-radius:4px;
                font-size:16px;
                font-weight:600;
                cursor:pointer;
                transition:all .2s;
                border:solid 1px #CCC;
            }

            .board-btn:hover{
                opacity:.85;
                color:#000;
            }

            .board-btn-dark{
                background:#061826;
                color:#fff;
            }


            .board-btn-white{
                background:#FFF;
                color:#999;
            }


            .board-btn-gray{
                background:#999;
                color:#fff;
            }

            .board-btn-red{
                background:#b32626;
                color:#fff;
            }



            .board-write td{
                overflow:hidden;
            }

            .board-title { 
                font-family:'Noto Sans bold'; font-size:33px;  text-align:center; padding:10px 0px 10px 0px;
            }

            
            .notice-move-wrap{
                width:100%;
            }

            .notice-move-item{
                display:flex;
                align-items:center;
                height:55px;

                border-bottom:1px solid #e5e5e5;
            }

            .notice-move-label{
                width:140px;
                min-width:140px;

                display:flex;
                align-items:center;
                justify-content:center;
                gap:30px;

                font-size:15px;
                font-weight:700;
                color:#333;
            }

            .notice-arrow{
                font-size:14px;
                color:#111;
            }

            .notice-move-title{
                flex:1;
                padding-left:30px;
            }

            .notice-move-title a{
                font-size:16px;
                color:#666;
                text-decoration:none;

                transition:color .25s ease;
            }

            .notice-move-title a:hover{
                color:#111;
            }

        .download-view-wrap{
            width:1320px;
            margin:0 auto;
            font-family:'Noto Sans KR', sans-serif;
            color:#111;
        }

        .download-breadcrumb{
            height:50px;
            display:flex;
            align-items:center;
            font-size:16px;
            color:#333;
            border-bottom:3px solid #071726;
        }

        .download-view-head{
            height:90px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-bottom:1px solid #e5e5e5;
            padding-left:25px;
        }

        .download-view-head h2{
            font-size:28px;
            line-height:22px;
            font-weight:800;
        }

        .download-meta{
            font-size:14px;
            color:#999;
        }

        .download-meta span{
            display:inline-block;
            width:1px;
            height:14px;
            background:#ddd;
            margin:0 18px;
            vertical-align:-2px;
        }

        .download-hit{
            font-size:16px;
            color:#999;
            padding-right:25px;
        }

        .download-view-content{
            padding:42px 25px 20px;
            font-size:21px;
            font-weight:700;
            line-height:1.75;
        }

        .download-view-content p{
            margin:0 0 38px;
        }


        .location-wrap{
            display:flex;
            align-items:center;
            gap:6px;
        }

        .download-view-icon {

                display:flex;
                justify-content:end;
                gap:5px
        }
        .nt-icon { 
            width:35px; 
            height:35px;
            background-color:#ededed; 
            text-align:center;
            border-radius:35px;
            line-height:29px;
            cursor:pointer;
        }

        .nt-icon img { height:17px}


        @media print{

            ._share,
            ._print{
                display:none !important;
            }

        }



#shareModal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.share-box{
    width:460px;
    background:#fff;
    border-radius:14px;
    padding:35px 30px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,0.25);
}

.share-title{
    font-size:18px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:22px;
}

#shareUrl{
    width:100%;
    height:44px;
    border:1px solid #ddd;
    border-radius:6px;
    padding:0 12px;
    font-size:14px;
    color:#555;
}

.share-btn-wrap{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:22px;
}

.share-btn-wrap button{
    width:100px;
    height:42px;
    border:0;
    border-radius:6px;
    cursor:pointer;
}

#btnCopyUrl{
    background:#071726;
    color:#fff;
}

#btnCloseShare{
    background:#eee;
    color:#333;
}



.notice-file-wrap{
    display:flex;
    width:100%;
    border-bottom:1px solid #e5e5e5;
    background:#f8f8f8;
}

.notice-file-label{
    width:140px;
    min-width:140px;
    padding:18px 0px 18px 30px;
    background:#f8f8f8;
    font-size:17px;
    display:flex;
    font-weight:700;
    color:#555;
    text-align:left;
  
}

.notice-file-list{
    flex:1;
    padding:18px 24px;
}

.notice-file-item{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:14px;
}

.notice-file-no{
    color:#666;
    font-weight:600;
}

.notice-file-link{
    color:#2f6bff;
    text-decoration:none;
    font-weight:500;
}

.notice-file-link:hover{
    text-decoration:underline;
}




.notice-file-size{
    color:#777;
    font-size:13px;
}

.notice-file-count{
    color:#333;
    font-size:13px;
}

.customer-up-arrow{
    display:inline-block;
    width:10px;
    height:10px;

    border-top:2px solid #222;
    border-right:2px solid #222;

    transform:rotate(-45deg);

    margin-left:6px;
    vertical-align:middle;
}

.customer-down-arrow{
    display:inline-block;
    width:10px;
    height:10px;

    border-left:2px solid #222;
    border-bottom:2px solid #222;

    transform:rotate(-45deg);

    margin-left:6px;
    vertical-align:middle;
}


.chat-scroll-bottom{
    position:absolute;
    left:50% ;
    bottom:20px;

    width:50px;
    height:50px;

    border-radius:50%;
    background:rgba(180,180,180,0.9);

    cursor:pointer;

    opacity:0;
    visibility:hidden;

    transition:all .25s ease;

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

.chat-scroll-bottom.show{
    opacity:1;
    visibility:visible;
}

.chat-scroll-bottom::before{
    content:"";

    width:14px;
    height:14px;

    border-left:4px solid #fff;
    border-bottom:4px solid #fff;

    transform:rotate(-45deg);

    position:relative;
    left:1px;
    top:-2px;
}

/* ============================================================
   [2026-08-09] 게시판/문의폼 인터랙션 폴리시 (전 게시판 공통)
   ============================================================ */
.notice-board-table tbody tr{ transition:background-color .2s ease; }
.notice-board-table tbody tr:hover{ background-color:#faf9f5; }
.notice-board-table thead th{ letter-spacing:-.01em; }
/* 문의 폼 입력 포커스 인터랙션 */
.contact-table input, .contact-table textarea, .contact-table select{ transition:border-color .25s ease, box-shadow .25s ease; }
.contact-table input:focus, .contact-table textarea:focus, .contact-table select:focus{ border-color:#b98a34 !important; box-shadow:0 0 0 3px rgba(185,138,52,.12); outline:none; }
.board-write input:focus, .board-write textarea:focus, .board-write select:focus{ border-color:#b98a34 !important; box-shadow:0 0 0 3px rgba(185,138,52,.12); outline:none; }
/* 제목/소제목 등장 애니메이션 (게시판 페이지에서만) */
.main-sub-title{ animation:gmnFadeUp .7s cubic-bezier(.22,1,.36,1) both; }
.main-sub-text{ animation:gmnFadeUp .7s cubic-bezier(.22,1,.36,1) .08s both; }
@keyframes gmnFadeUp{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* ============================================================
   [2026-08-09 batch14] 자료실/게시판 표 리디자인 + 등장 애니메이션
   ============================================================ */
.notice-board-table{ border-top:2px solid #2a2a2a !important; }
.notice-board-table thead th{ background:#faf7f0 !important; color:#171717 !important; border-bottom:2px solid #e7dcc4 !important; }
.notice-board-table tbody tr{ animation:gmnFadeUp .55s cubic-bezier(.22,1,.36,1) both; }
.notice-board-table tbody tr:nth-child(1){ animation-delay:.04s; }
.notice-board-table tbody tr:nth-child(2){ animation-delay:.09s; }
.notice-board-table tbody tr:nth-child(3){ animation-delay:.14s; }
.notice-board-table tbody tr:nth-child(4){ animation-delay:.19s; }
.notice-board-table tbody tr:nth-child(5){ animation-delay:.24s; }
.notice-board-table tbody tr:hover{ background-color:#faf6ee !important; }
/* 제목/다운로드 링크: 골드 hover + 살짝 이동 */
.notice-title-link{ color:#191919; text-decoration:none; display:inline-flex; align-items:center; gap:9px; transition:color .25s ease, transform .25s ease; }
.notice-title-link:hover{ color:#b98a34; transform:translateX(3px); }
/* 다운로드(.pdf) 링크에는 다운로드 아이콘 */
.notice-title-link[href$=".pdf"]::before, .notice-title-link[href$=".PDF"]::before{
  content:''; width:17px; height:17px; flex:0 0 auto; opacity:.55; transition:opacity .25s ease;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98a34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='M7 11l5 5 5-5'/><path d='M5 21h14'/></svg>") center/contain no-repeat;
}
.notice-title-link[href$=".pdf"]:hover::before, .notice-title-link[href$=".PDF"]:hover::before{ opacity:1; }
/* 페이지네이션 hover */
.notice-pagination a{ transition:background .2s ease, color .2s ease, border-color .2s ease; }
.notice-pagination a:hover{ border-color:#b98a34 !important; color:#b98a34 !important; }

/* ============================================================
   [2026-08-10 #3] 게시판 표: 제목 +2pt / 페이지네이션 라운드 골드 리디자인
   ============================================================ */
.notice-title-link{ font-size:17px !important; }
.notice-pagination{ gap:8px !important; }
.notice-pagination a{ width:44px !important; height:44px !important; border:1px solid #e6ddc9 !important; border-radius:12px !important; background:#fff !important; color:#8a8375 !important; font-size:18px !important; top:0 !important; transform:none !important; padding:0 !important; transition:all .2s ease !important; }
.notice-pagination a:hover{ border-color:#b98a34 !important; color:#b98a34 !important; background:#fbf7ee !important; }
.notice-pagination a.notice-active{ background:#b98a34 !important; border-color:#b98a34 !important; color:#fff !important; font-size:16px !important; }
.notice-pagination a.disabled{ opacity:.4 !important; }

/* ============================================================
   [2026-08-10 #5] 제휴문의 폼 — 다운로드(골드) 무드로 컬러 통일 (레이아웃 유지, 컬러만)
   ============================================================ */
.partner-table{ border-top:2px solid #2a2a2a !important; }
.partner-table th{ background:#faf7f0 !important; color:#171717 !important; border-bottom:1px solid #e7dcc4 !important; }
.partner-table td{ border-bottom:1px solid #eee5d2 !important; }
.partner-table input:focus, .partner-table select:focus, .partner-table textarea:focus{ border-color:#b98a34 !important; box-shadow:0 0 0 2px rgba(185,138,52,.15) !important; outline:none; }
.file-btn{ transition:border-color .2s ease, color .2s ease; }
.file-btn:hover{ border-color:#b98a34 !important; color:#b98a34 !important; }
.agree-box{ background:#faf7f0 !important; }
.agree-box a{ color:#b98a34 !important; }
.partner-btn{ background:#b98a34 !important; box-shadow:0 12px 26px -14px rgba(185,138,52,.7) !important; transition:transform .2s ease, background .25s ease, box-shadow .25s ease !important; }
.partner-btn:hover{ background:#a87e2b !important; transform:translateY(-2px); }

/* ============================================================
   [2026-08-10 #6] 자주묻는질문 — 전면 리디자인 (좌 사이드 + 우 아코디언, 골드 무드)
   ============================================================ */
.faq2{ display:flex; gap:60px; max-width:1240px; margin:0 auto; text-align:left; align-items:flex-start; }
.faq2__side{ flex:0 0 320px; position:sticky; top:110px; }
.faq2__eyebrow{ font-family:'Noto Sans bold'; font-size:14px; letter-spacing:2px; color:#b98a34; }
.faq2__title{ margin-top:14px; font-size:40px; font-family:'Noto Sans bold'; color:#141110; letter-spacing:-1px; }
.faq2__lead{ margin-top:16px; font-size:16px; line-height:1.6; color:#8a8a8a; }
.faq2__search{ margin-top:26px; position:relative; }
.faq2__search input{ width:100%; height:52px; border:1px solid #e6ddc9; border-radius:30px; padding:0 20px 0 48px; font-size:16px; color:#333; transition:border-color .2s ease, box-shadow .2s ease; }
.faq2__search input:focus{ outline:none; border-color:#b98a34; box-shadow:0 0 0 3px rgba(185,138,52,.14); }
.faq2__search svg{ position:absolute; left:18px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:#b98a34; fill:none; }
.faq2__cats{ margin-top:22px; list-style:none; padding:0; }
.faq2__cats button{ width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:0; border-bottom:1px solid #efe9dc; padding:16px 4px; font-size:17px; color:#5f5f5f; cursor:pointer; transition:color .2s ease; font-family:'Noto Sans KR'; }
.faq2__cats button .cnt{ color:#bfb69f; font-size:15px; }
.faq2__cats button:hover{ color:#141110; }
.faq2__cats li.on button{ color:#141110; font-family:'Noto Sans bold'; border-bottom:2px solid #b98a34; }
.faq2__cats li.on button .cnt{ color:#b98a34; }
.faq2__main{ flex:1; min-width:0; }
.faq2__count{ font-size:19px; color:#141110; margin-bottom:8px; }
.faq2__count b{ color:#b98a34; margin-left:8px; }
.faq2__list{ border-top:1px solid #e6ded0; }
.faq2__q{ border-bottom:1px solid #ececec; }
.faq2__qbtn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; background:none; border:0; padding:26px 6px; text-align:left; font-size:18px; color:#242424; cursor:pointer; font-family:'Noto Sans KR'; transition:color .2s ease; }
.faq2__qbtn:hover{ color:#b98a34; }
.faq2__q.on .faq2__qbtn{ color:#141110; font-family:'Noto Sans bold'; }
.faq2__ic{ flex:0 0 auto; position:relative; width:22px; height:22px; }
.faq2__ic::before,.faq2__ic::after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#b98a34; border-radius:2px; transition:transform .3s ease, opacity .3s ease; }
.faq2__ic::before{ width:18px; height:2.4px; }
.faq2__ic::after{ width:2.4px; height:18px; }
.faq2__q.on .faq2__ic::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.faq2__a{ overflow:hidden; max-height:0; transition:max-height .38s cubic-bezier(.22,1,.36,1); }
.faq2__a-in{ padding:2px 6px 30px; font-size:16px; line-height:1.8; color:#6a6a6a; }
.faq2__a-in .abtn{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; background:#141110; color:#fff; font-size:15px; padding:11px 22px; border-radius:30px; text-decoration:none; transition:background .2s ease; }
.faq2__a-in .abtn:hover{ background:#b98a34; }
.faq2__q[hidden]{ display:none; }
.faq2-more-wrap{ text-align:center; margin-top:44px; }
.faq2-more{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 36px; height:54px; background:#fff; border:1px solid #e2d7bd; border-radius:50px; font-size:18px; font-weight:700; color:#141110; cursor:pointer; transition:all .25s ease; font-family:'Noto Sans KR'; }
.faq2-more::after{ content:''; width:9px; height:9px; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:rotate(45deg) translateY(-2px); }
.faq2-more:hover{ background:#141110; border-color:#141110; color:#fff; }
@media (max-width:980px){
  .faq2{ flex-direction:column; gap:34px; }
  .faq2__side{ position:static; flex:none; width:100%; }
}

/* ============================================================
   [2026-08-10 #1] AI 챗봇 대화 UI 리디자인 + 등장 애니메이션
   ============================================================ */
.chat-box-left, .chat-box-right{ animation:chatIn .4s cubic-bezier(.22,1,.36,1) both; margin-bottom:6px; }
@keyframes chatIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
/* 사용자 질문 말풍선 (우측, 골드) */
.chat-box-right .chatQ{
    background:linear-gradient(135deg,#e7cf9c,#d8b775) !important;
    color:#2a2013 !important; font-size:16px !important; line-height:1.6;
    padding:14px 20px !important; border-radius:20px 20px 4px 20px !important;
    max-width:74%; text-align:left; box-shadow:0 10px 22px -14px rgba(185,138,52,.7);
}
/* 금마니AI 답변 (좌측, 카드형) */
.chat-box-left{ display:flex; flex-direction:column; align-items:flex-start; }
.chat-box-left .chat-msg-info{ order:0; margin:0 0 8px 2px !important; font-size:13px; color:#9a8f78; }
.chat-box-left .chat-msg-info img{ width:22px !important; height:22px !important; border:1px solid #ece0c6; padding:2px; background:#fff; }
.chat-box-left .chatA{
    display:inline-block; background:#faf7f0 !important; border:1px solid #efe6d4;
    color:#2a2a2a !important; font-size:16px !important; line-height:1.75 !important;
    padding:18px 22px !important; border-radius:4px 20px 20px 20px; max-width:82%;
}
/* 로딩 점 골드 */
.chat-loading{ background:#faf7f0 !important; border:1px solid #efe6d4; }
.chat-loading span{ background:#b98a34; }

/* ============================================================
   [2026-08-10] AI 챗봇 랜딩 리디자인 (골드 무드, goldpiece 스타일 참고)
   ============================================================ */
.aichat-hero{ position:relative; padding-top:110px; text-align:center; }
/* 파티클 캔버스: 절대배치 폐기 → 상단 자체 영역(그리팅과 겹침 방지) */
.aichat__canvas{ position:relative; left:auto; top:auto; transform:none; display:block; margin:0 auto; width:560px; max-width:90vw; height:385px; pointer-events:none; z-index:1; }
.aichat__aura{ position:absolute; left:50%; top:0; transform:translateX(-50%); width:520px; height:250px; max-width:90vw; pointer-events:none; z-index:0;
  background:radial-gradient(closest-side, rgba(221,189,126,.30), rgba(221,189,126,.09) 55%, rgba(221,189,126,0) 72%); }
.aichat__aura::before, .aichat__aura::after{ content:''; position:absolute; inset:0;
  background-image:
    radial-gradient(2px 2px at 20% 30%, rgba(185,138,52,.9), transparent),
    radial-gradient(2px 2px at 70% 38%, rgba(221,189,126,.85), transparent),
    radial-gradient(1.5px 1.5px at 42% 66%, rgba(185,138,52,.7), transparent),
    radial-gradient(2px 2px at 84% 68%, rgba(221,189,126,.7), transparent),
    radial-gradient(1.5px 1.5px at 55% 20%, rgba(185,138,52,.7), transparent),
    radial-gradient(2px 2px at 30% 82%, rgba(221,189,126,.6), transparent),
    radial-gradient(1.5px 1.5px at 63% 78%, rgba(185,138,52,.6), transparent);
  animation:aichatFloat 6.5s ease-in-out infinite; }
.aichat__aura::after{ animation-duration:9s; animation-direction:reverse; opacity:.65; }
@keyframes aichatFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
.aichat__hi{ position:relative; z-index:2; margin-top:-8px; font-family:'Noto Sans bold'; font-size:20px; color:#b98a34; letter-spacing:-.3px; }
.aichat__title{ position:relative; z-index:1; margin-top:12px; font-family:'Noto Sans bold'; font-size:42px; color:#141110; letter-spacing:-1px; }
.aichat-panel{ width:900px!important; max-width:100%; margin:0 auto; }
.aichat__box{ display:flex; align-items:center; gap:10px; margin-top:14px; background:#fff; border:1px solid #ece4d3; border-radius:40px; padding:10px 12px 10px 28px; box-shadow:0 24px 55px -30px rgba(120,90,30,.5); transition:border-color .2s ease, box-shadow .2s ease; }
.aichat__box:focus-within{ border-color:#DDBD7E; box-shadow:0 26px 60px -26px rgba(185,138,52,.6); }
.aichat__input{ flex:1; border:0!important; outline:none!important; height:54px; font-size:18px; color:#222; background:transparent; }
.aichat__input::placeholder{ color:#b3aa97; }
.aichat__send{ flex:0 0 auto; width:54px; height:54px; border:0; border-radius:50%; background:linear-gradient(135deg,#DDBD7E,#b98a34); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .2s ease, box-shadow .2s ease; }
.aichat__send svg{ width:22px; height:22px; stroke:#fff; fill:none; }
.aichat__send:hover{ transform:scale(1.06); box-shadow:0 10px 22px -8px rgba(185,138,52,.85); }
.aichat__hint{ text-align:center; margin-top:18px; font-size:15px; color:#9a9a9a; }
.aichat__hint a{ color:#b98a34; font-weight:700; text-decoration:none; }
.aichat__chips{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:38px; }
.aichat__chip{ background:#fff!important; border:1px solid #e4dcc8!important; border-radius:30px!important; padding:13px 26px!important; font-size:16px; color:#4a4a4a!important; cursor:pointer; transition:all .2s ease; font-family:'Noto Sans KR'; letter-spacing:-.3px; }
.aichat__chip:hover{ border-color:#DDBD7E!important; color:#141110!important; background:#fbf7ee!important; transform:translateY(-2px); }
@media (max-width:960px){ .aichat-panel{ width:100%!important; } .aichat__title{ font-size:30px; } }

/* ============================================================
   [2026-08-10] 챗봇 대화/랜딩 보정
   ============================================================ */
/* [랜딩] 무엇을 도와드릴까요? — 2pt 축소 + 아래로 이동 (안녕하세요 제거됨) */
.aichat__title{ font-size:38px !important; margin-top:18px; }
/* [랜딩] 입력창 세로 폭 축소 */
.aichat__box{ padding:6px 8px 6px 26px; }
.aichat__input{ height:46px; }
.aichat__send{ width:46px; height:46px; }

/* [대화] AI 아바타 — 블랙 원 + 골드 로봇 */
.chat-msg-info .chat-ava{ width:28px; height:28px; border-radius:50%; background:#141416; border:1px solid rgba(185,138,52,.55); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.chat-msg-info .chat-ava svg{ width:20px; height:20px; }
.chat-msg-info .chat-ava .chat-ava-ic{ display:block !important; width:22px !important; height:22px !important; border:0 !important; padding:0 !important; background:none !important; }
.chat-box-left .chat-msg-info img{ display:none; }
/* [대화] 고객센터/번호 안내 볼드 */
.chatA .chat-bold, .chat-bold{ font-family:'Noto Sans bold'; font-weight:700; color:#141110; }

/* [대화] 입력창 리디자인 — 라운드 pill + 골드 전송 버튼 (폭 축소·중앙정렬) */
.inquiry-main-wrap{ width:100% !important; max-width:980px; margin:20px auto 0 !important; }
.inquiry-main-search-box{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #ece4d3; border-radius:40px; padding:7px 7px 7px 26px; box-shadow:0 14px 32px -20px rgba(120,90,30,.45); }
.inquiry-main-search-box:focus-within{ border-color:#DDBD7E; box-shadow:0 16px 36px -18px rgba(185,138,52,.5); }
.inquiry-main-input{ flex:1; width:auto !important; height:auto !important; background:transparent !important; border:0 !important; border-radius:0 !important; padding:13px 4px !important; font-size:17px !important; color:#222; }
.inquiry-main-input::placeholder{ color:#b3aa97 !important; }
.chat-send-btn{ flex:0 0 auto; width:48px; height:48px; border:0; border-radius:50%; background:linear-gradient(135deg,#DDBD7E,#b98a34); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .2s ease, box-shadow .2s ease; }
.chat-send-btn svg{ width:20px; height:20px; stroke:#fff; fill:none; }
.chat-send-btn:hover{ transform:scale(1.06); box-shadow:0 10px 20px -8px rgba(185,138,52,.8); }

/* ============================================================
   [2026-08-10] 제휴문의 폼 — 셀렉트 화살표 커스텀 / 가이드 위치 / 안내문
   ============================================================ */
/* #4 셀렉트 화살표: 왼쪽으로 이동 + 크기 확대 (전화번호/이메일 도메인) */
.email-select, .tel-select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b98a34' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:20px 20px;
  padding-right:46px !important;
}
/* #5-1 안내문(협업 유형…) 살짝 위로 */
.form-guide{ padding-top:2px !important; }

/* ============================================================
   [2026-08-10 #3] 공지사항 목록 — SUPPORT 헤더 + 리스트형 (골드)
   ============================================================ */
.nlist-head{ max-width:1372px; margin:0; text-align:left; } /* [2026-08-12] 로고~아이콘 프레임(1372) 좌측정렬로 넓힘 */
.nlist-eyebrow{ font-family:'Noto Sans bold'; font-size:16.5px; letter-spacing:2px; color:#b98a34; text-transform:uppercase; }
.nlist-title{ margin-top:9px; font-size:40px; font-family:'Noto Sans bold'; color:#141110; letter-spacing:-1px; }
.nlist-lead{ margin-top:8px; font-size:16px; color:#8a8a8a; }
.nlist{ max-width:1372px; margin:26px 0 0; border-top:2px solid #2a2a2a; text-align:left; }
.nlist__row{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 8px; border-bottom:1px solid #ececec; text-decoration:none; transition:background .2s ease; }
.nlist__row:hover{ background:#faf7f0; }
.nlist__main{ display:flex; align-items:center; gap:16px; min-width:0; }
.nlist__badge{ flex:0 0 auto; background:#b98a34; color:#fff; font-size:13px; font-weight:700; padding:5px 12px; border-radius:20px; }
.nlist__badge--imp{ background:linear-gradient(135deg,#ff5a5f,#e5484d); letter-spacing:.5px; animation:nlistImpBlink 1.15s ease-in-out infinite; }
@keyframes nlistImpBlink{ 0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(229,72,77,.5); } 55%{ opacity:.5; box-shadow:0 0 0 7px rgba(229,72,77,0); } }
@media (prefers-reduced-motion: reduce){ .nlist__badge--imp{ animation:none; } }
.nlist__t{ font-size:18px; color:#222; font-family:'Noto Sans KR'; transition:color .2s ease, transform .2s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nlist__row:hover .nlist__t{ color:#b98a34; transform:translateX(3px); }
.nlist__date{ flex:0 0 auto; display:inline-flex; align-items:center; font-size:15px; color:#a9a9a9; }
.nlist__date::after{ content:'\203A'; margin-left:16px; color:#d3c19a; font-size:21px; line-height:1; transition:color .2s ease, transform .2s ease; }
.nlist__row:hover .nlist__date::after{ color:#b98a34; transform:translateX(4px); }
.nlist-empty{ text-align:center; padding:70px 0; color:#999; font-size:17px; border-bottom:1px solid #ececec; }

/* ============================================================
   [2026-08-10 #4] 공지/게시판 상세 — 상세보기 리디자인 (골드 포인트)
   ============================================================ */
.download-view-wrap{ max-width:1372px; margin:0; } /* [2026-08-12] 상세뷰도 로고~아이콘 프레임(1372) 좌측정렬로 넓힘 */
.nt-back{ display:inline-flex; align-items:center; gap:6px; color:#8a8a8a; font-size:15px; text-decoration:none; margin-bottom:22px; transition:color .2s ease; }
.nt-back:hover{ color:#b98a34; }
.download-view-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-left:0; padding-right:0; height:auto; min-height:0; padding-bottom:16px; border-bottom:1px solid #ececec; }
.nt-views{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 6px; color:#9a9a9a; font-size:13px; font-family:'Noto Sans KR'; cursor:default; }
.nt-views svg{ width:15px; height:15px; }
.nt-views b{ color:#6f6f6f; font-family:'Noto Sans bold'; font-weight:400; }
.download-view-head h2{ font-size:32px; font-family:'Noto Sans bold'; color:#141110; letter-spacing:-.5px; margin:0 0 18px; line-height:1.3; }
.nt-author{ display:flex; align-items:center; gap:12px; }
.nt-author__ava{ width:42px; height:42px; border-radius:50%; background:#111110; color:#DDBD7E; display:flex; align-items:center; justify-content:center; font-family:'Noto Sans bold'; font-size:14px; flex:0 0 auto; overflow:hidden; }
.nt-author__ava img{ width:100%; height:100%; object-fit:cover; display:block; }
.nt-author__meta{ display:flex; align-items:center; gap:9px; font-size:15px; color:#8a8a8a; white-space:nowrap; }
.nt-author__meta b{ color:#141110; font-family:'Noto Sans bold'; }
.nt-author__meta .nt-dot{ color:#cfcfcf; font-style:normal; }
.nt-actions{ display:flex; gap:10px; flex:0 0 auto; }
.nt-actions button{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 14px; border:1px solid #e2d7bd; border-radius:18px; background:#fff; color:#555; font-size:13px; cursor:pointer; transition:all .2s ease; font-family:'Noto Sans KR'; }
.nt-actions button svg{ width:15px; height:15px; }
.nt-actions button:hover{ border-color:#b98a34; color:#b98a34; background:#fbf7ee; }
.download-view-content{ padding:70px 4px 70px; font-size:16px; font-weight:400 !important; line-height:1.75; color:#3a3a3a; min-height:120px; border-bottom:0 !important; }
.download-view-content b, .download-view-content strong{ font-weight:400 !important; }
/* 첨부파일 (내용 위) */
.nt-attach{ margin-top:30px; }
.nt-attach__label{ font-size:13px; font-family:'Noto Sans bold'; color:#b98a34; letter-spacing:.3px; margin-bottom:13px; }
.nt-attach__item{ display:inline-flex; align-items:center; gap:11px; font-size:16px; color:#fff; text-decoration:none; padding:15px 30px; background:linear-gradient(135deg,#DDBD7E,#b98a34); border:0; border-radius:12px; font-family:'Noto Sans bold'; box-shadow:0 10px 22px -10px rgba(185,138,52,.65); transition:transform .2s ease, box-shadow .2s ease; }
.nt-attach__item svg{ width:20px; height:20px; color:#fff; flex:0 0 auto; }
.nt-attach__item:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(185,138,52,.75); }

/* ===== 태그 (본문 바로 아래 · 회색 칩) ===== */
.nt-tags{ display:flex; flex-wrap:wrap; gap:9px; margin-top:0; padding:2px 2px 30px; }
.nt-tag{ display:inline-flex; align-items:center; height:33px; padding:0 15px; background:#f3f4f6; color:#8b9098; border-radius:17px; font-size:14px; font-weight:500; line-height:1; font-family:'Noto Sans KR'; letter-spacing:-.2px; text-decoration:none; transition:background .18s ease, color .18s ease; }
a.nt-tag:hover{ background:#ebedf0; color:#4a4f57; }
@media (max-width:768px){
    .nt-tags{ gap:7px; margin-top:0; }
    .nt-tag{ height:30px; padding:0 13px; font-size:13px; }
}

/* ===== 공통 공유 모달 (흰 배경) ===== */
.gmn-share{ position:fixed; inset:0; z-index:10000; display:none; }
.gmn-share.is-open{ display:block; }
.gmn-share__dim{ position:absolute; inset:0; background:rgba(20,17,16,.5); }
.gmn-share__box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(430px,92vw); background:#fff; border-radius:22px; padding:26px 28px 24px; box-shadow:0 34px 80px -22px rgba(0,0,0,.45); animation:gmnShareUp .26s cubic-bezier(.22,.61,.36,1) both; }
@keyframes gmnShareUp{ from{opacity:0; transform:translate(-50%,-46%)} to{opacity:1; transform:translate(-50%,-50%)} }
.gmn-share__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.gmn-share__head h3{ margin:0; font-size:19px; font-family:'Noto Sans bold'; color:#141110; }
.gmn-share__x{ border:0; background:none; font-size:27px; line-height:1; color:#9a9a9a; cursor:pointer; padding:0 2px; }
.gmn-share__x:hover{ color:#141110; }
.gmn-share__grid{ display:flex; justify-content:space-between; gap:6px; margin-bottom:22px; }
.gmn-share__btn{ flex:1; display:flex; flex-direction:column; align-items:center; gap:9px; border:0; background:none; cursor:pointer; font-size:12px; color:#666; font-family:'Noto Sans KR'; padding:0; }
.gmn-share__ic{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .2s ease; }
.gmn-share__ic svg{ width:26px; height:26px; }
.gmn-share__btn:hover .gmn-share__ic{ transform:translateY(-3px); }
.gmn-share__urlbar{ display:flex; gap:8px; }
.gmn-share__url{ flex:1; min-width:0; height:44px; padding:0 14px; border:1px solid #e6e6e6; border-radius:11px; background:#f7f7f8; font-size:13px; color:#666; }
.gmn-share__copybtn{ flex:0 0 auto; height:44px; padding:0 20px; border:0; border-radius:11px; background:#141110; color:#fff; font-size:14px; cursor:pointer; font-family:'Noto Sans KR'; transition:background .2s ease; }
.gmn-share__copybtn:hover{ background:#b98a34; }
.gmn-share__toast{ position:absolute; left:50%; bottom:-12px; transform:translate(-50%,100%); background:#141110; color:#fff; font-size:13px; padding:9px 17px; border-radius:22px; opacity:0; pointer-events:none; transition:opacity .25s ease, transform .25s ease; white-space:nowrap; }
.gmn-share__toast.show{ opacity:1; transform:translate(-50%,100%) translateY(-8px); }
.notice-move-wrap{ margin-top:0; border-top:1px solid #ececec; }
.notice-move-item{ display:flex; align-items:center; gap:20px; padding:19px 6px; border-bottom:1px solid #f0f0f0; }
.notice-move-label{ flex:0 0 84px; color:#9a9a9a; font-size:15px; }
.notice-move-title{ min-width:0; }
.notice-move-title a{ color:#333; text-decoration:none; transition:color .2s ease; }
.notice-move-title a:hover{ color:#b98a34; }
.board-btn{ height:48px; padding:0 32px; border-radius:26px; border:1px solid #141110; background:#141110; color:#fff; font-size:16px; cursor:pointer; transition:all .2s ease; }
.board-btn:hover{ background:#b98a34; border-color:#b98a34; }
.board-btn-white{ background:#141110; color:#fff; }
/* 다운로드 상세 — PDF 다운로드 버튼 */
.dl-file{ margin-top:34px; }
.dl-file__btn{ display:inline-flex; align-items:center; gap:12px; height:60px; padding:0 34px; border-radius:16px; background:linear-gradient(135deg,#DDBD7E,#b98a34); color:#fff; font-family:'Noto Sans bold'; font-size:18px; text-decoration:none; box-shadow:0 16px 34px -18px rgba(185,138,52,.8); transition:transform .2s ease, box-shadow .2s ease; }
.dl-file__btn svg{ width:22px; height:22px; }
.dl-file__btn:hover{ transform:translateY(-2px); box-shadow:0 22px 42px -18px rgba(185,138,52,.9); }

/* ============================================================
   [2026-08-10] 약관/정책 페이지 (개인정보처리방침 / 이메일무단수집거부)
   ============================================================ */
.policy-doc{ max-width:1000px; margin:30px 0 0 100px; padding-bottom:124px; text-align:left; }
.policy-intro{ font-size:16px; line-height:1.85; color:#555; padding:22px 24px; background:#faf7f0; border:1px solid #efe6d4; border-radius:14px; }
.policy-sec{ margin-top:34px; }
.policy-sec h3{ font-size:20px; font-family:'Noto Sans bold'; color:#141110; padding-left:14px; border-left:3px solid #b98a34; margin-bottom:14px; }
.policy-sec p{ font-size:16px; line-height:1.8; color:#555; }
.policy-sec ul{ margin:10px 0 0; padding-left:2px; list-style:none; }
.policy-sec ul li{ position:relative; padding-left:18px; font-size:16px; line-height:1.85; color:#555; }
.policy-sec ul li::before{ content:''; position:absolute; left:2px; top:12px; width:5px; height:5px; border-radius:50%; background:#b98a34; }
.policy-sec ol{ margin:10px 0 0; padding-left:22px; }
.policy-sec ol li{ font-size:16px; line-height:1.85; color:#555; padding-left:6px; }
.policy-sec ol li::marker{ color:#b98a34; font-family:'Noto Sans bold'; }
.policy-date{ margin-top:20px; font-size:14px; color:#9a9a9a; line-height:1.9; }

/* [2026-08-10] 정책 페이지 진입 애니메이션(페이지 로드 시) + hover 애니메이션 */
@keyframes policyFadeUp{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:translateY(0); } }
.nlist-head{ animation:policyFadeUp .6s cubic-bezier(.22,.61,.36,1) both; }
.policy-intro{ animation:policyFadeUp .6s cubic-bezier(.22,.61,.36,1) both; animation-delay:.1s; }
.policy-sec{ animation:policyFadeUp .6s cubic-bezier(.22,.61,.36,1) both; }
.policy-sec:nth-of-type(1){ animation-delay:.16s; }
.policy-sec:nth-of-type(2){ animation-delay:.22s; }
.policy-sec:nth-of-type(3){ animation-delay:.28s; }
.policy-sec:nth-of-type(4){ animation-delay:.34s; }
.policy-sec:nth-of-type(n+5){ animation-delay:.4s; }
.policy-date{ animation:policyFadeUp .6s cubic-bezier(.22,.61,.36,1) both; animation-delay:.44s; }
/* hover: 섹션 살짝 이동 + 좌측 골드바 강조, 인트로 박스 살짝 떠오름 */
.policy-sec{ transition:transform .28s ease; }
.policy-sec:hover{ transform:translateX(6px); }
.policy-sec h3{ transition:border-left-width .28s ease, padding-left .28s ease; }
.policy-sec:hover h3{ border-left-width:6px; padding-left:12px; }
.policy-intro{ transition:box-shadow .28s ease, transform .28s ease; }
.policy-intro:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.06); }
@media (prefers-reduced-motion: reduce){
  .nlist-head,.policy-intro,.policy-sec,.policy-date{ animation:none; }
  .policy-sec:hover{ transform:none; }
  .policy-intro:hover{ transform:none; box-shadow:none; }
}

/* =====================================================================
   [2026-08-13] 견적문의 폼 모바일(≤768px) — 라벨/입력을 세로 스택 (데스크톱 미변경)
   ===================================================================== */
@media (max-width:768px){
  .partner-form-wrap{ max-width:100%; }
  .partner-table, .partner-table tbody, .partner-table tr,
  .partner-table th, .partner-table td{ display:block; width:100%; box-sizing:border-box; }
  .partner-table tr{ border-bottom:1px solid #eee5d2; padding:6px 0; }
  .partner-table th{ width:100% !important; padding:12px 2px 6px !important; background:transparent !important; border-bottom:0 !important; font-size:15px; }
  .partner-table td{ padding:2px 2px 12px !important; border-bottom:0 !important; }
  .partner-table input, .partner-table select, .partner-table textarea{ width:100% !important; box-sizing:border-box; }
  .partner-table .email-input{ width:calc(50% - 16px) !important; display:inline-block; vertical-align:middle; }
  .partner-table .email-at{ display:inline-block; width:20px; text-align:center; }
  .partner-table .email-select{ width:100% !important; margin-top:8px; }
  .partner-table .tel-select{ width:24% !important; display:inline-block; vertical-align:middle; }
  .partner-table .tel-input{ width:33% !important; display:inline-block; vertical-align:middle; }
  .partner-table .dash{ display:inline-block; width:5%; text-align:center; }

}
/* ============================================================
   [2026-08-28] 고객센터 5개 페이지 모바일
   공지사항 / 챗봇AI / 자주묻는질문 / 다운로드(자료실) / 견적문의
   공통 규칙은 gmnSub.css 에 있고, 여기에는 이 그룹 고유 문제만 둔다.
   ============================================================ */
@media (max-width:720px){

  /* ---------- 페이지 대표 제목 ----------
     40~42px 는 PC 값 그대로였다. 폰에서 "자주 묻는 질문" 이 두 줄로 깨지고
     첫 화면의 절반을 제목이 먹었다. 서브페이지 공통 스케일(28px)에 맞춘다. */
  .nlist-title,
  .faq2__title{ font-size:24px !important; line-height:1.3; letter-spacing:-.03em; word-break:keep-all; margin-top:8px !important; }
  /* ============================================================
     챗봇AI 폰 (≤720px)  [2026-08-30]
     구조는 골드피스(goldpiececollection.com/support/chatbot)와 같은데
     폰에서 비율이 어긋나 있었다. 390px 실측:
       그림 540px(캔버스 351x385 세로로 길쭉) · 제목 y618 · 추천질문 y834
       화면(844)을 넘겨야 추천질문이 보였고, 인사말은 아예 빠져 있었다.
       골드피스는 그림 304px 로 그림·제목·입력창·추천질문이 첫 화면에 다 들어온다.
     그림을 줄이고 아래 요소를 끌어올려 첫 화면 안에서 끝나게 한다.
     ============================================================ */
  .aichat-hero{ padding-top:24px !important; }
  /* [2026-08-30] 폰은 챗봇 마크를 점으로 찍는 전용 애니메이션이라
     캔버스를 230px 정사각으로 못 박는다(JS 가 이 크기 기준으로 그린다).
     320px 화면에서도 좌우 여백 안에 들어온다. */
  .aichat__canvas{ width:265px !important; height:265px !important; }
  /* 폰에서는 빛 번짐을 캔버스 안에서 직접 그린다.
     이 오라는 캔버스보다 24px 위에 있어서 입자와 어긋난 얼룩으로 보였다. */
  .aichat__aura{ display:none !important; }
  .aichat__hi{ margin-top:2px !important; font-size:15px !important; letter-spacing:-.02em; }
  .aichat__title{ font-size:27px !important; line-height:1.3; letter-spacing:-.03em; margin-top:8px !important; }

  /* 입력창 : 골드피스처럼 완전한 알약. 테두리는 눈에 띄지 않게 */
  /* [2026-08-30] 보내기 버튼이 상자 안에서 꽉 껴 있었다.
     상자 58px 에 버튼 44px, 오른쪽 여백 8px 이라 알약 테두리 곡선과 부딪혀
     버튼과 화살표가 잘린 것처럼 보였다. 위아래·오른쪽 여백을 같게 준다. */
  .aichat__box{ margin-top:22px !important; border-radius:999px !important;
                border-color:#ece4d3 !important; padding:8px 10px 8px 22px !important;
                box-shadow:0 14px 34px -24px rgba(120,90,30,.45) !important; }
  /* 16px 미만으로 내리지 말 것. iOS 가 탭할 때 화면을 확대해 오른쪽이 잘린다.
     (아래 [2026-08-28] iOS 확대 방지 블록과 같은 이유) */
  /* [2026-08-30] 입력칸이 줄어들지 못해 보내기 버튼이 상자 밖으로 밀려났다.
     flex 항목은 기본이 min-width:auto 라 입력칸의 "고유 최소 폭"(size 속성 기준)
     아래로는 안 줄어든다. 글자를 16px 로 올리면서 그 최소 폭이 커졌고,
     크롬은 줄여 주는데 사파리는 안 줄여서 폰에서만 버튼이 화면 밖으로 나갔다.
     min-width:0 을 주어 남는 폭에 맞춰 줄어들게 한다. */
  .aichat__input{ height:44px !important; font-size:16px !important;
                  min-width:0 !important; flex:1 1 0 !important; }
  .aichat__send{ width:42px !important; height:42px !important; flex:0 0 42px !important; }
  .aichat__send svg{ width:20px !important; height:20px !important; }
  .aichat__hint{ margin-top:14px !important; font-size:13.5px !important; }

  /* ---------- 대화 화면 ----------
     질문을 보내면 나타나는 영역이다. 여기가 1300px 고정이라
     폰에서 오른쪽이 잘렸다. 화면 폭에 맞추고 안쪽 여백도 폰 크기로 줄인다. */
  .chatwrap{ width:100% !important; }
  .inquiry-main-wrap{ max-width:100% !important; margin-top:14px !important; }
  #ChatbotWindow{ padding:16px 4px !important; height:auto !important;
                  min-height:52vh; max-height:64vh; }
  .chat-box-right .chatQ{ font-size:14.5px !important; line-height:1.6;
                          padding:11px 15px !important; max-width:84%; }
  .chat-box-left .chatA{ font-size:14.5px !important; line-height:1.7 !important;
                         padding:14px 16px !important; max-width:92%; }
  .chat-box-left .chat-msg-info{ font-size:12px; }
  .inquiry-main-search-box{ padding:8px 10px 8px 20px !important; border-radius:999px !important; }
  .inquiry-main-input{ height:44px !important; font-size:16px !important;
                       min-width:0 !important; flex:1 1 0 !important; }
  .chat-send-btn{ width:42px !important; height:42px !important; flex:0 0 42px !important; }
  .chat-send-btn svg{ width:20px !important; height:20px !important; }

  /* 추천질문 : 글자에 맞춰 줄어드는 알약. 세로로 쌓인다 */
  .aichat__chips{ margin-top:24px !important; gap:10px !important; }
  .aichat__chip{ padding:10px 18px !important; font-size:13.5px !important;
                 border-radius:999px !important; letter-spacing:-.02em; }
  .nlist-eyebrow,
  .faq2__eyebrow{ font-size:13px !important; letter-spacing:.14em; }

  /* ---------- 견적문의 첫 화면 ----------
     [2026-08-30] 900px 화면에서 첫 입력칸이 339px 지점에 있었다. 38% 가 껍데기였다.
     내용: 서브내비 "견적문의"(68~112) / SUPPORT(153~173) / 견적문의 제목(181~212) / 설명(222~273).
     서브내비에 페이지 이름이 이미 있는데 제목이 같은 말을 한 번 더 하고,
     그 위에 영문 라벨까지 얹혀 있었다. 다른 서브페이지는 2026-08-29 에 같은 이유로 이미 지웠다.
     이 페이지는 .nlist-* 를 써서 그 전역 규칙에 안 걸렸다.
     설명 한 줄만 남기고 폼을 위로 올린다. */
  body:has(.partner-table) .nlist-eyebrow,
  body:has(.partner-table) .nlist-title{ display:none !important; }
  body:has(.partner-table) .nlist-lead{ margin-top:0 !important; }
  body:has(.partner-table) .main-sub-bg-white .main-content-container{ padding-top:26px !important; }
  body:has(.partner-table) .partner-form-wrap{ margin-top:0 !important; }
  /* [2026-08-30] 설명문과 폼 사이.
     검은 선을 빼고 나니 이 간격이 28px 이었는데, 폼 안의 행과 행 사이도 29px 이라
     둘이 똑같았다. 그래서 첫 항목이 설명문에 딸린 줄처럼 읽혔다(어중간함의 원인).
     구간이 바뀌는 자리는 행 간격보다 확실히 넓어야 한다. 29px 의 약 1.7배인 48px 로 벌린다. */
  body:has(.partner-table) .nlist-head + .d-flex{ padding-top:36px !important; }
  /* [2026-08-30] 표 위의 2px 검은 선을 뺐다(대표님 지시).
     폼 안의 나머지 구분선은 전부 얇은 베이지(#eee5d2)인데 이 줄만 짙은 검정 2px 이라
     정작 아무 것도 구분하지 않으면서 화면에서 제일 무거운 요소였다.
     설명문과 폼은 여백으로 나뉜다. */
  .partner-table{ border-top:0 !important; }

  /* [2026-08-30] 스크롤 줄이기.
     폼 전체가 1394px 인데 화면은 900px 이었다. 상자 디자인은 그대로 두고
     길이를 만드는 곳만 줄인다.
       회사명 + 이름 = 짧은 값 두 개라 한 줄에 나란히    -102px
       문의내용 상자 230 -> 150                          -80px
       파일첨부 : 파일명을 버튼 옆으로                    -36px
       행마다 라벨 위 여백 축소                          -36px
     입력칸 46px 과 글자 16px 은 그대로 둔다(줄이면 다시 읽기 어렵고 iOS 가 화면을 확대한다). */
  .partner-table tr{ padding:0 !important; }
  .partner-table th{ padding:14px 2px 6px !important; }
  .partner-table td{ padding:0 2px 12px !important; }

  /* 회사명 / 이름 두 줄을 한 줄로. 나머지 항목은 전체 폭 그대로 */
  .partner-table tbody{ display:grid !important; grid-template-columns:1fr 1fr; column-gap:14px; }
  .partner-table tbody > tr{ grid-column:1 / -1; }
  .partner-table tbody > tr:nth-child(1){ grid-column:1 / 2; }
  .partner-table tbody > tr:nth-child(2){ grid-column:2 / 3; }
  /* 두 칸이 각자 밑줄을 그어 선이 가운데서 끊겨 보였다.
     둘의 밑줄을 빼고 다음 행에 윗줄을 그어 한 줄로 잇는다. */
  .partner-table tbody > tr:nth-child(1),
  .partner-table tbody > tr:nth-child(2){ border-bottom:0 !important; }
  .partner-table tbody > tr:nth-child(3){ border-top:1px solid #eee5d2 !important; }

  .partner-table textarea{ height:150px !important; }

  /* @ 가 오른쪽으로 7.6px 밀려 두 번째 칸 위에 얹혀 있었다.
     상자(20px) 중앙은 맞는데 글자가 상자 중앙에서부터 그려져 밖으로 삐져나갔다.
     칸을 flex 로 바꿔 두 입력칸 사이 정중앙에 놓는다(가로·세로 모두). */
  .partner-table td:has(> .email-at){ display:flex !important; flex-wrap:wrap; align-items:center; }
  .partner-table .email-input{ flex:1 1 0; width:auto !important; min-width:0; }
  .partner-table .email-at{ flex:0 0 34px; width:34px !important;
                            display:flex !important; align-items:center; justify-content:center;
                            height:46px; }
  .partner-table .email-select{ flex:0 0 100%; width:100% !important; margin-top:8px !important; }

  /* 안내문이 칸 폭 386px 에 395px 로 9px 넘쳐 두 줄이 됐다. 15px 면 371px 로 한 줄이다. */
  /* 15px(371px)는 칸 폭 386px 에 겨우 들어가서 폰 글자 설정에 따라 다시 두 줄이 됐다.
     13.5px(333px)로 내려 53px 여유를 둔다. 끝에 붙지 않는다.
     nowrap 은 쓰지 않는다. 넘치면 가로 스크롤이 생긴다. */
  .form-guide{ font-size:13.5px !important; line-height:1.6; }
  @media (max-width:379px){ .form-guide{ font-size:12.5px !important; } }

  /* 파일명이 버튼 아래 한 줄을 더 먹고 있었다. 옆에 붙인다 */
  .partner-table td:has(> .file-btn){ display:flex !important; align-items:center; gap:12px; flex-wrap:wrap; }
  .file-name-view{ display:inline !important; margin-top:0 !important; }
  .nlist-lead,
  .faq2__lead{ font-size:15px !important; line-height:1.7; margin-top:10px !important; word-break:keep-all; }

  /* ---------- 목록 행(공지사항·자료실) ----------
     PC 는 [제목 ―― 날짜] 한 줄이다. 폰에서는 날짜가 고정 폭을 차지해
     제목이 "브랜드·IP 협업…" 처럼 잘렸고, 우측 하단 플로팅 버튼에도 가렸다.
     제목을 한 줄 전체로 쓰고 날짜는 아래로 내린다. 정보 순서는 그대로 유지. */
  .nlist__row{ flex-direction:column; align-items:flex-start; gap:7px !important; padding:18px 2px !important; }
  .nlist__main{ width:100%; gap:8px !important; flex-wrap:wrap; }
  .nlist__t{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
             font-size:16px !important; line-height:1.5; word-break:keep-all; }
  .nlist__badge{ font-size:11px !important; padding:3px 9px !important; }
  .nlist__date{ font-size:13px !important; color:#a9a9a9; }
  /* 행 끝 화살표는 우측 상단 고정 — 날짜와 겹치지 않게 */
  .nlist__row > svg,
  .nlist__arrow{ position:absolute; right:2px; top:20px; }
  .nlist__row{ position:relative; padding-right:26px !important; }

  /* ---------- FAQ 카테고리 ----------
     PC 사이드바 목록이 폰에서 전체 폭 6줄(약 350px)을 차지해
     정작 질문 목록이 화면 아래로 밀려났다. 가로 칩 한 줄로 바꾼다.
     항목·개수·현재 선택 표시는 그대로 유지. */
  .faq2{ gap:22px !important; }
  .faq2__cats{ margin-top:16px !important; display:flex; gap:8px; overflow-x:auto;
               -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:2px; }
  .faq2__cats::-webkit-scrollbar{ display:none; }
  .faq2__cats li{ flex:0 0 auto; }
  .faq2__cats button{ width:auto !important; min-height:40px; gap:6px; padding:0 14px !important;
    font-size:14px !important; border:1px solid #e9e1d2 !important; border-radius:20px !important;
    background:#fff !important; white-space:nowrap; }
  .faq2__cats button .cnt{ font-size:12px !important; }
  .faq2__cats li.on button{ border-color:#b98a34 !important; background:rgba(185,138,52,.08) !important; }
  .faq2__search{ margin-top:18px !important; }
  .faq2__search input{ height:48px; font-size:16px; }
  .faq2__count{ font-size:15px !important; }

  /* ---------- 질문 목록 ----------
     [2026-08-30] 질문 한 줄이 80px 이었다.
     글자는 18px 인데 버튼 위아래 여백이 26px 씩이라 52px 이 여백이었다.
     문항이 24개라 목록만 1,920px, 페이지 전체가 아래로 늘어졌다.
     폰에서는 질문 제목이 한눈에 훑여야 하므로 글자와 여백을 함께 줄인다. */
  /* [2026-08-30 #2] 앞서 글자만 줄였더니 다닥다닥해졌다. 압축은 정리가 아니다.
     글자를 다시 키우고, 대신 갈래 머리글로 덩어리를 만들어 읽히게 한다. */
  .faq2__qbtn{ padding:17px 2px !important; font-size:16.5px !important;
               line-height:1.45; gap:12px !important; letter-spacing:-.02em; }

  /* 갈래 머리글 : 목록 안에서 갈래가 바뀌는 지점을 알려 준다.
     머리글 위는 넓게, 갈래 안 질문들은 좁게 두어 덩어리로 보이게 한다. */
  .faq2__grp{ margin:34px 0 2px; padding-bottom:2px;
              font-family:'Noto Sans bold'; font-size:14px; color:#b98a34;
              letter-spacing:-.02em; }
  .faq2__list > .faq2__grp:first-child{ margin-top:4px; }
  .faq2__ic{ width:18px !important; height:18px !important; }
  .faq2__ic::before{ width:15px !important; height:2px !important; }
  .faq2__ic::after{ width:2px !important; height:15px !important; }

  /* 답변도 같은 비율로 */
  .faq2__a-in{ padding:0 2px 20px !important; font-size:14.5px !important;
               line-height:1.75 !important; word-break:keep-all; }
  .faq2__a-in .abtn{ font-size:13.5px !important; padding:10px 18px !important;
                     margin-top:14px !important; }

  .faq2-more-wrap{ margin-top:28px !important; }
  .faq2-more{ height:46px !important; font-size:15px !important; padding:0 26px !important; }
}

/* [2026-08-28] iOS 는 입력칸 글자가 16px 미만이면 탭하는 순간 화면을 확대한다.
   확대되면 레이아웃이 틀어지고 사용자가 직접 되돌려야 한다. 16px 을 하한으로 둔다. */
@media (max-width:720px){
  .partner-table input,
  .partner-table select,
  .partner-table textarea,
  .faq2__search input,
  .aichat__input,
  .inquiry-main-input{ font-size:16px !important; }
  .partner-table input,
  .partner-table select{ min-height:46px; }
}

/* ============================================================
   [2026-08-28] 공지사항·자료실 "상세 페이지" 모바일
   Notice/view.asp, Pds/view.asp — 목록만 손보고 상세를 빠뜨렸다.
   .download-view-wrap 이 width:1320px 고정이라 폰에서 화면 밖으로 잘려 나갔다.
   (가로 스크롤이 안 생겨서 측정에 안 걸렸고, 그냥 잘려 보이지 않았을 뿐이다.)
   ============================================================ */
@media (max-width:720px){

  .download-view-wrap{ width:100% !important; max-width:100% !important; }

  /* 제목 줄 — PC 는 [제목 ―― 조회수] 한 줄 90px 고정.
     폰에서는 제목이 두 줄이 되므로 높이를 풀고 세로로 쌓는다. */
  .download-view-head{
    height:auto !important; display:block !important; padding:0 0 16px !important; }
  .download-view-head h2{
    font-size:21px !important; line-height:1.4 !important; font-weight:700 !important;
    letter-spacing:-.03em; word-break:keep-all; }
  .download-hit{ padding-right:0 !important; font-size:13px !important; margin-top:8px; display:block; }
  .download-breadcrumb{ height:auto !important; padding:0 0 12px !important; font-size:13px !important;
    border-bottom-width:2px !important; }
  .nt-author{ font-size:13px !important; }
  .nt-author img{ width:34px !important; height:34px !important; }

  /* 본문 — 21px 볼드는 제목 크기다. 본문은 본문답게. */
  .download-view-content{ padding:24px 0 8px !important;
    font-size:16px !important; font-weight:400 !important; line-height:1.75 !important;
    letter-spacing:-.01em; word-break:keep-all; }
  .download-view-content p{ margin:0 0 18px !important; }
  .download-view-content img{ max-width:100% !important; height:auto !important; }

  /* 이전글·다음글 */
  .notice-move-wrap{ width:100% !important; }
  .notice-move-item{ width:100% !important; padding:14px 0 !important; }
  .notice-move-title{ width:auto !important; padding-left:12px !important; font-size:15px !important;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .nt-tags{ width:100% !important; }
}

/* [2026-08-28] 리드문 → 목록 사이 74px. pt-6(32) 과 .nlist margin-top(26) 이 겹쳤다.
   중복분을 걷어 48px 로 맞춘다(서브페이지 섹션 간격 기준). */
@media (max-width:720px){
  .nlist{ margin-top:0 !important; }
}

/* [2026-08-28] 상세 페이지 인쇄 버튼은 모바일에서 숨긴다.
   데스크톱에서 넘어온 기능이라 폰에서는 쓰임이 없다(공유 시트를 한 번 더 거쳐야 한다).
   공유하기는 남긴다 — 카톡·메시지로 바로 넘길 수 있어 폰에서 실제로 쓰인다. */
@media (max-width:720px){
  ._print{ display:none !important; }
}

/* [2026-08-28] 본문 줄바꿈 마감.
   word-break:keep-all 은 한글 단어만 지킨다. 전화번호·괄호는 하이픈에서 끊겨
   "070-4402-" / "1004)" 처럼 갈라졌다. 숫자·하이픈 묶음이 통째로 넘어가게 한다. */
@media (max-width:720px){
  .download-view-content{ line-break:strict; }
  .download-view-content a[href^="tel:"]{ white-space:nowrap; }
}

/* ============================================================
   [2026-08-28 #2] 견적문의 폼 — 실제로 스크롤해 보고 잡은 문제들
   (앞선 자동 검사는 가로 스크롤만 봐서 이 문제들을 전부 놓쳤다)
   ============================================================ */
@media (max-width:720px){

  /* ---------- 전화번호 3칸 ----------
     24% + 33% + 33% + 대시 5%×2 = 100% 인데, inline-block 사이의 공백 문자가
     16px 씩 더해져 345px > 335px 가 되어 마지막 칸이 다음 줄로 떨어졌다.
     (화면에는 "010 ▼ - [___] -" 다음 줄에 [___] 로 보인다)
     td 를 flex 로 바꿔 공백 문자를 없애고 세 칸을 한 줄에 고정한다. */
  .partner-table td:has(> .tel-select){
    display:flex !important; align-items:center; gap:6px; }
  .partner-table td:has(> .tel-select) .tel-select{ flex:0 0 84px; width:84px !important; }
  .partner-table td:has(> .tel-select) .tel-input{ flex:1 1 0; width:auto !important; min-width:0; }
  .partner-table td:has(> .tel-select) .dash{ flex:0 0 auto; width:auto !important; padding:0 1px; color:#bbb; }

  /* :has() 를 모르는 구형 브라우저용 대비 — 폭만이라도 줄여 한 줄에 들어가게 */
  .partner-table .tel-select{ width:23% !important; padding-right:4px !important; }
  .partner-table .tel-input{ width:30% !important; }
  .partner-table .dash{ width:4% !important; }

  /* ---------- 파일첨부 ----------
     버튼과 "선택된 파일 없음" 이 한 줄에 끼어 둘 다 좁았다. 세로로 편다. */
  .file-btn{ display:inline-flex; align-items:center; justify-content:center;
    min-height:46px; padding:0 20px !important; font-size:15px !important; }
  .file-name-view{ display:block; margin-top:8px; margin-left:0 !important;
    font-size:14px !important; color:#9a9a9a; word-break:keep-all; }

  /* ---------- 개인정보 동의 ----------
     "…수집 및 이 / 용에 동의합니다." 처럼 단어 중간에서 끊기고
     "자세히 / 보기" 도 갈라졌다. 왼쪽 정렬로 펴고 링크는 한 덩어리로 둔다. */
  .agree-box{ padding:14px 16px !important; }
  .agree-box label{ display:flex !important; align-items:flex-start; gap:9px;
    text-align:left !important; font-size:14.5px !important; line-height:1.6;
    word-break:keep-all; }
  .agree-box label input[type=checkbox]{ flex:0 0 auto; margin-top:2px; }
  .agree-box a{ white-space:nowrap; margin-left:4px; }

  /* ---------- 제출 버튼 아래 빈 공간 ----------
     버튼 뒤로 화면 반 개가 통째로 비어 있었다. */
  .partner-form-wrap{ padding-bottom:0 !important; }
  .partner-submit-wrap, .partner-form-wrap + div{ margin-bottom:0 !important; }
}

/* [2026-08-28] "자세히보기" 링크가 우측 하단 플로팅 버튼에 가렸다.
   오른쪽 끝에 두지 말고 동의문 아래로 내린다. */
@media (max-width:720px){
  .agree-box label{ flex-wrap:wrap; }
  .agree-box label > a{ flex:0 0 auto; margin-left:27px !important; margin-top:6px;
    order:3; text-underline-offset:3px; }
  .agree-box label input[type=checkbox]{ order:1; }
}

/* [2026-08-28] 견적문의 마감
   1) 이메일 도메인 선택이 셀 밖으로 6px 나가고 왼쪽으로 8px 밀려 있었다.
      inline-block 앞의 공백 문자 때문이라 block 으로 바꿔 다른 입력칸과 줄을 맞춘다.
   2) 제출 버튼과 푸터 사이 212px 이 통째로 비어 있었다. */
@media (max-width:720px){
  .partner-table .email-select{ display:block !important; margin-left:0 !important;
    width:100% !important; box-sizing:border-box; }
  .partner-btn-wrap{ padding-bottom:0 !important; }
  .partner-form-wrap{ margin-bottom:0 !important; }
  .main-wrap .pb-300{ padding-bottom:56px !important; }
}

/* [2026-08-28] FAQ 카테고리 칩 — 마지막 항목이 화면 밖(R=453)으로 나가 잘려 보였다.
   가로로 밀면 볼 수는 있지만, 서브내비와 같은 기준으로 전부 보이게 줄바꿈한다. */
@media (max-width:720px){
  .faq2__cats{ flex-wrap:wrap !important; overflow-x:visible !important;
    gap:8px !important; }
  .faq2__cats li{ flex:0 0 auto; }
}

/* [2026-08-28 수정] 개인정보 동의 줄 순서.
   앞서 체크박스에 order:1 을 줬는데 텍스트는 기본값 0 이라
   [텍스트][체크박스] 로 뒤바뀌어 체크박스가 오른쪽 끝에 붙었다.
   체크박스를 맨 앞으로, "자세히보기"는 텍스트 왼쪽 기준선에 맞춰 다음 줄로. */
@media (max-width:720px){
  .agree-box label{
    display:flex !important; flex-wrap:wrap; align-items:flex-start;
    gap:9px; text-align:left !important;
  }
  .agree-box label input[type=checkbox]{
    order:-1 !important; flex:0 0 auto; margin-top:3px;
  }
  .agree-box label > a{
    order:1 !important; flex:0 0 100%;
    margin-left:27px !important; margin-top:6px;
  }
}

/* [2026-08-28 재수정] 개인정보 동의 줄 배치
   flex + order 로는 안 됐다. justify-content:center 때문에
   체크박스만 있는 첫 줄이 가운데로 밀렸다(L=179).
   텍스트는 익명 항목이라 flex 로는 제어가 안 되므로 grid 로 자리를 지정한다.
     [☐] [문의를 위한 개인정보 수집 및 이용에 동의합니다.]
     [ ] [자세히보기] */
@media (max-width:720px){
  .agree-box label{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    justify-content:start !important;
    align-items:start !important;
    gap:6px 9px !important;
    text-align:left !important;
    flex-wrap:nowrap !important;
  }
  .agree-box label input[type=checkbox]{
    grid-column:1 !important; grid-row:1 !important;
    order:0 !important; margin-top:3px !important;
  }
  .agree-box label > a{
    grid-column:2 !important; grid-row:2 !important;
    order:0 !important; margin-left:0 !important; margin-top:0 !important;
    justify-self:start;
  }
}

/* ============================================================
   [2026-08-29] 공지사항·자료실 상세 — 폰에서 "한 눈에" 읽히게

   고치기 전 상태 (375px 기준, 제목 위 40px 축은 이미 맞았다)
     · 제목 아래로 [작성자] [조회수·공유하기] 가 각각 한 줄씩 차지해
       본문이 시작되기까지 140px 을 썼다.
     · 그 중 제일 눈에 띄는 것이 정작 본문이 아닌 테두리 친 공유하기 버튼이었다.
     · 본문 16px/1.75 에 문단 사이가 0 이라 700자가 통짜 덩어리로 보였다.

   고친 방향
     · 작성자 / 조회수 / 공유 를 한 줄로 합친다 (140px -> 약 84px)
     · 공유하기 테두리를 걷어 본문보다 조용하게 둔다
     · 본문은 15.5px 로 낮추고 문단 사이를 띄운다 (문단 분리는 incViewTop.asp)
   데스크톱은 건드리지 않는다.
   ============================================================ */
@media (max-width:720px){

  .nt-back{ font-size:14px !important; margin-bottom:16px !important; }

  /* 제목 한 줄 + 그 아래 [작성자 ......... 조회수 공유] 한 줄 */
  .download-view-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:10px;
    row-gap:14px;
    padding:0 0 14px !important;
  }
  /* 제목과 작성자를 감싼 div 를 펴서 위 grid 에 직접 얹는다 */
  .download-view-head > div:first-child{ display:contents !important; }
  .download-view-head h2{
    grid-column:1 / -1;
    font-size:21px !important; line-height:1.35 !important;
    margin:0 !important; word-break:keep-all;
  }
  .nt-author{ grid-column:1; gap:9px !important; margin:0 !important; }
  .nt-actions{ grid-column:2; gap:2px !important; align-items:center; }

  .nt-author__ava{ width:30px !important; height:30px !important; }
  .nt-author img{ width:100% !important; height:100% !important; }
  .nt-author__meta{ font-size:12.5px !important; gap:7px !important; }

  /* 조회수·공유하기는 정보이지 이 페이지의 주인공이 아니다.
     테두리와 배경을 걷어 본문보다 한 단계 뒤로 물린다. */
  .nt-views{ height:28px !important; padding:0 4px !important; font-size:12.5px !important; }
  .nt-views svg{ width:14px !important; height:14px !important; }
  .nt-actions button._share{
    height:28px !important; padding:0 6px !important;
    border:0 !important; background:none !important; border-radius:0 !important;
    color:#8a8a8a !important; font-size:12.5px !important; gap:5px !important;
  }
  .nt-actions button._share svg{ width:14px !important; height:14px !important; }

  /* 본문 — 문단 사이를 띄우는 게 핵심이다 */
  .download-view-content{
    padding:22px 0 6px !important;
    font-size:15.5px !important; line-height:1.75 !important; color:#3d3d3d !important;
  }
  .download-view-content p{ margin:0 0 15px !important; }
  .download-view-content p:last-child{ margin-bottom:0 !important; }

  /* 태그 — 본문보다 작고 조용하게 */
  .nt-tags{ gap:6px !important; padding:20px 0 22px !important; }
  .nt-tag{ height:28px !important; padding:0 11px !important; font-size:12.5px !important; }

  /* 이전글·다음글 */
  .notice-move-item{ gap:0 !important; padding:15px 0 !important; }
  .notice-move-label{ flex:0 0 68px !important; font-size:13px !important; }
  .notice-move-title{ font-size:14px !important; padding-left:10px !important; }
}