@charset "utf-8";

/********************************************************

// * 본 스킨은 Ninny Design에서 제작되었습니다.
// * 이 파일은 저작권법의 보호를 받습니다.
// * 무단 복제, 배포, 수정, 재판매를 금지합니다.
// * 위반 시 민·형사상 법적 책임을 질 수 있습니다.

// * Developed by Ninny Design.
// * This file is protected by copyright law.
// * Unauthorized copying, distribution, modification, or resale is strictly prohibited.
// * Violators may be subject to civil and criminal penalties.

// * © 2026 Ninny Design. All rights reserved.

********************************************************/

/********************************************************
■ Quick form
********************************************************/
.quick-wrap { position: relative; padding-bottom:var(--quick-form-h); }
#nn-quick-form { position:fixed; left:0; right:0; bottom:0; background:var(--main-color1); z-index:var(--quick-index); }
#nn-quick-form.off { position:absolute; }

#nn-quick-form form { position: relative; }
#nn-quick-form .image { position:absolute; right:100%; bottom:0; width:110px; height:100%; margin-right:var(--default-padding); }
#nn-quick-form .image img { height:auto; object-fit: contain; top:auto; bottom:0; }

#nn-quick-form ul { display:grid; grid-template-columns: auto repeat(5, minmax(0, 1fr)) auto auto; align-items: center; gap:clamp(1px, .7vw, 10px); padding:20px 0; }
#nn-quick-form li { min-width:0; }

#nn-quick-form .quick-form-header { text-align:center; line-height:1.1; }
#nn-quick-form .quick-form-header p { font-size:clamp(1.25rem, 2vw, 1.625rem); color:#fff; font-weight: 600; }
#nn-quick-form .quick-form-header span { font-size:clamp(.75rem, 1vw, 1rem); color:var(--main-color2); font-weight: 600; }

#nn-quick-form .nn-form-el { background:#fff; border-radius:5px; border-color:transparent; box-shadow: 0 0 10px #00000033; min-width:0; }
#nn-quick-form .agree { padding:0 1.2vw; }

#nn-quick-form input[type="checkbox"].nn-form-custom + label { line-height:1.2; color:#fff; font-size:.875rem; }


#nn-quick-form button[type="submit"] { border-radius: 5px; background: var(--main-color2); padding:10px 2.5vw; font-weight: 600; color:#111; width:100%; }



@media (max-width: 1024px) {
    #nn-quick-form ul { grid-template-columns: repeat(3, minmax(0, 1fr)); padding:15px 0; }
    #nn-quick-form li { height:100%; }
    #nn-quick-form .quick-form-header { display:none; }

    #nn-quick-form .nn-form-el { height:100%; }

    #nn-quick-form .agree { grid-row:3/4; grid-column:1/4; text-align:center; }
    #nn-quick-form .agree br { display:none; }

    #nn-quick-form button[type="submit"] { padding:0; height:100%; font-size:.875rem; }
}


@media (max-width: 768px) {
    #nn-quick-inquiry { position:fixed; right:var(--default-padding); bottom:var(--default-padding); border-radius: 99px; background:var(--main-color1); display: flex !important; transition-duration: .6s; z-index:9; }
    #nn-quick-inquiry .btn { border-radius: inherit; padding:5px 10px; display: flex; align-items: center; }
    #nn-quick-inquiry .btn:last-child { padding-left:2px; }
    #nn-quick-inquiry button { background:#fff; margin-left:-1px; width:100px; }
    #nn-quick-inquiry button img { width:100%; height:100%; object-fit: contain; }
    #nn-quick-inquiry a { font-size:.875rem; color:#fff; width:0; overflow:hidden; transition-duration: inherit; }


    #nn-quick-inquiry.on a { width:75px; }


    body.scr-btm #nn-quick-inquiry { opacity: 0; transition-duration: .2s; }
}