.textoverflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex;justify-content:center;align-items:center}body{list-style:none;text-decoration:none;line-height:1;margin:0 auto;padding:0;max-width:100%}html{font-size:100px}*{list-style:none;text-decoration:none;line-height:1;margin:0;padding:0;font-family:'Regular';font-size:.16rem;box-sizing:border-box;line-height:1.4;color:#181B1D}h1,h2,h3,h4,h5,h6{font-weight:400}.button{width:280px;height:56px;display:flex;justify-content:center;align-items:center;font-family:'Medium';background-color:#1168C9;border:2px solid #1168C9;color:#fff;transition:all 0.5s}.button:hover{background-color:#fff;color:#1168C9}a:hover,a:focus{color:#1168C9}.flex{display:flex;justify-content:center;align-items:center}.text-overflow{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.title{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:.5rem}.title h2{position:relative}.title h2,.title h1{font-size:.54rem;font-family:'Bold';position:relative;color:#181B1D;z-index:9;text-align:center;display:inline-block;margin:0;max-width:1200px}.title h2 span,.title h1 span{font-size:.54rem;font-family:'Bold';position:relative;color:#1168C9;z-index:9}.title h4{margin-top:15px;font-size:.2rem;color:#181B1D;display:flex;font-family:'Medium'}.title p{color:#666;text-align:center;max-width:1100px;width:100%;margin-top:15px}.btn.more{padding:0 30px;height:40px;background:#1168C9;border-radius:28px;color:#fff;font-family:'Medium';display:flex;justify-content:center;align-items:center;margin:0 auto;position:relative;width:fit-content}.btn.more span{color:#fff;font-family:'Medium'}.btn.more img{margin-left:20px}.btn.more:hover{background:linear-gradient(0deg,#15BA88,#1168C9);color:#fff;border:none}.btn.more:hover svg path{fill:#fff}.btn.more svg{position:absolute;top:50%;transform:translateY(-50%);right:30px}.content{max-width:1520px;width:100%;margin:0 auto;padding:0 .4rem;overflow:hidden}@font-face{font-family:'Regular';src:url(/lib/fonts/HyundaiSansHeadOffice-Regular.ttf);font-display:swap}@font-face{font-family:'Bold';src:url(/lib/fonts/HyundaiSansHeadOffice-Bold.ttf);font-display:swap}@font-face{font-family:'Medium';src:url(/lib/fonts/HyundaiSansHeadOffice-Medium.ttf);font-display:swap}.c-close-icon{width:20px;height:20px;margin:auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-close-icon span{display:inline-block;width:100%;height:3px;border-radius:2px;background-color:#1168C9;-webkit-transition:opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),opacity 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1)}.c-close-icon span:nth-child(1){-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8.5px) rotate(-45deg)}.c-close-icon span:nth-child(2){-webkit-transform:translateY(-8.5px) rotate(45deg);transform:translateY(-8.5px) rotate(45deg)}input:focus,textarea:focus{border-color:#1168C9}[type='submit']{background:#1168C9;border:1px solid #1168C9}[type='submit']:hover{background:#fff;color:#1168C9}.c-search__submit:hover{background:#1168C9;border-color:#1168C9;color:#fff}.c-search__submit{display:flex;justify-content:center;align-items:center}.form_mask{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;width:100%;height:100%;background-color:rgba(48,48,48,.7);display:flex;justify-content:center;align-items:center;z-index:99;display:none}.common-fixed-contact{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;width:800px;height:auto;background-color:#fff;-webkit-box-shadow:0 0 20px rgb(0 0 0 / 10%);box-shadow:0 0 20px rgb(0 0 0 / 10%);z-index:998;overflow:hidden}.common-fixed-contact h3{margin:20px 40px;color:#1168C9;text-align:center;font-family:'Bold'}.common-fixed-contact p{margin:0 40px}.common-fixed-contact-form{padding:20px 40px}.common-fixed-contact-form__input,.common-fixed-contact-form__textarea{width:100%;height:48px;padding-left:20px;border:1px solid #e8e8e8;margin-bottom:20px;background-color:#fff}.common-fixed-contact-form__input:focus,.common-fixed-contact-form__textarea:focus{border:1px solid #1168C9}.common-fixed-contact-form__textarea{height:144px;padding:20px;resize:none}.common-fixed-contact-form__submit{width:240px;margin:0 auto;margin-top:20px}.common-btn{width:100%;height:48px;background-color:#1168C9;color:#fff;border:1px solid #1168C9;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-transition:all 500ms cubic-bezier(.2,0,0,1);transition:all 500ms cubic-bezier(.2,0,0,1);position:relative;-webkit-box-shadow:0 15px 20px -5px rgba(50,47,46,.2);box-shadow:0 15px 20px -5px rgba(50,47,46,.2)}.common-btn:hover{color:#1168C9}.common-fixed-contact__close{position:absolute;right:10px;top:10px;cursor:pointer;width:24px;height:24px;background:url(/lib/images/close.svg) no-repeat center center}.common-fixed-contact__close img{display:none}.common-fixed-contact__close img.active{display:block}.page{display:flex;align-items:center;justify-content:center;margin-top:.3rem;margin-bottom:.3rem}.page .flex,.page .page-numbers{min-width:38px;min-height:38px;padding:10px;margin:0 10px;border:1px solid #e5e5e5;display:flex;justify-content:center;border-radius:5px}.page .content{display:flex}.page .flex a{color:#181C1B;display:flex;align-items:center;font-size:14px}.page .flex.active,.page .page-numbers.current{background:#1168C9}.page .flex.active a,.page .page-numbers.current{color:#fff}.page .flex:hover,.page .page-numbers:hover{background:#1168C9}.page .flex:hover a,.page .page-numbers:hover{color:#fff}.page .flex:hover svg path{fill:#fff}.page .flex .prev svg{margin-right:5px}.page .flex .next svg,.page .page-numbers.next svg{transform:rotate(180deg);margin-left:5px}.right .page .flex:hover a svg path{fill:#fff}.path_081838{background-color:#081838}.path_081838 .content{height:72px}.path .content{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.path .content>img{margin-bottom:5px}.path .content a{color:#fff}.path .content span{color:#fff;margin:0 10px}.c-sidebar-item--contact{background-color:#1168C9}.phone_header{display:block;width:100%;background-color:#fff;position:fixed;z-index:99}.phone_header .nav{display:block;height:60px}.body-top{width:100%;height:60px;background-color:#fff;position:fixed;z-index:99;box-shadow:0 0 15px 3px rgba(0,6,11,.1);top:0}.body-top .body_top{width:100%;height:100%;display:flex;justify-content:space-between}.body-top .top_left{display:inline-block;padding:5px;padding-left:20px;background:#fff}.body-top .top_left a{display:flex;justify-content:flex-start;align-items:center;height:100%}.body-top .top_left img{max-width:150px}.body-top .top_right_{display:flex;align-items:center}.body-top .top_right_ .login{margin-left:10px}.body-top .top_right_ .login svg{transform:scale(.6)}.body-top .top_right{width:22px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:17px;float:right;right:0}.body-top .top_right span{display:inline-block;width:100%;height:2px;border-radius:2px;background-color:#181A1D;-webkit-transition:opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),opacity 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),opacity 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1)}.body-top .active span:nth-child(1){-webkit-transform:translateY(8.5px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}.body-top .active span:nth-child(2){opacity:0}.body-top .active span:nth-child(3){-webkit-transform:translateY(-8.5px) rotate(45deg);transform:translateY(-9.5px) rotate(45deg)}.body-top .cart{display:flex;float:right;justify-content:center;height:100%;align-items:center;margin-right:10px}.body-top .cart a{text-decoration:none;border:none;position:relative}.body-top .cart a span{display:none}.body-top .cart a .active{width:15px;height:15px;text-decoration:none;color:#fff;background:#e11b22;border-radius:50%;font-size:12px;display:inline-block;position:absolute;right:-10px;top:-10px;text-align:center;display:block}.phone_header .mask_1{width:100%;height:100%;background:rgba(0,0,0,0);position:fixed;z-index:98;opacity:0;pointer-events:none;-webkit-transition:opacity 500ms cubic-bezier(.2,0,0,1);transition:opacity 500ms cubic-bezier(.2,0,0,1);top:0}.phone_header>.active{opacity:1;background:rgba(0,0,0,.5);z-index:99;opacity:1;pointer-events:auto}.body-left{width:30%;opacity:0;height:100%;float:right;z-index:9999;background-color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1)}.body-left .search{width:100%;height:60px;background-color:#1168C9;display:flex;justify-content:flex-end;align-items:center;padding:10px}.body-left .search .close{width:16px;height:16px;margin-left:25px}.body-left.body_left_active{opacity:1!important;-webkit-transform:translateX(0);transform:translateX(0);overflow:auto}.body-left .img{margin-top:30px;margin-bottom:20px;display:flex;justify-content:center}.body-left .img img{width:100px}.body-left .list{padding:10px;min-height:80%}.body-left .list>ul>li{padding:20px 0 20px 0;color:#1d1d1d;font-size:15px;position:relative;border-bottom:1px solid #ccc}.list>ul>li>.active{opacity:1;pointer-events:auto}.body-left .list>ul>li>a{color:#1d1d1d;font-size:15px;position:relative;text-decoration:none}.menu__children_phone{display:none}.body-left .list>ul>li .active{color:#1168C9}.menu__children_phone .menu__item{width:100%;line-height:18px;margin-top:15px;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu__children_phone .menu__item a{color:#666;font-size:14px;text-decoration:none}.menu__item .menu__children_phone3{display:none}.menu__item .menu__children_phone3 li{width:100%;line-height:18px;margin-top:15px;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu__item2 .triangle3 svg{width:14px;height:14px}.menu__item2 .triangle3{display:inline-block;position:absolute;right:6px;-webkit-transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transform-origin:7px 8px}.menu__item2 .triangle3.active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.body-left .list>ul>li .triangle{display:inline-block;position:absolute;right:6px;-webkit-transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:-webkit-transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1);transition:transform 500ms cubic-bezier(.2,0,0,1),-webkit-transform 500ms cubic-bezier(.2,0,0,1);transform-origin:7px 8px}.body-left .list>ul>li .triangle.active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.body-left .nav_phone{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.body-left .nav_phone .call{display:flex;margin-bottom:20px}.body-left .nav_phone .call img{margin-right:10px}.body-left .nav_phone .samples{width:180px;height:40px;background-color:#1168C9;border-radius:20px}.body-left .nav_phone .samples a{width:100%;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;text-decoration:none;font-family:'Bold';box-shadow:0 4px 12px rgb(47 149 217 / 30%)}header{box-shadow:0 0 5px rgba(0,0,0,.1);position:fixed;width:100%;z-index:99;background-color:#fff}.zt{height:100px}header>.content{display:flex;align-items:center;justify-content:space-between;height:100px}header .content .left{display:flex;align-items:center}header .content .left .logo{max-width:200px;margin-right:.4rem}header .content .left ul{display:flex}header .content .left ul.menu_1>li>a{display:flex;padding:.36rem .2rem;font-size:.2rem;color:#181A1D;position:relative}header .content .left ul.menu_1>li>a::after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0%;height:2px;background-color:#15BA88;content:'';transition:all 0.5s}header .content .left ul.menu_1>li>a:hover::after{width:100%}header .content .right ul{display:flex}header .content .right ul li a{position:relative}header .content .sub_menu_0{position:absolute;width:100%;padding:.4rem 0;background:#FFF;box-shadow:0 4px 10px 0 rgba(0,0,0,.14);left:0;top:100%;opacity:0;transform:translateY(-20px);pointer-events:none;transition:transform 500ms cubic-bezier(.2,0,0,1),opacity 500ms cubic-bezier(.2,0,0,1)}header .content .left ul li:hover .sub_menu_0{opacity:1;transform:translateY(0);pointer-events:auto}header .content .sub_menu_0 .content{display:flex}header .content .sub_menu_0 .menu{display:block;max-width:240px;width:100%;margin-right:.4rem}header .content .sub_menu_0 .menu h3{font-family:'Medium';color:#181A1D;margin-bottom:.15rem}header .content .sub_menu_0 .menu li{margin-bottom:10px}header .content .sub_menu_0 .menu li a{font-size:14px}footer{background-color:#081838}footer .top{display:flex;padding:.8rem 0}footer .top .left{max-width:250px;width:100%;margin-right:1rem}footer .top .left .title{align-items:flex-start;margin-bottom:10px}footer .top .left .title h2{font-size:.46rem;color:#fff;margin-bottom:10px}footer .top .left ul{display:flex;flex-wrap:wrap}footer .top .left ul li{margin-right:.18rem}footer .top .left p{font-size:12px;margin-top:.4rem;color:#fff;opacity:.7;text-align:left}footer .top .right{flex:1;display:flex;justify-content:space-between}footer .top .right .box{max-width:180px;width:100%}footer .top .right h3{font-family:'Medium';color:#fff;margin-bottom:.2rem;position:relative}footer .top .right h3 svg{display:none}footer .top .right ul li{margin-bottom:10px}footer .top .right ul li a{color:#fff;font-size:14px;opacity:.7;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer .top .right ul li a:hover{opacity:1}footer .btm{border-top:1px solid rgba(255,255,255,.1);padding:.2rem 0}footer .btm ul{display:flex;flex-wrap:wrap}footer .btm ul li{margin-right:15px;color:#fff;opacity:.7}footer .btm ul li a{color:#fff;opacity:.7}footer .btm ul li a:hover{opacity:1}main .banner_main{position:relative}main .banner_main>.content{position:absolute;left:50%;transform:translateX(-50%);bottom:0}main .banner_main .content .text *{color:#fff}main .banner_main .content .text .title{align-items:flex-start}main .banner_main .content .text .title .h1{text-align:left;max-width:600px;margin:0}main .banner_main .content .text .title p{text-align:left;max-width:600px;font-size:.2rem}main .banner_main .content .text .path{margin:.4rem 0}.sticky{position:relative}.sticky .sticky_top{position:sticky;top:100px;background-color:#081838;z-index:20}.sticky .sticky_top ul{display:flex;overflow-x:auto}.sticky .sticky_top ul li a{padding:.2rem .3rem;display:flex;color:#fff;white-space:nowrap}.sticky .sticky_top ul li.active a{background-color:#1168C9}main .inquerie{height:284px;width:100%;background-image:url(/lib/images/bottom_bg.png);background-repeat:no-repeat;background-size:cover}main .inquerie .content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}main .inquerie .content h3{font-family:'Medium';font-size:.32rem;color:#fff;max-width:1100px;text-align:center}main .inquerie .content a{border:2px solid #FFF;border-radius:28px;display:flex;justify-content:center;align-items:center;padding:0 .56rem;height:56px;color:#fff;font-family:'Medium';margin-top:.4rem}.hidden{display:none}.w-full{width:100%}@media (max-width:1023.98px){.sm\:block{display:block}}@media (max-width:1023.98px){.sm\:hidden{display:none}}.swiper-pagination-bullet{background-color:#1168C9}@media (max-width:1440px){.content{max-width:1140px}.max_1312{max-width:1140px}}@media (max-width:1279px){footer .top{flex-direction:column}footer .top .left{margin-right:0;margin-bottom:.3rem}.sticky .sticky_top{top:60px;z-index:20}.zt{height:60px}}@media (max-width:1023px){footer .top .right{flex-direction:column}footer .top .right h3 svg{display:block;position:absolute;right:0;top:8px;transform:rotate(180deg)}footer .top .right .box{margin-bottom:.3rem;max-width:100%}}@media (max-width:767px){.content{padding:0 15px}.page{justify-content:center}.page .flex,.page .page-numbers{padding:5px;margin:0 5px}.title h4{text-align:center;font-size:.32rem}.path .content{justify-content:flex-start}.path_081838 .content{height:auto;padding:.3rem 15px}*{font-size:.28rem}.btn.more{height:48px}footer .top .left{max-width:100%}footer .top .left .title{align-items:center;border-bottom:1px solid rgba(255,255,255,.3)}footer .top .left .title h2{text-align:center}footer .top .right h3{font-size:.32rem}footer .top .right ul li{padding-left:20px}footer .top .left_btm{display:flex;flex-direction:column;align-items:center}footer .top .left_btm p{font-size:12px;margin-top:.4rem;color:#fff;opacity:.7;text-align:left;margin-bottom:30px}footer .top .left_btm ul{display:flex;flex-wrap:wrap}footer .top .left_btm ul li{margin-right:20px}.body-left{width:60%}main .banner_main>img{height:220px;object-fit:cover}main .inquerie .content a{height:48px;width:100%;font-size:.32rem}main .inquerie .content h3{font-size:.38rem}}del{text-decoration:line-through}