@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";body{font-family:Noto Sans KR,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;margin:0}.footer{display:flex;justify-content:center;align-items:center;gap:30px;border-top:1px solid #aaa;height:120px;min-width:1280px;box-sizing:border-box}.footer>div{height:80px;display:flex;align-items:center;gap:10px}.footer-logo{height:90%}.footer-logo img{height:100%;width:auto}.footer-info{display:flex;flex-direction:column;gap:10px}.footer-info span{font-size:.7rem;font-weight:700;color:#1a1423;letter-spacing:.05em}@media (max-width: 1024px){.footer{width:100%;min-width:0;flex-direction:column;gap:0px;padding:10px 0;height:fit-content}.footer-logo{height:60%}.footer-info{gap:3px}.footer-info span{font-size:.55rem}}@media (max-width: 768px){.footer{min-width:320px;gap:10px;padding:20px}.footer>div{height:60px}.footer-info{gap:1px}.footer-info span{font-size:.5rem;color:#555}}.header{position:sticky;top:0;z-index:10;height:12vh;min-height:90px;width:100%;min-width:1280px;box-shadow:0 0 10px #ccc;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.header-logo-link{display:flex;align-items:center;gap:5px;height:70%;margin-left:50px}.header-logo{height:100%;width:auto}.hamburger-btn,.out-of-navi{display:none}.navi{margin-right:100px;height:70%;display:flex}.navi-btn{height:100%;aspect-ratio:2.3 / 1;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;background-color:#fff;text-decoration:none;color:#000}.navi-btn:hover,.now-here{background-color:#f0f2f6;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}#product-btn{position:relative}.product-dropdown{position:absolute;top:100%;width:100%;list-style-type:none;margin:0;padding:0;background-color:#f0f2f6;font-size:15px;height:0;overflow:hidden;transition:height .3s ease-in-out}.product-dropdown.open{height:120px;border-top:1px solid #ccc}.product-dropdown-menu{display:block;padding:10px 0;text-align:center;text-decoration:none;color:#000}@media (max-width: 1024px){.header{min-width:0;width:100%;height:12vh}.header-logo-link{height:45%;margin-left:10px}.navi{margin-right:20px}.navi-btn{width:150px}}@media (max-width: 768px){.header{min-width:320px;width:100%;height:10vh;min-height:50px}.hamburger-btn{display:block;background-color:#fff;border:none;font-size:1.8rem;margin-right:20px;padding:0;color:#000}.out-of-navi.open{display:block;position:absolute;top:100%;width:100%;height:90vh;min-height:450px;z-index:11}.navi{flex-direction:column;position:absolute;top:100%;right:0;z-index:12;height:90vh;min-height:450px;background-color:#fff;margin:0;width:0;overflow:hidden;transition:width .3s ease-in-out;border-top:1px solid #ccc;box-sizing:border-box;box-shadow:-5px 0 10px -5px #ccc}.navi.open{width:200px}.navi-btn{height:80px;border-bottom:1px solid #ccc;aspect-ratio:auto;width:100%;white-space:nowrap}.navi-btn:hover,.now-here{text-decoration:none}#product-btn{display:flex;flex-direction:column;height:fit-content;min-height:80px;line-height:80px}.product-dropdown{position:static}.product-dropdown-menu{line-height:20px;font-size:.7rem}}.byproduct-container{margin-bottom:50px;width:1280px}.byproduct-tabs-container{display:flex;border-bottom:2px solid #2D3142}.byproduct-tab{flex:1;padding:17px 0;border:none;background-color:#f0f2f6;color:#000;cursor:pointer;transition:background-color .3s,color .3s;font-size:18px;font-family:Noto Sans KR,serif;font-optical-sizing:auto;font-weight:800;font-style:italic}.byproduct-tab.active{background-color:#2d3142;color:#fff}.product-list-container{min-height:100vh;display:flex;flex-direction:column;gap:20px;padding:30px 20px;background-color:#f0f2f6}.table-header{display:flex;width:100%}.table-header p{margin:0;text-align:center;box-sizing:border-box;font-size:1.1rem;font-weight:600;border-left:1px solid #000}.table-header p:nth-child(1){width:248px;border-left:none}.table-header p:nth-child(2){width:308px}.table-header p:nth-child(3){width:683px}.maker-box{display:flex;align-items:center;width:1240px;box-shadow:0 4px 10px #0000001a;background-color:#fff}.maker-image{flex:0 0 20%;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;height:100px}.maker-image img{width:100%;height:100%;object-fit:contain}.products-box{flex:0 0 80%;box-sizing:border-box;padding:10px 20px;border-left:1px solid #ccc;display:flex;flex-direction:column}.product-box{display:flex;border-bottom:1px solid #ccc;padding:5px;box-sizing:border-box}.product-box:last-child{border-bottom:none}.product-img{flex:0 0 30%;padding-left:30px;padding-right:55px;box-sizing:border-box;display:flex;align-items:center;height:100px}.NAHLSGen img{background-color:#cbd566}.product-img>img{width:100%;height:100%;object-fit:contain}.links-box{display:flex;align-items:center;gap:20px;border-left:1px solid #ccc;padding-left:20px}.link-box{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000;font-weight:400;background-color:#e6e6e6;padding:10px 20px;border-radius:3px;transition:transform .2s ease-in-out}.link-box p:nth-child(1){font-size:1.1rem;margin:0}.link-box p:nth-child(2){font-size:.85rem;margin:0}.link-box:hover{transform:translateY(-3px)}@media (max-width: 1024px){.byproduct-container{width:90vw}.byproduct-tab{padding:12px 0;font-size:.95rem}.product-list-container{padding:15px 10px}.table-header{display:none}.maker-box{flex-direction:column;width:100%}.maker-image{flex:0 1 auto;width:80%;max-width:500px}.maker-image img{max-width:100%;max-height:100%;object-fit:contain}.products-box{width:100%;border-left:0;border-top:1px solid #ccc}.product-img{padding:0 10px 0 0;justify-content:center}.product-img>img{width:80%;height:100%;object-fit:contain}.link-box{padding:10px 15px}.link-box p:nth-child(2){font-size:.8rem}}@media (max-width: 768px){.byproduct-container{width:90vw;min-width:320px}.byproduct-tab{padding:10px 0;font-size:.75rem}.maker-image{height:80px}.maker-image img{max-width:100%;max-height:100%;object-fit:contain}.product-img{height:80px}.product-img>img{width:100%;height:100%;object-fit:contain}.links-box{gap:10px;padding-left:10px}.link-box{flex-direction:column;align-items:start;justify-content:center;padding:5px 10px}.link-box p:nth-child(1){font-size:.8rem}.link-box p:nth-child(2){font-size:.6rem}}.byapplication{width:1280px;margin-bottom:50px}.byapplication .image-caution{display:block;font-size:.8rem;margin-bottom:5px}.byapplication .tabs-container{display:flex}.byapplication .tab{padding:15px 25px;background-color:#f0f2f6;color:#000;border:none;border-left:1px solid #ccc;border-top:1px solid #ccc;cursor:pointer;font-size:1.2rem;width:165px;font-family:Noto Sans KR,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.byapplication .tab:last-child{border-right:1px solid #ccc}.byapplication .tab.active{background-color:#2d3142;color:#fff;border-left:1px solid #2D3142;border-top:1px solid #2D3142;border-right:1px solid #2D3142}.byapplication .list-container{height:120vh;max-height:120vh;overflow-y:auto;padding:30px 35px;background-color:#f0f2f6;border-top:2px solid #2D3142}.byapplication .list{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:30px}.byapplication .card{background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;padding:15px;width:250px;position:relative}.byapplication .card .card-name{margin:5px 0 15px;font-size:1.2rem}.byapplication .card-tabs{display:flex}.byapplication .card-tab{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:3px;font-size:.9rem;cursor:pointer}.byapplication .card-tab:last-child{border-right:1px solid #ccc}.byapplication .card-tab.active{background-color:#2d3142;color:#fff;border:1px solid #2D3142}.byapplication .card-img{height:180px;background-color:#eee;display:flex;align-items:center;justify-content:center;border-top:2px solid #2D3142}.byapplication .card-img img{width:100%;height:100%;object-fit:contain}.byapplication .card-info div{display:flex;justify-content:space-between}.byapplication .card-info .product-name{margin:10px 0 0;font-size:1.1rem;font-weight:400;background-color:#e9eeff;padding:1px 5px;border-radius:5px}.byapplication .card-info .corp-logo{height:20px;width:auto;margin-top:auto}.byapplication .card-info .grade{margin:5px 0 0;font-size:.9rem;font-weight:400}.byapplication .card-info ul{margin:10px 0 0;padding-top:10px;border-top:1px solid #ccc;font-weight:400;list-style-type:none;padding-left:10px}.byapplication .card-info ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.byapplication .card-info ul p{margin:0 0 5px;height:24px}.byapplication .card .link{text-decoration:none;background-color:#e6e6e6;color:#000;font-size:.9rem;font-weight:500;padding:8px 10px;border-radius:5px;position:absolute;right:5px;bottom:5px;transition:transform .2s}.byapplication .card .link:hover{transform:translateY(-3px)}@media (max-width: 1024px){.byapplication{width:90vw}.byapplication .image-caution{font-size:.65rem;margin-bottom:3px}.byapplication .tab{padding:8px 25px;font-size:1rem;width:auto;font-weight:600}.byapplication .list-container{padding:20px}.byapplication .list{grid-template-columns:repeat(3,minmax(25vw,1fr));gap:15px}.byapplication .card{padding:8px;width:25vw}.byapplication .card .card-name{font-size:1.1rem}.byapplication .card-info .product-name{font-size:.8rem}.byapplication .card-info .corp-logo{height:15px}.byapplication .card-info .grade{font-size:.6rem}.byapplication .card-info ul{font-size:.7rem}.byapplication .card-info ul p{height:16px}.byapplication .card .link{font-size:.6rem;padding:4px 8px}}@media (max-width: 768px){.byapplication{width:90vw;min-width:320px}.byapplication .image-caution{font-size:.55rem}.byapplication .tab{padding:8px 0;width:50px;font-size:.75rem}.byapplication .list{display:flex;flex-direction:column;align-items:center;gap:15px}.byapplication .card{width:90%}.byapplication .card .card-name{font-size:1rem}.byapplication .card-tab{padding:3px;font-size:.8rem}.byapplication .card-img{height:150px}}.popup-container{position:fixed;top:200px;left:200px;display:flex;align-items:center;justify-content:center;z-index:1000}.popup{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 10px 25px #00000040;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup .popup-title{font-size:1.8rem;font-weight:700;text-decoration:underline;text-underline-offset:7px;margin:0 0 15px}.popup .popup-content{display:flex;gap:20px;font-weight:450;margin:0 40px}.popup .popup-content-left,.popup .popup-content-right{text-align:start;white-space:nowrap}.popup .popup-link{background-color:#5189fa;color:#fff;font-size:1.3rem;border-radius:8px;padding:10px;cursor:pointer;width:80%;margin:20px 0}.popup-buttons{margin-top:10px;display:flex;justify-content:space-between;width:100%}.popup-buttons button{padding:8px 15px;border:none;border-radius:5px;background-color:#333;color:#fff;cursor:pointer;transition:background-color .2s ease-in-out;font-family:Noto Sans KR,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.popup-buttons button:hover{background-color:#555}@media (max-width: 1024px){.popup-container{top:150px;left:50px}.popup{padding:10px}.popup .popup-title{font-size:1.3rem}.popup .popup-content{font-size:.9rem}.popup .popup-link{font-size:1.1rem}.popup-buttons{margin-top:8px}}@media (max-width: 768px){.popup-container{top:50%;left:50%;transform:translate(-50%,-50%)}.popup{width:300px}.popup .popup-title{font-size:1rem}.popup .popup-content{font-size:.6rem}.popup .popup-link{font-size:1rem}.popup-buttons{margin-top:5px}.popup-buttons button{padding:5px 10px;font-size:.6rem}}.home-main{width:100%;min-width:1280px;height:100vh;min-height:500px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.home-bgvideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;overflow:hidden}.home-bgvideo-2{position:absolute;top:0%;left:-30%;width:130%;height:130%;object-fit:cover;object-position:50% 0%;overflow:hidden}.home-bgvideo-source{position:absolute;bottom:10px;right:10px;color:#ffffffb3;font-size:.7rem}.home-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.home-content>span{font-size:2.2rem;font-weight:500;color:#2d3142;background-color:#ffffff4d;border-radius:10px;padding:0 15px;text-align:center}.home-content>span>span:nth-child(1){font-style:italic;text-decoration:underline;text-decoration-color:#2d3142;text-underline-offset:5px;color:#2d3142}.home-content>span>span:nth-child(3),.home-content>span>span:nth-child(4){font-style:italic;font-weight:700;color:#1d2189;padding-right:5px}.home-content>span>span:nth-child(3){margin-right:12px}.home-content>span>span:nth-child(4){margin-left:10px}.home-btn-container{display:flex;gap:20px}.home-btn{background-color:#1d2189be;color:#fff;font-size:1.2rem;font-weight:600;padding:15px 35px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background-color .3s,transform .3s;box-shadow:0 4px 10px #0000001a}.home-btn:hover{background-color:#008dd5;transform:translateY(-2px);box-shadow:0 5px 12px #00000026}.to-search-container{position:relative}.home-dropdown{position:absolute;left:100%;top:0;display:flex;flex-direction:column;background:#fff;box-shadow:2px 2px 10px #0000001a;padding:7px;border-radius:5px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.to-search-container:hover .home-dropdown{opacity:1;visibility:visible}.to-search-container:hover .home-btn{background-color:#008dd5;transform:translateY(-2px);box-shadow:0 5px 12px #00000026}.home-dropdown-link{display:block;padding:10px 15px;text-decoration:none;color:#000;white-space:nowrap;transition:background-color .3s}.home-dropdown-link:hover{background-color:#f0f2f6}@media (max-width: 1024px){.home-main{width:100%;min-width:0}.home-bgvideo-2{position:absolute;top:0;left:0;width:100%;height:115%;object-fit:cover;object-position:65% 0%;overflow:hidden}.home-bgvideo-source{font-size:.5rem}.home-content{top:40%}.home-content>span{font-size:1.3rem}.home-content>span>span:nth-child(3){margin-right:5px}.home-content>span>span:nth-child(4){margin-left:6px}}@media (max-width: 768px){.home-main{min-width:320px;height:90vh}.home-bgvideo-2{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;overflow:hidden}.home-bgvideo-source{font-size:.45rem}.home-content{top:43%}.home-content>span{font-size:1.1rem}.home-btn-container{flex-direction:column}.home-dropdown{left:0;top:100%;width:100%;text-align:center;padding:0}}@media (max-width: 600px){.home-content>span{width:80%;min-width:300px;padding:0}.home-content>span>span:nth-child(4):before{content:"";display:block}.home-content>span>span:nth-child(3){margin-right:0}.home-content>span>span:nth-child(4){margin-left:0}}.contact-main{width:100%;min-width:1280px}.contact-title{height:450px;position:relative;background-image:url(/assets/contact_background-Bpzfdxxs.jpg);background-size:100% 100%}.contact-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.contact-title span{font-size:2.1rem;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff}.contact-title p{position:absolute;bottom:0;right:10px;font-size:.6rem;color:#ffffff4d}.contact-contents-container{display:flex;flex-direction:column;align-items:center}.contact-infos{display:flex;flex-direction:column;align-items:center;gap:20px;padding:50px 0}.contact-info{font-size:20px;color:#333;background-color:#f0f2f6;padding:25px 50px;box-shadow:4px 4px 10px #0000001a;width:1280px;min-width:1280px;display:flex;box-sizing:border-box}.contact-info>div{width:20%;height:80px;text-align:center}.contact-info>div>img{height:100%;width:auto}.contact-info ul li{padding:5px 0}.contact-info ul:nth-child(2){width:8%;list-style-type:none;padding:0;margin:0}.contact-info ul:nth-child(3){width:72%;list-style-type:none;padding:0;margin:0}.contact-map{background-color:#f0f2f6;padding:20px;box-shadow:4px 4px 10px #0000001a;display:flex;justify-content:center;align-items:center;margin-bottom:50px}#kakao-map{width:1240px;height:500px}@media (max-width: 1024px){.contact-main{min-width:0;width:100%}.contact-title{height:350px}.contact-title span{font-size:1.3rem}.contact-title p{font-size:.5rem}.contact-infos{width:90%}.contact-info{padding:20px;width:100%;min-width:0;flex-direction:column;gap:15px}.contact-info>div{height:50px}.contact-info ul:nth-child(2){display:none}.contact-info ul:nth-child(3){width:100%;font-size:.85rem}.contact-info ul:nth-child(3) li:nth-child(2):before{content:"☎";margin-right:6px;margin-left:3px}.contact-info ul:nth-child(3) li:nth-child(3):before{content:"📠";margin-right:3px}.contact-map{width:90%;box-sizing:border-box}#kakao-map{height:350px}}@media (max-width: 768px){.contact-main{min-width:320px;width:100%}.contact-title{height:200px}.contact-title span{font-size:.7rem}.contact-title p{font-size:.35rem}.contact-info ul:nth-child(2){display:none}}.aboutus-main{min-width:1280px}.aboutus-title{height:450px;min-width:1280px;position:relative;background-image:url(/assets/about_background-B_rIrFnY.png);background-size:100% 200%;background-position:0 45%}.aboutus-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.aboutus-title span{font-size:2.1rem;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:1}.aboutus-contents-container{display:flex;flex-direction:column;align-items:center;gap:300px;padding:200px 30px}.side-nav{position:fixed;z-index:5;right:10px;top:50%;transform:translateY(-50%);background-color:#dddddf80;color:#000;padding:20px 10px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.side-nav ul{list-style-type:none;padding:0;margin:0}.side-nav .nav-menu{padding:10px;margin:10px 0;border-radius:10px;cursor:pointer;text-align:center}.side-nav .nav-menu:hover,.side-nav .nav-menu.active{background-color:#2d3142;color:#fff}#aboutus-since{display:flex;flex-direction:column;gap:80px}.corp-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-decoration:none;color:#000;padding:20px;background-color:#f6f7f8;box-shadow:2px 2px 5px 3px #ddd}.corp-info{display:flex;gap:15px;align-items:center;justify-content:center;width:950px;padding-bottom:20px;border-bottom:1px solid #ccc}.corp-info .logo{width:170px}.corp-info p{font-size:1.7rem;font-weight:600;margin:0}.corp-comment{display:flex;flex-direction:column;gap:5px;width:950px}.corp-comment>span{color:#555;font-size:1.2rem;font-weight:600}#aboutus-direction{width:1280px;display:flex;justify-content:space-between}#aboutus-direction .title>p{font-size:3rem;font-weight:700;border-bottom:5px solid #4c7ad5;margin:0}#aboutus-direction .listbox-container{display:flex;flex-direction:column;gap:15px}#aboutus-direction .listbox{width:850px;height:250px;border:2px solid #f0f2f6;background:linear-gradient(to right,#a7c0f1,#e1e6f1);font-size:1.5rem;color:#555;padding:30px;box-sizing:border-box;opacity:0;transform:translateY(-150px);transition:opacity 2s ease-out,transform 1s ease-out}#aboutus-direction .listbox.visible{opacity:1;transform:translateY(0)}#aboutus-direction .listbox>p{margin:0}#aboutus-direction .listbox>p:nth-child(1){font-size:2rem;font-weight:900;color:#4c7ad5;margin-bottom:35px}#aboutus-direction .listbox>p:nth-child(2)>span{font-weight:700;color:#000;font-style:italic;border-bottom:2px solid #000}#aboutus-greet{padding:30px 50px;box-shadow:3px 3px 10px 5px #bbb;border-radius:20px;width:910px;overflow:hidden;opacity:0;transform:translate(-50%);transition:transform 1.5s ease-out,opacity 1.5s ease-out;background-image:url(/assets/letter_bgimg-BdETnjYg.png);background-size:200% 100%;background-position:50% 50%;box-sizing:border-box}#aboutus-greet.aboutus-section.slidein{opacity:1;transform:translate(0)}#aboutus-greet .title{font-size:2.7rem;font-weight:700;font-style:italic;color:#000;margin:50px auto 100px;width:fit-content}#aboutus-greet .content{font-size:1.05rem;font-weight:450;line-height:2;margin:0 0 50px;color:#333}#aboutus-greet .content span{display:block;margin-bottom:20px}#aboutus-greet .writer{display:flex;justify-content:flex-end;align-items:center;gap:20px}#aboutus-greet .writer>p{font-size:1.5rem;font-weight:700;margin:0}#aboutus-greet .writer>img{height:150px;width:auto}@media (max-width: 1024px){.aboutus-main{min-width:0;width:100%}.aboutus-title{min-width:0;width:100%;height:350px;background-size:100% 100%}.aboutus-title span{font-size:1.3rem}.aboutus-contents-container{gap:150px;padding:100px 30px}.corp-link,.corp-info{width:80vw}.corp-info .logo{width:100px}.corp-info p{font-size:.8rem}.corp-comment{width:100%;word-break:keep-all}.corp-comment>span{font-size:.8rem}#aboutus-direction{width:80vw;flex-direction:column;gap:30px}#aboutus-direction .title>p{font-size:2rem;width:fit-content}#aboutus-direction .listbox{width:80vw;height:fit-content;font-size:.8rem;padding:20px}#aboutus-direction .listbox>p:nth-child(1){font-size:1.5rem;margin-bottom:15px}#aboutus-greet{padding:30px 25px;width:80vw}#aboutus-greet .title{font-size:1.7rem;margin:20px auto 50px}#aboutus-greet .content{font-size:.8rem}#aboutus-greet .writer>p{font-size:.8rem}#aboutus-greet .writer>img{height:50px}}@media (max-width: 768px){.aboutus-main{min-width:320px;width:100%}.aboutus-title{height:200px;min-width:320px;width:100%}.aboutus-title span{font-size:.7rem;width:80%;text-align:center;white-space:normal;word-break:keep-all}.side-nav{display:none}.aboutus-section{min-width:320px}.corp-link{min-width:280px}.corp-info{flex-direction:column;width:100%}.corp-info p{text-align:center}#aboutus-direction .listbox{min-width:320px}}.product-detail-main{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;min-width:1280px;box-sizing:border-box}.product-detail{display:flex;flex-direction:column;width:1280px;min-height:100vh;background-color:#fff;border:1px solid #ccc}.detail-top{width:100%;padding:20px 20px 50px;box-sizing:border-box}.detail-header{display:flex;justify-content:flex-start;align-items:center;position:relative}.detail-header .title{width:100%;margin:0 0 55px;font-size:1.5rem;padding:0 5px}.detail-header .title>div{height:100px;max-width:50%;margin-bottom:10px}.detail-header .title>div>img{height:100%;width:auto;object-fit:contain;box-shadow:2px 2px 5px 3px #ccc}.product-detail-NAHLSGen{background-color:#cbd566}.detail-header .download-btn{position:absolute;right:20px;top:20px;padding:12px;text-decoration:none;color:#fff;font-size:.8rem;background-color:#5c80bc;border-radius:5px}.detail-top .descriptions>p{color:#333;margin:0 0 15px}.detail-top .descriptions>p span{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;color:#000}.detail-bottom{display:flex;gap:30px;width:100%;padding:20px;box-sizing:border-box}.detail-bottom .features{padding-left:50px;margin:0;box-sizing:border-box;color:#333;font-size:1.1rem;font-weight:600;line-height:28px;letter-spacing:.03em;list-style-type:none;width:50%}.detail-bottom .features li{margin-bottom:20px;padding:0 3px;border-radius:5px;background-color:#5c7fbc36;width:fit-content;position:relative}.detail-bottom .features li:before{content:"✔";font-size:18px;position:absolute;left:-25px;top:0;color:#5c7fbc}.detail-bottom .features li .indent{display:inline-block;margin-left:20px;margin-top:3px}.detail-bottom .grades-container{width:50%;position:relative;display:flex;align-items:center;justify-content:center}.detail-bottom .grades{display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-bottom .grade-view{display:flex;align-items:center;transition:transform .5s ease-in-out;width:100%}.detail-bottom .grade-view div{flex:0 0 100%;display:flex;align-items:center;justify-content:center}.detail-bottom .grade-view img{width:520px;height:auto;max-height:520px;object-fit:contain;cursor:pointer;border:1px solid #ccc}.detail-bottom .grade-index-movers{position:absolute;bottom:0;display:flex;gap:5px}.detail-bottom .grade-index-mover{width:8px;height:8px;background-color:#0003;border-radius:100%;cursor:pointer}.detail-bottom .grade-index-mover.active{background-color:#00000080}.detail-bottom .grade-index-prev,.detail-bottom .grade-index-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;padding:10px 15px;font-size:20px}.detail-bottom .grade-index-prev{left:0}.detail-bottom .grade-index-next{right:0}.detail-bottom .grade-modal{position:fixed;z-index:11;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.detail-bottom .grade-modal .frame{position:relative}.detail-bottom .grade-modal .img{max-width:100%;max-height:100%;object-fit:contain}.detail-bottom .grade-modal .closebtn{position:absolute;top:5px;right:-38px;background-color:#888;color:#fff;border:none;padding:2px 9px;cursor:pointer;border-radius:4px;font-size:1.5rem}.detail-application{padding:20px;width:100%;box-sizing:border-box;border-top:2px solid #ccc;min-height:800px}.detail-application .title{font-size:2.2rem;font-weight:500;letter-spacing:.02em;border-bottom:3px solid #5C80BC;padding:8px;width:fit-content;margin:0 0 20px}.detail-application .title:before{content:"*";font-weight:900;font-size:2rem;margin-right:10px;color:#5c80bc}.detail-application .content{display:flex}.detail-application .list{list-style-type:disc;width:400px;box-sizing:border-box}.detail-application .list div{font-size:1.5rem;font-weight:600;cursor:pointer;padding:0 5px;margin:2px 0;transition:background-color .2s;width:fit-content}.detail-application .list div:hover{background-color:#ddd}.detail-application .sub-list{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.detail-application .sub-list.active{max-height:1000px}.detail-application .sub-list li{cursor:pointer;padding:5px;width:fit-content;font-size:1.1rem;font-weight:400;color:#2d3142;transition:background-color .2s}.detail-application .sub-list li:hover,.detail-application .sub-list li.selectedapp-active{background-color:#ddd}.selectedapp{width:840px}.selectedapp>div{display:flex;align-items:center;justify-content:center;gap:30px}.selectedapp .frame{width:400px;height:400px}.selectedapp .frame img{width:100%;height:100%;object-fit:contain}.selectedapp .frame .image-caution{color:#999;font-size:.79rem}.selectedapp .info{border-left:3px solid #ccc;width:400px}.selectedapp .info>p{margin:0;font-size:1.1rem}.selectedapp .info ul{margin:30px 0 0;padding-left:10px;list-style-position:inside}.selectedapp .info ul p{margin:0 0 10px;padding-left:20px;font-size:1.3rem;text-decoration:underline;text-underline-offset:5px}@media (max-width: 1024px){.product-detail-main{min-width:320px;width:100%}.product-detail{width:95vw}.detail-top{padding:15px 15px 0}.detail-header{margin-bottom:50px}.detail-header .title{margin-bottom:0;font-size:1.2rem}.detail-header .title>div{height:65px}.detail-header .download-btn{position:absolute;top:0;right:0;font-size:.7rem}.detail-top .descriptions>p{font-size:.8rem}.detail-bottom{flex-direction:column}.detail-bottom .features{padding-left:20px;font-size:.9rem;width:100%}.detail-bottom .features li{margin-bottom:10px}.detail-bottom .grades-container{width:100%}.detail-bottom .grade-view img{width:80vw}.detail-bottom .grade-modal .closebtn{position:absolute;top:3px;right:3px;background-color:#8888888e;padding:0 7px}.detail-application .title{font-size:1.5rem;border-bottom:2px solid #5C80BC;padding:0}.detail-application .title:before{font-size:1.3rem}.detail-application .content{flex-direction:column}.detail-application .list{width:100%}.detail-application .list div{font-size:1.2rem}.detail-application .sub-list li{padding:3px;font-size:1rem}.selectedapp{width:80vw;align-self:center;border:1px solid #ccc;margin-top:30px;padding:10px}.selectedapp>div{flex-direction:column}.selectedapp .frame{width:100%;height:300px}.selectedapp .info{border-left:0;width:100%}}@media (max-width: 768px){.product-detail-main{min-width:320px;width:100%}.product-detail{min-width:320px}.detail-header{flex-direction:column;align-items:flex-start;gap:10px}.detail-header .title{font-size:1rem;word-break:keep-all}.detail-header .download-btn{position:static;padding:8px;font-size:.6rem}.detail-bottom .grade-view img{min-width:278px}.detail-bottom .grade-modal .closebtn{padding:0 5px;font-size:1rem}.selectedapp{min-width:320px;box-sizing:border-box}.selectedapp .frame .image-caution{font-size:.59rem}}.search-main{width:100%;min-width:1280px}.search-tabs-container{width:100%}.intro{margin:0 auto;padding:20px;width:1280px;box-sizing:border-box;font-size:1.3rem;font-weight:500;line-height:1.6;text-align:center}.intro span{font-weight:700;font-style:italic;text-decoration:underline;color:#1d2089;font-size:1.7rem}.search-tabs{display:flex;justify-content:center;gap:20px;padding:20px 0;border-bottom:2px solid #ccc}.search-tab{padding:15px 25px;width:170px;border:none;background-color:#f0f2f6;color:#000;cursor:pointer;font-size:1rem;border-radius:27px;transition:background-color .3s;font-family:Noto Sans KR,serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.search-tab.active,.search-tab:hover{background-color:#2d3142;color:#fff}.search-frame{display:flex;justify-content:center;align-items:center;padding:20px 0}@media (max-width: 1024px){.search-main{width:100%;min-width:0}.intro{display:none}.search-tab{padding:12px 28px;width:auto;font-size:.9rem;border-radius:21px}}@media (max-width: 768px){.search-main{width:100%;min-width:320px}.search-tab{padding:10px 25px;font-size:.8rem;border-radius:27px}}